{{* @import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,700&display=swap); *}}

        blockquote,
        body,
        button,
        dd,
        div,
        dl,
        dt,
        fieldset,
        form,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        input,
        li,
        ol,
        p,
        pre,
        td,
        th,
        ul {
            margin: 0;
            padding: 0
        }

        fieldset,
        img {
            border: 0
        }

        embed,
        img,
        object {
            vertical-align: bottom
        }

        address,
        caption,
        cite,
        code,
        dfn,
        em,
        th,
        var {
            font-style: normal;
            font-weight: 400
        }

        ol,
        ul {
            list-style: none
        }

        caption,
        th {
            text-align: left
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 100%
        }

        q:after,
        q:before {
            content: ''
        }

        a * {
            cursor: pointer
        }

        input,
        textarea {
            outline: 0
        }

        @font-face {
            font-family: "Ico Moon";
            src: url(/static/fonts/icomoon.eot);
            src: url(/static/fonts/icomoon.eot?#iefix) format("embedded-opentype"), url(/static/fonts/icomoon.woff) format("woff"), url(/static/fonts/icomoon.ttf) format("truetype"), url("/static/fonts/icomoon.svg#Ico Moon") format("svg");
            font-weight: 400;
            font-style: normal;
            font-display: swap;
        }

        @media screen and (-webkit-min-device-pixel-ratio:0) {
            @font-face {
                font-family: "Ico Moon";
                src: url("/static/fonts/icomoon.svg#Ico Moon") format("svg");
                font-display: swap;
            }
        }

        html {
            height: 100%;
            min-width: 320px;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            font: 14px/1.2 Roboto, sans-serif;
            height: 100%;
            min-width: 320px;
            position: relative;
            color: #000;
            background: #fff
        }

        body.open_setting .setting_section {
            display: block
        }

        @media screen and (max-width:1160px) {
            body.open_setting .setting_section {
                transform: translate3d(0, 0, 0);
                opacity: 1;
                visibility: visible
            }
        }

        body.open_setting .btn_setting {
            color: #0d8df9
        }

        @media screen and (max-width:1160px) {
            body.open_menu .twocolumns.second .box.action {
                transform: rotateY(0) skew(0, 0)
            }
        }

        @media screen and (max-width:680px) {
            body.open .hamburger_nav span {
                transform: translate3d(5px, 0, 0);
                background-color: #0d8df9
            }

            body.open .hamburger_nav:after,
            body.open .hamburger_nav:before {
                background-color: #0d8df9
            }

            body.open .navigation {
                visibility: visible;
                transform: translate3d(0, 0, 0);
                opacity: 1
            }
        }

        a {
            color: #2600ff;
            text-decoration: none
        }

        input {
            outline: 0;
            -webkit-appearance: none;
            border-radius: 0
        }

        * {
            outline: 0
        }

        * {
            box-sizing: border-box
        }

        :after,
        :before {
            box-sizing: border-box
        }

        * ::-moz-selection {
            background: #2600ff;
            color: #fff
        }

        * ::selection {
            background: #2600ff;
            color: #fff
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #7f868c
        }

        input:-moz-placeholder,
        textarea:-moz-placeholder {
            color: #7f868c;
            opacity: 1
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #7f868c;
            opacity: 1
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #7f868c
        }

        input:focus::-webkit-input-placeholder,
        textarea:focus::-webkit-input-placeholder {
            color: transparent
        }

        input:focus:-moz-placeholder,
        textarea:focus:-moz-placeholder {
            color: transparent
        }

        input:focus::-moz-placeholder,
        textarea:focus::-moz-placeholder {
            color: transparent
        }

        input:focus:-ms-input-placeholder,
        textarea:focus:-ms-input-placeholder {
            color: transparent
        }

        input.placeholder,
        textarea.placeholder {
            color: #7f868c !important
        }

        .wrapper {
            display: table;
            width: 100%;
            height: 100%;
            table-layout: fixed;
            overflow: hidden
        }

        .container {
            max-width: 1720px;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px
        }
        .container.narrow {
          max-width: 1650px;
        }

        @media screen and (max-width:1000px) {
            .container {
                padding: 0 10px
            }
        }

        [class*=" icon-"],
        [class^=icon-] {
            font-family: 'Ico Moon' !important;
            font-size: 12px;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .icon-list:before {
            content: "\e914"
        }

        .icon-menu:before {
            content: "\e914"
        }

        .icon-accept-circle:before {
            content: "\e91c"
        }

        .icon-comment:before {
            content: "\e916"
        }

        .icon-info:before {
            content: "\e915"
        }

        .icon-heart-empty:before {
            content: "\e917"
        }

        .icon-share:before {
            content: "\e918"
        }

        .icon-clock:before {
            content: "\e919"
        }

        .icon-dislike:before {
            content: "\e91a"
        }

        .icon-like:before {
            content: "\e91b"
        }

        .icon-user:before {
            content: "\e913"
        }

        .icon-female:before {
            content: "\e911"
        }

        .icon-male:before {
            content: "\e912"
        }

        .icon-lock:before {
            content: "\e910"
        }

        .icon-arrow-down:before {
            content: "\e900"
        }

        .icon-arrow-left:before {
            content: "\e901"
        }

        .icon-arrow-right:before {
            content: "\e902"
        }

        .icon-arrow-top:before {
            content: "\e903"
        }

        .icon-calendar:before {
            content: "\e904"
        }

        .icon-close:before {
            content: "\e905"
        }

        .icon-download:before {
            content: "\e906"
        }

        .icon-eye:before {
            content: "\e907"
        }

        .icon-mon:before {
            content: "\e908"
        }

        .icon-pic:before {
            content: "\e909"
        }

        .icon-search:before {
            content: "\e90a"
        }

        .icon-setting:before {
            content: "\e90b"
        }

        .icon-star-empty:before {
            content: "\e90c"
        }

        .icon-sun:before {
            content: "\e90d"
        }

        .icon-users:before {
            content: "\e90e"
        }

        .icon-video:before {
            content: "\e90f"
        }

        .header {
            box-shadow: 0 2px 40px rgba(35, 35, 37, .13);
            background-color: #dbdee3;
            position: relative;
            z-index: 1001
        }

        .header .holder {
            padding: 10px 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 2
        }

        .player-wrap {
            position: relative;
        }

        #kt_player {
            position: absolute !important
        }

        .ideo-holder {
            width: calc(100% - 320px)
        }

        @media screen and (max-width:1000px) {
            .header .holder {
                padding: 10px
            }

            .ideo-holder {
                width: 100%
            }
        }

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

            .header .holder.open .hamburger_menu:after,
            .header .holder.open .hamburger_menu:before {
                background-color: #0d8df9
            }

            .header .holder.open .hamburger_menu span {
                background-color: #0d8df9
            }

            .header .holder.open .wrap_panel {
                transform: translate3d(0, 0, 0);
                opacity: 1;
                visibility: visible;
            }

            .header .holder.open_search .search {
                transform: translate3d(0, -50%, 0);
                opacity: 1;
                visibility: visible
            }

            .header .holder.open_search .view_search {
                transform: scale(0)
            }
        }

        .logo {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 20px
        }

        @media screen and (max-width:480px) {
            .logo {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -ms-flex-positive: 1;
                flex-grow: 1
            }
        }

        .logo svg {
            display: block
        }

        @media screen and (max-width:768px) {
            .logo svg {
                width: 120px
            }
        }

        .view_search {
            background: 0 0;
            border: none;
            color: #000;
            display: none;
            transform: scale(1);
            transition: transform .3s
        }

        @media screen and (max-width:480px) {
            .view_search {
                display: block
            }
        }

        .view_search i {
            font-size: 20px;
            line-height: 1.2
        }

        .hidden {
            display: none
        }

        .search {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            max-width: 900px;
            width: 100%;
            margin: 0 auto
        }

        @media screen and (max-width:480px) {
            .search {
                position: absolute;
                top: 50%;
                left: 44px;
                right: 30px;
                transform: translate3d(-100%, -50%, 0);
                opacity: 0;
                visibility: hidden;
                transition: transform .3s, opacity .3s, visibility .3s;
                z-index: 2;
                width: auto
            }
        }

        .search .wrap {
            display: -ms-flexbox;
            display: flex
        }

        .search .input {
            background-color: #fff;
            box-shadow: 0 5px 8px rgba(200, 206, 215, .39);
            width: 100%;
            height: 40px;
            border: none;
            padding: 12px 18px;
            font-family: Roboto, sans-serif;
            font-weight: 300;
            color: #000
        }

        .search .btn {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 80px;
            height: 40px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            border: none;
            color: #fff;
            cursor: pointer;
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        @media screen and (min-width:1025px) {
            .search .btn:hover {
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1361d5 0, #1480db 100%)
            }
        }

        @media screen and (max-width:860px) {
            .search .btn {
                width: 50px
            }
        }

        .search .btn i {
            font-size: 19px
        }

        .navigation {
            box-shadow: inset 0 2px 40px rgba(35, 35, 37, .13);
            background-color: #cbd2d6;
            padding: 0 30px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center
        }

        @media screen and (max-width:1440px) {
            .navigation {
                -ms-flex-pack: justify;
                justify-content: space-between
            }
        }

        @media screen and (max-width:1000px) {
            .navigation {
                padding: 0 10px
            }
        }

        @media screen and (max-width:680px) {
            .navigation {
                position: absolute;
                top: 100%;
                left: 0;
                width: 150px;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-align: stretch;
                align-items: stretch;
                padding: 10px;
                transform: translate3d(-100%, 0, 0);
                opacity: 0;
                visibility: hidden;
                background-color: #fff;
                transition: transform .3s, opacity .3s, visibility .3s
            }
        }

        .navigation .item {
            text-transform: uppercase;
            font-weight: 500;
            padding: 0 10px
        }

        @media screen and (max-width:1440px) {
            .navigation .item {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                min-width: 1px;
                text-align: center;
                padding: 0
            }
        }

        @media screen and (max-width:1000px) {
            .navigation .item {
                font-size: 12px
            }
        }

        @media screen and (max-width:480px) {
            .navigation .item {
                text-align: left
            }
        }

        .navigation .item.active a {
            color: #0d8df9
        }

        .navigation .item.active a:after {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

        .navigation a {
            display: block;
            padding: 12px 30px;
            color: #000;
            transition: color .3s;
            position: relative
        }

        @media screen and (min-width:1025px) {
            .navigation a:hover {
                color: #0d8df9
            }

            .navigation a:hover:after {
                transform: translate3d(0, 0, 0);
                opacity: 1
            }
        }

        @media screen and (max-width:1440px) {
            .navigation a {
                padding: 12px 0
            }
        }

        .navigation a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transform: translate3d(0, 5px, 0);
            opacity: 0;
            transition: transform .3s, opacity .3s;
            height: 3px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .wrap_panel {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        @media screen and (max-width:680px) {
            .wrap_panel {
                position: absolute;
                top: 100%;
                right: 0;
                /* width: 120px; */
                width: auto;
                transform: translate3d(100%, 0, 0);
                transition: opacity .3s, visibility .3s, transform .3s;
                background-color: #fff;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 10px
            }
        }

        .lang_drop {
            position: relative;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-left: 40px
        }

        @media screen and (max-width:680px) {
            .lang_drop {
                margin: 0 0 20px
            }
        }

        .lang_drop.open .choice i {
            transform: rotate(180deg)
        }

        .lang_drop.open .drop {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible;
            display: -ms-flexbox;
            display: flex
        }

        .lang_drop .choice {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer
        }

        @media screen and (max-width:680px) {
            .lang_drop .choice {
                -ms-flex-pack: center;
                justify-content: center
            }
        }

        .lang_drop .choice span {
            margin-right: 10px
        }

        .lang_drop .choice i {
            font-size: 10px;
            color: #7f868c
        }

        .lang_drop .drop {
            position: absolute;
            top: calc(100% + 10px);
            right: 0;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .14);
            background-color: #dddfe4;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 70px;
            padding: 5px;
            transform: translate3d(0, 10px, 0);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        @media screen and (max-width:680px) {
            .lang_drop .drop {
                position: static;
                display: none;
                width: auto;
                margin: 10px -10px 0;
                padding: 15px;
                box-shadow: none
            }
        }

        .lang_drop .item {
            padding: 5px;
            width: 50%
        }

        @media screen and (min-width:1025px) {
            .lang_drop .item:hover img {
                box-shadow: 0 0 0 1px #298ae2
            }
        }

        @media screen and (max-width:680px) {
            .lang_drop .item {
                width: 33.333%
            }
        }

        .lang_drop .item img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 20px;
            overflow: hidden;
            transition: box-shadow .3s
        }

        .button_switch {
            color: #7f868c;
            background: 0 0;
            cursor: pointer;
            border: none;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-left: 25px;
            transition: color .3s
        }

        @media screen and (min-width:1025px) {
            .button_switch:hover {
                color: #0d8bf6
            }
        }

        @media screen and (max-width:680px) {
            .button_switch {
                margin: 0 0 10px
            }
        }

        .button_switch i {
            font-size: 20px
        }

        .profile_bar {
            position: relative;
            min-width: 175px;
            margin-left: 30px
        }

        @media screen and (max-width:568px) {
            .profile_bar {
                min-width: auto
            }
        }

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

            .profile_bar.show .icon-user,
            .profile_bar.show img {
                box-shadow: 0 0 0 1px #0d8bf6
            }
        }

        .profile_bar.show .btn_profile {
            color: #0d8cf7
        }

        .profile_bar.show .btn_profile .icon-arrow-down {
            transform: rotate(180deg)
        }

        .profile_bar.show .dropdown {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible
        }

        .btn_profile {
            display: -ms-flexbox;
            display: flex;
            border: none;
            background: 0 0;
            -ms-flex-align: center;
            align-items: center;
            color: #7f868c;
            cursor: pointer;
            font-family: Roboto, sans-serif
        }

        .btn_profile .icon-user {
            width: 40px;
            height: 40px;
            font-size: 20px;
            border-radius: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #7f868c;
            background-color: #e8ecf1
        }

        .btn_profile img {
            width: 40px;
            height: 40px;
            border-radius: 20px;
            display: -ms-flexbox;
            display: flex
        }

        .btn_profile span {
            padding: 0 10px;
            display: inline-block; 
            max-width: 120px;
            overflow: hidden; 
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        @media screen and (max-width:568px) {
            .btn_profile span {
                display: none
            }
        }

        .btn_profile .icon-arrow-down {
            font-size: 10px
        }

        @media screen and (max-width:568px) {
            .btn_profile .icon-arrow-down {
                display: none
            }
        }

        .dropdown {
            position: absolute;
            top: calc(100% + 15px);
            transform: translate3d(0, 10px, 0);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s;
            right: 0;
            min-width: 175px;
            box-shadow: 0 2px 40px rgba(35, 35, 37, .13);
            background-color: #e8ecf1
        }

        .dropdown .item {
            text-transform: uppercase;
            letter-spacing: .35px
        }

        .dropdown .item.show .link {
            color: #fff;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .dropdown .item.show i {
            transform: rotate(180deg)
        }

        .dropdown .item.show .inner_drop {
            display: block
        }

        .dropdown .link {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: #000;
            padding: 15px
        }

        .dropdown .link span {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .dropdown .link i {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            font-size: 10px
        }

        .inner_drop {
            font-size: 12px;
            text-transform: capitalize;
            display: none;
            border-bottom: 1px solid #cfd4d9
        }

        .inner_item {
            color: #000;
            padding: 8px 15px;
            display: block
        }

        @media screen and (min-width:1025px) {
            .inner_item:hover {
                background-color: #7f868c;
                color: #fff
            }
        }

        .action_bar {
            display: -ms-flexbox;
            display: flex;
            margin: -1px;
            padding-left: 25px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        @media screen and (max-width:680px) {
            .action_bar {
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0
            }
        }

        .action_bar .item {
            padding: 1px;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase
        }

        @media screen and (max-width:1000px) {
            .action_bar .item {
                font-size: 12px
            }
        }

        .action_bar a {
            padding: 12px 20px;
            color: #7f868c;
            display: block;
            position: relative;
            transition: color .3s;
            cursor: pointer;
        }

        @media screen and (min-width:1025px) {
            .action_bar a:hover {
                color: #fff
            }

            .action_bar a:hover:before {
                transform: scale(1);
                opacity: 1;
                visibility: visible
            }
        }

        .action_bar a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #298ae2;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            color: #fff;
            transform: scale(.95);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s;
            will-change: transform
        }

        .action_bar span {
            position: relative
        }

        .hamburger_nav {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 24px;
            height: 20px;
            margin-right: 14px;
            background: 0 0;
            border: none;
            position: relative;
            display: none
        }

        @media screen and (max-width:680px) {
            .hamburger_nav {
                display: block
            }
        }

        .hamburger_nav:after,
        .hamburger_nav:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 4px;
            overflow: hidden;
            border-radius: 4px;
            background-color: #7f868c;
            transition: background .3s
        }

        .hamburger_nav:before {
            top: 0
        }

        .hamburger_nav:after {
            bottom: 0
        }

        .hamburger_nav span {
            background-color: #7f868c;
            transform: translate3d(0, 0, 0);
            transition: background .3s, transform .3s;
            height: 4px;
            border-radius: 4px;
            display: block
        }

        .hamburger_menu {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 6px;
            height: 22px;
            margin-left: 20px;
            background: 0 0;
            border: none;
            position: relative;
            display: none
        }

        @media screen and (max-width:680px) {
            .hamburger_menu {
                display: block
            }
        }

        .hamburger_menu:after,
        .hamburger_menu:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 6px;
            overflow: hidden;
            border-radius: 6px;
            background-color: #7f868c
        }

        .hamburger_menu:before {
            top: 0
        }

        .hamburger_menu:after {
            bottom: 0
        }

        .hamburger_menu span {
            background-color: #7f868c;
            height: 6px;
            border-radius: 6px;
            display: block
        }

        .main {
            padding: 15px 0 50px
        }

        .breadcrumbs {
            display: -ms-flexbox;
            display: flex;
            color: #7f868c;
            font-size: 14px;
            margin-bottom: 15px;
            flex-wrap: wrap
        }

        @media screen and (max-width:639px) {
            .breadcrumbs{
                display: none;
            }
        }

        .breadcrumbs .wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .breadcrumbs span {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 14px
        }

        .breadcrumbs .item {
            margin-right: 10px;
            padding-right: 10px;
            color: #0d8bf6;
            position: relative
        }

        .breadcrumbs .item:last-child {
            padding-right: 0;
            margin-right: 0
        }

        .breadcrumbs .item:last-child:after {
            display: none
        }

        .breadcrumbs .item:after {
            color: #7f868c;
            content: "\e902";
            position: absolute;
            top: 50%;
            right: -5px;
            transform: translate3d(0, -50%, 0);
            font-family: 'Ico Moon' !important;
            font-size: 12px;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .breadcrumbs a {
            color: #000
        }

        .breadcrumbs .item:last-child a {
            color: #0d8df9;
        }

        @media screen and (min-width:1025px) {
            .breadcrumbs a:hover {
                text-decoration: underline
            }
        }

        .section {
            margin-bottom: 50px
        }

        @media screen and (max-width:767px) {
            .section {
                margin-bottom: 35px
            }
        }

        .section:last-child {
            margin-bottom: 0
        }

        .section.border {
            padding: 25px 0;
            border-top: 1px solid #cfd4d9;
            border-bottom: 1px solid #cfd4d9
        }

        .section_bottom {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 30px
        }

        .section_bottom .btn {
            text-transform: uppercase;
            padding: 12px 20px;
            color: #fff;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        @media screen and (min-width:1025px) {
            .section_bottom .btn:hover {
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1361d5 0, #1480db 100%)
            }
        }

        .twocolumns {
            display: -ms-flexbox;
            display: flex;
            position: relative;
            z-index: 1
        }

        @media screen and (max-width:1160px) {
            .twocolumns {
                -ms-flex-direction: column;
                flex-direction: column
            }

            .twocolumns.second .column {
                -ms-flex-order: 2;
                order: 2
            }

            .twocolumns.second .column_aside {
                -ms-flex-order: 3;
                order: 3
            }

            .twocolumns.second .box.action {
                margin: 0;
                width: 225px;
                position: absolute;
                top: 0;
                right: -10px;
                z-index: 2;
                transform: rotateY(90deg) skew(0deg, -15deg);
                transform-origin: right top;
                transition: transform .4s
            }

            .twocolumns.second .column_aside .title {
                font-size: 16px
            }

            .twocolumns.second .wrap_content {
                padding: 10px
            }

            .twocolumns.second .avatar {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                width: 100px;
                height: 100px
            }

            .twocolumns.second .avatar img {
                display: block;
                width: 100%;
                height: auto
            }

            .twocolumns.second .avatar i {
                font-size: 50px
            }

            .twocolumns.second .aside_nav .item {
                font-size: 12px
            }
        }

        @media screen and (max-width:1000px) {
            .twocolumns.second .column_aside {
                right: -10px
            }
        }

        .twocolumns .column {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .headline {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
            position: relative;
            z-index: 2
        }

        @media screen and (max-width:767px) {
            .headline {
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-align: start;
                align-items: flex-start
            }
        }

        .headline .name {
            font-weight: 400;
            font-size: 24px;
            line-height: 1.2;
            color: #000;
            position: relative;
            padding-left: 35px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        @media screen and (max-width:767px) {
            .headline .name {
                width: 100%
            }
        }

        @media screen and (max-width:480px) {
            .headline .name {
                font-size: 18px;
                padding-left: 30px
            }
        }

        .headline .name:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 28px;
            height: 28px;
            border-radius: 14px;
            background: #356dd9;
            background: linear-gradient(to bottom, #356dd9 0, #67d8fe 100%)
        }

        @media screen and (max-width:480px) {
            .headline .name:before {
                width: 22px;
                height: 22px
            }
        }

        .headline .title {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            font-weight: 400;
            font-size: 24px;
            line-height: 1.2;
            color: #000;
            position: relative;
/*            padding-left: 35px;*/
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            flex-wrap: wrap;
        }

        @media screen and (max-width:767px) {
            .headline .title {
                width: 100%
            }
        }

        @media screen and (max-width:480px) {
            .headline .title {
                font-size: 18px;
/*                padding-left: 30px*/
            }
        }

        .headline .title:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 28px;
            height: 28px;
/*            border-radius: 14px;
            background: #356dd9;
            background: linear-gradient(to bottom, #356dd9 0, #67d8fe 100%)*/
        }

        @media screen and (max-width:480px) {
            .headline .title:before {
                width: 22px;
                height: 22px
            }
        }

        .headline span {
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .headline .wrap {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;

            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-right: 20px;
        }

        @media screen and (max-width:767px) {
            .headline .wrap {
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                white-space: normal;
            }
        }

        .headline .wrap .title {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .headline .wrap span {
            margin-left: 8px;
            -ms-flex-item-align: end;
            align-self: flex-end;
            color: #7f868c;
            font-size: 14px;
            letter-spacing: .35px;
            margin-bottom: 5px;
        }

        @media screen and (max-width:767px) {
            .headline .wrap span {
                -ms-flex-item-align: start;
                align-self: flex-start;
                margin: 10px 0 0
            }
        }

        .headline .close {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            border: none;
            background: 0 0;
            display: none
        }

        @media screen and (max-width:1160px) {
            .headline .close {
                display: block
            }
        }

        .headline .close i {
            font-size: 14px
        }

        .headline .btn_menu {
            position: absolute;
            top: 5px;
            right: 0;
            border: none;
            background: 0 0;
            display: none
        }

        @media screen and (max-width:1160px) {
            .headline .btn_menu {
                display: block
            }
        }

        .headline .btn_menu i {
            font-size: 18px
        }

        .sub_button {
            margin-left: 18px;
            background-color: #e8ecf1;
            display: -ms-flexbox;
            display: flex;
            letter-spacing: .3px;
            font-size: 12px
        }

        @media screen and (max-width:767px) {
            .sub_button {
                margin: 10px 0 0
            }
        }

        .sub_button span {
            color: #7f868c;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
            padding: 0 10px
        }

        .button_subscribe {
            color: #fff;
            padding: 8px 10px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        @media screen and (min-width:1025px) {
            .button_subscribe:hover {
                background-color: #1361d5;
                background-image: linear-gradient(-127deg, #1361d5 0, #1480db 100%)
            }
        }

        .sub_headline {
            color: #000;
            font-size: 16px;
            font-weight: 500;
            padding-bottom: 15px;
            margin-bottom: 15px;
            border-bottom: 1px solid #cfd4d9
        }

        .sub_desc {
            color: #7f868c;
            font-size: 14px;
            line-height: 1.4;
            margin-bottom: 10px
        }

        .tags_list {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -1px -1px 20px
        }

        .tags_list span {
            color: #000;
            font-size: 14px;
            line-height: 1.2;
            margin-right: 10px;
            padding: 1px
        }

        .tags_list .item {
            padding: 1px
        }

        .tags_list a {
            background-color: #e8ecf1;
            display: block;
            padding: 6px 8px;
            color: #7f868c;
            font-size: 12px;
            line-height: 1.2;
            letter-spacing: .3px
        }

        @media screen and (min-width:1025px) {
            .tags_list a:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                color: #fff;
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .headline_panel {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }
        .headline_panel.albums .second+.second .sorting {
            width: 100px; 
        }

        @media screen and (max-width:767px) {
            .headline_panel {
                width: 100%;
                margin-top: 15px
            }
        }

        .headline_panel .second {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        @media screen and (max-width:767px) {
            .headline_panel .second {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                min-width: 1px
            }

            .headline_panel.albums .second {
                flex-grow: 0
            }
        }

        .headline_panel .val {
            color: #7f868c;
            font-size: 12px;
            font-weight: 300;
            line-height: 1.2;
            letter-spacing: .3px;
            margin-right: 10px
        }

        .sorting {
            display: -ms-flexbox;
            display: flex;
            position: relative;
            width: 140px;
        }

        .sorting.active .sorting_choice {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #e8ecf1;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            color: #fff
        }

        .sorting.active .sorting_choice i {
            transform: rotate(180deg)
        }

        .sorting.active .sorting_drop {
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0, 0);
        }

        .sorting_choice {
            color: #7f868c;
            font-size: 12px;
            line-height: 1.2;
            letter-spacing: .3px;
            background-color: #e8ecf1;
            padding: 8px 10px;
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

        .sorting_choice span {
            margin-right: 8px;
            max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        }

        .sorting_choice i {
            font-size: 10px
        }

        .sorting_drop {
            position: absolute;
            top: 100%;
            left: 0;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .14);
            background-color: #dddfe4;
            transform: translate3d(0, 10px, 0);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s;
            width: 100%;
        }

        .sorting_drop a {
            color: #7f868c;
            padding: 8px 10px;
            font-size: 12px;
            display: block;
            letter-spacing: .3px;
            white-space: nowrap;
            cursor: pointer;
        }

        .sorting_drop .sorting_choice_in {
            color: #7f868c;
            padding: 8px 10px;
            font-size: 12px;
            letter-spacing: .3px;
            white-space: nowrap;
            cursor: pointer;
            display: flex;
            align-items: center
        }

        @media screen and (min-width: 1025px) {
          .sorting_drop .sorting_choice_in:hover {
            background-color: #fff;
            color: #000;
          }
        }

        .sorting_drop .sorting_choice_in span {
            margin: 0 8px 0 0
        }

        .sorting_drop i {
            font-size: 10px
        }

        .sorting_drop .in-sorting.active .sorting_drop_in {
            display: block
        }

        .sorting_drop .in-sorting.active .sorting_choice_in i {
            transform: rotate(180deg)
        }

        .sorting_drop .in-sorting.active .sorting_choice_in {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #e8ecf1;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            color: #fff
        }

        .sorting_drop .sorting_drop_in {
            display: none;
            box-shadow: inset 0 -5px 8px rgba(21, 75, 228, .39)
        }

        .sorting_drop .sorting_drop_in a.active {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #e8ecf1;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            color: #fff
        }

        @media screen and (min-width:1025px) {
            .sorting_drop a:hover {
                background-color: #fff;
                color: #000
            }
        }

        .btn_setting {
            background: 0 0;
            border: none;
            cursor: pointer;
            color: #7f868c;
            margin-left: 20px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            font-family: Roboto, sans-serif
        }

        .btn_setting i {
            font-size: 20px;
            line-height: 1.2
        }

        .alphabet {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -2px;
            padding-bottom: 30px
        }

        .alphabet .item {
            font-weight: 500;
            text-transform: uppercase;
            padding: 2px
        }

        .alphabet a {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            color: #898f95;
            width: 40px;
            height: 40px;
            background-color: #e8ecf1
        }

        .alphabet a.active {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        @media screen and (min-width:1025px) {
            .alphabet a:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .thumbs {
            margin: -10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .native_preroll .thumbs {
            margin: 0 -10px;
            padding: 0 0 0 10px;
            width: calc(75% + 5px);
        } 

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

            .native_preroll .thumbs {
                width: calc(100% + 10px);
            }
        }


        @media screen and (max-width:860px) {
            .thumbs {
                margin: -5px
            }

            .native_preroll .thumbs {
                margin: 0 -5px;
                padding: 0 0px 0 5px;
                width: calc(100% + 5px);
            }
        }

        .thumb {
            width: 25%;
            padding: 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column
        }

        @media screen and (max-width:1280px) {
            .thumb {
                width: 33.333%
            }
        }

        @media screen and (max-width:860px) {
            .thumb {
                width: 50%;
                padding: 5px
            }
        }

        @media screen and (max-width:413px) {
            .thumb {
                width: 100%
            }
        }

        .thumb.album {
            width: 20%
        }

        @media screen and (max-width:1540px) {
            .thumb.album {
                width: 25%
            }
        }

        @media screen and (max-width:1366px) {
            .thumb.album {
                width: 33.333%
            }
        }

        @media screen and (max-width:1160px) {
            .thumb.album {
                width: 25%
            }
        }

        @media screen and (max-width:960px) {
            .thumb.album {
                width: 33.333%
            }
        }

        @media screen and (max-width:640px) {
            .thumb.album {
                width: 50%;
                padding: 5px
            }
        }

        .thumb.album .wrap_image {
            padding-bottom: 119%
        }

        .thumb.inner {
            width: 20%
        }

        @media screen and (max-width:1466px) {
            .thumb.inner {
                width: 25%
            }
        }

        @media screen and (max-width:1280px) {
            .thumb.inner {
                width: 33.333%
            }
        }

        @media screen and (max-width:860px) {
            .thumb.inner {
                width: 50%;
                padding: 5px
            }
        }

        @media screen and (max-width:413px) {
            .thumb.inner {
                width: 100%
            }
        }

        .th {
            display: block
        }

        @media screen and (min-width:1025px) {
            .th:hover .wrap_image {
                box-shadow: 0 3px 18px rgba(0, 0, 0, .56)
            }

            .th:hover .title {
                color: #0d8df9
            }

            .th:hover .progress {
                opacity: 1
            }

            .th:hover .private,
            .th:hover .time {
                transform: translate3d(0, -25%, 0);
                transform-origin: top center;
                opacity: 0;
                visibility: hidden
            }
        }

        .th .wrap_image {
            display: block;
            margin-bottom: 12px;
            padding-bottom: 56.47%;
            transition: box-shadow .3s;
            position: relative;
            color: #000
        }

        .th .time {
            position: absolute;
            bottom: 10px;
            left: 10px;
            background-color: rgba(255, 255, 255, .8);
            font-weight: 300;
            font-size: 12px;
            line-height: 1.4;
            text-transform: uppercase;
            padding: 5px 10px;
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        .th .private {
            position: absolute;
            bottom: 10px;
            right: 10px;
            background-color: rgba(255, 255, 255, .8);
            font-weight: 300;
            font-size: 12px;
            line-height: 1.4;
            text-transform: uppercase;
            padding: 5px 10px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        .th .private i {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            font-size: 14px
        }

        .th .private span {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .th img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .item.model .th img {
            height: auto
        }

        .thumb.album.model .wrap_image {
            padding-bottom: 133%
        }

        .th .title {
            color: #000;
            transition: color .3s;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 10px
        }

        .th .wrap {
            display: -ms-flexbox;
            display: flex
        }

        @media screen and (max-width:374px) {
            .th .wrap {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .th .site {
            margin-right: 10px;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 300;
            border-right: 1px solid #7f868c;
            max-width: 100%;
            overflow: hidden
        }

        @media screen and (max-width:1160px) {
            .th .site {
                font-size: 13px
            }
        }

        @media screen and (max-width:374px) {
            .th .site {
                padding: 0;
                margin: 0 0 5px;
                border: none
            }
        }

        .th .site a {
            display: -ms-inline-flexbox;
            display: inline-flex;
            vertical-align: top;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        @media screen and (min-width:1025px) {
            .th .site a:hover {
                color: #0d8df9
            }
        }

        .th .list {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            color: #7f868c;
            margin: -2px -5px
        }

        .th .list i {
            font-size: 14px;
            margin-right: 5px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .th .list i.icon-eye,
        .th .list i.icon-pic,
        .th .list i.icon-video {
            font-size: 16px
        }

        .th .list_item {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
            font-weight: 300;
            padding: 2px 5px
        }

        @media screen and (max-width:1160px) {
            .th .list_item {
                font-size: 13px
            }
        }

        .th .list_item:last-child {
            margin-right: 0
        }

        .th a {
            color: #7f868c;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -ms-inline-flexbox;
            display: inline-flex;
            vertical-align: top;
            -ms-flex-align: center;
            align-items: center;
            max-width: 100%
        }

        .th a i {
            font-size: 14px;
            margin-right: 5px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .th a span {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .listed_view {
            position: absolute;
            top: 10px;
            right: 10px;
            z-index: 2
        }

        .listed_view .item {
            position: absolute;
            top: 0;
            right: 0;
            width: 90px;
            z-index: 1
        }

        .listed_view .item img {
            height: auto
        }

        @media screen and (min-width:1025px) {
            .listed_view .item:hover {
                z-index: 2
            }

            .listed_view .item:hover:after {
                box-shadow: 0 0 0 2px #0d8cf7
            }
        }

        .listed_view .item.second {
            top: 10px;
            right: 10px
        }

        .listed_view .item:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: "";
            z-index: 2;
            box-shadow: 0 0 0 2px rgba(127, 134, 140, .7)
        }

        .listed_view img {
            max-width: 100%;
            width: auto;
            position: static
        }

        .progress {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            width: 100%;
            opacity: 0;
            transition: opacity .3s
        }

        .progress span {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .thumbs_cat {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -10px
        }

        .thumb_cat {
            padding: 10px;
            width: 25%
        }

        @media screen and (max-width:1280px) {
            .thumb_cat {
                width: 33.333%
            }
        }

        @media screen and (max-width:860px) {
            .thumb_cat {
                width: 50%;
                padding: 5px
            }
        }

        @media screen and (max-width:413px) {
            .thumb_cat {
                width: 100%
            }
        }

        .th_cat {
            display: block;
            position: relative;
            padding-bottom: 56.4%
        }

        @media screen and (min-width:1025px) {
            .th_cat:hover .title {
                background-color: rgba(20, 128, 219, .8)
            }

            .th_cat:hover .title span {
                color: #fff
            }
        }

        .th_cat img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .th_cat .title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            background-color: rgba(0, 0, 0, .7);
            transition: background .3s;
            padding: 12px;
            color: #fff;
            text-transform: uppercase
        }

        @media screen and (max-width:480px) {
            .th_cat .title {
                font-size: 13px
            }
        }

        .th_cat .title span {
            color: #7f868c;
            font-weight: 300;
            transition: color .3s
        }

        .list_top {
            list-style: none;
            counter-reset: my-awesome-counter;
            display: -ms-flexbox;
            display: flex;
            margin: -5px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
/*            flex-direction: column;*/
            max-height: 180px;
        }

        .list_top .item {
            padding: 5px;
            width: 25%;
            counter-increment: my-awesome-counter;
            font-size: 16px;
            position: relative
        }

        @media screen and (min-width:1025px) {
            .list_top .item:hover:before {
                color: #fff
            }

            .list_top .item:hover a {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        @media screen and (max-width:860px) {
            .list_top .item {
                width: 50%
            }

            .list_top {
                max-height: 400px;
            }
        }

        @media screen and (max-width:480px) {
            .list_top .item {
                font-size: 13px
            }

            .list_top {
                max-height: 370px;
            }
        }

        .list_top .item:before {
            position: absolute;
            top: 50%;
            transform: translate3d(0, -50%, 0);
            left: 20px;
            font-weight: 500;
            color: #000;
            content: counter(my-awesome-counter) ". "
        }

        .list_top a {
            color: #000;
            background-color: #e8ecf1;
            padding: 15px 25px 15px 40px;
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .desc_bottom {
            color: #7f868c;
            font-size: 14px;
            line-height: 1.6;
            margin-top: 50px
        }

        @media screen and (max-width:480px) {
            .desc_bottom {
                margin-top: 25px;
                font-size: 13px
            }
        }

        .desc_bottom .row {
            margin-bottom: 20px
        }

        .desc_bottom .row:last-child {
            margin-bottom: 0
        }

        .column_aside {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-left: 20px;
            width: 320px;
        }

        @media screen and (max-width:1160px) {
            .column_aside {
                margin: 20px 0 0;
                width: auto
            }
        }

        .column_aside .box {
            box-shadow: 0 2px 20px rgba(35, 35, 37, .13);
            margin-bottom: 20px;
            background-color: #cfd4d9;
padding-bottom: 1px;
        }

        @media screen and (max-width:1160px) {
            .column_aside .box.second {
                display: none
            }
        }

        .column_aside .box:last-child {
            margin-bottom: 0
        }

        .column_aside .box.show .btn_show {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .column_aside .box.show .btn_show:before {
            content: "-"
        }

        .column_aside .box.show .search_aside {
            display: block
        }

        .column_aside .headline {
            margin: 0;
            padding: 18px 20px;
            box-shadow: 0 1px 0 rgba(35, 35, 37, .05);
            background-color: #dddfe5;
            display: -ms-flexbox;
            display: flex;
            z-index: 1;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-direction: row;
            flex-direction: row
        }

        @media screen and (max-width:480px) {
            .column_aside .headline {
                padding: 14px
            }
        }

        .column_aside .headline .title {
            font-size: 20px;
            letter-spacing: -.8px;
            width: auto;
            display: -ms-flexbox;
            display: flex
        }

        @media screen and (max-width:480px) {
            .column_aside .headline .title {
                font-size: 18px
            }
        }

        .column_aside .headline .title:before {
            top: 50%;
            transform: translate3d(0, -50%, 0);
            width: 23px;
            height: 23px;
            border-radius: 23px
        }

        .column_aside .headline .title span {
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .column_aside .headline .title img {
            display: inline-block;
            vertical-align: top;
            margin-left: 10px
        }

        .column_aside .btn_close {
            background: 0 0;
            border: none;
            cursor: pointer;
            color: #7f868c;
            display: none
        }

        @media screen and (max-width:1160px) {
            .column_aside .btn_close {
                display: block
            }
        }

        .column_aside .btn_close i {
            font-size: 14px
        }

        .column_aside .btn_show {
            background: 0 0;
            border: none;
            cursor: pointer;
            font-size: 18px;
            width: 20px;
            height: 20px;
            background-color: #7f868c;
            color: #fff;
            line-height: 1;
            font-family: Roboto, sans-serif
        }

        .column_aside .btn_show:before {
            content: "+"
        }

        .content_post {
            padding: 20px;
            line-height: 1.4
        }

        .content_post a {
            color: #0d8df9
        }

        @media screen and (min-width:1025px) {
            .content_post a:hover {
                text-decoration: underline
            }
        }

        .cols_thumbs {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -15px
        }

        .cols_thumbs .item {
            width: 50%;
            padding: 15px
        }

        @media screen and (max-width:1160px) {
            .cols_thumbs .item {
                width: 20%
            }
        }

        @media screen and (max-width:767px) {
            .cols_thumbs .item {
                width: 25%
            }
        }

        @media screen and (max-width:567px) {
            .cols_thumbs .item {
                width: 33.333%
            }
        }

        @media screen and (max-width:479px) {
            .cols_thumbs .item {
                width: 50%
            }
        }

        .cols_thumbs .item_th {
            color: #000;
            display: block
        }

        @media screen and (min-width:1025px) {
            .cols_thumbs .item_th:hover .wrap_image:before {
                transform: scale(1);
                opacity: 1;
                border-width: 2px
            }

            .cols_thumbs .item_th:hover .wrap_image img {
                transform: scale(1.1)
            }

            .cols_thumbs .item_th:hover .name {
                color: #0d8df9
            }
        }

        .cols_thumbs .wrap_image {
            padding-bottom: 100%;
            position: relative;
            border-radius: 125px;
            overflow: hidden
        }

        .cols_thumbs .wrap_image:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            border-radius: 125px;
            border: 10px solid #000;
            transform: scale(.98);
            opacity: 0;
            transition: transform .3s, opacity .3s, border .3s
        }

        .cols_thumbs .wrap_image img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            transform: scale(1);
            transition: transform .3s
        }

        .cols_thumbs .name {
            margin-top: 15px;
            text-transform: capitalize;
            text-align: center;
            transition: color .3s
        }
        .list-subscriptions .cols_thumbs .name {
          white-space: nowrap;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .avatar {
            border-radius: 140px;
            background-color: #e8ecf1;
            width: 280px;
            height: 280px;
            overflow: hidden;
            margin: 0 auto;
            color: #7f868c;
            position: relative
        }

        .avatar i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            font-size: 130px
        }

        .avatar img {
            display: block;
            width: 100%;
            height: auto
        }

        .aside_top_nav {
            margin-top: 20px
        }

        .aside_top_nav .item {
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 5px
        }

        .aside_top_nav .item:last-child {
            margin-bottom: 0
        }

        .aside_top_nav a {
            padding: 12px;
            display: block;
            color: #7f868c;
            background-color: #e8ecf1
        }

        @media screen and (min-width:1025px) {
            .aside_top_nav a:hover {
                color: #fff;
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .aside_nav {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #7f868c
        }

        .aside_nav .item {
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 5px
        }

        .aside_nav .item:last-child {
            margin-bottom: 0
        }

        .aside_nav .item.active a {
            color: #fff;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .aside_nav a {
            padding: 12px;
            display: block;
            color: #dddfe5;
            background-color: #7f868c
        }

        @media screen and (min-width:1025px) {
            .aside_nav a:hover {
                color: #fff;
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .setting_section {
            width: 320px;
            box-shadow: 0 2px 20px rgba(35, 35, 37, .13);
            margin-bottom: 20px;
            background-color: #cfd4d9;
            display: none
        }

        @media screen and (max-width:1160px) {
            .setting_section {
                display: block;
                transform: translate3d(0, 100%, 0);
                opacity: 0;
                visibility: hidden;
                transition: transform .3s, opacity .3s, visibility .3s;
                position: fixed;
                bottom: 0;
                right: 0;
                max-width: 350px;
                margin: 0;
                width: 100%;
                max-height: calc(100% - 150px);
                overflow: auto;
                z-index: 3
            }
        }

        @media screen and (max-width:480px) {
            .setting_section {
                max-width: 100%;
                top: 150px
            }
        }

        .setting_content .row {
            padding: 20px;
            position: relative
        }

        @media screen and (max-width:1160px) {
            .setting_content .row {
                padding: 14px 20px
            }
        }

        .setting_content .row.open .heading {
            color: #000
        }

        .setting_content .row.open .heading i {
            color: #0d8cf7;
            transform: rotate(180deg)
        }

        .setting_content .row.open .overlay {
            display: block
        }

        .setting_content .row::after {
            content: "";
            background-color: #7f868c;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 20px;
            right: 20px
        }

        .setting_content .row:last-child::after {
            display: none
        }

        .setting_content .heading {
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: #7f868c
        }

        .setting_content .heading i {
            font-size: 10px
        }

        .setting_content .title {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.2
        }

        @media screen and (max-width:480px) {
            .setting_content .title {
                font-size: 14px
            }
        }

        .overlay {
            margin-top: 18px;
            display: none
        }

        .overlay.open .btnOpen {
            background-color: #0d8cf7;
            color: #fff
        }

        .overlay.open .box_drop {
            display: block
        }

        .search_field {
            box-shadow: 0 5px 8px rgba(200, 206, 215, .39);
            background-color: #fff;
            display: -ms-flexbox;
            display: flex
        }

        .search_field .button {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            background: 0 0;
            border: none;
            cursor: pointer;
            color: #7f868c;
            padding: 0 0 0 20px
        }

        .search_field .button i {
            font-size: 20px
        }

        .search_field .input {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            background: 0 0;
            border: none;
            width: 100%;
            height: 40px;
            padding: 12px;
            font-weight: 300;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            color: #7f868c
        }

        .list_filter {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -5px
        }

        .list_filter .item {
            width: 50%;
            font-size: 12px;
            letter-spacing: .3px;
            padding: 5px
        }

        .list_filter .item span {
            color: #000
        }

        .list_filter a {
            display: inline-block;
            vertical-align: top;
            padding: 8px;
            background-color: #e8ecf1;
            color: #7f868c
        }

        @media screen and (min-width:1025px) {
            .list_filter a:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                color: #fff;
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }

            .list_filter a:hover span {
                color: #fff
            }
        }

        .list_filter .btnOpen {
            background-color: #7f868c;
            border: none;
            cursor: pointer;
            color: #fff;
            font-family: Roboto, sans-serif;
            font-size: 12px;
            letter-spacing: .3px;
            color: #cfd4d9;
            padding: 8px 15px
        }

        @media screen and (min-width:1025px) {
            .list_filter .btnOpen:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .box_drop {
            box-shadow: 0 1px 0 rgba(35, 35, 37, .05), 0 -1px 0 rgba(35, 35, 37, .05);
            background-color: #dddfe5;
            margin: 20px -20px 0;
            padding: 20px;
            display: none
        }

        .box_drop .sup {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 15px
        }

        .box_drop .title {
            color: #7f868c;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: .35px
        }

        .box_drop .close {
            background: 0 0;
            border: none;
            cursor: pointer;
            color: #7f868c
        }

        .box_drop .close i {
            font-size: 14px
        }

        .box_drop .cols {
            display: -ms-flexbox;
            display: flex;
            margin: -1px 0 5px
        }

        .box_drop .col {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            padding: 1px
        }

        .panel_button {
            display: -ms-flexbox;
            display: flex;
            margin: -2px
        }

        .panel_button .col_button {
            padding: 2px
        }

        .panel_button .button {
            background-color: #7f868c;
            color: #dddfe5;
            padding: 8px 20px;
            font-size: 12px;
            letter-spacing: .3px;
            font-family: Roboto, sans-serif;
            border: none;
            cursor: pointer
        }

        @media screen and (min-width:1025px) {
            .panel_button .button:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .checkbox_list {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 25px -4px -4px
        }

        .checkbox_list.direction {
            -ms-flex-direction: column;
            flex-direction: column
        }

        .checkbox_list.direction .item {
            width: 100%
        }

        .checkbox_list .item {
            width: 50%;
            padding: 4px
        }

        .checkbox_list .checkbox {
            display: none
        }

        .checkbox_list .checkbox:checked+.label:before {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .checkbox_list .checkbox:checked+.label:after {
            display: block
        }

        .checkbox_list .label {
            padding: 2px 0 2px 26px;
            position: relative;
            font-family: Roboto, sans-serif;
            color: #7f868c;
            letter-spacing: .35px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
        }

        @media screen and (max-width:480px) {
            .checkbox_list .label {
                font-size: 13px
            }
        }

        .checkbox_list .label:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 18px;
            height: 18px;
            background-color: #fff
        }

        .checkbox_list .label:after {
            content: "";
            position: absolute;
            left: 4px;
            top: 5px;
            transform: rotate(-45deg);
            border: none;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            width: 12px;
            height: 6px;
            display: none
        }

        .checkbox_list .label span {
            color: #000
        }

        .range_slider {
            margin-bottom: 20px
        }

        #input-number-next,
        #input-number-prev,
        #input-select {
            padding: 10px;
            width: 110px;
            height: 40px;
            border: none;
            box-shadow: 0 5px 8px rgba(200, 206, 215, .39);
            background-color: #fff;
            color: #7f868c;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 300;
            line-height: 30px
        }

        .spot_list {
            box-shadow: 0 2px 20px rgba(35, 35, 37, .13);
            background-color: #cfd4d9;
            padding: 20px
        }

        @media screen and (max-width:374px) {
            .spot_list {
                padding: 0;
                background: 0 0;
                box-shadow: none
            }
        }

        .spot_list .wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            margin: -10px
        }

        .spot_list .title {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 12px;
            font-weight: 300;
            line-height: 1;
            padding-top: 10px;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 2.4px;
            text-align: center
        }

        .spot_list .spot {
            padding: 10px
        }

        .spot_box {
            padding: 10px
        }

        .spot_box .title {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 12px;
            font-weight: 300;
            line-height: 1;
            padding-top: 10px;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 2.4px;
            text-align: center
        }

        .wrap_content {
            padding: 20px
        }

        .thumbs_min {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -3px
        }

        .thumb_min {
            width: 50%;
            padding: 3px
        }

        @media screen and (max-width:1160px) {
            .thumb_min {
                width: 12.5%
            }
        }

        @media screen and (max-width:1024px) {
            .thumb_min {
                width: 16.666%
            }
        }

        @media screen and (max-width:860px) {
            .thumb_min {
                width: 20%
            }
        }

        @media screen and (max-width:640px) {
            .thumb_min {
                width: 25%
            }
        }

        @media screen and (max-width:568px) {
            .thumb_min {
                width: 50%
            }
        }

        .th_min {
            display: block;
            position: relative;
            padding-bottom: 131.5%
        }

        @media screen and (min-width:1025px) {
            .th_min:hover .name {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: rgba(20, 128, 219, .8)
            }
        }

        .th_min img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .th_min .name {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .9);
            color: #fff;
            transition: background .3s;
            text-align: center;
            padding: 5px
        }

        .button_more {
            background-color: #7f868c;
            color: #fff;
            text-align: center;
            padding: 14px;
            text-transform: capitalize;
            display: block;
            margin-top: 20px;
            border: none;
            cursor: pointer;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 500
        }

        @media screen and (min-width:1025px) {
            .button_more:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .thumbs_large {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -10px
        }

        .thumb_item {
            width: 50%;
            padding: 10px
        }

        .th_item {
            position: relative;
            padding-bottom: 56.4%
        }

        @media screen and (min-width:1025px) {
            .th_item:hover:before {
                opacity: 1;
                visibility: visible
            }

            .th_item:hover .btn_download {
                transform: translate3d(-50%, -50%, 0) scale(1);
                opacity: 1;
                visibility: visible
            }
        }

        .th_item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s, visibility .3s;
            background-color: rgba(0, 0, 0, .7)
        }

        .th_item img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%
        }

        .th_item .btn_download {
            position: absolute;
            top: 50%;
            left: 50%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            transform: translate3d(-50%, -50%, 0) scale(.8);
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s, visibility .3s, transform .3s;
            will-change: transform;
            z-index: 2;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #298ae2;
            color: #fff;
            font-size: 20px;
            font-weight: 500;
            padding: 20px;
            max-width: 320px;
            width: 100%;
            -ms-flex-pack: center;
            justify-content: center;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .th_item i {
            font-size: 30px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 5px
        }

        .bottom_content {
            margin-top: 25px;
            text-align: center;
            color: #7f868c;
            font-size: 14px
        }

        .bottom_content a {
            color: #0d8cf7
        }

        @media screen and (min-width:1025px) {
            .bottom_content a:hover {
                text-decoration: underline
            }
        }

        @media screen and (max-width:1160px) {
            .list_items {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin: -5px -10px
            }
        }

        @media screen and (max-width:640px) {
            .list_items {
                margin: -8px -10px
            }
        }

        .list_items .item {
            font-weight: 500;
            color: #0d8cf7
        }

        @media screen and (max-width:1160px) {
            .list_items .item {
                width: 16.666%;
                padding: 5px 10px
            }
        }

        @media screen and (max-width:1024px) {
            .list_items .item {
                width: 33.333%
            }
        }

        @media screen and (max-width:640px) {
            .list_items .item {
                width: 50%;
                padding: 8px 10px
            }
        }

        @media screen and (max-width:374px) {
            .list_items .item {
                width: 100%
            }
        }

        .list_items a {
            padding: 8px 0;
            display: -ms-flexbox;
            display: flex;
            color: #000;
            position: relative
        }

        @media screen and (min-width:1025px) {
            .list_items a:hover {
                color: #0d8cf7
            }

            .list_items a:hover:after {
                transform: translate3d(0, 0, 0);
                opacity: 1;
                visibility: visible
            }

            .list_items a:hover span {
                color: #0d8cf7
            }
        }

        @media screen and (max-width:640px) {
            .list_items a {
                padding: 0
            }
        }

        .list_items a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -10px;
            border-radius: 3px;
            right: -10px;
            height: 3px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            transform: translate3d(0, 5px, 0);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        .list_items a strong {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .list_items a span {
            color: #7f868c;
            margin-left: 10px
        }

        .pagination {
            margin-top: 25px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .pagination .item {
            font-size: 16px;
            line-height: 1;
            margin: 1px;
            text-align: center;
            letter-spacing: .4px
        }

        @media screen and (max-width:1000px) {
            .pagination .item {
                font-size: 14px
            }
        }

        @media screen and (max-width:640px) {
            .pagination .item {
                display: none
            }

            .pagination .item.active,
            .pagination .item.pager {
                display: inline-block
            }
        }

        .pagination .item.active a {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .pagination .item.pager a {
            padding: 17px 10px
        }

        .pagination span {
            padding: 0 5px
        }

        .pagination i {
            font-size: 14px;
            padding: 0 5px
        }

        .pagination a {
            color: #7f868c;
            display: block;
            min-width: 50px;
            padding: 17px 5px
        }

        @media screen and (min-width:1025px) {
            .pagination a:hover {
                background-color: #e8ecf1
            }
        }

        @media screen and (max-width:1000px) {
            .pagination a {
                min-width: 40px;
                padding: 14px
            }
        }

        .tags_container {
            padding-bottom: 50px;
            border-bottom: 1px solid #cfd4d9
        }

        .tags_container .cols {
            /* display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; */
            -webkit-columns: 5;
              -moz-columns: 5;
                    columns: 5;
            padding-left: 0;
            margin: -10px -40px
        }

        @media screen and (max-width:1366px) {
            .tags_container .cols {
                margin: -10px -15px
            }
        }

        .tags_container .col {
          list-style-position: inside;
  -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid; 
            /* width: 20%; */
            padding: 10px 40px
        }

        @media screen and (max-width:1366px) {
            .tags_container .col {
                padding: 10px 15px
            }
        }

        @media screen and (max-width:1024px) {
            .tags_container .cols {
              -webkit-columns: 3;
                 -moz-columns: 3;
                      columns: 3;
            }
            .tags_container .col {
                /* width: 33.333% */
            }
        }

        @media screen and (max-width:640px) {
          .tags_container .cols {
              -webkit-columns: 2;
                 -moz-columns: 2;
                      columns: 2;
            }
            .tags_container .col {
                /* width: 50% */
            }
        }

        @media screen and (max-width:374px) {
          .tags_container .cols {
              -webkit-columns: 1;
                 -moz-columns: 1;
                      columns: 1;
            }
            .tags_container .col {
                /* width: 100% */
            }
        }

        .tags_container .title {
            color: #0d8df9;
            font-size: 24px
        }

        .tags_container .item {
            font-weight: 500
        }

        .tags_container a {
            padding: 8px 0;
            color: #000;
            display: -ms-flexbox;
            display: flex;
            position: relative
        }

        @media screen and (min-width:1025px) {
            .tags_container a:hover {
                color: #0d8cf7
            }

            .tags_container a:hover:after {
                transform: translate3d(0, 0, 0);
                opacity: 1;
                visibility: visible
            }

            .tags_container a:hover span {
                color: #0d8cf7
            }
        }

        .tags_container a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -10px;
            border-radius: 3px;
            right: -10px;
            height: 3px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            transform: translate3d(0, 5px, 0);
            opacity: 0;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        .tags_container strong {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .tags_container span {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            color: #7f868c
        }

        .content_tags {
            padding: 20px
        }

        .content_tags .wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -5px -2px
        }

        .content_tags .item {
            padding: 5px 2px
        }

        .content_tags a {
            display: block;
            background-color: #e8ecf1;
            padding: 8px 12px;
            color: #7f868c;
            font-size: 12px;
            letter-spacing: .3px
        }

        @media screen and (min-width:1025px) {
            .content_tags a:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .tools_video {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -5px -15px;
            padding-bottom: 30px
        }

        .tools_video .item {
            padding: 5px 15px
        }

        .tools_video span {
            color: #7f868c
        }

        @media screen and (max-width:480px) {
            .player_wrapper {
                font-size: 13px
            }
        }

        .player_wrapper .row {
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #cfd4d9
        }

        .player_wrapper .row:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none
        }

        .player_wrapper .desc {
            color: #7f868c;
            line-height: 1.4
        }

        @media screen and (max-width:480px) {
            .player_wrapper .desc {
                font-size: 13px
            }
        }

        .player_wrapper .desc span {
            color: #000
        }

        .player_wrapper .columns {
            display: -ms-flexbox;
            display: flex;
            margin: -9px
        }

        @media screen and (max-width:640px) {
            .player_wrapper .columns {
                -ms-flex-direction: column;
                flex-direction: column;
                margin: -2px
            }
        }

        .player_wrapper .column {
            text-align: center;
            width: 50%;
            font-weight: 500;
            font-size: 20px;
            padding: 9px
        }

        @media screen and (max-width:640px) {
            .player_wrapper .column {
                font-size: 14px;
                width: 100%;
                padding: 2px
            }
        }

        @media screen and (max-width:480px) {
            .player_wrapper .column {
                font-size: 13px
            }
        }

        .player_wrapper .btn {
            display: block;
            background-color: #e8ecf1;
            color: #7f868c;
            padding: 24px
        }

        @media screen and (min-width:1025px) {
            .player_wrapper .btn:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #298ae2;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        @media screen and (max-width:640px) {
            .player_wrapper .btn {
                padding: 14px
            }
        }

        .player_wrapper .box {
            text-align: center;
            margin-bottom: 20px
        }

        .player_wrapper .box:last-child {
            margin-bottom: 0
        }

        .player_wrapper .notify {
            color: #f60d3e;
            display: -ms-flexbox;
            display: flex;
            text-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .player_wrapper .btn_close {
            background: 0 0;
            border: none;
            cursor: pointer;
            color: #f60d3e;
            margin-left: 20px
        }

        .player_wrapper .btn_close i {
            font-size: 14px
        }

        .player_block {
            margin-bottom: 20px
        }

        @media screen and (max-width:640px) {
            .player_block {
                margin-bottom: 10px
            }
        }

        .player_block img {
            display: block;
            width: 100%;
            height: auto
        }

        .content_thumbnail {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        @media screen and (max-width:640px) {
            .content_thumbnail {
                margin: -2px
            }
        }

        .content_thumbnail .item {
            width: 33.333%;
            padding: 5px
        }

        @media screen and (max-width:640px) {
            .content_thumbnail .item {
                width: 50%;
                padding: 2px
            }
        }

        .content_thumbnail .item.active .thumbnail:after {
            opacity: 1;
            transform: scale(1)
        }

        .content_thumbnail .item.active .thumbnail img {
            opacity: .8
        }

        .content_thumbnail .thumbnail {
            display: block;
            background: #000;
            position: relative
        }

        @media screen and (min-width:1025px) {
            .content_thumbnail .thumbnail:hover:after {
                opacity: 1;
                transform: scale(1)
            }

            .content_thumbnail .thumbnail:hover img {
                opacity: .8
            }
        }

        .content_thumbnail .thumbnail:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: inset 0 0 0 4px #0d8bf6;
            transform: scale(.95);
            opacity: 0;
            transition: transform .3s, opacity .3s
        }

        .content_thumbnail img {
            display: block;
            width: 100%;
            height: auto;
            opacity: 1;
            transition: opacity .3s
        }

        .search_aside {
            padding: 20px;
            display: none
        }

        .search_aside .row {
            margin-bottom: 30px
        }

        .search_aside .row:last-child {
            margin-bottom: 0
        }

        .search_aside .title {
            margin-bottom: 14px;
            display: inline-block;
            vertical-align: top;
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 16px;
            line-height: 1
        }

        .search_aside .wrap {
            margin-bottom: 10px
        }

        .search_aside .wrap.second {
            margin-bottom: 20px
        }

        .search_aside .wrap:last-child {
            margin-bottom: 0
        }

        .search_aside .input {
            height: 40px;
            box-shadow: 0 5px 8px rgba(200, 206, 215, .39);
            background-color: #fff;
            border: none;
            font-family: Roboto, sans-serif;
            width: 100%;
            padding: 10px;
            font-size: 14px
        }

        .search_aside .checkbox_list {
            margin: -4px
        }

        .search_aside .button_more {
            text-transform: uppercase
        }

        .thumbs_circle {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -14px
        }

        @media screen and (max-width:1000px) {
            .thumbs_circle {
                margin: -10px
            }
        }

        .thumbs_circle .wrap_image {
            margin-bottom: 10px;
            overflow: hidden;
            border-radius: 174px;
            position: relative;
            box-shadow: 0 3px 18px transparent;
            transition: box-shadow .3s
        }

        .thumbs_circle .wrap_image img {
            display: block;
            width: 100%;
            height: auto
        }

        .thumbs_circle .sup {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            margin-bottom: 10px
        }

        .thumbs_circle .name {
            color: #000;
            font-size: 14px;
            line-height: 1.2;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            overflow: hidden;
            transition: color .3s
        }

        .thumbs_circle .name span {
            max-width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: left;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            min-width: 1px;
            margin-right: 10px
        }

        .thumbs_circle .online {
            width: 10px;
            height: 10px;
            background-color: #33ca10;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 5px;
            border-radius: 5px;
            display: inline-block;
            vertical-align: top
        }

        .thumbs_circle .lang {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            overflow: hidden;
            margin-right: 5px
        }

        .thumbs_circle .sex {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            color: #7f868c
        }

        .thumbs_circle .sex i {
            font-size: 16px;
            width: 20px;
            height: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .thumbs_circle .sex i.icon-female {
            font-size: 20px
        }

        .thumbs_circle .date {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 12px;
            font-weight: 300
        }

        .thumbs_circle .date i {
            font-size: 14px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 5px
        }

        .thumb_circle {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            width: 16.666%;
            padding: 14px
        }

        @media screen and (max-width:1280px) {
            .thumb_circle {
                width: 20%
            }
        }

        @media screen and (max-width:1000px) {
            .thumb_circle {
                width: 25%;
                padding: 10px
            }
        }

        @media screen and (max-width:767px) {
            .thumb_circle {
                width: 33.333%
            }
        }

        @media screen and (max-width:567px) {
            .thumb_circle {
                width: 50%
            }
        }

        .th_circle {
            max-width: 174px;
            width: 100%;
            position: relative;
            text-align: center;
            color: #7f868c
        }

        @media screen and (min-width:1025px) {
            .th_circle:hover .wrap_image {
                box-shadow: 0 3px 18px rgba(0, 0, 0, .56)
            }

            .th_circle:hover .name {
                color: #0d8bf6
            }
        }

        .form_columns {
            display: -ms-flexbox;
            display: flex;
            margin: 0 -20px
        }

        @media screen and (max-width:1160px) {
            .form_columns {
                margin: 0 -14px
            }
        }

        @media screen and (max-width:767px) {
            .form_columns {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .form_column {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            padding: 0 20px
        }

        @media screen and (max-width:1160px) {
            .form_column {
                padding: 0 14px;
                width: 50%
            }
        }

        @media screen and (max-width:767px) {
            .form_column {
                width: 100%
            }
        }

        .form_column.second {
            max-width: 760px;
            width: 100%
        }

        @media screen and (max-width:1160px) {
            .form_column.second {
                width: 50%
            }
        }

        @media screen and (max-width:767px) {
            .form_column.second {
                width: 100%
            }
        }

        .form_column .row {
            margin-bottom: 26px
        }

        .form_column .row:last-child {
            margin-bottom: 0
        }

        .form_column .label {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            font-family: Roboto, sans-serif;
            color: #000;
            margin-bottom: 5px
        }

        .form_column .label span {
            font-size: 12px;
            color: #7f868c
        }

        .form_column .input {
            height: 40px;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            color: #000;
            border: none;
            padding: 12px;
            width: 100%
        }

        .form_column .textarea {
            height: 165px;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            color: #000;
            border: none;
            padding: 12px;
            width: 100%;
            resize: none;
            display: block;
            margin: 0
        }

        .form_column .cols {
            display: -ms-flexbox;
            display: flex;
            margin: -5px
        }

        .form_column .col {
            padding: 5px;
            width: 33.333%
        }

        .form_column .select2-container--default .select2-selection--single {
            background-color: #e8ecf1;
            box-shadow: none
        }

        .bottom {
            margin-top: 30px
        }

        .bottom .button {
            padding: 12px 20px;
            text-transform: uppercase;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            border: none;
            cursor: pointer;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        @media screen and (min-width:1025px) {
            .bottom .button:hover {
                background-image: linear-gradient(-127deg, #1361d5 0, #1480db 100%)
            }
        }

        .file_control {
            position: relative;
            width: 100%
        }

        .file_control .field {
            display: block;
            width: 100%;
            height: 40px;
            padding: 14px;
            border: none;
            color: #000;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2
        }

        .file_control .button_file {
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translateY(-50%);
            padding: 8px 20px;
            color: #dddfe5;
            background-color: #7f868c;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: .3px;
            line-height: 1.2;
            z-index: 2;
            cursor: pointer
        }

        @media screen and (min-width:1025px) {
            .file_control .button_file:hover {
                background-color: #1361d5;
                color: #fff
            }
        }

        .file_control .file {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0;
            opacity: 0;
            cursor: pointer
        }

        .section_row {
            margin-top: 50px
        }

        .section_row:first-child {
            margin-top: 0
        }

        .columns_grid {
            display: -ms-flexbox;
            display: flex;
            margin: -20px -35px
        }

        @media screen and (max-width:1280px) {
            .columns_grid {
                margin: -10px
            }
        }

        @media screen and (max-width:767px) {
            .columns_grid {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .grid_item {
            width: 60%;
            padding: 20px 35px
        }

        @media screen and (max-width:1280px) {
            .grid_item {
                padding: 10px
            }
        }

        @media screen and (max-width:767px) {
            .grid_item {
                width: 100%
            }
        }

        .grid_item.second {
            width: 40%
        }

        @media screen and (max-width:767px) {
            .grid_item.second {
                width: 100%
            }
        }

        .grid_row {
            margin-bottom: 40px
        }

        .grid_row:last-child {
            margin-bottom: 0
        }

        .picture {
            text-align: center
        }

        .picture img {
            display: inline-block;
            vertical-align: top;
            max-width: 100%;
            height: auto
        }

        .radio_wrap {
            margin-bottom: 8px
        }

        .radio_wrap .radio_field {
            display: none
        }

        .radio_wrap .radio_field:checked+.radio_label:after {
            opacity: 1
        }

        .radio_wrap .radio_label {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            position: relative;
            padding-left: 25px
        }

        .radio_wrap .radio_label:before {
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 15px;
            background-color: #e8ecf1;
            position: absolute;
            top: 0;
            left: 0
        }

        .radio_wrap .radio_label:after {
            content: "";
            width: 7px; /*15px*/
            height: 7px; /*15px*/
            border-radius: 50%; /*15px*/
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            position: absolute;
            top: 4px;
            left: 4px;
            opacity: 0
        }

        .inner_section {
            color: #7f868c
        }

        .inner_section .row {
            margin-bottom: 25px
        }

        .inner_section .row:last-child {
            margin-bottom: 0
        }

        .inner_section .label {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            font-family: Roboto, sans-serif;
            color: #000;
            margin-bottom: 5px
        }

        .inner_section .label span {
            font-size: 12px;
            color: #7f868c
        }

        .inner_section .input {
            height: 40px;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            color: #000;
            border: none;
            padding: 12px;
            width: 100%
        }

        .inner_section .textarea {
            height: 165px;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            color: #000;
            border: none;
            padding: 12px;
            width: 100%;
            resize: none;
            display: block;
            margin: 0
        }

        .group_choice {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 0 -10px
        }

        .group_choice .col {
            padding: 5px 10px
        }

        .group_choice .radio_field {
            display: none
        }

        .group_choice .radio_field:checked+.radio_label:after {
            opacity: 1
        }

        .group_choice .radio_label {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            position: relative;
            padding-left: 25px
        }

        .group_choice .radio_label:before {
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 15px;
            background-color: #e8ecf1;
            position: absolute;
            top: 0;
            left: 0
        }

        .group_choice .radio_label:after {
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 15px;
            width: 7px;
            height: 7px;
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            position: absolute;
            top: 4px;
            left: 4px;
            opacity: 0
        }

        .watch_columns {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 25px;
        }

        @media screen and (max-width:1000px) {
            .watch_columns {
                -ms-flex-direction: column;
                flex-direction: column;
                margin-bottom: 15px;
            }
        }

        .player {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            width: 100%
        }

        .notify {
/*            color: #0d8bf6;*/

            font-size: 13px;
            font-weight: 400;

            line-height: 1.2;
/*            text-transform: uppercase;*/
            background-color: #e8ecf1;

            padding: 3px 3px;
            margin-bottom: 10px;
        }

        .notify a {
/*            color: #0d8bf6*/
            color: black;
        }

        .player_wrap {
            position: relative
        }
        .player_wrap .message {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate3D(-50%, -50%, 0);
          color: #0d8bf6;
          text-align: center;
          padding: 0 20px;
          font-size: 16px;
          }

        .player_wrap img {
            display: block;
            width: 100%;
            height: auto
        }

        .button_player {
            background: 0 0;
            border: none;
            cursor: pointer;
            margin: 0;
            overflow: visible;
            -webkit-backface-visibility: visible;
            backface-visibility: visible;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0)
        }

        .button_player svg {
            fill: rgba(255, 255, 255, .6);
            text-shadow: 0 9px 35px rgba(0, 0, 0, .41)
        }

        @media screen and (max-width:767px) {
            .button_player svg {
                width: 40px;
                height: 40px
            }
        }

        .general_tools {
            padding: 10px 0;
            border-bottom: 1px solid #cfd4d9;
            margin-bottom: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            z-index: 3
        }

        @media screen and (max-width:1500px) {
            .general_tools {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }
        }

        @media screen and (max-width:1000px) {
            .general_tools {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .rate_group {
            display: -ms-flexbox;
            display: flex;
            max-width: 165px;
            width: 100%;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            margin-right: 30px
        }

        @media screen and (max-width:1000px) {
            .rate_group {
                margin: 0 0 15px
            }
        }

        .rate_group .btn {
            color: #7f868c;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        @media screen and (min-width:1025px) {
            .rate_group .btn:hover.like {
                color: #33ca10
            }

            .rate_group .btn:hover.dislike {
                color: #ca1010
            }
        }

        .rate_group .btn i {
            font-size: 25px
        }

        .progress_wrapper {
            padding: 0 5px;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .progress_wrapper .precent {
            color: #33ca10;
            font-size: 16px;
            line-height: 1;
            margin-bottom: 4px
        }

        .rate_info {
            color: #7f868c;
            font-size: 12px;
            font-weight: 300;
            line-height: 1;
            margin-top: 4px
        }

        .progress_bar {
            position: relative;
            overflow: hidden;
            height: 3px;
            border-radius: 1px;
            background-color: #7f868c
        }

        .progress_bar span {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #33ca10
        }

        .list_info {
            display: -ms-flexbox;
            display: flex;
            margin: -5px -10px;
            padding-right: 30px
        }

        @media screen and (max-width:1000px) {
            .list_info {
                padding: 0;
                margin: 0 0 -10px
            }
        }

        .list_info .item {
            color: #7f868c;
            font-size: 14px;
            font-weight: 300;
            display: -ms-flexbox;
            display: flex;
            padding: 5px 10px;
            -ms-flex-align: center;
            align-items: center
        }

        .list_info i {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 4px;
            font-size: 17px
        }

        .list_info span {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .wrap_tabs {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        @media screen and (max-width:1500px) {
            .wrap_tabs {
                width: 100%;
                margin-top: 15px;
                -ms-flex-pack: stretch;
                justify-content: stretch;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }
        }

        .wrap_tabs .item {
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            margin: 3px 0 0 3px
        }

        @media screen and (max-width:1500px) {
            .wrap_tabs .item {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                min-width: 1px
            }
        }

        .wrap_tabs .item.active .btn_tab {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            color: #fff;
            background-color: #1492db;
            background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%)
        }

        .wrap_tabs .wrap {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative
        }

        .wrap_tabs .wrap.open .btn {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .wrap_tabs .wrap.open i.icon-arrow-down {
            transform: rotate(180deg)
        }

        .wrap_tabs .wrap.open .dropabble {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible
        }

        .wrap_tabs .btn {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            padding: 12px 20px;
            color: #7f868c;
            background-color: #e8ecf1
        }

        @media screen and (min-width:1025px) {
            .wrap_tabs .btn:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                color: #fff;
                background-color: #1492db;
                background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%)
            }
        }

        .wrap_tabs .btn i {
            margin-right: 10px;
            font-size: 16px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 10px
        }

        .wrap_tabs .btn i.icon-arrow-down {
            margin: 0;
            font-size: 10px
        }

        .wrap_tabs .btn span {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            margin-right: 10px
        }

        .wrap_tabs .dropabble {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 100%;
            box-shadow: 0 5px 10px rgba(0, 0, 0, .14);
            background-color: #dddfe4;
            white-space: nowrap;
            transform: translate3d(0, 10px, 0);
            opacity: 0;
            z-index: 1;
            visibility: hidden;
            transition: transform .3s, opacity .3s, visibility .3s
        }

        .wrap_tabs .item_drop {
            color: #7f868c;
            display: block;
            font-size: 12px;
            line-height: 1.4;
            padding: 12px 18px;
            letter-spacing: .3px;
            text-transform: none
        }

        .wrap_tabs .item_drop a {
            color: #7f868c;
            font-size: 12px;
            line-height: 1.4;
            text-transform: none
        }

        @media screen and (min-width:1025px) {
            .wrap_tabs .item_drop:hover {
                background-color: #fff;
                color: #000
            }

            .wrap_tabs .item_drop:hover a {
                color: #000
            }
        }

        .btn_tab {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 12px 20px;
            color: #7f868c;
            background-color: #e8ecf1
        }

        @media screen and (min-width:1025px) {
            .btn_tab:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                color: #fff;
                background-color: #1492db;
                background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%)
            }
        }

        .btn_tab i {
            margin-right: 10px;
            font-size: 16px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .tab_content {
            display: none
        }

        .tab_content.selected {
            display: block
        }

        .tab_content .row {
            margin-bottom: 15px;
            padding-bottom: 15px;
/*            border-bottom: 1px solid #cfd4d9*/
        }

        .tab_content .row:last-child {
            margin-bottom: 0
        }

        .tab_content .block {
            margin-bottom: 15px
        }

        .tab_content .block:last-child {
            margin-bottom: 0;
            text-align: center;
        }

        .tab_content .btn {
            display: inline-block;
            vertical-align: top;
            padding: 23px 50px;
            font-size: 20px;
            font-weight: 500;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            border: none;
            color: #fff;
            cursor: pointer;
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .tab_content .block-comments .btn {
            padding: 12px 20px;
            font-size: 14px;
            font-weight: 400
        }

        @media screen and (min-width:1025px) {
            .tab_content .btn:hover {
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1361d5 0, #1480db 100%)
            }
        }

        @media screen and (max-width:767px) {
            .tab_content .btn {
                font-size: 16px;
                padding: 16px 20px
            }
        }

        @media screen and (max-width:1279px) {
            .spot_large {
                display: inline-block
            }
        }

        .list_info_user {
            display: -ms-flexbox;
            display: flex;
            color: #7f868c;
            margin: -5px -10px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .list_info_user ul {
            display: -ms-flexbox;
            display: flex
        }

        .list_info_user li {
            margin-right: 5px
        }

        .info-models-list li {
          margin-right: 0;
        }

        .list_info_user li:last-child {
            margin-right: 0
        }

        .list_info_user a {
            color: #7f868c
        }

        @media screen and (min-width:1025px) {
            .list_info_user a:hover {
                color: #0d8bf6
            }
        }

        .list_info_user i {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            font-size: 17px;
            margin-right: 5px
        }

        .list_info_user .item {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 5px 10px
        }

        .list_info_user .avatar_min {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            width: 25px;
            height: 25px;
            border-radius: 25px;
            overflow: hidden;
            margin-right: 5px
        }

        .list_info_user .avatar_min img {
            display: block;
            width: 100%;
            height: auto
        }

        .list_info_user .name {
            color: #0d8bf6
        }

        .desc {
            color: #7f868c;
            font-size: 14px;
            line-height: 1.4;
            word-wrap: break-word;
        } 

        @media screen and (max-width:639px) {
            .desc {
                font-size: 13px
            }
        }

        .desc strong {
            color: #000
        }

        .items_list {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: -3px
        }

        .items_list .item {
            padding: 3px
        }

        .items_list a {
            background-color: #e8ecf1;
            color: #7f868c;
            font-size: 12px;
            letter-spacing: .3px;
            display: block;
            padding: 8px
        }

        @media screen and (min-width:1025px) {
            .items_list a:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                color: #fff;
                background-color: #1492db;
                background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%)
            }
        }

        .form_field {
            padding: 20px 0
        }

        .form_field .block {
            margin-bottom: 20px
        }

        .form_field .block:last-child {
            margin-bottom: 0
        }

        .form_field .text {
            color: #7f868c;
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 10px
        }

        .form_field .text strong {
            color: #000
        }

        .form_field .wrap_textarea {
          max-width: 860px;
          position: relative;
        }
        .form_field .wrap_textarea .field-error{
            position: absolute;
            top: 100%;
        }

        .form_field .textarea {
            background-color: #e8ecf1;
            width: 100%;
            height: 120px;
            border: none;
            margin: 0;
            display: block;
            resize: none;
            font-family: Roboto, sans-serif;
            padding: 20px;
            color: #7f868c
        }

        .wrap_captcha .text {
            max-width: 360px
        }

        .wrap_captcha .cols {
            display: -ms-flexbox;
            display: flex;
            max-width: 680px;
            width: 100%
        }

        @media screen and (max-width:639px) {
            .wrap_captcha .cols {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .wrap_captcha .col {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 20px
        }

        @media screen and (max-width:639px) {
            .wrap_captcha .col {
                margin: 0 0 15px
            }
        }

        .wrap_captcha .col.second {
            margin: 0;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .wrap_captcha .label {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 10px
        }

        .wrap_captcha .wrap {
          display: -ms-flexbox;
          display: flex;
          position: relative;
        }
        .wrap_captcha .wrap .field-error {
          position: absolute;
          top: 100%;
        }
        

        .wrap_captcha .wrap .button_send {
            margin-left: 20px
        }

        .wrap_captcha .input {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            background-color: #e8ecf1;
            border: none;
            width: 100%;
            height: 40px;
            padding: 12px;
            font-weight: 300;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            color: #7f868c
        }

        .button_send {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            color: #fff;
            cursor: pointer;
            background-color: #1492db;
            background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%);
            font-size: 13px;
            font-weight: 500;
            letter-spacing: .3px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 20px;
            border: none;
            text-transform: uppercase
        }

        @media screen and (min-width:1025px) {
            .button_send:hover {
                background-color: #1361d5;
                background-image: linear-gradient(-127deg, #1361d5 0, #1492db 100%)
            }
        }

        .button_send i {
            font-size: 13px;
            margin-right: 8px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .comment_field {
            padding: 20px 0
        }

        .comment_field .headline {
            border-bottom: 1px solid #cfd4d9;
            padding-bottom: 15px;
            margin-bottom: 15px;
            color: #7f868c;
            -ms-flex-direction: row;
            flex-direction: row;
            font-size: 13px;
            position: relative;
            z-index: 1
        }

        .comment_field .headline strong {
            margin-right: 5px;
            color: #000
        }

        .post_row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            margin-bottom: 20px
        }

        .post_row:last-child {
            margin-bottom: 0
        }

        .avatar_comment {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 8px
        }

        .avatar_comment img {
            display: block;
            width: 100%;
            height: auto;
            border-radius: 50%;
            max-width: 60px
        }

        .wrap_comment {
            color: #7f868c;
            font-size: 15px;
            line-height: 1.4;
            width: 100%
        }

        @media screen and (max-width:639px) {
            .wrap_comment {
                font-size: 13px
            }
        }

        .wrap_comment .flag {
            width: 20px;
            height: 20px;
            border-radius: 10px;
            overflow: hidden;
            margin-right: 10px
        }

        .wrap_comment .flag img {
            display: block;
            width: 100%;
            height: auto
        }

        .wrap_comment .sup {
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 8px
        }

        @media screen and (max-width:639px) {
            .wrap_comment .sup {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .wrap_comment .col {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px
        }

        .wrap_comment .col.second {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-left: 10px
        }

        @media screen and (max-width:639px) {
            .wrap_comment .col.second {
                margin: 10px 0 0
            }
        }

        .wrap_comment .name {
            color: #000;
            font-weight: 500;
            margin-right: 10px
        }

        .wrap_comment .date {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .wrap_comment .date i {
            font-size: 16px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-right: 4px
        }

        .wrap_comment .rate {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin: -1px
        }

        .wrap_comment .rate.add .button {
            display: none
        }

        .wrap_comment .rate.add .count {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .wrap_comment .rate>* {
            padding: 1px
        }

        .wrap_comment .button,
        .wrap_comment .count {
            background-color: #e8ecf1;
            height: 30px;
            width: 42px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            color: #7f868c;
            letter-spacing: .35px;
            font-weight: 400
        }

        .wrap_comment .button i,
        .wrap_comment .count i {
            font-size: 17px
        }

        .wrap_comment .vote {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            color: #0d8bf6;
            font-size: 15px;
            font-weight: 500;
            margin-right: 10px
        }

        .wrap_comment .vote.hidden {
            display: none
        }

        @media screen and (max-width:639px) {
            .wrap_comment .vote {
                font-size: 13px
            }
        }

        .wrap_comment .vote i {
            font-size: 19px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-left: 6px
        }

        @media screen and (max-width:639px) {
            .wrap_comment .vote i {
                font-size: 16px
            }
        }

        @media screen and (min-width:1025px) {
            .wrap_comment .button:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .wrap_comment .comment span {
            color: #000
        }

        .wrap_comment .sub {
            margin: -2px;
            padding-top: 10px;
            display: -ms-flexbox;
            display: flex
        }

        .wrap_comment .item {
            padding: 2px
        }

        .wrap_comment .btn {
            color: #7f868c;
            font-family: Roboto, sans-serif;
            font-size: 12px;
            line-height: 1.2;
            letter-spacing: .3px;
            background: 0 0;
            border: none;
            padding: 8px 10px;
            background-color: #e8ecf1;
            cursor: pointer
        }

        @media screen and (min-width:1025px) {
            .wrap_comment .btn:hover {
                color: #fff;
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .scenes_section {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .scenes_section .item {
            width: 20%;
            padding: 5px
        }

        @media screen and (max-width:640px) {
            .scenes_section .item {
                width: 33.333%
            }
        }

        @media screen and (max-width:479px) {
            .scenes_section .item {
                width: 50%
            }
        }

        .scenes_section img {
            display: block;
            width: 100%;
            height: auto
        }

        .share_section .label {
            display: inline-block;
            vertical-align: top;
            color: #000;
            font-family: Roboto, sans-serif;
            margin-bottom: 8px
        }

        .share_section .input {
            background-color: #e8ecf1;
            width: 100%;
            border: none;
            font-family: Roboto, sans-serif;
            font-weight: 300;
            color: #7f868c;
            padding: 12px 18px;
            height: 40px
        }

        .share_section .textarea {
            background-color: #e8ecf1;
            width: 100%;
            display: block;
            padding: 12px 18px;
            margin: 0;
            border: none;
            color: #7f868c;
            resize: none;
            height: 68px;
            font-weight: 300;
            font-family: Roboto, sans-serif
        }

        .share_section .drop_choice {
            background-color: #e8ecf1;
            display: inline-block;
            vertical-align: top;
            position: relative;
            z-index: 3
        }

        .share_section .drop_choice.open .drop_btn {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            color: #fff;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .share_section .drop_choice.open .drop {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible
        }

        .share_section .drop_btn {
            border: none;
            background: 0 0;
            padding: 14px 18px;
            color: #7f868c;
            cursor: pointer;
            font-weight: 300
        }

        .share_section .drop {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background-color: #e8ecf1;
            transform: translate3d(0, 10px, 0);
            opacity: 0;
            visibility: hidden;
            transition: opacity .3s, visibility .3s, transform .3s
        }

        .share_section .item {
            color: #7f868c;
            padding: 14px 18px;
            display: block
        }

        @media screen and (min-width:1025px) {
            .share_section .item:hover {
                background-color: #fff;
                color: #000
            }
        }

        .playside {
            box-shadow: 0 2px 20px rgba(35, 35, 37, .13);
            background-color: #cfd4d9;
            padding: 10px;
            margin-left: 20px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        .playside2 {
            background-color: #cfd4d9;
            margin: 10px;
            height: 250px;
            width: 300px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

        @media screen and (max-width:1000px) {
            .playside {
                margin: 20px 0 0;
                width: 100%
            }
        }

        @media screen and (max-width:374px) {
            .playside {
                background: 0 0;
                box-shadow: none;
                padding: 0
            }
        }

        @media screen and (max-width:1000px) {
            .playside .wrap {
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: distribute;
                justify-content: space-around
            }
        }

        .playside .title {
            color: #000;
            font-family: Roboto, sans-serif;
            font-size: 12px;
            font-weight: 300;
            line-height: 1;
            padding-top: 10px;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 2.4px;
            text-align: center
        }

        .playside .idx3a {
            margin-bottom: 10px
        }

        .playside .idx3a:last-child {
            margin-bottom: 0
        }

        @media screen and (max-width:1000px) {
            .playside .idx3a:nth-child(3) {
                display: none
            }
        }

        @media screen and (max-width:767px) {
            .playside .idx3a:nth-child(2) {
                display: none
            }
        }

        .bottom_choice {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 30px;
            width: 100%
        }

        .bottom_choice .button {
            margin: 0 5px 5px 0;
            background-color: #e8ecf1;
            padding: 12px 20px;
            color: #7f868c;
            border: none;
            cursor: pointer;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            font-family: Roboto, sans-serif
        }

        .bottom_choice .button:disabled {
            color: #c7c8c8;
            cursor: auto
        }

        @media screen and (max-width:479px) {
            .bottom_choice .button {
                font-size: 13px
            }
        }

        .bottom_choice .button:last-child {
            margin-right: 0
        }

        @media screen and (min-width:1025px) {
            .bottom_choice .button:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }

            .bottom_choice .button:disabled:hover {
                background-color: #e8ecf1;
                color: #c7c8c8;
                box-shadow: none;
                background-image: none
            }
        }

        .row_information {
            display: -ms-flexbox;
            display: flex;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #cfd4d9
        }

        @media screen and (max-width:767px) {
            .row_information {
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .row_information.hidden {
            display: none
        }

        .row_information:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: none
        }

        .row_information .desc {
            color: #7f868c;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4
        }

        .row_information .desc span {
            color: #000
        }

        .columns_list {
            width: 50%;
            padding: 0 10px
        }

        @media screen and (max-width:767px) {
            .columns_list {
                width: 100%;
                padding: 7px 0
            }
        }

        .columns_list:first-child {
            padding-left: 0
        }

        .columns_list:last-child {
            padding-right: 0
        }

        .columns_list .item_column {
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 14px
        }

        .columns_list .item_column:last-child {
            margin-bottom: 0
        }

        .columns_list .col {
            width: 77.777%;
            color: #7f868c;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        @media screen and (max-width:1000px) {
            .columns_list .col {
                width: 50%
            }
        }

        .columns_list .col.second {
            width: 33.333%;
            margin-right: 10px;
        }

        @media screen and (max-width:1000px) {
            .columns_list .col.second {
                width: 50%
            }
        }

        .columns_list span {
            color: #000
        }

        .bottom_more {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #cfd4d9
        }

        .bottom_more .more {
            background-color: #e8ecf1;
            padding: 12px 20px;
            color: #7f868c;
            border: none;
            cursor: pointer;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            font-family: Roboto, sans-serif
        }

        @media screen and (min-width:1025px) {
            .bottom_more .more:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        [data-hide-info=true]::before {
            display: inline-block;
            vertical-align: top;
            content: attr(data-text)
        }

        .is_show [data-hide-info=true]::before {
            content: attr(data-text-expand)
        }

        #show_information.is_show .row_information.hidden {
            display: -ms-flexbox;
            display: flex
        }

        .checkbox_wrapper {
            padding: 15px 0;
            margin-right: 10px;
            color: #7f868c;
            font-size: 12px;
            letter-spacing: .3px;
            position: relative
        }

        @media screen and (max-width:479px) {
            .checkbox_wrapper {
                padding: 20px 0
            }
        }

        .checkbox_wrapper.large {
            padding: 0;
            display: inline-block;
            vertical-align: top;
            margin: 10px auto 0;
            background-color: #e8ecf1;
            overflow: hidden;
            max-width: 100%;
        }

        .checkbox_wrapper em {
            display: -ms-flexbox;
            display: flex;
            border-left: 1px solid #fff;
            padding: 0 10px;
            -ms-flex-align: center;
            align-items: center;
            height: 30px;
            cursor: pointer;
            white-space: nowrap;
        }
        @media screen and (max-width: 479px) {
          .item-control .toggle-button.checkbox_wrapper em {
            height: 20px;
          }
        }

        .checkbox_wrapper .label {
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            position: relative
        }

        .checkbox_wrapper .label:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2
        }

        .checkbox_wrapper span {
            display: inline-block;
            vertical-align: top;
            width: 30px;
            height: 30px;
            border: 5px solid #e8ecf1;
            background-color: #fff;
            position: relative
        }

        @media screen and (max-width:479px) {
            .checkbox_wrapper span {
                width: 20px;
                height: 20px;
                border: 2px solid #e8ecf1
            }
        }

        .checkbox_wrapper span:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            display: none
        }

        .checkbox_wrapper span:before {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 10px;
            height: 6px;
            z-index: 2;
            content: '';
            transform: rotate(-50deg);
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            background: 0 0;
            display: none
        }

        @media screen and (max-width:479px) {
            .checkbox_wrapper span:before {
                top: 3px;
                left: 3px;
                width: 9px;
                height: 6px;
                border-width: 1px
            }
        }

        .checkbox_action {
            display: none
        }

        .checkbox_action:checked+.label {
            color: #fff;
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .checkbox_action:checked+.label em {
            border-left-color: #1480db
        }

        .checkbox_action:checked+.label span:after,
        .checkbox_action:checked+.label span:before {
            display: block
        }

        .footer {
            display: table-row;
            height: 1px;
        }

        .footer .holder {
            padding: 50px 0;
            box-shadow: 0 2px 40px rgba(35, 35, 37, .13);
            background-color: #dbdee3;
            text-align: center
        }

        @media screen and (max-width:768px) {
            .footer .holder {
                padding: 30px 0;
                display: none;
            }
        }

        .logo_footer a,
        .logo_footer svg {
            display: inline-block;
            vertical-align: top
        }

        .navigation_footer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: center;
            justify-content: center;
            margin: -2px -10px;
            padding-top: 40px
        }

        @media screen and (max-width:1000px) {
            .navigation_footer {
                padding-top: 20px;
                margin: -2px -5px
            }
        }

        .navigation_footer .item {
            text-transform: uppercase;
            font-weight: 500;
            padding: 2px 10px
        }

        @media screen and (max-width:1160px) {
            .navigation_footer .item {
                font-size: 13px;
                width: 25%
            }
        }

        @media screen and (max-width:768px) {
            .navigation_footer .item {
                width: 50%;
                padding: 2px 5px
            }
        }

        .navigation_footer .item.active a {
            color: #0d8df9
        }

        .navigation_footer .item.active a:after {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

        .navigation_footer a {
            color: #000;
            display: block;
            padding: 8px 20px;
            position: relative;
            transition: color .3s
        }

        @media screen and (min-width:1025px) {
            .navigation_footer a:hover {
                color: #0d8df9
            }

            .navigation_footer a:hover:after {
                transform: translate3d(0, 0, 0);
                opacity: 1
            }
        }

        .navigation_footer a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            transform: translate3d(0, 5px, 0);
            opacity: 0;
            transition: transform .3s, opacity .3s;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            border-radius: 3px;
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .copy {
            margin-top: 30px;
            color: #7f868c;
            font-weight: 300
        }

        @media screen and (max-width:768px) {
            .copy {
                font-size: 13px
            }
        }

        .copy a {
            color: #7f868c
        }

        @media screen and (min-width:1025px) {
            .copy a:hover {
                text-decoration: underline
            }
        }

        .copy .row {
            margin-top: 10px
        }

        .copy .row:first-child {
            margin-top: 0
        }

        .fancybox-wrap{
            z-index: 2;
        }

        .fancybox-inner{
            margin: 0 auto;
        }

        .popup_wrap {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, .8);
            z-index: 99;
            overflow-y: auto
        }

        .popup {
            padding: 24px 30px 50px;
            background-color: #dddfe5
        }

        @media screen and (max-width:640px) {
            .popup {
                padding: 20px
            }
        }

        .popup.second {
            max-width: 950px
        }

        @media screen and (max-width:960px) {
            .popup.second {
                max-width: calc(100% - 15px)
            }
        }

        .popup .btn_cross {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #7f868c;
            background: 0 0;
            border: none;
            cursor: pointer
        }

        .popup .btn_cross i {
            font-size: 20px
        }

        @media screen and (max-width:639px) {
            .popup .btn_cross i {
                font-size: 16px
            }
        }

        .popup .headline {
            margin-bottom: 30px
        }

        @media screen and (max-width:639px) {
            .popup .headline {
                font-size: 20px;
                margin-bottom: 30px
            }
        }

        .popup_form {
            line-height: 1.4
        }

        .popup_form a {
            color: #0d8cf7
        }

        @media screen and (min-width:1025px) {
            .popup_form a:hover {
                text-decoration: underline
            }
        }

        .popup_form .row {
            margin-top: 25px;
            position: relative
        }
        .popup_form a {
          cursor: pointer;
        }

        @media screen and (max-width:640px) {
            .popup_form .row {
                margin-top: 15px
            }
        }

        .popup_form .row:first-child {
            margin-top: 0
        }

        .popup_form .label {
            color: #000;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.2;
            font-family: Roboto, sans-serif;
            margin-bottom: 8px;
            display: inline-block;
            vertical-align: top
        }

        @media screen and (max-width:639px) {
            .popup_form .label {
                font-size: 14px
            }
        }

        .popup_form .label span {
            font-size: 12px;
            padding-left: 5px;
            flex-shrink: 0;
        }

        .popup_form .input {
            width: 100%;
            height: 40px;
            border: none;
            font-size: 14px;
            line-height: 1.2;
            padding: 11px 20px;
            color: #000;
            font-family: Roboto, sans-serif;
            box-shadow: 0 5px 8px rgba(200, 206, 215, .39);
            background-color: #fff
        }

        .popup_form .input.error {
            box-shadow: inset 0 0 0 1px #f9001d;
            color: #f9001d
        }

        .popup_form .columns {
            margin-top: 40px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        @media screen and (max-width:639px) {
            .popup_form .columns {
                margin-top: 30px
            }
        }

        .popup_form .btn_action {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%);
            color: #fffefe;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.2;
            padding: 12px 20px;
            border: none;
            font-family: Roboto, sans-serif;
            cursor: pointer;
            white-space: nowrap
        }

        @media screen and (max-width:640px) {
            .popup_form .btn_action {
                font-size: 13px
            }
        }

        .popup_form .wrap {
            margin-left: 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .popup_form .wrap span {
            margin-right: 10px;
            padding: 5px 0
        }

        .popup_form .pass_link {
            color: #0d8cf7;
            font-size: 14px;
            line-height: 1.2
        }

        @media screen and (min-width:1025px) {
            .popup_form .pass_link:hover {
                text-decoration: underline
            }
        }

        @media screen and (max-width:639px) {
            .popup_form .pass_link {
                font-size: 13px
            }
        }

        .bottom_popup {
            background-color: #cfd4d9;
            margin: 50px -30px -50px;
            padding: 20px 30px 30px;
            text-align: center
        }

        @media screen and (max-width:640px) {
            .bottom_popup {
                margin: 30px -12px -12px
            }
        }

        .bottom_popup .text {
            color: #030303;
            font-size: 14px;
            line-height: 1.2;
            margin-bottom: 20px
        }

        .bottom_popup .btn_action {
            background-color: #7f868c;
            color: #fff;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.2;
            padding: 12px 20px;
            border: none;
            font-family: Roboto, sans-serif;
            cursor: pointer
        }

        @media screen and (min-width:1025px) {
            .bottom_popup .btn_action:hover {
                box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
            }
        }

        .captcha_text {
            color: #7f868c;
            font-size: 12px;
            margin-bottom: 8px
        }

        .comments-wrap .button_send {
            max-width: 170px
        }

        .block-comments .form-holder {
            display: none
        }

        .block-comments.open .form-holder {
            display: block
        }

        .block-comments.open .button_send.button_open_form {
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1361d5 0, #1492db 100%)
        }

        .tab_content .row.border-none {
            padding: 0;
            border-bottom: none
        }

        .popup_form .wrap a.pass_link:first-of-type {
            margin: 0 5px 0 0
        }

        .field-error,
        .generic-error {
            color: #f90303
        }
        .file_control .field-error,
        .checkbox_wrapper .field-error{
          position: absolute;
        }

        .playlist-holder .thumb {
            width: 100%;
            padding: 0 10px
        }

        .playlist-holder.thumbs {
            margin: 0
        }

        .section.section-view-model {
            display: flex
        }

        .section-view-model .img {
            width: 100%;
            max-width: 250px;
            margin: 0 20px 0 0;
/*            border: 1px solid #c5c5c5*/
        }

        .section-view-model .img img {
            width: 100%;
            height: auto
        }

        .section-view-model .block {
            width: 100%
        }

        .section-view-model .title img {
            border-radius: 50%;
            margin: 0 0 0 10px
        }

        .section-view-model .title {
            flex-grow: 0;
            margin: 0 10px 0 0
        }

        .button-info.button_send {
            background-color: #e8ecf1;
            background-image: none;
            box-shadow: none;
            color: #7f868c;
            cursor: auto
        }

        .model-list.columns {
            display: flex
        }

        .model-list.columns .colum {
            width: 25%;
            font-size: 14px;
            color: #000
        }

        .model-list.columns .colum div span {
            color: #7f868c;
            margin: 0 0 0 5px
        }

        .model-list.columns .colum div {
            margin: 0 0 10px
        }

        .block-model .desc div {
            color: #000
        }

        .btn-wrap {
            display: flex;
            margin: 20px 0 0
        }

        .btn-wrap .button_send {
            margin: 0 10px 0 0
        }

        @media screen and (max-width:1400px) {
            .model-list.columns .colum {
                width: 33.33%
            }

            .model-list.columns {
                flex-wrap: wrap
            }
        }

        @media screen and (max-width:1250px) {
            .model-list.columns .colum {
                width: 50%
            }

            .model-list.columns {
                flex-wrap: wrap
            }

            .section-view-model .headline {
                flex-wrap: wrap
            }
        }

        @media screen and (max-width:1000px) {
            .rate_group {
                margin: 0 10px 0 0
            }
        }

        @media screen and (max-width:900px) {
            .section-view-model .title {
                width: 100%;
                margin: 0 0 10px
            }
        }

        @media screen and (max-width:767px) {
            .section-view-model .headline {
                flex-direction: row
            }
        }

        @media screen and (max-width:680px) {
            .section.section-view-model {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center
            }

            .section-view-model .img {
                width: 100%;
                max-width: 250px;
                margin: 0 0 10px 0
            }
        }

        .item .item-control {
            text-align: center
        }

        form.thumbs {
            width: 100%;
            margin: 0
        }

        form .list-selector-popup {
            position: absolute;
            width: 100%;
            height: 160px;
            left: 0;
            bottom: 52px;
            border-radius: 5px;
            -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, .65);
            box-shadow: -1px 1px 5px rgba(207, 207, 207, .65);
            z-index: 10000;
            background-color: #f9f9f9
        }

        form .list-selector-popup:before {
            position: absolute;
            content: "";
            width: 40px;
            height: 7px;
            background-color: #fff;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0;
            z-index: 10001
        }

        form .list-selector-popup:after {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            background-color: #f9f9f9;
            left: 50%;
            -webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
            -webkit-box-shadow: -1px 1px 5px rgba(207, 207, 207, .65);
            box-shadow: -1px 1px 5px rgba(207, 207, 207, .65);
            bottom: -5px;
            z-index: 10000
        }

        form .list-selector-popup .filter {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #c8c8c8;
            border: none
        }

        form .list-selector-popup .button-group {
            overflow-y: scroll;
            overflow-x: hidden;
            position: absolute;
            top: 8px;
            left: 8px;
            bottom: 30px;
            right: 8px
        }

        form .list-selector-popup .filter input {
            width: 100%;
            height: 100%;
            padding: 8px 10px;
            border: none;
            background-color: #fff;
            color: #212121;
            font-weight: 400;
            line-height: 14px
        }

        form .list-selector-popup .checkbox_wrapper.large {
            width: 49%
        }

        form .list-selector-popup .label {
            display: flex;
            margin: 0
        }

        form .list-selector-popup .checkbox_wrapper em {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .popup_form .button-group .label {
            display: flex;
            margin: 0
        }

        #playlist_view_playlist_view .owl-controls.clickable {
            display: none !important
        }

        .empty-content {
            margin: 0 0 0 10px
        }

        .wrap_content.full .cols_thumbs .item {
            width: 20%
        }

        @media screen and (max-width:560px) {
            .wrap_content.full .cols_thumbs .item {
                width: 33.33%
            }
        }

        @media screen and (max-width:360px) {
            .wrap_content.full .cols_thumbs .item {
                width: 50%
            }
        }

        .post_row .comment a {
            color: #356dd9
        }

        .ok_message {
            margin: 0 0 5px;
            color: #1480db
        }

        .block_content .popup {
            margin: 10px 0 0
        }

        .headline .title a {
            color: #1480db;
            margin: 0 5px
        }

        .message-form.popup {
            margin: 10px 0 0
        }

        .list-messages .bottom_choice .button {
            width: fit-content;
            line-height: 8px
        }

        .list-messages .bottom_choice {
            justify-content: flex-start
        }

        .list-messages .load-more {
          margin-bottom: 20px;
        }

        form.cols_thumbs {
            width: 100%
        }

        .page-error {
            text-align: center;
            margin: 0 0 10px;
            color: #0d8bf6;
            font-size: 16px
        }

        .select2-container {
            width: 100% !important
        }

        .row .textarea {
            height: 165px;
            background-color: #e8ecf1;
            font-family: Roboto, sans-serif;
            font-size: 14px;
            line-height: 1.2;
            color: #000;
            border: none;
            padding: 12px;
            width: 100%;
            resize: none;
            display: block;
            margin: 0
        }
        .popup-edit-comment .row .textarea {
            min-width: 500px;  
        }

        @media screen and (max-width: 650px) {
          .popup-edit-comment .row .textarea {
              min-width: 300px;  
          }
        }
        @media screen and (max-width: 400px) {
          .popup-edit-comment .row .textarea {
              min-width: 240px;  
          } 
        }

        .form-upload.uploading {
            height: 80px;
            margin-bottom: 20px;
            cursor: wait;
        }
        .form-upload.uploading-finished {
            cursor: default;
            position: relative !important;
        }

        .form-upload.uploading * {
            opacity: 0;
            visibility: hidden
        }

        form .progressbar {
            position: absolute;
            z-index: 990;
            width: 60%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            height: 5rem;
            border: .2rem solid #276fdb;
            padding: .8rem;
            border-radius: 2.4rem;
            background: #fff
        }

        .form-upload.uploading .progressbar,
        .form-upload.uploading .progressbar * {
            opacity: 1;
            visibility: visible
        }

        form .progressbar .progress {
            width: 0;
            height: 3rem;
            background: #276fdb;
            border-radius: 2rem;
            opacity: 1;
            visibility: visible;
            position: relative
        }

        .form-upload.uploading .progressbar,
        .form-upload.uploading .progressbar * {
            opacity: 1;
            visibility: visible
        }

        form .progressbar .text {
            position: absolute;
            width: 100%;
            top: 1rem;
            height: 3rem;
            font-size: 2.2rem;
            line-height: 3rem;
            text-align: center
        }

        form .progressbar.half-done .text {
            color: #fff
        }

        .form_column .row.list-selector {
            position: relative
        }

        .form-upload .button-group .field-label {
            width: 100%
        }
        .form-upload img {
          width: 100%;
          height: auto;
        }

        .form-upload .button-group .checkbox_wrapper .label {
            margin: 0
        }
        @media screen and (min-width: 1160px) {
          .form-upload .form_column{
            width: 50%
          }
        }

        .setting_content .checkbox_list .label {
            white-space: nowrap;
            display: flex;
            cursor: pointer;
            user-select: none; 
        }

        .setting_content .checkbox_list .label div {
            max-width: 80px;
            overflow: hidden;
            margin: 0 5px 0 0;
            text-overflow: ellipsis
        }
        .setting_content .checkbox_list .label span:first-child {
            display: inline-block;
            max-width: 80px;
            overflow: hidden;
            margin: 0 5px 0 0;
            text-overflow: ellipsis
        }

        .list_filter a.active {
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            color: #fff;
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        a.wrap .img-holder {
            position: absolute;
            width: 33.33%;
            padding: 0 0 28%;
            margin: 0 0 0 5px;
            bottom: 0;
            left: 0
        }

        .th .img-holder img {
            display: block;
            top: 0
        }

        .thumbs-cs .th .wrap_image {
            margin-bottom: 0
        }

        a.wrap .block {
            margin: 5px 0 0 127px
        }

        .info.wrap .videos {
            margin: 0 10px 0 0
        }

        .thumbs-cs .th {
            position: relative
        }

        @media screen and (max-width:374px) {
            .thumbs-cs .th .wrap {
                -ms-flex-direction: row;
                flex-direction: row
            }
        }

        .banner-cs img {
            width: 100%;
            height: auto
        }

        .banner-cs span {
            display: block;
            width: 100%;
            height: 10px
        }

        .channel-info .desc strong {
            margin: 0 5px 0 0
        }

        .channel-info .desc {
            margin: 0 0 10px
        }

        .channel-info .block {
            margin: 0 0 10px 0
        }

        .channel-info {
            padding: 0 0 20px;
            border-bottom: 1px solid #cfd4d9;
            margin: 0 0 25px
        }

        .block-channel .img img {
            width: 100px;
            height: auto;
            margin: -15px 0 0
        }

        .block-info {
            display: flex;
            align-items: flex-end;
            margin: 0 0 25px
        }

        .block-info .block-one {
            margin: 0 0 0 15px;
            display: flex;
            width: 100%
        }

        .block-info .headline {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin: 0 15px 0 0
        }

        .block-info .headline h2 {
            margin: 0 0 15px;
            white-space: nowrap
        }

        .block-info .headline .wrap {
            color: #7f868c;
            font-size: 12px
        }

        .block-info .headline .wrap i {
            font-size: 13px;
            margin: 0 4px 0 0
        }

        .block-info .headline .videos {
            display: flex
        }

        .block-channel .button_send {
            max-height: 30px
        }

        .block-channel .rate_group {
            margin-right: 15px
        }

        .block-info .img {
            width: 100%;
            max-width: 100px;
            margin: 0 0 0 10px
        }

        .block-info .block-two {
            display: flex
        }

        .block-channel .block-two .button_send {
            margin: 0 0 0 5px;
            max-height: 40px
        }

        .holder-subscribe {
            display: flex
        }

        .centered_just a {
            color: #0d8df9
        }

        .form-upload.album .file_control {
            margin: 20px 0 0
        }
        .form-upload.album .file_control:first-child {
            margin: 10px 0 0
        }

        @media screen and (max-width:1470px) {
            .block-info {
                flex-wrap: wrap
            }

            .block-info .block-one {
                width: calc(100% - 125px)
            }

            .block-info .block-two {
                margin: 10px 0 0 5px
            }
        }

        @media screen and (max-width:1000px) {
            .wrap_tabs .dropabble {
                right: 0;
                left: auto
            }
        }

        @media screen and (max-width:767px) {
            .block-info .headline .wrap {
                flex-direction: row
            }

            .block-info .block-one {
                flex-wrap: wrap
            }

            .block-info .headline {
                width: 100%;
                margin: 10px 0
            }

            .block-info {
                align-items: flex-start
            }
        }

        @media screen and (max-width:510px) {
            .holder-subscribe {
                margin: 10px 0 0
            }
        }

        @media screen and (max-width:440px) {
            .block-channel .block-two .button_send {
                margin: 5px 0 0 5px
            }

            .block-info .block-two {
                flex-wrap: wrap
            }

            .section-view-model .progress_wrapper {
                margin: 0 0 5px 0
            }
        }

        body.black {
            color: #fff;
            background: #151515
        }

        body.black .th .title {
            color: #fff
        }

        body.black .headline .title {
            color: #fff
        }

        body.black .spot_list {
            /* color: #000; */
            background-color: #414f58
        }

        /* body.black .column_aside .headline .title {
            color: #000
        } */

        body.black .text_content {
            color: #000
        }

        body.black .navigation {
            background-color: #414f58
        }

        body.black .header {
            background-color: #868d98
        }

        body.black .column_aside .box {
            background-color: #414f58
        }

        body.black .column_aside .headline {
            background-color: #868d98
        }

        body.black .tags_list span {
            color: #fff
        }

        body.black .footer .holder {
            background-color: #414f58
        }

        body.black .sorting_choice {
            background-color: #414f58
        }

        body.black .btn_setting {
            color: #414f58
        }

        body.black .action_bar a {
            color: #fff
        }

        @media screen and (min-width: 1025px) {
          body.black .action_bar a:hover {
              color: #fff
          }
        }

        body.black .button_switch {
            color: #fff
        }
        @media screen and (min-width: 1025px) {
          body.black .button_switch:hover {
              color: #0d8bf6;
          }
        }

        body.black .setting_section {
            background-color: #414f58
        }

        body.black .setting_content .heading,
        body.black .setting_content .row.open .heading,
        body.black .checkbox_list .label,
        body.black .checkbox_list .label span {
            color: #fff
        }
  
        body.black .list_filter a {
            background-color: #868d98;
            color: #fff
        }

        body.black .checkbox_list .label:before {
            background-color: #868d98
        }

        body.black .popup .checkbox_list .label:before {
            background-color: rgb(232, 240, 254);
        }

        body.black .popup {
            background-color: #868d98
        }

        body.black .bottom_popup {
            background-color: #414f58
        }

        body.black .captcha_text {
            color: #000
        }

        body.black .breadcrumbs a {
            color: #fff
        }

        body.black .sorting_drop {
            background-color: #414f58
        }

        body.black .text_content.centered_just {
            color: #fff
        }

        body.black .form_column .label {
            color: #fff
        }

        body.black .section .captcha_text {
            color: #fff
        }

        body.black .content_tags a {
            background-color: #7f868c;
            color: #fff
        }

        body.black .alphabet a {
            background-color: #414f58
        }

        body.black .model-list.columns .colum {
            color: #fff
        }

        body.black .block-model .desc div {
            color: #fff
        }

        body.black .button-info.button_send {
            background-color: #868d98;
            color: #000
        }

        body.black .comment_field .headline strong {
            color: #fff
        }

        body.black .wrap_comment .name {
            color: #fff
        }

        body.black .wrap_comment .button,
        body.black .wrap_comment .count {
            background-color: #868d98;
            color: #000
        }

        body.black .items_list a {
            background-color: #414f58
        }

        body.black .desc strong {
            color: #fff
        }

        body.black .btn_tab,
        body.black .wrap_tabs .btn {
            background-color: #414f58;
            color: #fff;
        }

        body.black .wrap_tabs .btn {
            background-color: #414f58
        }

        body.black .wrap_tabs .dropabble {
            background-color: #414f58
        }

        body.black .notify {
            background-color: #414f58
        }

        body.black .playside {
            background-color: #414f58
        }

        body.black .headline .name {
            color: #fff
        }

        body.black .columns_list span {
            color: #fff
        }

        body.black .cols_thumbs .name {
            color: #fff
        }

        body.black .column_aside .btn_close {
            color: #414f58
        }

        body.black .hamburger_menu:after,
        body.black .hamburger_menu:before {
            background-color: #414f58
        }

        body.black .hamburger_menu span {
            background-color: #414f58
        }

        body.black .hamburger_nav span {
            background-color: #414f58
        }

        body.black .hamburger_nav:after,
        body.black .hamburger_nav:before {
            background-color: #414f58
        }

        body.black .btn_profile {
            color: #414f58
        }

        body.black .checkbox_wrapper em {
            color: #000
        }

        body.black form .list-selector-popup {
            background-color: #414f58
        }

        body.black form .list-selector-popup .filter input {
            background-color: #e8ecf1
        }

        body.black form .list-selector-popup:before {
            background-color: #e8ecf1
        }

        body.black form .list-selector-popup:after {
            background-color: #e8ecf1
        }
        
        body.black .popup_form a,
        body.black .bottom_popup .text,
        body.black .tags_container a,
        body.black .form-upload .checkbox_wrapper em,
        body.black .tags_container a,
        body.black .share_section .label,
        body.black .th_cat .title span,
        body.black .form_field .text strong,
        body.black .navigation a,
        body.black .list_items a,
        body.black .navigation_footer a,
        body.black .th .list,
        body.black .list_info .item,
        body.black .rate_group .btn,
        body.black .rate_info,
        body.black .wrap_captcha .label {
            color: #fff
        }  
        body.black .form-upload .checkbox_wrapper.large em{
            color: #000
        }  

        @media screen and (max-width:680px) {
            body.black .wrap_panel {
                background-color: #868d98
            }

            .profile_bar {
                margin-left: 0
            }
        }

        @media screen and (min-width:1025px) {
            .pagination a:hover {
                background-color: #414f58;
                color: #fff;
            }

            body.black .tags_container a:hover {
                color: #0d8cf7
            }  

            body.black .navigation_footer a:hover,
            body.black .list_items a:hover,
            body.black .navigation a:hover {
              color: #0d8df9;
            }
        }

        .easy-autocomplete {
            width: 100% !important;
            position: relative
        }

        .easy-autocomplete-container {
            left: 0;
            position: absolute;
            width: 100%;
            z-index: 154;
            text-align: left;
            overflow: hidden
        }

        .easy-autocomplete-container ul {
            background: none repeat scroll 0 0 #fff;
            border: 0;
            display: none;
            margin-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            position: relative;
            top: 0;
            font-size: 14px;
            border: 1px solid #0d8df9;
            overflow: hidden
        }

        .eac-category {
            background-color: #1361d5;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .easy-autocomplete-container ul .eac-category {
            padding: 15px 15px;
            color: #fff
        }

        .easy-autocomplete a {
            display: block;
            color: #000
        }

        .easy-autocomplete-container a {
            display: block;
            padding: 20px 15px 20px;
            color: #222;
            transition: background-color .3s, color .3s
        }

        .easy-autocomplete-container .selected a {
            background: #c2e2fe
        }

        .easy-autocomplete-container a b {
            color: #0d8df9
        }

        body.black .easy-autocomplete-container ul {
            background: none repeat scroll 0 0 #868d98
        }

        .spot-after-header {
            text-align: center;
            margin: 10px 0px -5px 0;
        }

        .spot-header {
            margin: 0 0 5px;
            text-align: center
        }
        
        @media screen and (max-width:768px){
/*            .wrap_image .lazy-load,
            .th_cat .lazy-load,
            .spot-after-header{
	           visibility: hidden;
            }*/
            .thumbs .thumb:not(:first-child):not(:nth-child(2)) .lazy-load,
            .thumbs_cat .item:not(:first-child):not(:nth-child(2)) .lazy-load{
               visibility: hidden;
            }
/*            #kt_player{
                display: none;
            }*/
        }


        .column_aside iframe,
        .recommended .thumbs span {
            margin: 0 auto;
            display: block;
        }

        body.mobile .recommended .thumbs {
            position: relative;
            padding-bottom: 19em;
            height: 100%!important;
            display: block;
            width: 100%;
            margin: 0 auto;
            justify-content: center;
            align-items: center;
        }
        /* @media screen and (min-width: 320px) {
          body.mobile .recommended .thumbs {
            padding-bottom: 120%;
          }
        } 
        @media screen and (min-width: 480px) {
          body.mobile .recommended .thumbs {
            padding-bottom: 75%;
          }
        }
        @media screen and (min-width: 650px) {
          body.mobile .recommended .thumbs {
            padding-bottom: 55%;
          }
        }
        */
        @media screen and (min-width: 714px) {
          body.mobile .recommended .thumbs {
            padding-bottom: 9em;
          }
        }
         
        body.mobile .recommended .thumbs iframe {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%!important;
            width: 100%!important;
        }

        .select2-container {
            box-sizing: border-box;
            display: inline-block;
            margin: 0;
            position: relative;
            vertical-align: middle; }
            .select2-container .select2-selection--single {
                box-sizing: border-box;
                cursor: pointer;
                display: block;
                height: 40px;
                user-select: none;
                -webkit-user-select: none; }
                .select2-container .select2-selection--single .select2-selection__rendered {
                display: block;
                padding-left: 20px;
                padding-right: 30px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap; }
                .select2-container .select2-selection--single .select2-selection__clear {
                position: relative; }
            .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
                padding-right: 20px;
                padding-left: 30px; }
            .select2-container .select2-selection--multiple {
                box-sizing: border-box;
                cursor: pointer;
                display: block;
                min-height: 32px;
                user-select: none;
                -webkit-user-select: none; }
                .select2-container .select2-selection--multiple .select2-selection__rendered {
                display: inline-block;
                overflow: hidden;
                padding-left: 8px;
                text-overflow: ellipsis;
                white-space: nowrap; }
            .select2-container .select2-search--inline {
                float: left; }
                .select2-container .select2-search--inline .select2-search__field {
                box-sizing: border-box;
                border: none;
                font-size: 100%;
                margin-top: 5px;
                padding: 0; }
                .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                    -webkit-appearance: none; }

            .select2-dropdown {
            border: 1px solid #fff;
            box-shadow: 0 5px 8px rgba(200, 206, 215, 0.39);
            background-color: #ffffff;
            /* border-radius: 4px; */
            box-sizing: border-box;
            display: block;
            position: absolute;
            left: -100000px;
            width: 100%;
            z-index: 1051; }

            .select2-results {
            display: block; }

            .select2-results__options {
            list-style: none;
            margin: 0;
            padding: 0; }

            .select2-results__option {
            padding: 10px 20px;
            color: #7f868c;
            user-select: none;
            -webkit-user-select: none; }
            .select2-results__option[aria-selected] {
                cursor: pointer; }

            .select2-container--open .select2-dropdown {
            left: 0; }

            .select2-container--open .select2-dropdown--above {
            border-bottom: none;
            box-shadow: 0 -5px 8px rgba(200, 206, 215, 0.39);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }

            .select2-container--open .select2-dropdown--below {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0; }

            .select2-search--dropdown {
            display: block;
            padding: 4px; }
            .select2-search--dropdown .select2-search__field {
                padding: 4px;
                width: 100%;
                box-sizing: border-box; }
                .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none; }
            .select2-search--dropdown.select2-search--hide {
                display: none; }

            .select2-close-mask {
            border: 0;
            margin: 0;
            padding: 0;
            display: block;
            position: fixed;
            left: 0;
            top: 0;
            min-height: 100%;
            min-width: 100%;
            height: auto;
            width: auto;
            opacity: 0;
            z-index: 99;
            background-color: #fff;
            filter: alpha(opacity=0); }

            .select2-hidden-accessible {
            border: 0 !important;
            clip: rect(0 0 0 0) !important;
            -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
            height: 1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            white-space: nowrap !important; }

            .select2-container--default .select2-selection--single {
            box-shadow: 0 5px 8px rgba(200, 206, 215, 0.39);
            background-color: #ffffff;}
            .select2-container--default .select2-selection--single .select2-selection__rendered {
                color: #7f868c;
                line-height: 40px; }
            .select2-container--default .select2-selection--single .select2-selection__clear {
                cursor: pointer;
                float: right;
                font-weight: bold; }
            .select2-container--default .select2-selection--single .select2-selection__placeholder {
                color: #999; }
            .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 38px;
                position: absolute;
                top: 1px;
                right: 1px;
                width: 20px; }
                .select2-container--default .select2-selection--single .select2-selection__arrow b {
                /* border-color: #888 transparent transparent transparent; */
                /* border-style: solid; */
                /* border-width: 5px 4px 0 4px; */
                /* height: 0; */
                /* background-color: #000; */
                /* left: 50%; */
                /* margin-left: -4px; */
                /* margin-top: -2px; */
                /* position: absolute; */
                /* top: 50%; */
                /* width: 0; */
                    /* use !important to prevent issues with browser extensions that change fonts */
                position: absolute;
                top: 50%;
                left: 0;
                display: flex;
                transform: translate3d(0, -50%, 0);
                }
                .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
                content: "\e900";
                font-family: 'Ico Moon' !important;
                font-size: 10px;
                speak: none;
                display: inline-block;
                vertical-align: top;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;

                /* Better Font Rendering =========== */
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: #7f868c;
                }

            .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
            float: left; }

            .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
            left: 1px;
            right: auto; }

            .select2-container--default.select2-container--disabled .select2-selection--single {
            background-color: #eee;
            cursor: default; }
            .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
                display: none; }

            .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
            transform: translate3d(0, -50%, 0) rotate(-180deg);
            }

            .select2-container--default .select2-selection--multiple {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: text; }
            .select2-container--default .select2-selection--multiple .select2-selection__rendered {
                box-sizing: border-box;
                list-style: none;
                margin: 0;
                padding: 0 5px;
                width: 100%; }
                .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
                list-style: none; }
            .select2-container--default .select2-selection--multiple .select2-selection__clear {
                cursor: pointer;
                float: right;
                font-weight: bold;
                margin-top: 5px;
                margin-right: 10px;
                padding: 1px; }
            .select2-container--default .select2-selection--multiple .select2-selection__choice {
                background-color: #e4e4e4;
                border: 1px solid #aaa;
                border-radius: 4px;
                cursor: default;
                float: left;
                margin-right: 5px;
                margin-top: 5px;
                padding: 0 5px; }
            .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
                color: #999;
                cursor: pointer;
                display: inline-block;
                font-weight: bold;
                margin-right: 2px; }
                .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #333; }

            .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
            float: right; }

            .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
            margin-left: 5px;
            margin-right: auto; }

            .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
            margin-left: 2px;
            margin-right: auto; }

            .select2-container--default.select2-container--focus .select2-selection--multiple {
            border: solid black 1px;
            outline: 0; }

            .select2-container--default.select2-container--disabled .select2-selection--multiple {
            background-color: #eee;
            cursor: default; }

            .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
            display: none; }

            .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
            border-top-left-radius: 0;
            border-top-right-radius: 0; }

            .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }

            .select2-container--default .select2-search--dropdown .select2-search__field {
            border: 1px solid #aaa; }

            .select2-container--default .select2-search--inline .select2-search__field {
            background: transparent;
            border: none;
            outline: 0;
            box-shadow: none;
            -webkit-appearance: textfield; }

            .select2-container--default .select2-results > .select2-results__options {
            max-height: 200px;
            overflow-y: auto; }

            .select2-container--default .select2-results__option[role=group] {
            padding: 0; }

            .select2-container--default .select2-results__option[aria-disabled=true] {
            color: #999; }

            .select2-container--default .select2-results__option[aria-selected=true] {
            background-color: #f5f5f5; }

            .select2-container--default .select2-results__option .select2-results__option {
            padding-left: 1em; }
            .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
                padding-left: 0; }
            .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -1em;
                padding-left: 2em; }
                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -2em;
                padding-left: 3em; }
                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -3em;
                    padding-left: 4em; }
                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em; }
                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em; }

            .select2-container--default .select2-results__option--highlighted[aria-selected] {
            box-shadow: 0 5px 8px rgba(21, 75, 228, 0.39);
            background-color: #1480db;
            background-image: linear-gradient(-127deg, #1480db 0%, #1361d5 100%);
            color: white; }

            .select2-container--default .select2-results__group {
            cursor: default;
            display: block;
            padding: 6px; }

            .select2-container--classic .select2-selection--single {
            background-color: #f7f7f7;
            border: 1px solid #aaa;
            border-radius: 4px;
            outline: 0;
            background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
            background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
            background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
            .select2-container--classic .select2-selection--single:focus {
                border: 1px solid #5897fb; }
            .select2-container--classic .select2-selection--single .select2-selection__rendered {
                color: #444;
                line-height: 28px; }
            .select2-container--classic .select2-selection--single .select2-selection__clear {
                cursor: pointer;
                float: right;
                font-weight: bold;
                margin-right: 10px; }
            .select2-container--classic .select2-selection--single .select2-selection__placeholder {
                color: #999; }
            .select2-container--classic .select2-selection--single .select2-selection__arrow {
                background-color: #ddd;
                border: none;
                border-left: 1px solid #aaa;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                height: 40px;
                position: absolute;
                top: 1px;
                right: 1px;
                width: 20px;
                background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
                background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
                background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
                .select2-container--classic .select2-selection--single .select2-selection__arrow b {
                border-color: #888 transparent transparent transparent;
                border-style: solid;
                border-width: 5px 4px 0 4px;
                height: 0;
                left: 50%;
                margin-left: -4px;
                margin-top: -2px;
                position: absolute;
                top: 50%;
                width: 0; }

            .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
            float: left; }

            .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
            border: none;
            border-right: 1px solid #aaa;
            border-radius: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            left: 1px;
            right: auto; }

            .select2-container--classic.select2-container--open .select2-selection--single {
            border: 1px solid #5897fb; }
            .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
                background: transparent;
                border: none; }
                .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
                border-color: transparent transparent #888 transparent;
                border-width: 0 4px 5px 4px; }

            .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
            background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
            background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

            .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
            background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
            background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

            .select2-container--classic .select2-selection--multiple {
            background-color: white;
            border: 1px solid #aaa;
            border-radius: 4px;
            cursor: text;
            outline: 0; }
            .select2-container--classic .select2-selection--multiple:focus {
                border: 1px solid #5897fb; }
            .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
                list-style: none;
                margin: 0;
                padding: 0 5px; }
            .select2-container--classic .select2-selection--multiple .select2-selection__clear {
                display: none; }
            .select2-container--classic .select2-selection--multiple .select2-selection__choice {
                background-color: #e4e4e4;
                border: 1px solid #aaa;
                border-radius: 4px;
                cursor: default;
                float: left;
                margin-right: 5px;
                margin-top: 5px;
                padding: 0 5px; }
            .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
                color: #888;
                cursor: pointer;
                display: inline-block;
                font-weight: bold;
                margin-right: 2px; }
                .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #555; }

            .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
            float: right;
            margin-left: 5px;
            margin-right: auto; }

            .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
            margin-left: 2px;
            margin-right: auto; }

            .select2-container--classic.select2-container--open .select2-selection--multiple {
            border: 1px solid #5897fb; }

            .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
            border-top: none;
            border-top-left-radius: 0;
            border-top-right-radius: 0; }

            .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0; }

            .select2-container--classic .select2-search--dropdown .select2-search__field {
            border: 1px solid #aaa;
            outline: 0; }

            .select2-container--classic .select2-search--inline .select2-search__field {
            outline: 0;
            box-shadow: none; }

            .select2-container--classic .select2-dropdown {
            background-color: white;
            border: 1px solid transparent; }

            .select2-container--classic .select2-dropdown--above {
            border-bottom: none; }

            .select2-container--classic .select2-dropdown--below {
            border-top: none; }

            .select2-container--classic .select2-results > .select2-results__options {
            max-height: 200px;
            overflow-y: auto; }

            .select2-container--classic .select2-results__option[role=group] {
            padding: 0; }

            .select2-container--classic .select2-results__option[aria-disabled=true] {
            color: grey; }

            .select2-container--classic .select2-results__option--highlighted[aria-selected] {
            background-color: #3875d7;
            color: white; }

            .select2-container--classic .select2-results__group {
            cursor: default;
            display: block;
            padding: 6px; }

            .select2-container--classic.select2-container--open .select2-dropdown {
            border-color: #5897fb; }

            /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
        .fancybox-wrap,
        .fancybox-skin,
        .fancybox-outer,
        .fancybox-inner,
        .fancybox-image,
        .fancybox-wrap iframe,
        .fancybox-wrap object,
        .fancybox-nav,
        .fancybox-nav span,
        .fancybox-tmp
        {
            padding: 0;
            margin: 0;
            border: 0;
            outline: none;
            vertical-align: top;
        }

        .fancybox-wrap {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 8020;
        }

        .fancybox-skin {
            position: relative;
            background: #fff;
            color: #444;
            text-shadow: none;
        }

        .fancybox-opened {
            z-index: 8030;
        }

        .fancybox-opened .fancybox-skin {
            -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        }

        .fancybox-outer, .fancybox-inner {
            position: relative;
        }
        .fancybox-skin {
            padding: 0!important;
        }
        .fancybox-inner {
            overflow: hidden;
            /* width: 100%!important;
            overflow: hidden!important; */
        }

        .fancybox-type-iframe .fancybox-inner {
            -webkit-overflow-scrolling: touch;
        }

        .fancybox-error {
            color: #444;
            font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
            margin: 0;
            padding: 15px;
            white-space: nowrap;
        }

        .fancybox-image, .fancybox-iframe {
            display: block;
            width: 100%;
            height: 100%;
        }

        .fancybox-image {
            max-width: 100%;
            max-height: 100%;
        }

        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
            background-image: url('/images/fancybox/fancybox_sprite.png');
        }

        #fancybox-loading {
            position: fixed;
            top: 50%;
            left: 50%;
            margin-top: -22px;
            margin-left: -22px;
            background-position: 0 -108px;
            opacity: 0.8;
            cursor: pointer;
            z-index: 8060;
        }

        #fancybox-loading div {
            width: 44px;
            height: 44px;
            background: url('/images/fancybox/fancybox_loading.gif') center center no-repeat;
        }

        .fancybox-close {
            position: absolute;
            top: -18px;
            right: -18px;
            width: 36px;
            height: 36px;
            cursor: pointer;
            z-index: 8040;
        }

        .fancybox-nav {
            position: absolute;
            top: 0;
            width: 40%;
            height: 100%;
            cursor: pointer;
            text-decoration: none;
            background: transparent url('/images/fancybox/blank.gif'); /* helps IE */
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            z-index: 8040;
        }

        .fancybox-prev {
            left: 0;
        }

        .fancybox-next {
            right: 0;
        }

        .fancybox-nav span {
            position: absolute;
            top: 50%;
            width: 36px;
            height: 34px;
            margin-top: -18px;
            cursor: pointer;
            z-index: 8040;
            visibility: hidden;
        }

        .fancybox-prev span {
            left: 10px;
            background-position: 0 -36px;
        }

        .fancybox-next span {
            right: 10px;
            background-position: 0 -72px;
        }

        .fancybox-nav:hover span {
            visibility: visible;
        }

        .fancybox-tmp {
            position: absolute;
            top: -99999px;
            left: -99999px;
            visibility: hidden;
            max-width: 99999px;
            max-height: 99999px;
            overflow: visible !important;
        }

        /* Overlay helper */

        .fancybox-lock {
            overflow: hidden !important;
            width: auto;
        }

        .fancybox-lock body {
            overflow: hidden !important;
        }

        .fancybox-lock-test {
            overflow-y: hidden !important;
        }

        .fancybox-overlay {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            display: none;
            z-index: 8010;
            background: url('/images/fancybox/fancybox_overlay.png');
        }

        .fancybox-overlay-fixed {
            position: fixed;
            bottom: 0;
            right: 0;
        }

        .fancybox-lock .fancybox-overlay {
            overflow: auto;
            overflow-y: scroll;
        }

        /* Title helper */

        .fancybox-title {
            visibility: hidden;
            font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
            position: relative;
            text-shadow: none;
            z-index: 8050;
        }

        .fancybox-opened .fancybox-title {
            visibility: visible;
        }

        .fancybox-title-float-wrap {
            position: absolute;
            bottom: 0;
            right: 50%;
            margin-bottom: -35px;
            z-index: 8050;
            text-align: center;
        }

        .fancybox-title-float-wrap .child {
            display: inline-block;
            margin-right: -100%;
            padding: 2px 20px;
            background: transparent; /* Fallback for web browsers that doesn't support RGBa */
            background: rgba(0, 0, 0, 0.8);
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            text-shadow: 0 1px 2px #222;
            color: #FFF;
            font-weight: bold;
            line-height: 24px;
            white-space: nowrap;
        }

        .fancybox-title-outside-wrap {
            position: relative;
            margin-top: 10px;
            color: #fff;
        }

        .fancybox-title-inside-wrap {
            padding-top: 10px;
        }

        .fancybox-title-over-wrap {
            position: absolute;
            bottom: 0;
            left: 0;
            color: #fff;
            padding: 10px;
            background: #000;
            background: rgba(0, 0, 0, .8);
        }

        /*Retina graphics!*/
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
            only screen and (min--moz-device-pixel-ratio: 1.5),
            only screen and (min-device-pixel-ratio: 1.5){

            #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
                background-image: url('/images/fancybox/fancybox_sprite@2x.png');
                background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
            }

            #fancybox-loading div {
                background-image: url('/images/fancybox/fancybox_loading@2x.gif');
                background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
            }
        }

        @media screen and (max-width: 560px) {
            .fancybox-skin {
                padding: 0 !important;
            }
        }

        .static_container .box_wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .static_container img {
            max-width: 100%;
            height: auto;
        }
        .static_container .big-image {
            width: 100%;
            display: inline-block;
        }
        .centered {
            text-align: center;
            margin: 0 auto;
        }
        .centered img {
            border: 1px solid #474b5a;
        }
        .header-info {
            display: flex;
            color: #7f868c;
            font-size: 14px;
            margin-bottom: 25px;
            flex-wrap: wrap;
        }
        .text_22px {
            font-size: 22px;
            margin-top: 10px;
        }
        .text_22px a {
            color: #474b5a;
        }
        .text_22px a:hover {
            color: #0d8df9;
        }
        .pad_10-4-4 {
            padding: 10px 4px 4px;
        }
        .error_message {
            text-align: center;
            font-weight: bold;
            font-size: 12px;
            color: #d52727;
            margin: 4px;
            padding: 2px 26px 2px 8px;
            background: url(/images/design/icons/no.png) 99% 50% no-repeat #fee7e8;
            text-align: center;
        }
        .pad_4-8-0 {
            padding: 4px 8px 0;
        }
        .error_message a {
            color: #b10000;
        }
        .highslide-gallery ul {
            font-size: 0;
        }
        .highslide-gallery ul li {
        display: inline-block;
        position: relative;
        line-height: 0;
        overflow: hidden;
        width: 20%;
        height: auto;
        padding: 0px 1px 2px;
        }
        @media screen and (max-width: 1200px) {
            .highslide-gallery ul li {
                width: 25%;
            }
        }
        @media screen and (max-width: 1024px) {
            .highslide-gallery ul li {
                width: 33%;
            }
        }
        @media screen and (max-width: 678px) {
            .highslide-gallery ul li {
                width: 50%;
            }
        }
        @media screen and (max-width: 480px) {
            .highslide-gallery ul li {
                width: 100%;
            }
        }
        .highslide {
            outline: none;
            text-decoration: none;
            display: block;
        }
        .highslide img {
            border: 1px solid #474b5a;
        }
        .highslide img {
            cursor: url(/scripts/highslide-daily-movie/graphics/zoomin.cur), pointer !important;
        }
        .highslide-gallery ul img {
            width: 100%;
            height: auto;
            border: 1px solid #474b5a;
        }
        .highslide-caption {
        text-align: center;
        display: none;
        font-size: 1em;
        padding: 5px;
        /* background: white; */
        }
        .g_clear {
        clear: both;
        font-size: 0;
        height: 0;
        }

        /* 
        * 	Core Owl Carousel CSS File
        *	v1.3.3
        */
        /* clearfix */
        .owl-carousel .owl-wrapper:after{
            line-height:0;
            display:block;
            visibility:hidden;
            clear:both;
            height:0; 
            content:'.';
        }

        /* display none until init */
        .owl-carousel{
            position:relative;
            display:none;
            width:100%;

            -ms-touch-action:pan-y;
        }

        .owl-carousel .owl-wrapper{
            position:relative;
            display:none;
            -webkit-transform:translate3d(0px, 0px, 0px);
        }

        .owl-carousel .owl-wrapper-outer{
            position:relative;
            overflow:hidden;
            width:100%;
        }

        .owl-carousel .owl-wrapper-outer.autoHeight{
            -webkit-transition:height 500ms ease-in-out;
            -moz-transition:height 500ms ease-in-out;
                -o-transition:height 500ms ease-in-out;
                    transition:height 500ms ease-in-out;
        }

        .owl-carousel .owl-item{
            float:left;
        }

        .owl-controls .owl-page,.owl-controls .owl-buttons div{
            cursor:pointer;
        }

        .owl-pagination{
            display: flex;
            flex-wrap: wrap;
            margin: 20px -10px 0 0;
            overflow: hidden;
        }
        @media screen and (max-width: 639px){
            .owl-pagination{
                display: none;
            }
        }

        .owl-page{
            padding: 0 0 12%;
            width: 20%;
            border-right: 10px solid #fff;
            border-bottom: 10px solid #fff;
            position: relative;
        }

        .owl-controls{
            -webkit-user-select:none;
            -moz-user-select:none;
                -ms-user-select:none;
                    user-select:none;

            -khtml-user-select:none;
            -webkit-tap-highlight-color:transparent;
        }

        /* fix */
        .owl-carousel .owl-wrapper,.owl-carousel .owl-item{
            -webkit-transform:translate3d(0, 0, 0);
            -moz-transform:translate3d(0, 0, 0);
                -ms-transform:translate3d(0, 0, 0); 

            -webkit-backface-visibility:hidden;
            -moz-backface-visibility:hidden;
                -ms-backface-visibility:hidden;
        }

        #owl-sliders .item img{
            display:block;
            width:100%;
            height:auto;
        }

        .owl-theme .owl-controls{
            position:relative;
        }

        .owl-theme .owl-controls .item-link{
            position:relative;
            display:block;
            outline:none; 
            background:#000;
        }
        .owl-theme .owl-controls .item-link{
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
        .owl-theme .owl-controls .active .item-link:after{
            position:absolute;
            z-index:2;
            top:0;
            right:0;
            bottom:0;
            left:0;
            width:100%;
            height:100%; 
            content:'';
            opacity:.2;
            background:#000;
        }
        .owl-theme .owl-controls .active .item-link:before{
            position:absolute;
            z-index:3;
            top:0;
            right:0;
            bottom:0;
            left:0;
            width:100%;
            height:100%;
            content:'';
            box-shadow:inset 0 0 0 4px #0d8bf6;
        }

        .owl-theme .owl-controls .owl-page span{
            display:none;
        }

        .owl-theme .prev-owl, 
        .owl-theme .next-owl{
            position:absolute;
            top: 0;
            bottom: 0;
            z-index: 2;
            display:block;
            width:100px;
            height:100%;
            transition:background .3s, border-color .3s; 
            background-color: rgba(236, 236, 236, .4);
            outline:none;
        }
        @media screen and (min-width: 1025px) {
            .owl-theme .prev-owl:hover,
            .owl-theme .next-owl:hover{
                box-shadow: 0 5px 8px rgba(21, 75, 228, 0.39);
                background-color: #1480db;
                color: #fff;
                background-image: linear-gradient(-127deg, #1480db 0%, #1361d5 100%);
            }
        }
        @media screen and (max-width: 639px){
            .owl-theme .prev-owl, 
            .owl-theme .next-owl{
                width: 50px;
            }
        }

        .prev-owl{
            -webkit-filter:blur(0px);
            -moz-filter:blur(0px);
                -ms-filter:blur(0px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
        }
        .prev-owl:before{
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family:'Ico Moon' !important;
            font-size:48px;
            font-weight:normal;
            font-style:normal;
            font-variant:normal;
            line-height:1;
            position:absolute;
            top:50%;
            left: 50%;
            content:'\e901';
            transform:translate(-50%, -50%);
            text-transform:none;
            color:#fff;
            speak:none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
        }
        @media screen and (max-width: 1000px){
            .prev-owl:before{
                font-size: 32px;
            }
        }
        @media screen and (max-width: 639px){
            .prev-owl:before{
                font-size: 22px;
            }
        }

        .next-owl{
            -webkit-filter:blur(0px);
            -moz-filter:blur(0px);
                -ms-filter:blur(0px);
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
        }
        .next-owl:before{
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family:'Ico Moon' !important;
            font-size:48px;
            font-weight:normal;
            font-style:normal;
            font-variant:normal;
            line-height:1;
            position:absolute;
            top:50%;
            left:50%;
            content:'\e902';
            transform:translate(-50%, -50%);
            text-transform:none;
            color:#fff;
            speak:none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
        }
        @media screen and (max-width: 1000px){
            .next-owl:before{
                font-size: 32px;
            }
        }
        @media screen and (max-width: 639px){
            .next-owl:before{
                font-size: 22px;
            }
        }

        .owl-theme .prev-owl{
            left: 0;
        }

        .owl-theme .next-owl{
            right:0;
        }

        #playlist_view_playlist_view {
            margin: 10px 0 0;
        }

        .recommended iframe {
            width: 100%;
        }

        .recommended span {
            width: 100%;
        }

        .footer5spot span {
            margin: 12px;
            align-items: center;
            justify-content: center;
display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
        }

        .recommended .thumbs {
            margin: 0;
        }

        .player-related-videos {
            height: 100%;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
        }

        @media screen and (max-width: 1000px){
            .player-related-videos {
                align-items: flex-start;
            }
        }

        @media screen and (max-width: 550px){
            .player-related-videos {
                display: none;
            }
        }

        .player-related-videos-container {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
        }

        .player-related-videos-container .player-related-videos-item {
            width: calc(25% - 10px);
            margin: 5px;
        }

        @media screen and (max-width: 1000px){
            .player-related-videos-container .player-related-videos-item {
                width: calc(33.33% - 10px);
            }
        }

        .player-related-videos-img {
            position: relative;
            padding-bottom: 56.25%;
            display: block;
        }
        .player-related-videos-container .player-related-videos-item .thumb {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
            padding: 0;
            background-size: cover !important;
        }
        .player-related-videos-container .player-related-videos-item .title {
            color: #000;
            padding: 5px 10px;
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(255,255,255,.8);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .player-related-videos-container .player-related-videos-item .duration {
            color: #000;
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: rgba(255, 255, 255, .8);
            font-weight: 300;
            font-size: 12px;
            line-height: 1.4;
            text-transform: uppercase;
            padding: 5px 10px;
            transform: translate3d(0, 0, 0);
            opacity: 1;
            visibility: visible;
            transition: transform .3s, opacity .3s, visibility .3s;
        }
        @media screen and (max-width: 1024px) {
          .mob_hide {
            display: none;  
          }
        }
        
        .player .headline { 
          margin-bottom: 4px
        }

        .checkbox_list.scroll-list {
          max-height: 300px;
          overflow-y: auto;
        }

        .comments_list .item-control {
          margin-bottom: 15px;
        }

        .setting_section--btn {
          background-color: #dddfe5; 
          text-align: center;
          padding: 7px 10px 6px; 
          font-size: 16px;
          line-height: 1;
          text-transform: uppercase;
          cursor: pointer;
        }
        {{*if $smarty.session.userdata.user_id<1}}
        .setting_section .row:last-child{
          display: none;
        }
        .setting_section .row:nth-last-child(2)::after {
          height: 0;
        }
        .setting_section.active .row:nth-last-child(2)::after {
          height: 1px;
        }

        .setting_section.active .row:last-child{
          display: block;
        }

        @media screen and (min-width: 1025px) {
          .setting_section--btn:hover {
            box-shadow: 0 5px 8px rgb(21 75 228 / 39%);
            color: #fff;
            background-color: #1492db;
            background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%);
          }
        }

        {{else*}}
          .desktop .setting_section .row:last-child{
            display: none;
          }
          .desktop .setting_section .row:nth-last-child(2)::after {
            height: 0;
          }
          .desktop .setting_section.active .row:nth-last-child(2)::after {
            height: 1px;
          }

          .desktop .setting_section.active .row:last-child{
            display: block;
          }

          @media screen and (min-width: 1025px) {
            .desktop .setting_section--btn:hover {
              box-shadow: 0 5px 8px rgb(21 75 228 / 39%);
              color: #fff;
              background-color: #1492db;
              background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%);
            }
          }
        {{*/if*}}

        .mobile .setting_section .headline,
        .tablet .setting_section .headline {
          position: sticky;
          top: 0;
        }
        .mobile .setting_section .row-btn,
        .tablet .setting_section .row-btn {
          position: sticky;
          top: 60px;  
          padding: 10px 20px;
          z-index: 10;
          background: #cfd4d9;
        }
        @media screen and (max-width: 480px) {
          .mobile .setting_section .row-btn,
          .tablet .setting_section .row-btn {
            top: 50px;
          }
        }

        .mobile .row-btn .btn,
        .tablet .row-btn .btn{
          pointer-events: none;
        }
        .mobile .setting_section.active .setting_section--btn,
        .tablet .setting_section.active .setting_section--btn{
          pointer-events: auto;
          opacity: 1;
          box-shadow: 0 5px 8px rgb(21 75 228 / 39%);
          color: #fff;
          background-color: #1492db;
          background-image: linear-gradient(-127deg, #1492db 0, #1361d5 100%);
        }

        .serach-info-autocomplete { 
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            box-shadow: 0 0 20px rgba(0, 0, 0, .1);
            border-radius: 0 0 5px 5px;
            background-color: #fff;
            z-index: 99999 !important;
            overflow: hidden;
            max-height: 9999px !important;
        }

        .serach-info-autocomplete .autocomplete-suggestion {
            display: block;
            width: 100%
        }

        .serach-info-autocomplete .autocomplete-suggestion.hidden {
            display: none;
        }

        .serach-info-autocomplete .link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            padding: 7px 10px;
            color: #5e5e5e;
            font-size: 16px;
            line-height: 18px;
            font-weight: 300;
            -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
            display: block;
        }

        .serach-info-autocomplete .link.hidden {
            display: none;
        }

        .serach-info-autocomplete .link strong {
            font-weight: 500;
            /* color: #e6184f; */
            color: #0d8bf6;
            display: initial;
            transition: color .3s, background .3s;
        }

        .serach-info-autocomplete .link i {
            font-size: 17px;
            margin: 0 5px 0 0;
            -webkit-transition: color .3s;
            transition: color .3s;
            display: inline-block;
            color: #5e5e5e
        }

        @media screen and (min-width:1024px) {
            .serach-info-autocomplete .link:hover {
                color: #fff;
                /* background: #e6184e */
                background: #0d8bf6
            }

            .serach-info-autocomplete .link:hover i {
                color: #fff
            }

            .serach-info-autocomplete .link:hover strong {
                color: #fff;
            }
        }

        .serach-info-autocomplete .title .link {
            pointer-events: none;
            cursor: default;
            display: block;
            width: 100%;
            background-color: #dbdee3;
            /* color: #e6184e; */
            color: #0d8bf6;
            font-weight: 500
        }

        .wrap_image .img,
        .th_cat .img,
        .model .img,
        .scenes_section .img,
        .thumbs_large .img,
        .thumb_min .img {
          opacity: 0;
          transition: opacity .7s;
        }
        .wrap_image .img.lazyloaded,
        .th_cat .img.lazyloaded,
        .model .img.lazyloaded,
        .scenes_section .img.lazyloaded,
        .thumbs_large .img.lazyloaded,
        .thumb_min .img.lazyloaded {
          opacity: 1;
        }

        #3M-Top-desktop {
        width: 1323px;
        margin: 0 auto;
        }


		.m-top-banner {
        display: block; 
        margin: auto;
        height: 100px;
        width: 300px;
		}

		.recommended a {
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            min-width: 1px;
            font-weight: 400;
            font-size: 24px;
            line-height: 1.2;
            color: #000;
            position: relative;
/*            padding-left: 35px;*/
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            flex-wrap: wrap;
            color: #2600ff;
            text-decoration: underline;
            
        }
		.recommended a:hover {
            text-decoration: none;
            color: red;
}

#head-banner {
background: #FBCA27;
color: black;
font-size:13px;
font-weight: 700;
top: 0px;
left: 0px;
width: 100% !important;
padding: 10px 0px;
text-align: center;
}
 
#head-banner a {
color: black;
}

#head-banner:hover {
color: black;
text-decoration: underline;
}

 
@media only screen and (max-width:480px) {
.hide_on_mobile {
/* display: none !important;} */
	}
}


.navigation-mob {
box-shadow: inset 0 2px 40px rgba(35, 35, 37, .13);
  background-color: #cbd2d6;
  padding: 0 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.navigation-mob .item {
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 20px;
}



        .navigation-mob a {
            display: block;
            padding: 12px 30px;
            color: #000;
            transition: color .3s;
            position: relative
        }

            .navigation-mob a:hover {
                color: white
            }

            .navigation-mob a:hover:after {
                transform: translate3d(0, 0, 0);
                opacity: 1
            }


            .navigation-mob a {
                padding: 12px 0
            }


        .navigation-mob a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transform: translate3d(0, 5px, 0);
            opacity: 0;
            transition: transform .3s, opacity .3s;
            height: 3px;
            box-shadow: 0 5px 8px rgba(21, 75, 228, .39);
            background-color: #349bec;
            background-image: linear-gradient(-127deg, #1480db 0, #1361d5 100%)
        }

        .navigation-mob .item.active a {
            color: #0d8df9
        }

        .navigation-mob .item.active a:after {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

    </style>