:root {
    --color: rgba(6, 171, 230, 1.00);
    --success: #02BC77;
    --info: #28c3d7;
    --warning: #FFD950;
    --danger: #d9534f;
    --light: rgba(24, 28, 33, 0.06);
    --dark: rgba(24, 28, 33, 0.9);
    --grey-1: #00000011;
    --FFFFFF: #FFFFFF;
    --F9F9F9: #F9F9F9;
    --FFFFFF99: #FFFFFF99;
    --FFFFFF66: #FFFFFF66;
    --FFFFFF33: #FFFFFF33;
    --EEEEEE: #EEEEEE;
    --000000: #000000;
    --111111: #111111;
    --00000033: #00000033;
    --00000011: #00000011;
    --333333: #333333;
    --666666: #666666;
    --999999: #999999;
    --F8F8F8: #F8F8F8;
    --00000011: #00000011
}

.darkmode {
    --grey-1: #FFFFFF11;
    --FFFFFF: #000000;
    --EEEEEE: #333333;
    --F9F9F9: #FFFFFF22;
    --F8F8F8: #FFFFFF33;
    --000000: #FFFFFF;
    --00000011: #FFFFFF11;
    --00000033: #FFFFFF33;
    --FFFFFF33: #00000033;
    --333333: #CCCCCC;
    --111111: #E9E9E9;
    --00000011: #FFFFFF11
}

.darkmode .mmcom-fullscreen .mmcom-list,
.darkmode .modal-body,
.darkmode body {
    background: #222;
    color: #fff
}
.darkmode {
    color: #fff;
}

.darkmode .leader {
    background: #161616;
    color: #fff
}

.darkmode .vod-partner.betv,
.darkmode header .brand img,
header.darkmode .brand img,
.darkmode img.betv {
    filter: invert(1)
}

.darkmode footer {
    background: #00000033
}

.darkmode .mm-carousel>.points>div {
    background-color: #111
}

.darkmode .mm-carousel>.points>div.active {
    background-color: #fff;
    border-color: #fff
}

.darkmode .tab-head>.grid a.active {
    background: #fffFFF22;
    color: #fff
}

.darkmode .mmcom-writing .textarea {
    background: #111
}

.darkmode input:-webkit-autofill {
    filter: invert(1) grayscale(1);
    border: 1px solid #ccc
}
/* .stk-accro,
.stk-description,
.stk-type {
    color: #666
} */
.darkmode .stk-accro,
.darkmode .stk-description,
.darkmode .stk-type {
    color: #999
}

.darkmode .ob-rec-text,
.darkmode .ob-widget-header {
    color: #fff !important
}

.darkmode .ob-rec-description {
    color: #ccc !important
}

.darkmode .ads-native>div {
    padding: 5px;
    background-color: #fff
}

::-webkit-scrollbar {
    width: 10px;
    height: 5px
}

::-webkit-scrollbar-track {
    background: var(--EEEEEE)
}

::-webkit-scrollbar-thumb {
    background: #000
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color)
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: cn2022;
    src: url('/assets/fonts/cn2022/cn2022.eot?v20211021');
    src: url('/assets/fonts/cn2022/cn2022.eot?v20211021') format('embedded-opentype'), url('/assets/fonts/cn2022/cn2022.woff?v20211021') format('woff'), url('/assets/fonts/cn2022/cn2022.ttf?v20211021') format('truetype'), url('/assets/fonts/cn2022/cn2022.svg?v20211021') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    scroll-behavior: smooth
}

body.connected .connected-off,
body:not(.connected) .connected-on {
    display: none !important
}

body.connected .icon.nav-user {
    background: var(--color);
    color: var(--FFFFFF);
    border-color: var(--00000033);
    background-size: contain
}

.gpt-hide {
    position: absolute;
    left: -1000;
    visibility: hidden
}

body {
    font-family: Raleway, "Helvetica Neue", sans-serif;
    font-size: .894rem;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    background: var(--F9F9F9);
    color: #222;
    overflow-x: hidden;
}

p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6em
}

.hide {
    display: none !important
}

.block {
    display: block
}

.input,
input,
select,
textarea {
    font-family: inherit;
    border-width: 0;
    outline: 0;
    width: 100%;
    background: var(--FFFFFF);
    color: var(--000000);
    margin-bottom: 1em;
    line-height: initial;
    box-sizing: border-box;
    margin: unset;
    padding: 6px 12px;
    border: 1px solid var(--EEEEEE);
    margin-bottom: .5em;
    line-height: 28px;
    min-height: 36px;
    resize: vertical
}

.input input {
    padding: 0;
    border: 0;
    margin: 0;
    min-height: auto
}

input[type=checkbox],
input[type=radio] {
    width: 16px;
    border: 1px solid #ddd;
    display: inline-block;
    height: 16px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

select option {
    background: var(--FFFFFF);
    color: inherit;
    padding: 6px 16px;
    line-height: 20px
}

img:not([src]) {
    display: inline-block;
    background: #00000066;
    content: url(/assets/img/1x1.png)
}

.checkbox,
.radio {
    margin: 0 .5em .5em 0;
    user-select: none;
    display: inline-block;
    cursor: pointer
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    height: auto;
    display: none
}

.checkbox:before,
.radio:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: var(--FFFFFF);
    cursor: pointer;
    vertical-align: middle;
    margin-right: .5em;
    box-shadow: 0 0 1px #999
}

.radio:before {
    border-radius: 100px;
    box-shadow: 0 0 2px #999
}

.checkbox.checked:before,
.radio.checked:before {
    width: 14px;
    height: 14px;
    border: 4px solid var(--FFFFFF);
    background: var(--color)
}

:not(.checkbox)>input[type=checkbox] {
    background-color: var(--FFFFFF);
    border: 1px solid var(--00000033);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: unset;
    padding: unset;
    min-height: auto;
    vertical-align: middle;
    float: left;
    margin-bottom: 5px;
    outline: 0
}

:not(.checkbox)>input[type=checkbox]:checked {
    background-color: var(--color);
    background: var(--color) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 3px 3px no-repeat
}

input[type=date] {
    padding: 6px
}

::-webkit-datetime-edit-fields-wrapper {
    font-family: Arial
}

.err:empty {
    display: none
}

.err {
    margin: 1em 0;
    color: #c00
}

.sticky-head {
    display: block;
    background: #111;
    color: #fff;
    padding: 8px 16px;
    font-size: .9em;
    text-transform: uppercase
}

.sticky-head:empty {
    display: none
}

.custom-select {
    position: relative;
    display: block;
    white-space: nowrap;
    background-color: #111;
    min-height: 39px
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: #111
}

.select-selected:after {
    position: absolute;
    content: "\e007";
    top: 50%;
    right: 10px;
    font-family: cn2022;
    margin-top: -.5em;
    line-height: 1em
}

.select-selected .icon {
    line-height: 0;
    margin-left: -.3em;
    margin-right: .3em
}

.select-items div,
.select-selected {
    color: #fff;
    padding: 8px 30px 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    user-select: none
}

.select-items {
    position: absolute;
    background-color: #111;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-hide {
    display: none
}

.same-as-selected,
.select-items div:hover {
    background-color: var(--color);
    color: var(--FFFFFF)
}

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

a,
a:active,
a:hover,
a:visited {
    text-decoration: none;
    color: inherit
}

.c,
a.c {
    color: var(--color)
}

.htmlcontent ul {
    list-style: disc
}

.htmlcontent ol {
    list-style: decimal
}

.htmlcontent li,
.htmlcontent ol,
.htmlcontent ul {
    margin: initial;
    padding: initial
}

.htmlcontent a,
.htmlcontent a:active,
.htmlcontent a:hover,
.htmlcontent a:visited {
    color: var(--color)
}

.small {
    font-size: .9em
}

.icon.small {
    font-size: 1.2em
}

.u {
    text-transform: uppercase
}

.d-none {
    display: none !important
}

.btn,
a.btn,
a.btn:active,
a.btn:hover,
a.btn:visited {
    display: inline-block;
    background: #111;
    color: #fff;
    width: auto;
    padding: 8px 16px
}

.btn.btn-light {
    background: #00000022 !important;
    color: #111 !important
}

.btn-rounded {
    display: inline-block;
    border-radius: 100%;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    vertical-align: middle;
    text-align: center;
    line-height: 40px
}

.btn-disabled {
    pointer-events: none;
    opacity: .2
}

.btn:hover,
a.btn:hover {
    background: var(--color);
    color: #fff
}

.btn-block {
    display: block !important;
    text-align: center;
    width: 100% !important
}

a.btn-color {
    background-color: var(--color)
}

.container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto
}

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

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

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

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

.t-l {
    text-align: left
}

.t-c {
    text-align: center
}

.t-r {
    text-align: right
}

.bb-1 {
    border-bottom: 1px dashed var(--00000011) !important
}

.bb-2 {
    border-bottom: 2px solid var(--00000011) !important
}

.bt-1 {
    border-top: 1px dashed var(--00000011) !important
}

.bt-2 {
    border-top: 2px solid var(--00000011) !important
}

.br-1 {
    border-right: 1px dashed var(--00000011) !important
}

.br-2 {
    border-right: 2px solid var(--00000011) !important
}

.bl-1 {
    border-left: 1px dashed var(--00000011) !important
}

.bl-2 {
    border-left: 2px solid var(--00000011) !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: 4px !important
}

.m-2 {
    margin: 8px !important
}

.m-3 {
    margin: 16px !important
}

.m-4 {
    margin: 32px !important
}

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

.mb-1 {
    margin-bottom: 4px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.mb-3 {
    margin-bottom: 16px !important
}

.mb-4 {
    margin-bottom: 32px !important
}

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

.mt-1 {
    margin-top: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mt-3 {
    margin-top: 16px !important
}

.mt-4 {
    margin-top: 1em !important
}

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

.mr-1 {
    margin-right: 4px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mr-3 {
    margin-right: 16px !important
}

.mr-4 {
    margin-right: 1em !important
}

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

.ml-1 {
    margin-left: 4px !important
}

.ml-2 {
    margin-left: 8px !important
}

.ml-3 {
    margin-left: 16px !important
}

.ml-4 {
    margin-left: 1em !important
}

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

.mr-1 {
    margin-right: 4px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mr-3 {
    margin-right: 16px !important
}

.mr-4 {
    margin-right: 1em !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: 4px !important
}

.p-2 {
    padding: 8px !important
}

.p-3 {
    padding: 16px !important
}

.p-4 {
    padding: 32px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 4px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pb-3 {
    padding-bottom: 16px !important
}

.pb-4 {
    padding-bottom: 32px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 4px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pt-3 {
    padding-top: 16px !important
}

.pt-4 {
    padding-top: 32px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 4px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pr-3 {
    padding-right: 16px !important
}

.pr-4 {
    padding-right: 32px !important
}

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

.pl-1 {
    padding-left: 4px !important
}

.pl-2 {
    padding-left: 8px !important
}

.pl-3 {
    padding-left: 16px !important
}

.pl-4 {
    padding-left: 32px !important
}

.grid {
    display: grid;
    grid-gap: 1rem;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr))
}

.grid.grid-1-300 {
    grid-template-columns: 1fr 300px;
    grid-gap: 20px
}

.center {
    text-align: center
}

.device-mobile .mobile-block {
    display: block
}

.device-mobile .mobile-center {
    text-align: center
}

.dark,
.dark input,
.dark select,
.dark textarea,
.dark>option,
a.dark:hover {
    background: #111;
    color: #fff
}

.dark input,
.dark select,
.dark textarea {
    border: 1px solid var(--FFFFFF33)
}

button {
    border: 0
}

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

.device-mobile h2 {
    font-size: 16px;
    line-height: 16px
}

.icon {
    display: inline-block;
    font-family: cn2022;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    font-size: 1.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    font-style: normal;
    line-height: 1em;
    font-weight: 400
}

.sticky {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99
}

.sticky-up .sticky {
    background: var(--FFFFFF);
    margin: 0
}

.sticky-up .sticky .section-title {
    margin: 0
}

.sticky-up .sticky .section-title>* {
    font-size: 1.2em
}

.sticky-up .sticky .btn .icon {
    margin: -10px auto
}

.rounded {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    font-size: 12px;
    border: 2px solid #222;
    font-weight: 600
}

.icon.rounded {
    font-size: 20px
}

header {
    display: block;
    min-height: 70px;
    background-color: var(--FFFFFF);
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    transition: top .2s;
    user-select: none
}

header .nav {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-height: 70px;
    column-gap: 20px
}

header .brand img {
    width: 140px
}

header nav {
    height: 100%
}

header .nav ul,
header .tools {
    display: table;
    height: 100%
}

header .nav ul li {
    display: table-cell;
    font-weight: 500;
    font-size: 14px;
    vertical-align: middle;
    position: relative;
    white-space: nowrap
}

header nav ul li:hover>a {
    color: var(--color)
}

header nav>ul>li>a {
    display: block;
    line-height: 40px;
    border-right: 1px solid var(--F8F8F8);
    padding: 0 14px;
    text-transform: uppercase
}

body:not(.device-mobile) header nav>ul>li:last-child>a {
    border: 0
}

header .nav ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--FFFFFF);
    border-left: 4px solid var(--color);
    height: auto;
    padding: 0 0;
    min-width: 280px;
    z-index: 9999
}

header .nav .tools ul li ul {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 4px solid var(--color)
}

header .nav ul li:hover>ul {
    display: inline-block
}

header .nav ul ul li {
    display: block
}

header .nav ul ul li:hover {
    background-color: var(--F9F9F9)
}

header .nav ul ul li a {
    display: block;
    padding: 8px 16px
}

.page-title {
    background: #000;
    padding: 20px 0;
    color: #fff
}

.page-title .title {
    margin: 5px 0;
    line-height: 30px
}

.leader {
    background-color: #111;
    overflow: hidden;
    transition: height .2s
}

.nav-fix.rossel-leader-top-viewed:not(.ads-video-show) .leader,
.nav-fix.hdr-hor-d-1-viewed:not(.ads-video-show) .leader,
.nav-fix.hdr-hor-m-1-viewed:not(.ads-video-show) .leader {
    height: 0 !important;
    transition: height .2s
}

.sticky-h:not(.viewed) {
    position: sticky !important;
    top: 0;
    z-index: 99
}

#rossel-leader-top,
#rossel-leader-top>div,
#rossel-leader-top>div>iframe,
#rossel-hdr-hor-d-1,
#rossel-hdr-hor-d-1>div,
#rossel-hdr-hor-d-1>div>iframe,
#rossel-hdr-hor-m-1,
#rossel-hdr-hor-m-1>div,
#rossel-hdr-hor-m-1>div>iframe {
    max-width: 100%
}

header .betv {
    height: 26px
}

.logo-pickx {
    height: 52px;
    background: url(/assets/img/logo-pickx-n.svg) no-repeat center center;
    display: inline-block;
    background-size: contain;
    width: 76px;
    vertical-align: middle;
}

.darkmode .logo-pickx,
.dark .logo-pickx {
    background-image: url(/assets/img/logo-pickx-b.svg);
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li:not(:first-child):before {
    content: '/';
    margin: 0 10px
}

.breadcrumb li a:hover {
    color: var(--color)
}

.section-title {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    grid-gap: 10px;
    text-align: center;
    margin: 20px 0;
    line-height: 1em;
    text-transform: uppercase
}

.section-title .icon {
    display: none
}

.section-title.detail {
    grid-template-columns: minmax(0, 0) auto minmax(20%, 1fr);
    margin: 0 0 0 -13px;
    justify-content: start;
    text-align: left
}

.section-title:after,
.section-title:before {
    content: '';
    background: url(/assets/img/dotted.png);
    height: 10px
}

body:not(.device-desktop) .section-title:before {
    background: none;
    display: none;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    z-index: 999
}

.fixed-bottom>* {
    pointer-events: fill
}

.modal {
    display: grid;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--FFFFFF66);
    z-index: 9999;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;
    max-height: 100vh;
    overflow: auto
}

.modal>div>div {
    background: var(--FFFFFF);
    width: 600px;
    max-width: 90vw;
    position: relative;
    min-height: 46px;
    box-shadow: 0 0 10px #00000033;
    margin: 1em 0
}

.modal.dark>div>div {
    background: #000;
    color: var(--FFFFFF)
}

.modal .modal-head {
    background: #000;
    color: #fff;
    min-height: 60px;
    font-size: 1.4em;
    font-weight: 700;
    padding: 12px 24px;
    line-height: 1em;
    padding-right: 50px
}

.modal .modal-foot {
    background: #000;
    color: #fff
}

.modal .modal-body {
    padding: 24px 24px
}

.modal.dark .modal-body {
    background: #111
}

.close-modal,
.close-modal:hover {
    background: #000;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 60px;
    padding: 0;
    width: 60px;
    text-align: center
}

.modal:not(.open) {
    display: none
}

[data-star] {
    display: block;
    line-height: 0;
    white-space: nowrap
}

[data-star]>div {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

[data-star]>div>div {
    overflow: hidden
}

[data-star] s {
    display: inline-block;
    text-decoration: none;
    font-size: 1.2em;
    letter-spacing: -.1em;
    line-height: 0
}

[data-star] s:after {
    content: '\e031';
    font-family: cn2022;
    opacity: .1;
    line-height: 1em
}

[data-star]>div>div:first-child {
    position: absolute;
    top: 0;
    left: 0
}

[data-star]>div>div:first-child s:after {
    content: '\e031';
    opacity: 1;
    color: #fecc00
}

[data-star] .quote {
    font-size: .8em;
    font-weight: 700;
    line-height: 1em;
    margin-left: .5em
}

.people a+a:before {
    content: ', '
}

.fade {
    opacity: 1;
    transition: all 1s
}

.fade:hover {
    opacity: .8;
    transition: all 1s
}

.lds-ring {
    display: grid;
    margin: auto;
    grid-template-columns: 10px 10px 10px 10px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    align-items: center;
    width: fit-content;
    grid-gap: 20px
}

.lds-ring>div:after {
    content: '';
    background: #111;
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    animation-name: loading;
    animation-duration: .6s;
    transform: scale(.8);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    opacity: 0;
    border-radius: 100px
}

.lds-ring>div:nth-child(1):after {
    animation-delay: 0s
}

.lds-ring>div:nth-child(2):after {
    animation-delay: .25s
}

.lds-ring>div:nth-child(3):after {
    animation-delay: .5s
}

.lds-ring>div:nth-child(4):after {
    animation-delay: .75s
}

@keyframes loading {
    from {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1.4);
        opacity: 100
    }
}

.mm-carousel .lds-ring {
    position: relative;
    z-index: 99;
    top: 50%;
    margin-top: -20px
}

.mm-carousel .lds-ring>div:after {
    background: var(--FFFFFF)
}

@keyframes lds-ring {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.stk {
    position: relative
}

.contents-list,
.movies-list,
.series-list {
    display: grid
}

.movies-grid .movies-stk.stk:hover,
.series-grid .series-stk.stk:hover,
.movies-grid .series-stk.stk:hover,
.series-grid .movies-stk.stk:hover {
    transform: scale(1.05);
    transform-origin: center center
}

.stk-image>a {
    display: block;
    padding-top: 56%;
    position: relative;
    background: var(--EEEEEE);
    line-height: 0
}

.stk-image.poster>a {
    padding-top: 140%;
    overflow: hidden
}

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

.themes-stk {
    margin: 0
}

.themes-stk>.grid {
    grid-template-columns: minmax(10px, 300px) 1fr;
    align-items: center;
    border-bottom: 1px dashed var(--00000033)
}

.device-mobile .themes-stk .stk-infos {
    text-align: center
}

.themes-stk .stk-posters {
    position: relative;
    text-align: center
}

.themes-stk .stk-posters:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.themes-stk .stk-posters>div {
    display: inline-block
}

.stk-title {
    font-size: 1.4em
}

.content-stk .stk-title,
.themes-stk .stk-title {
    font-size: 1.4em;
    margin-bottom: .5em
}

.stk-fly {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    right: -10px;
    left: -10px;
    bottom: -10px;
    top: -10px
}

.content-stk .stk-type,
.stk-fly>div {
    background: #111;
    color: #fff;
    padding: 8px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    transform: rotate(-10deg);
    box-shadow: -2px 2px 4px #00000033;
    transform-origin: top right;
    line-height: 14px;
    display: inline-block;
    float: left
}

.stk.content-stk {
    margin-top: .5em
}

.stk-num {
    font-size: 18px !important;
    border-radius: 100%;
    line-height: 46px !important;
    width: 48px;
    text-align: center;
    padding: 0 !important;
    margin: -4px
}

.stk-num:before {
    content: 'N°';
    font-size: .6em;
    margin-right: 2px
}

.stk.poster-player .stk-image>a:after {
    content: '\e010';
    font-family: cn2022;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-shadow: 0 0 6px #00000066;
    font-size: 80px;
    margin-left: -40px;
    margin-top: -40px;
    line-height: 80px
}

.stk-image {
    margin-bottom: 10px;
    position: relative
}

.stk-title {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.2em
}

.stk-actions {
    display: block
}

.movies-grid .movies-stk,
.series-grid .series-stk,
.movies-grid .series-stk,
.series-grid .movies-stk {
    min-height: 320px
}

.movies-grid .stk-title,
.movies-grid .stk-type,
.series-grid .stk-title,
.series-grid .stk-type {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stk.movies-stk .stk-place,
.stk.series-stk .stk-place {
    clear: both;
    margin: 8px 0 8px 0
}

.stk.movies-stk .stk-place>li,
.stk.series-stk .stk-place>li {
    display: inline-block;
    padding: 0;
    margin: 0 2px 2px 0
}

.stk.movies-stk .stk-place>li>a,
.stk.series-stk .stk-place>li>a {
    display: inline-block;
    padding: 4px 8px;
    background: #111;
    color: #fff;
    font-size: 12px
}

.theater-stk {
    display: grid;
    border: 2px solid var(--EEEEEE);
    min-height: 80px;
    grid-template-columns: 68px 1fr;
    align-items: center;
    gap: 10px
}

.theater-stk .stk-image {
    margin: 0;
    position: static;
    height: 100%;
    padding: 0;
    background: center center no-repeat var(--FFFFFF);
    background-size: 60%
}

.theater-stk .stk-title {
    font-weight: 600;
    display: block;
    font-size: 1em
}

.movies-grid,
.series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 0.5fr));
    grid-gap: 20px
}

.device-desktop .movies-grid,
.device-desktop .series-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 0.33fr));
    grid-gap: 20px
}

.contents-list,
.contests-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px
}

.content-stk,
.contest-stk {
    display: grid;
    grid-template-columns: minmax(260px, 300px) 1fr;
    grid-gap: 20px;
    border-bottom: 1px dashed var(--00000033);
    padding-bottom: 20px
}

.entry-meta {
    display: block;
    width: 100%;
    overflow: hidden
}

.entry-meta li {
    float: left;
    margin: 0 12px 6px 0;
    color: #666;
    font-style: italic
}

.readmore {
    font-weight: 600
}

.bbar {
    background: var(--FFFFFF);
    overflow: hidden;
    color: var(--000000);
    text-align: left;
    padding: 0;
    font-size: 1.4em;
    z-index: 999;
    box-shadow: 0 0 10px #00000055;
    margin-bottom: -60px;
    width: 100%;
    transition: margin .5s;
    padding: 6px 0;
    max-height: 60px
}

.bbar-display.nav-fix .bbar,
.mmcom-fullscreen .bbar {
    margin-bottom: 0;
    opacity: 1
}

.bbar>div:first-child {
    float: left
}

.bbar>div:last-child {
    float: right;
    padding-right: 10px
}

.bbar>div>a {
    display: inline-block;
    padding: 0 0 0 10px;
    line-height: 40px;
    height: 44px
}

body:not(.device-mobile) .bbar {
    display: none
}

.mm-carousel {
    position: relative;
    max-width: 100%
}

.mm-carousel .overflow {
    position: relative;
    background-color: #000;
    padding-top: 40%;
    width: 100%;
    margin: 0;
    padding-top: 470px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 50px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scrollbar-height: none
}

.mm-carousel .overflow::-webkit-scrollbar {
    width: 0;
    height: 0
}

.dark::-webkit-scrollbar {
    width: 0;
    height: 0;
    overflow: auto
}

.mm-carousel .slides {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap
}

.mm-carousel .slides>ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transition: margin-left 1s;
    font-size: 0;
    text-align: left
}

.mm-carousel .slides>ul>li {
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
    white-space: normal;
    user-select: none;
    font-size: initial;
    vertical-align: top
}

.mm-carousel>.points {
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 1em;
    position: absolute;
    z-index: 90
}

.mm-carousel>.points>div {
    display: inline-block;
    border-radius: 100% !important;
    width: 12px;
    height: 12px;
    line-height: 0;
    margin: 0 .4em;
    cursor: pointer;
    background: #ddd
}

.mm-carousel>.points>div.active {
    background-color: #222;
    border: 2px solid #222
}

.mm-carousel .title {
    background: #000000CC;
    padding: 10px 18px;
    font-size: 32px;
    font-weight: 700;
    font-family: var(--font);
    line-height: 42px;
    display: inline-block;
    color: #fff
}

.mm-carousel .infos {
    background: #00000066;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font);
    line-height: 14px;
    display: inline-block;
    color: #fff
}

#modal-gallery .nextback,
.mm-carousel .nextback {
    position: absolute;
    width: 100%;
    margin-top: -50px;
    height: 60px;
    top: 50%;
    pointer-events: none;
    z-index: 99
}

#modal-gallery .nextback {
    margin-top: -30px
}

#modal-gallery .nextback>div,
.mm-carousel .nextback>div {
    width: 100%;
    margin: auto
}

#modal-gallery .nextback .back,
#modal-gallery .nextback .next,
.mm-carousel .nextback .back,
.mm-carousel .nextback .next {
    display: inline-block;
    color: #fff;
    width: 60px;
    height: 60px;
    pointer-events: initial;
    float: right;
    font-size: 40px;
    font-family: cn2022;
    line-height: 60px;
    cursor: pointer;
    text-shadow: 1px 1px 4px #00000066;
    text-align: center
}

#modal-gallery .nextback .back,
.mm-carousel .nextback .back {
    float: left
}

#modal-gallery .nextback .back:after,
.mm-carousel .nextback .back:after {
    content: '\e017'
}

#modal-gallery .nextback .next:after,
.mm-carousel .nextback .next:after {
    content: '\e01c'
}

.mm-carousel .text {
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    text-align: center;
    line-height: 0
}

.mm-carousel .icon.play {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-shadow: 0 0 6px #00000066;
    font-size: 140px;
    margin-left: -70px;
    margin-top: -70px;
    line-height: 140px
}

.mm-carousel .grid .title {
    color: #fff;
    font-size: 22px;
    line-height: 24px;
    margin: 20px 0 0 0;
    background: 0 0
}

.mm-carousel .grid .infos {
    color: #999;
    line-height: 16px;
    font-weight: 400;
    background: 0 0
}

.vpl {
    display: block;
    padding-top: 60%;
    background: no-repeat center center var(--00000033);
    background-size: cover;
    position: relative;
    font-size: .9em
}

.vpl>div {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    pointer-events: none
}

.vpl>div>label {
    background-color: #00000066;
    padding: 4px 8px;
    color: #fff;
    line-height: 1.2em;
    font-size: .9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}

.vpl>div:before {
    content: '\e010';
    font-family: cn2022 !important;
    align-self: center;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 6px #00000066;
    font-size: 3rem;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.5rem;
    margin-top: -.5rem
}

@media (min-width:769px) {
    body .mobile-on {
        display: none !important
    }

    body .desktop-off {
        display: none !important
    }

    .go_up {
        display: none
    }

    .movies-list .stk,
    .series-list .stk {
        display: grid;
        grid-template-columns: minmax(80px, 160px) 1fr;
        grid-gap: 0 20px;
        border-bottom: 1px solid var(--EEEEEE);
        margin-bottom: 20px;
        padding-bottom: 10px
    }

    .movies-list .stk-infos>span,
    .series-list .stk-infos>span {
        display: block !important
    }

    .movies-list .stk-rating,
    .series-list .stk-rating {
        position: absolute;
        right: 0;
        top: 0
    }

    .stk-description {
        margin: 10px 0
    }

    .stk-directedBy a,
    .stk-staring a {
        color: var(--color)
    }
}

.mmcom-bfix,
.nav-fix .go_up {
    float: right;
    display: block;
    background: #000;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    margin: 10px 10px 10px 0;
    cursor: pointer;
    padding: 0;
    font-size: 1.4em
}

.nav-fix .go_up {
    display: none !important
}

@media (max-width:768px) {
    /* main {
        overflow: hidden
    } */

    body .mobile-off {
        display: none
    }

    body .desktop-on {
        display: none !important
    }

    body:not(.nav-open) header nav {
        display: none
    }

    header .brand {
        height: 70px;
        line-height: 90px
    }

    header .nav {
        grid-template-columns: 40px 40px 1fr 40px 40px;
        text-align: center;
        grid-column-gap: 0;
        padding: 0 10px
    }

    header nav {
        display: block;
        grid-column-start: 1;
        grid-column-end: 6;
        max-height: 90vh;
        overflow-y: auto;
        margin: 0 -10px
    }

    header .nav ul {
        display: block
    }

    header .nav ul li {
        display: block
    }

    header .nav ul li a {
        border-right: 0;
        border-top: 1px solid var(--F8F8F8);
        margin: 0 3px;
        text-align: left
    }

    header nav>ul>li>a {
        font-weight: 600
    }

    header .nav ul li ul {
        position: static;
        width: 100%;
        padding: 0;
        border: 0;
        border-left: 28px solid transparent;
        display: block
    }

    header nav ul li:hover>a {
        color: var(--222222)
    }

    header .nav ul ul li {
        display: block;
        border-left: 2px solid #666
    }

    .grid.grid-1-300 {
        display: block
    }

    .grid.grid-1-300>div {
        margin-bottom: 2em
    }

    .content-stk,
    .contest-stk {
        grid-template-columns: 1fr
    }

    .stk.movies-stk .stk-place>li,
    .stk.movies-stk .stk-place>li>a,
    .stk.series-stk .stk-place>li,
    .stk.series-stk .stk-place>li>a {
        display: block
    }

    .movies-list,
    .series-list {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        grid-gap: 20px
    }

    .fix-list {
        grid-template-columns: 1fr
    }

    .fix-list .stk {
        grid-template-columns: 80px 1fr;
        display: grid;
        grid-gap: 0 10px;
        border-bottom: 1px solid var(--EEEEEE)
    }

    .fix-list .stk-title {
        font-size: 1.6em
    }

    .mm-carousel .overflow {
        padding-top: 60%
    }

    .mm-carousel .text {
        bottom: 0;
        right: 0;
        left: 0;
        background: #111
    }

    .mm-carousel .title {
        font-size: 1.2em;
        line-height: 1em;
        background: 0 0;
        text-transform: uppercase
    }

    .mm-carousel .infos {
        font-size: 10px;
        background: 0 0;
        margin-top: -20px;
        padding-top: 0
    }

    .mm-carousel .icon.play {
        transform: scale(.4);
        transform-origin: center center
    }
}

.showtimes-list,
.vod-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 88px));
    grid-gap: 10px;
    margin: 10px 0;
    text-align: center;
    user-select: none
}

.showtimes-list>li,
.vod-list>li {
    background: var(--EEEEEE);
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    cursor: pointer;
    font-size: 12px
}

.showtimes-list>li .t,
.vod-list>li .t {
    font-size: 16px;
    font-family: Arial;
    font-weight: 600
}

.showtimes-more-days>a,
.showtimes-more-theater>a {
    background: var(--EEEEEE);
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: .9em;
    display: block
}

.showtimes-list>li:hover,
.showtimes-more-days>a:hover,
.showtimes-more-theater>a:hover,
.vod-list>li:hover {
    background: #111;
    color: #fff;
    white-space: nowrap
}

.showtimes-select-days,
.showtimes-select-theater {
    position: absolute;
    width: 100%;
    z-index: 99;
    background: #111;
    color: #fff;
    list-style: none
}

.showtimes-select-days>li,
.showtimes-select-theater>li {
    padding: 10px;
    text-transform: capitalize
}

.showtimes-select-days>li:hover,
.showtimes-select-theater>li:hover {
    background: var(--color);
    color: #fff;
    cursor: pointer
}

.showtimes-more-days.open>a,
.showtimes-more-theater.open>a {
    background: #111;
    color: #fff
}

:not(.open)>.showtimes-select-days,
:not(.open)>.showtimes-select-theater {
    display: none
}
.htmlcontent {
    font-size:1.2em;
}
.htmlcontent img {
    height: auto
}

.htmlcontent * {
    max-width: 100%
}

.tags-list {
    display: block;
    margin: 10px 0 5px 0
}

.tags-list li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 5px
}

.tags-list li a {
    display: inline-block;
    background: #111;
    color: #fff;
    padding: 4px 8px;
    position: relative;
    line-height: 20px
}

.tags-list li a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 15px;
    border-color: transparent transparent transparent #111;
    right: -15px;
    top: 0
}

body:not(.device-mobile) [data-move-mobile] {
    display: none
}

[data-share] .icon {
    line-height: 0;
    font-size: 1.4em
}

[data-share] .icon {
    width: 1.2em;
    height: 1.2em;
    background-size: contain;
    margin: -.2em;
    vertical-align: middle
}

.share-btn [data-share] {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 38px
}

[data-share=fb] .icon {
    background-image: url(/assets/img/social/facebook.svg)
}

[data-share=fb] {
    background-color: #3b5b99 !important
}

[data-share=messenger] .icon {
    background-image: url(/assets/img/social/messenger.svg)
}

[data-share=messenger] {
    background-color: #448aff !important
}

[data-share=twitter] .icon {
    background-image: url(/assets/img/social/twitter.svg)
}

[data-share=twitter] {
    background-color: #00aced !important
}

[data-share=linkedin] .icon {
    background-image: url(/assets/img/social/linkedin.svg)
}

[data-share=linkedin] {
    background-color: #0084b1 !important
}

[data-share=whatsapp] .icon {
    background-image: url(/assets/img/social/whatsapp.svg)
}

[data-share=whatsapp] {
    background-color: #25d366 !important
}

[data-share=pinterest] .icon {
    background-image: url(/assets/img/social/pinterest.svg)
}

[data-share=pinterest] {
    background-color: #cb2027 !important
}

[data-share=sms] .icon {
    background-image: url(/assets/img/social/sms.svg)
}

[data-share=sms] {
    background-color: #ffbd00 !important
}

.ads {
    margin: 10px auto;
    max-width: 100%;
    text-align: center;
    font-size: 8px;
    font-weight: 600;
    color: #ccc;
    text-transform: uppercase;
    box-sizing: content-box;
    overflow: hidden
}

.ads>div {
    margin-right: auto;
    margin-left: auto;
}

#rossel-imu-top,
#rgt-rec-d-1 {
    width: 300px;
    min-height: 250px;
    background: #111
}

.fixed-bottom #rossel-leader-bottom {
    display: none
}

.ads .close-btn {
    display: inline-block;
    background: #000;
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 2em;
    top: 0;
    right: 0;
    cursor: pointer
}

.ads .close-btn:after {
    content: 'X'
}

.rossel-leader-top-viewed.nav-fix #rossel-leader-bottom:not(.closed),
.hdr-hor-d-1-viewed.nav-fix #ftr-lea-d-1:not(.closed),
.hdr-hor-m-1-viewed.nav-fix #ftr-lea-m-1:not(.closed) {
    text-align: center;
    background: 0 0;
    display: inline-block;
    padding: 0px;
    max-width: 100vw;
    overflow: hidden;
    margin: 0 !important;
    box-sizing: border-box;
    line-height: 0;
}

.rossel-imu-top-viewed [data-move-mobile="#rossel-imu-top"],
.rgt-rec-d-1-viewed [data-move-mobile="#rgt-rec-d-1"],
.ctr-flexs-m-1-viewed [data-move-mobile="#ctr-flexs-m-1"] {
    position: static
}

@media (min-width:769px) {

    #rossel-leader-top,
    #hdr-hor-d-1,
    #hdr-hor-m-1 {
        width: 970px
    }

    .share-btn.share-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 40px;
        margin-top: 10px
    }
}

@media (max-width:768px) {

    #rossel-leader-top,
    #hdr-hor-d-1,
    #hdr-hor-m-1 {
        width: 320px;
        display: grid;
        align-items: center
    }

    body.nav-fix[scroll-dir=down]:not(.nav-open) header {
        top: -115px;
        transition: top .2s
    }

    .device-mobile .section-title {
        grid-template-columns: 1fr;
        margin: 0 0 1em 0
    }

    .device-mobile .section-title h2,
    .device-mobile .section-title h3 {
        font-size: 1.8em;
        line-height: 1em;
        text-transform: uppercase;
        margin: 1em 0 .2em 0!important
    }

    .device-mobile .section-title h2 .icon,
    .device-mobile .section-title h3 .icon {
        display: none
    }

    article.stk.content-stk .stk-infos {
        margin: -12px 24px 0 24px
    }

    article.stk.content-stk .stk-fly {
        left: 10px
    }

    .btn-list-more {
        display: block !important;
        width: 100%;
        text-align: center;
        margin-bottom: 2em
    }

    .showtimes-list>li,
    .vod-list>li {
        font-size: .8em;
        padding: 10px 5px;
        min-height: 60px
    }

    .showtimes-list>li .t,
    .vod-list>li .t {
        font-size: 1.2em
    }

    .showtimes-list,
    .vod-list {
        grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)) grid-gap: 4px
    }

    .showtimes-list>li>span {
        line-height: 1.2em
    }
}

body:not(.hdr-hor-m-1-rendered):not(.hdr-hor-d-1-rendered) .leader {
    display: none;
}

#id-user-modal>div>div {
    width: 740px
}

.profile-thumb {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: no-repeat center center var(--color);
    background-size: 110%;
    border-radius: 100%;
    border: 2px solid var(--00000033);
    color: var(--FFFFFF);
    text-align: center;
    line-height: 38px;
    font-size: 1.4em;
    font-weight: 700
}

.profile-name {
    margin-left: .5em
}

body:not(.open-global-search) #id-global-search {
    display: none
}

.open-global-search header {
    top: 0 !important
}

body.open-global-search .fixed-bottom,
body.open-global-search .mmcom-bfix {
    display: none
}

#id-global-search {
    background: #00000005;
    box-shadow: 0 5px 5px var(--00000011);
    text-align: center
}

#id-global-search input {
    border: 0;
    margin: 0;
    background: 0 0;
    max-width: 100%;
    font-size: 1.2em;
    line-height: 42px;
    height: 56px;
    padding: 0
}

#id-global-search input::placeholder {
    font-style: italic;
    color: #ccc
}

#id-global-search-result {
    position: absolute;
    z-index: 999;
    width: 100%;
    background: var(--EEEEEE);
    box-shadow: 0 5px 5px var(--00000011);
    overflow: auto;
    max-height: 80vh
}

#id-global-search-result .container {
    text-align: left
}

#id-global-search-result [data-id] {
    display: grid;
    grid-template-columns: 40px 1fr;
    border-bottom: 1px solid var(--00000011);
    padding: .5em;
    grid-gap: 1em;
    align-items: center
}

#id-global-search-result img {
    background: #00000005;
    width: 40px;
    min-height: 50px
}

.cinecheck:hover {
    color: var(--color)
}

.alt-info {
    background: var(--color);
    color: var(--FFFFFF);
    display: inline-block;
    padding: .5em 1em;
    text-align: center;
    position: absolute;
    top: 100%;
    left: 50%;
    font-size: .9em;
    width: 200px;
    margin-left: -15px;
}

.cinecheck+.alt-info {
    background: var(--color)
}

.cinecheck:not(:hover)+.alt-info {
    display: none
}

.alt-info:before {
    content: '';
    position: absolute;
    left: 7%;
    margin-left: -4px;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--color);
    clear: both
}

.cinecheck+.alt-info:before {
    border-bottom: 5px solid var(--color)
}

.icon-cinecheck-6:before {
    content: "\e054"
}

.icon-cinecheck-9:before {
    content: "\e055"
}

.icon-cinecheck-12:before {
    content: "\e056"
}

.icon-cinecheck-14:before {
    content: "\e057"
}

.icon-cinecheck-16:before {
    content: "\e058"
}

.icon-cinecheck-18:before {
    content: "\e059"
}

.icon-cinecheck-al:before {
    content: "\e05a"
}

.icon-cinecheck-d:before {
    content: "\e05b"
}

.icon-cinecheck-f:before {
    content: "\e05c"
}

.icon-cinecheck-l:before {
    content: "\e05d"
}

.icon-cinecheck-s:before {
    content: "\e05e"
}

.icon-cinecheck-v:before {
    content: "\e05f"
}

.icon-cinecheck-h:before {
    content: "\e060"
}

[data-vod-imdb]:not(.active) {
    display: none
}

[data-vod-imdb] .vodbox {
    display: inline-block;
    margin: 0px;
    border: 1px solid #00000011;
    box-shadow: 0 0 5px #00000011;
    border-radius: 5px;
    overflow: hidden
}

[data-vod-imdb] .vodbox:hover {
    transform: scale(1.5)
}

[data-vod-imdb] .vodbox .logo {
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px
}
[data-vod-imdb][data-vod-size="large"] .vodbox {
    margin:0.4em 0.4em 0 0;
}
[data-vod-imdb][data-vod-size="large"] .vodbox .logo {
    width: 34px;
    height: 34px;
}

.has-close-btn.closed,
.rossel-leader-top-rendered:not(.rossel-leader-top-viewed) .fixed-bottom .ads,
.hdr-hor-d-1-rendered:not(.hdr-hor-d-1-viewed) .fixed-bottom .ads,
.hdr-hor-m-1-rendered:not(.hdr-hor-m-1-viewed) .fixed-bottom .ads,
body:not(.nav-fix) .fixed-bottom .ads {
    margin-bottom: -100% !important;
}
.jw-ranks {
    font-family: Lato, Lato-fallback, Arial, sans-serif;
    pointer:default;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 0.2em;
}
.jw-ranks:before {
    content: "";
    display: inline-block;
    background: url(/assets/img/jw-icon.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    margin: -0.2em 0.5em -0.2em 0.5em;
    vertical-align: middle;
}
.jw-ranks .rank {
    display: inline-block;
    color: #fbc500;
    font-weight: 600;
    vertical-align: middle;
    font-size: 0.9em;
}
.jw-ranks .rank:after {
    content: ".";
}
.jw-ranks .delta {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid var(--000000);
    border-radius: 20px;
    line-height: 1.4em;
    font-size: 0.8em;
    padding: 0 0.6em;
    margin-left: 0.5em;
    font-weight: 600;
}
.jw-ranks .delta:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.4em 0.2em 0;
}
.jw-ranks .delta.up {
    color: #00a651;
    border-color: #00a65144;
}
.jw-ranks .delta.up:before {
    border-bottom: 6px solid #00a651;
    border-top: 0;
}
.jw-ranks .delta.down {
    color: #ed1c24;
    border-color: #ed1c2444;
}
.jw-ranks .delta.down:before {
    border-top: 6px solid #ed1c24;
    border-bottom: 0;
}



.stk-providers {
    position:absolute;
    right:5px;
    bottom:5px;
    pointer-events:none;
    display: flex;
    gap:0.2em;
}
.stk-providers > div {
    width: 32px;
    height: 32px;
    border-radius:4px;
    background:url() no-repeat center center;
    background-size:cover;
}
.stk-providers .provider-apple { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/itunes.jpg); }
.stk-providers .provider-betv { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/betv.jpg); }
.stk-providers .provider-disney { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/disneyplus.jpg); }
.stk-providers .provider-hbo { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/hbo.jpg); }
.stk-providers .provider-netflix { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/netflix.jpg); }
.stk-providers .provider-prime { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/amazonprimevideo.jpg); }
.stk-providers .provider-auvio { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/rtbf.jpg); }
.stk-providers .provider-rtl { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/rtlplay.jpg); }
.stk-providers .provider-youtube { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/youtubered.jpg); }
.stk-providers .provider-vrt { background-image: url(https://www.cinenews.be/assets/img/streamingPlatform/vrt.jpg); }