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

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

svg {
    width: 20px
}

body {
    font-family: Helvetica, Arial, sans-serif;
    color: #2f2f2f;
    -webkit-font-smoothing: antialiased
}

body.scrolling {
    background-color: #fff
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

.clear {
    clear: both
}

a {
    text-decoration: none;
    color: #015f75
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.blue {
    background-color: #0cf
}

.blue:hover {
    background-color: #54ddff
}

.red {
    background-color: #ff4f37
}

.red:hover {
    background-color: #ff6549
}

.gray {
    background-color: #333
}

.gray:hover {
    background-color: #444
}

.light-gray {
    background-color: #aaa
}

.light-gray:hover {
    background-color: #bbb
}

.button,
button {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    text-align: center;
    color: #fff
}

#mf-content {
    transition: .25s;
    background: #fff
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

#content-wrapper.add-margin {
    margin: 83px 0 0
}

.mobile #content-wrapper.add-margin {
    margin: 54px 0 0
}

#content {
    width: calc(90% - 40px);
    margin: 0 auto;
    padding: 0px 20px 30px;
    overflow: hidden;
    max-width: 1300px;
    position: relative;
    background-color: #fff
}

#left {
    margin-right: 20px;
    width: calc(100% - 330px);
    float: left
}

#right {
    width: 310px;
    float: right
}

.module-title {
    margin: 0 0 14px;
    display: block;
    border-bottom: solid 1px #ececec;
    padding: 0 0 6px;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -1px;
    font-weight: 700
}

.module-title span {
    font-weight: 400
}

a.module-title {
    transition: .25s
}

a.module-title:hover {
    text-decoration: none;
    color: #31c6f2
}

h1.module-title {
    margin: 10px 0 16px;
    line-height: 30px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 300
}

.module-movie-title {
    margin: -4px 0 4px;
    font-size: 22px;
    line-height: 30px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 300
}

.module-title-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23005f75' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 20px;
    padding: 0 35px 0 0;
    transition: .5s
}

.module-title-link:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23000000' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3Cpath /%3E%3C/svg%3E");
    text-decoration: none;
    color: #000;
    padding: 0 45px 0 0
}

p.module-desc {
    margin: 20px 0 22px;
    font-size: 15px;
    line-height: 25px
}

.coming-soon .module-title,
.dvd .module-title,
.movie-genre-list .module-title,
.popular-movies .module-title {
    border-bottom: 0
}

.breadcrumb {
    overflow: hidden;
    margin: 0
}

.breadcrumb ol {
    padding: 0;
    clear: both;
    display: block;
    overflow: hidden;
    border-bottom: solid 1px #f5f5f5
}

.breadcrumb li {
    list-style: none;
    float: left;
    padding: 0;
    position: relative;
    margin: 0;
    font-size: 14px
}

h1 {
    font-size: 26px !important;
}

.breadcrumb li a,
.breadcrumb li span {
    padding: 12px 12px 12px 0;
    display: inline-block;
    font-size: 13px;
    color: #000
}

.breadcrumb li span.arrow {
    padding: 0 12px 0 0;
    font-size: 16px;
    display: inline-block;
    color: #8a8a8a
}

.video-breadcrumb {
    background-color: #fff
}

.video-breadcrumb .breadcrumb {
    margin: 0 auto;
    max-width: 1300px;
    padding: 10px 20px 0
}

.item-box {
    float: left;
    width: calc(25% - 11px);
    margin: 0 10px 15px 1px;
    border-radius: 4px;
    transition: .25s
}

.item-box:hover .item-box-img {
    background: #effbff;
    color: #d8f1f9
}

.item-box a {
    text-decoration: none;
    color: #2f2f2f
}

.item-box .item-box-info {
    padding: 12px;
    font-size: 14px;
    border: 1px solid #eaeaea;
    line-height: 20px;
}

.item-box .item-box-img {
    display: block;
    width: calc(100% - 40px);
    padding: 40px 20px;
    text-align: center;
    font-size: 40px;
    background: 0 0;
    color: #e2e2e2;
    transition: .25s;
    height: 0;
    overflow: hidden;
    padding-top: 52.6666667%;
    position: relative
}

.item-box .item-box-img img {
    display: block;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover
}

.item-box .item-box-img svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border: solid 3px #fff;
    padding: 12px;
    border-radius: 13px;
    width: 14px
}

.item-box .item-box-title {
    margin: 0;
    line-height: 22px;
    font-size: 15px;
    display: block;
    letter-spacing: -.2px;
    font-weight: 700
}

.item-box .item-box-subtitle {
    font-size: 12px;
    font-style: italic;
    color: #484848;
    line-height: 20px
}

.item-box-side {
    box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1);
    border-radius: 4px;
    transition: .25s
}

.item-box-side .item-box-side-img {
    float: left;
    width: 40px;
    padding: 30px 10px;
    text-align: center;
    font-size: 24px;
    background: #f7f7f7;
    color: #e2e2e2;
    transition: .25s
}

.item-box-side .item-box-side-img-headshot {
    float: left;
    width: 60px;
    height: 88px;
    padding: 0;
    object-fit: cover;
    text-align: center;
    font-size: 24px;
    background: #f7f7f7;
    color: #e2e2e2;
    transition: .25s;
    box-shadow: 1px 0 1px 0 rgb(178 178 178 / 50%);
    border-radius: 4px 0 0 4px
}

.item-box-side .item-box-side-img img {
    display: block;
    width: 100%;
    border-radius: 4px 0 0 4px
}

.item-box-side .item-box-side-title {
    font-size: 14px;
    text-align: center;
    color: #000;
    margin: 0 0 5px;
    line-height: 18px
}

.item-box-side .item-box-side-subtitle {
    font-size: 11px;
    color: #535353;
    font-style: italic;
    text-align: center;
    line-height: 15px
}

.item-box-side .item-box-side-infowrap {
    width: calc(100% - 60px);
    float: left;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 88px
}

.item-box-side .item-box-side-info {
    padding: 10px
}

.filter-select {
    float: left;
    width: calc(25% - 19px);
    margin: 0 20px 20px 1px
}

.filter-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #f9f9f9;
    background-image: none;
    flex: 1;
    padding: 12px 16px;
    color: #3a3a3a;
    cursor: pointer;
    font-size: 14px;
    transition: .25s
}

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

.filter-select .select {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: .25em;
    transition: .25s
}

.filter-select .select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 12px;
    color: #cacaca;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease
}

.filter-select:hover select {
    background-color: #dadada
}

.show-filters-area {
    margin: 20px 5px;
    overflow: hidden
}

.show-filter {
    font-size: 14px;
    margin: 0 5px 0 0;
    float: left;
    width: calc(100% - 95px);
    color: #333
}

.clear-filters {
    margin: 0;
    width: 90px;
    float: right
}

.clear-filters a {
    font-size: 12px
}

.rr-nav {
    margin: 0 0 40px
}

.rr-nav h3.module-title {
    margin: 0
}

.rr-nav li a {
    display: block;
    padding: 0 0 12px 4px;
    color: #232323;
    text-decoration: none;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -1px;
    font-weight: 700;
    transition: .25s
}

.rr-nav li a:hover {
    color: #38c6f3
}

.legal-page {
    background-color: #fff;
    width: 1000px;
    margin: 30px auto 50px
}

.legal-page h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 30px
}

.legal-page h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px
}

.legal-page h3 {
    font-size: 16px;
    line-height: 26px;
    margin: 40px 0 0;
    display: block
}

.legal-page h4 {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 0;
    display: block
}

.legal-page i {
    font-style: italic
}

.legal-page .legal-page-title {
    display: block;
    line-height: 26px
}

.legal-page .legal-page-text {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0
}

.legal-page ul {
    list-style-type: square;
    list-style-position: outside;
    list-style-image: none
}

.legal-page li {
    padding-left: 0;
    font-size: 14px;
    margin: 10px;
    line-height: 20px
}

.legal-page .legal-page-text strong {
    font-weight: 700
}

#error-page {
    overflow: hidden;
    margin: 40px 0 60px
}

#error-page h1 {
    line-height: 40px;
    margin: 0 0 3%
}

#error-page .error-content {
    overflow: hidden;
    margin: 2% 0 0
}

#error-page .error-img {
    width: 48%;
    height: auto;
    display: block;
    float: right
}

#error-page .errors {
    width: 50%;
    height: auto;
    display: block;
    float: left;
    margin: 0 2% 0 0;
    font-size: 14px
}

#error-page .errors p {
    line-height: 18px
}

#error-page .errors li {
    padding: 1%;
    list-style-type: disc;
    list-style-position: inside
}

#error-page .error-home {
    background-color: #00cdff;
    padding: 2% 8%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    margin: 3% 0
}

.mf-star {
    background: gold;
    clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    display: inline-block;
    height: 18px;
    width: 18px
}

.mf-star.half-star {
    clip-path: polygon(50% 0, 51% 28%, 51% 39%, 51% 58%, 50% 71%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)
}

.contact-page p {
    line-height: 30px
}

@media screen and (max-width:900px) {
    #content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 100%
    }

    #left {
        float: none;
        margin: 0 0 10px 0;
        width: 100%
    }

    #right {
        float: none;
        width: 100%;
        position: static
    }
}

.gd-6 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.gd-6 a {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

@media (min-width:992px) {
    .gd-6 {
        display: grid !important;
        grid-template-columns: repeat(6, 1fr);
        gap: 10px;
    }
}

.news-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}

@media (min-width:768px) {
    .news-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

.yc1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list .news-list-item {
    float: left;
    width: 100%;
    margin: 0
}

#right .news-list .news-list-item {
    float: left;
    width: 99%;
    margin: 0 .5% 20px
}

.google-ad iframe {
    display: block;
    margin: 0 auto
}

.google-ad.leaderboard_atf {
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

#trailer-popup-ad {
    width: 970px;
    height: 90px;
    text-align: center;
    margin: 0 auto
}

#moviefone_Leaderboard_ATF {
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    overflow: hidden
}

#moviefone_Leaderboard_incontent,
.google-ad.bigbox_atf,
.google-ad.bigbox_btf,
.google-ad.inline,
.google-ad.leaderboard_btf {
    padding: 0;
    text-align: center;
    margin: 0 auto
}

#moviefone_Leaderboard_incontent,
#moviefone_Leaderboard_incontent_2,
.google-ad.bigbox_atf,
.google-ad.bigbox_btf,
.google-ad.inline {
    margin: 0 0 20px
}

#moviefone_right_1,
.google-ad.bigbox_atf {
    margin: 0 0 50px
}

#leaderboard-ad.mobile-leaderboard {
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%
}

#leaderboard-ad.mobile-leaderboard .google-ad.leaderboard_atf {
    padding: 0
}

#moviefone_right_2 {
    margin: 0 0 20px
}

#moviefone_Leaderboard_Pushdown {
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center
}

#moviefone.mobile #moviefone_Leaderboard_incontent,
#moviefone.mobile #moviefone_Leaderboard_incontent_2 {
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0
}

#moviefone.desktop #moviefone_Leaderboard_incontent,
#moviefone.desktop #moviefone_Leaderboard_incontent_2 {
    clear: both;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    padding: 20px 0
}

@media (min-width:769px) {
    .fxfg {
        display: flex;
        justify-content: space-between;
    }

    .footer-section-left {
        display: flex;
        align-items: center;
    }

    .footer-top-links {
        display: flex;
        justify-content: flex-end;
    }
}

#moviefone.mobile #moviefone_right_1,
#moviefone.mobile #moviefone_right_2,
#moviefone.mobile #moviefone_right_3 {
    display: flex;
    justify-content: center;
    align-items: center
}

#moviefone.desktop #moviefone_right_1,
#moviefone.desktop #moviefone_right_2,
#moviefone.desktop #moviefone_right_3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    padding: 20px 0
}

[data-freestar-ad] {
    display: flex;
    align-items: center;
    justify-content: center
}

[data-freestar-ad*="__728x90"],
[data-freestar-ad*="__970x90"] {
    height: 90px
}

[data-freestar-ad*="__300x250"],
[data-freestar-ad*="__970x250"] {
    height: 250px
}

[data-freestar-ad*="__160x600"],
[data-freestar-ad*="__300x600"] {
    height: 600px
}

.google-adsense {
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.google-adsense-responsive {
    width: 320px;
    height: 100px;
    margin: 0 auto
}

.mf-adsense-leaderboard {
    height: 90px;
    background: #000;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 5px 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: .5s;
    z-index: 99999999;
    position: relative
}

.mobile .mf-adsense-leaderboard {
    height: 100px
}

.mf-adsense-leaderboard ins {
    margin: 0 auto
}

.mf-adsense-desktop-leaderboard {
    position: sticky;
    top: 0;
    z-index: 99999999999;
    background: rgb(249 249 249 / 50%)
}

.mf-adsense-rightrail {
    height: 600px;
    background: #f9f9f9;
    width: 100%;
    margin: 0 0 30px;
    text-align: center;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile .mf-adsense-rightrail {
    height: 600px
}

.mf-adsense-rightrail.rr-bottom {
    height: 600px
}

.mf-adsense-rightrail.trailer-right-ad {
    width: auto
}

.mf-adsense-rightrail.rr-middle {
    height: 250px
}

.mf-incontent {
    min-height: 250px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0px;
    text-align: center;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media (max-width:768px) {
    .mf-incontent {
        padding: 20px 15px;
    }
}


.homepage-incontent .mf-incontent {
    max-height: 250px
}

#permalink .mf-incontent {
    margin: 30px 0
}

.movie-news-list .mf-incontent {
    margin: 0 0 20px 0
}

#sticky-adsense-wrap {
    display: none
}

.mf-sticky {
    height: auto;
    min-height: 50px;
    max-height: 100px;
    text-align: center;
    position: relative
}

.mobile #sticky-adsense-wrap {
    height: 100px
}

.sticky-adsense {
    position: fixed;
    bottom: 0;
    padding: 5px 0 30px;
    left: 0;
    width: 100%;
    background: rgb(255 255 255 / 90%);
    z-index: 99999999
}

.sticky-adsense-btn {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 100px;
    text-align: right;
    border: solid 1px #cbcbcb;
    margin: 5px 15px 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%2338acd1' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-size: 14px;
    background-position: 5px 3px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 999999
}

#moviefone.desktop #moviefone_right_3.sticky-rr {
    position: fixed;
    top: 86px;
    left: auto;
    right: auto;
    padding: 6px;
    width: auto;
    min-width: 270px
}

#moviefone.desktop #moviefone_right_3.sticky-rr-bottom {
    position: absolute;
    top: inherit;
    left: auto;
    right: auto;
    bottom: -15px;
    padding: 6px;
    min-width: 270px;
    width: auto
}

#moviefone .fs-sticky-parent {
    background: rgb(255 255 255 / 90%)
}

#moviefone .fs-close-button {
    box-shadow: 0 0 0 1px #888, 0 0 0 6px rgb(56 198 243 / 35%) !important
}

#moviefone .qc-cmp2-persistent-link {
    right: auto;
    left: 0
}

@media(min-width:500px) {
    .google-adsense-responsive {
        width: 468px;
        height: 60px
    }
}

@media(min-width:800px) {
    .google-adsense-responsive {
        width: 728px;
        height: 90px
    }
}

.gpt-ad {
    width: 100%;
    max-height: 1200px;
    text-align: center
}

#div-gpt-inimage,
#div-gpt-out-of-page {
    max-height: unset !important;
    position: unset !important
}

@media only screen and (max-device-width:700px) {
    .ad-single-top {
        background-color: #fff !important;
        margin-left: 0 !important;
        min-width: 320px !important
    }
}

iframe[width="7"] {
    width: 100vw;
    max-width: 100vw;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:40em) {
    iframe[width="7"] {
        width: 100%;
        max-width: 320px;
        min-height: 50px;
        background: 0 0
    }
}

div.ad-encore {
    width: 100vw
}

@media screen and (min-width:40em) {
    div.ad-encore {
        height: 50px
    }
}

div.ad-encore-scroller {
    height: 50px
}

@media (max-device-width:700px) {
    div.ad-encore-scroller iframe[width="7"] {
        width: 100vw;
        max-width: 100vw;
        height: 100%
    }

    div.ad-encore-scroller {
        height: 100%
    }
}

iframe[width="4"] {
    width: 970px;
    height: 546px;
    position: relative;
    margin: 0 auto
}

iframe[width="2"] {
    width: 100vw;
    height: 100%;
    position: absolute;
    max-width: 3000px;
    max-height: 800px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

div.ad-prelude {
    position: relative;
    height: calc(100vw * 5 / 18)
}

.cassiuslife body.home div.ad-prelude,
.cassiuslife body[class*=category-] div.ad-prelude,
.cassiuslife body[class*=media_playlist-] div.ad-prelude,
.cassiuslife body[class*=post-] div.ad-prelude {
    margin-top: 10px !important
}

.ad-has-prelude #zox-lead-top-wrap {
    padding-bottom: calc(100% * 5 / 18)
}

.blacksportsonline div.ad-prelude {
    margin-top: 0 !important
}

.hbcugameday .ad-prelude,
.hbcugameday .ad-prelude-premium {
    padding-bottom: inherit;
    margin-top: -15px !important
}

@media (max-device-width:700px) {
    div.ad-prelude {
        height: calc(100vw * 20 / 18)
    }

    .ad-has-prelude .gpt-ad-container [first-child] {
        min-height: auto !important;
        width: 100vw !important;
        left: calc(-50vw + 50%) !important;
        position: relative !important;
        display: block !important
    }

    body.home div.ad-prelude,
    body[class*=media_playlist-] div.ad-prelude {
        margin-top: -20px !important
    }

    body[class*=category-] div.ad-prelude {
        margin-top: -30px !important
    }

    .globalgrind body[class*=post-] div.ad-prelude {
        left: unset !important
    }

    .blacksportsonline body.home div.ad-prelude,
    .blacksportsonline body[class*=category-] div.ad-prelude,
    .blacksportsonline div.ad-prelude {
        margin-top: 0 !important
    }

    .hbcugameday body.category div.ad-prelude,
    .hbcugameday body.home div.ad-prelude,
    .hbcugameday body.single div.ad-prelude {
        margin-top: -10px !important
    }
}

.ad-has-prelude .top-ad-block {
    max-height: unset !important;
    overflow: visible !important
}

iframe[width="3"] {
    width: 100vw;
    height: 100%;
    position: absolute;
    max-width: 3000px;
    max-height: calc(100vw * 9 / 16);
    margin: 0 auto;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

div.ad-prelude-premium {
    width: 100vw !important;
    height: calc(100vw * 10 / 16) !important;
    left: calc(-50vw + 50%);
    position: relative;
    margin-top: -50px
}

.bossip .ad-prelude-premium,
.madamenoire .ad-prelude-premium {
    height: calc(100vw * 10 / 16) !important
}

body[class*=post-] div.ad-prelude-premium {
    margin-top: -50px
}

body.home div.ad-prelude-premium,
body[class*=category-] div.ad-prelude-premium,
body[class*=media_playlist-] div.ad-prelude-premium {
    margin-top: -40px
}

.hiphopwired body[class*=category-] div.ad-prelude-premium {
    margin-top: -80px !important
}

.cassiuslife body.home div.ad-prelude-premium,
.cassiuslife body[class*=category-] div.ad-prelude-premium,
.cassiuslife body[class*=media_playlist-] div.ad-prelude-premium,
.cassiuslife body[class*=post-] div.ad-prelude-premium {
    margin-top: 10px !important
}

.bossip body.home div.ad-prelude-premium,
.bossip body[class*=category-] div.ad-prelude-premium,
.bossip body[class*=post-] div.ad-prelude-premium,
.madamenoire body.home div.ad-prelude-premium,
.madamenoire body[class*=category-] div.ad-prelude-premium,
.madamenoire body[class*=post-] div.ad-prelude-premium {
    margin-top: -10px !important
}

.blacksportsonline div.ad-prelude-premium {
    margin-top: 0 !important
}

@media (max-device-width:700px) {

    body.home div.ad-prelude-premium,
    body[class*=media_playlist-] div.ad-prelude-premium {
        margin-top: -20px !important
    }

    body[class*=category-] div.ad-prelude-premium {
        margin-top: -30px !important
    }

    .bossip body[class*=category-] div.ad-prelude-premium,
    .hellobeautiful body[class*=post-] div.ad-prelude-premium,
    .newsone body[class*=category-] div.ad-prelude-premium {
        margin-top: -20px !important
    }

    .bossip body.home div.ad-prelude-premium,
    .madamenoire body[class*=category-] div.ad-prelude-premium {
        margin-top: 10px !important
    }

    .blacksportsonline body.home div.ad-prelude-premium,
    .blacksportsonline body[class*=category-] div.ad-prelude-premium,
    .blacksportsonline div.ad-prelude-premium,
    .cassiuslife body[class*=post-] div.ad-prelude-premium,
    .madamenoire body.home div.ad-prelude-premium {
        margin-top: 0 !important
    }

    .hbcugameday body.category div.ad-prelude-premium,
    .hbcugameday body.home div.ad-prelude-premium,
    .hbcugameday body.single div.ad-prelude-premium {
        margin-top: -10px !important
    }

    div.ad-prelude-premium {
        height: calc(100vw * 10 / 9) !important
    }
}

div.ad-impact {
    width: 100vw !important;
    height: calc(100vw * 9 / 16);
    display: block;
    left: calc(-50vw + 50%);
    position: relative;
    margin-top: -50px
}

div.ad-impact iframe {
    position: relative !important
}

body[class*=post-] div.ad-IMPACT {
    margin-top: -50px
}

body.home div.ad-impact,
body[class*=category-] div.ad-impact,
body[class*=media_playlist-] div.ad-impact {
    margin-top: -40px
}

.cassiuslife body.home div.ad-impact,
.cassiuslife body[class*=category-] div.ad-impact,
.cassiuslife body[class*=media_playlist-] div.ad-impact,
.cassiuslife body[class*=post-] div.ad-impact {
    margin-top: 10px !important
}

.bossip body.home div.ad-impact,
.bossip body[class*=category-] div.ad-impact,
.bossip body[class*=post-] div.ad-impact,
.madamenoire body.home div.ad-impact,
.madamenoire body[class*=category-] div.ad-impact,
.madamenoire body[class*=post-] div.ad-impact {
    margin-top: -10px !important
}

.hbcugameday .ad-impact {
    padding-bottom: inherit;
    margin-top: -15px !important
}

@media (max-device-width:700px) {

    body.home div.ad-impact,
    body[class*=media_playlist-] div.ad-impact {
        margin-top: -20px !important
    }

    body[class*=category-] div.ad-impact {
        margin-top: -30px !important
    }

    .bossip body.home div.ad-impact {
        margin-top: 10px !important
    }

    .globalgrind body[class*=post-] div.ad-impact {
        left: unset !important
    }
}

iframe[width="5"] {
    width: 100%;
    height: 100%;
    position: absolute;
    max-width: 900px;
    max-height: 1200px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: transparent
}

div.ad-interlude {
    width: 100%;
    height: calc(100% * 1000 / 880);
    padding-bottom: calc(100% * 1000 / 880);
    overflow: hidden;
    position: relative
}

div.ad-interlude-horizontal {
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * 5 / 18);
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}

@media only screen and (max-width:500px) {
    div.ad-interlude-horizontal {
        width: 100%;
        padding-bottom: calc(100% * 1000 / 880) !important;
        max-height: 8000px !important
    }
}

div.ad-interlude-static {
    width: 100%;
    padding-bottom: calc(100% * 500 / 900);
    max-height: 8000px !important;
    overflow: hidden;
    position: relative
}

.cavsnation .divonlymobile {
    display: block !important;
    text-align: center
}

div.ad-vertical-video {
    width: 300px;
    height: 533px;
    margin: 0 auto
}

div.ad-vertical-video iframe[width="300"] {
    height: 533px
}

.ad-shoppable {
    position: relative
}

.ad-billboard iframe {
    width: 970px;
    height: 250px
}

.ad-revealer-container {
    margin: 0 auto;
    width: 100vw;
    height: 83vh;
    display: block;
    position: inherit !important;
    left: calc(-50vw + 50%) !important
}

.ad-revealer {
    margin: 0 auto;
    width: 100vw;
    height: 80vh;
    overflow: hidden;
    position: absolute;
    clip: rect(0, auto, auto, 0) !important
}

.ad-revealer iframe {
    margin: 0 auto !important;
    position: fixed !important;
    top: 0 !important;
    left: inherit;
    max-width: 100vw !important
}

.ad-revealer-container:before {
    content: "Content continues below ad";
    font-size: .8rem;
    color: #555;
    position: relative;
    background-color: #f0f0f0;
    width: 100vw !important;
    display: block
}

header {
    background-color: #222;
    top: 0;
    z-index: 999999999;
    position: relative;
    border-bottom: solid 1px #212121
}

#header {
    color: #fff;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1300px;
    background-color: #222;
    position: relative;
    z-index: 2147483647
}

#header .header-wrap {
    background-color: #222;
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px 0 10px;
    overflow: hidden
}

header .mf-announcement {
    display: block;
    color: #fff;
    background-color: #005f75;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    text-decoration: none
}

.header-main-nav {
    float: right;
    margin: 0;
    width: 40px;
    padding: 0
}

.header-main-nav ul {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: fit-content;
    padding: 0
}

.header-main-nav li {
    float: left;
    margin: 0 20px
}

.header-main-nav li a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    transition: .25s;
    margin: 0;
    text-transform: uppercase;
    padding: 0;
    letter-spacing: -.5px;
    font-weight: 700
}

.header-main-nav li a:hover {
    color: #38c6f3
}

#header-drop {
    background: #222;
    width: 100%;
    position: absolute;
    top: 68px;
    padding: 0 0 20px;
    left: 0;
    border-radius: 0;
    height: 0;
    z-index: 2147483646;
    display: none
}

.header-drop-links {
    width: 100%;
    margin: 0;
    min-height: 290px;
    display: none
}

.header-drop-column {
    margin: 20px auto;
    padding: 0 20px;
    overflow: hidden;
    max-width: 1300px
}

.header-drop-column-link {
    background-color: #343434;
    border: solid 1px #3b3b3b;
    color: #fff;
    margin: 2px 5px 5px;
    padding: 10px 5px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    transition: .25s;
    letter-spacing: -.5px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    width: calc(16.666667% - 22px);
    text-align: center
}

.header-drop-column-link:hover {
    background-color: #2c2c2c
}

.header-drop-column-link.orange-btn {
    color: #f2d100
}

.header-drop-column-link.gold-btn {
    color: #f2d100
}

.header-drop-column-link-image {
    float: left;
    width: calc(10% - 10px);
    margin-right: 5px;
    transition: .25s;
    height: 270px;
    text-decoration: none
}

.header-drop-column-link-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    vertical-align: middle;
    margin: 0 auto;
    border: solid 1px #111;
    transition: .25s
}

.header-drop-column-link-image:hover {
    text-decoration: none
}

.header-drop-column-link-image:hover img {
    border: solid 1px #04c9f8
}

.header-drop-column-link-image span {
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px;
    margin: 6px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.header-drop-column-link-withimage:hover {
    background-color: transparent;
    color: #38c6f2
}

.header-drop-column-link-withimage:hover img {
    border: solid 2px #38c6f2
}

.header-drop-column-link-withimage span {
    font-size: 10px;
    text-align: center;
    display: block;
    margin: 10px 0 0;
    line-height: 15px
}

.header-drop-column-link:hover {
    text-decoration: none
}

.header-search {
    position: relative;
    width: calc(100% - 415px);
    margin: 0 20px 0 auto;
    float: left;
    overflow: hidden
}

#header .header-logo {
    float: left;
    width: 150px;
    margin: 0 40px 0 10px
}

#header .header-logo-link {
    display: block
}

#header .header-logo-image {
    display: block;
    width: 150px;
    height: 45px
}

#header .header-rightlinks {
    width: 220px;
    float: right
}

#header .header-tickets {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23FFFFFF' d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-tickets:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%2338c6f3' d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header .header-tvshows {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M64 64l0 288 512 0 0-288L64 64zM0 64C0 28.7 28.7 0 64 0L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 416c-35.3 0-64-28.7-64-64L0 64zM128 448l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-384 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-tvshows:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%2338c6f3' d='M64 64l0 288 512 0 0-288L64 64zM0 64C0 28.7 28.7 0 64 0L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 416c-35.3 0-64-28.7-64-64L0 64zM128 448l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-384 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header .header-movies {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M448 32l-86.1 0-1 1-127 127 92.1 0 1-1L453.8 32.3c-1.9-.2-3.8-.3-5.8-.3zm64 128l0-64c0-15.1-5.3-29.1-14-40l-104 104L512 160zM294.1 32l-92.1 0-1 1L73.9 160l92.1 0 1-1 127-127zM64 32C28.7 32 0 60.7 0 96l0 64 6.1 0 1-1 127-127L64 32zM512 192L0 192 0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-224z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-movies:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2338c6f3' d='M448 32l-86.1 0-1 1-127 127 92.1 0 1-1L453.8 32.3c-1.9-.2-3.8-.3-5.8-.3zm64 128l0-64c0-15.1-5.3-29.1-14-40l-104 104L512 160zM294.1 32l-92.1 0-1 1L73.9 160l92.1 0 1-1 127-127zM64 32C28.7 32 0 60.7 0 96l0 64 6.1 0 1-1 127-127L64 32zM512 192L0 192 0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-224z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header .header-charts {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M353.8 54.1L330.2 6.3c-3.9-8.3-16.1-8.6-20.4 0L286.2 54.1l-52.3 7.5c-9.3 1.4-13.3 12.9-6.4 19.8l38 37-9 52.1c-1.4 9.3 8.2 16.5 16.8 12.2l46.9-24.8 46.6 24.4c8.6 4.3 18.3-2.9 16.8-12.2l-9-52.1 38-36.6c6.8-6.8 2.9-18.3-6.4-19.8l-52.3-7.5zM256 256c-17.7 0-32 14.3-32 32l0 192c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-192c0-17.7-14.3-32-32-32l-128 0zM32 320c-17.7 0-32 14.3-32 32L0 480c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L32 320zm416 96l0 64c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-128 0c-17.7 0-32 14.3-32 32z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-charts:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%2338c6f3' d='M353.8 54.1L330.2 6.3c-3.9-8.3-16.1-8.6-20.4 0L286.2 54.1l-52.3 7.5c-9.3 1.4-13.3 12.9-6.4 19.8l38 37-9 52.1c-1.4 9.3 8.2 16.5 16.8 12.2l46.9-24.8 46.6 24.4c8.6 4.3 18.3-2.9 16.8-12.2l-9-52.1 38-36.6c6.8-6.8 2.9-18.3-6.4-19.8l-52.3-7.5zM256 256c-17.7 0-32 14.3-32 32l0 192c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-192c0-17.7-14.3-32-32-32l-128 0zM32 320c-17.7 0-32 14.3-32 32L0 480c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L32 320zm416 96l0 64c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-128 0c-17.7 0-32 14.3-32 32z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header .header-news {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M168 80c-13.3 0-24 10.7-24 24l0 304c0 8.4-1.4 16.5-4.1 24L440 432c13.3 0 24-10.7 24-24l0-304c0-13.3-10.7-24-24-24L168 80zM72 480c-39.8 0-72-32.2-72-72L0 112C0 98.7 10.7 88 24 88s24 10.7 24 24l0 296c0 13.3 10.7 24 24 24s24-10.7 24-24l0-304c0-39.8 32.2-72 72-72l272 0c39.8 0 72 32.2 72 72l0 304c0 39.8-32.2 72-72 72L72 480zM176 136c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-80zm200-24l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zM200 272l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-news:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2338c6f3' d='M168 80c-13.3 0-24 10.7-24 24l0 304c0 8.4-1.4 16.5-4.1 24L440 432c13.3 0 24-10.7 24-24l0-304c0-13.3-10.7-24-24-24L168 80zM72 480c-39.8 0-72-32.2-72-72L0 112C0 98.7 10.7 88 24 88s24 10.7 24 24l0 296c0 13.3 10.7 24 24 24s24-10.7 24-24l0-304c0-39.8 32.2-72 72-72l272 0c39.8 0 72 32.2 72 72l0 304c0 39.8-32.2 72-72 72L72 480zM176 136c0-13.3 10.7-24 24-24l96 0c13.3 0 24 10.7 24 24l0 80c0 13.3-10.7 24-24 24l-96 0c-13.3 0-24-10.7-24-24l0-80zm200-24l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l32 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-32 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zM200 272l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm0 80l208 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-208 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header .header-streaming {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
    padding: 20px 0 0;
    margin: 0 0 0 6px;
    float: right;
    cursor: pointer;
    transition: .25s
}

#header .header-streaming:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2338c6f3' d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#header #hamburger {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23FFFFFF' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3Cpath /%3E%3C/svg%3E");
    padding: 0;
    float: left;
    margin: 21px 20px 0 0;
    width: 20px;
    height: auto;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 10px 13px;
    cursor: pointer;
    transition: .25s
}

#header #hamburger:hover {
    color: #31c6f2
}

#hamburger .menu-icon {
    width: 26px;
    display: block;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 21px;
    left: 24px
}

#hamburger .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
    top: 10px;
    left: 4px
}

#hamburger .menu-icon .navicon:after,
#hamburger .menu-icon .navicon:before {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%
}

#hamburger .menu-icon .navicon:before {
    top: 5px
}

#hamburger .menu-icon .navicon:after {
    top: -5px
}

#hamburger .menu-btn {
    display: none;
    cursor: pointer
}

#hamburger .menu-btn:checked~.menu-icon .navicon {
    background: 0 0
}

#hamburger .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg)
}

#hamburger .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg)
}

#hamburger .menu-btn:checked~.menu-icon:not(.steps) .navicon:after,
#hamburger .menu-btn:checked~.menu-icon:not(.steps) .navicon:before {
    top: 0
}

.trending-bar {
    width: 100%;
    background: #2b2b2b;
    overflow: hidden;
    border-bottom: solid 1px #272727
}

.trending-bar .trending-bar-inner {
    max-width: 1288px;
    padding: 10px 20px;
    overflow: hidden;
    margin: 0 auto
}

.trending-bar .trending-bar-title {
    float: left;
    font-size: 14px;
    margin: 0 10px 0 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #38c6f3
}

.trending-bar .trending-bar-content-inner-wrap {
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.trending-bar .trending-bar-content-inner-wrap::-webkit-scrollbar {
    display: none
}

.trending-bar .trending-bar-content-inner {
    width: max-content;
    position: relative
}

.trending-bar .trending-bar-content {
    float: left;
    font-size: 12px;
    color: #fff;
    margin: 0 10px 0 10px
}

.trending-bar .trending-bar-content a {
    color: #fff;
    transition: .25s
}

.trending-bar .trending-bar-content a:hover {
    color: #39c6f2;
    text-decoration: none
}

.hide-content-text {
    overflow: hidden;
    line-height: 1em;
    height: 10em
}

.movie-info-plot.hide-content-text {
    height: 4em
}

.movie-info-plot.show-content-text,
.show-content-text {
    line-height: 1em;
    height: auto
}

.show-more-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%2300556f' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 25px;
    font-size: 13px;
    background-position: center right;
    display: inline-block;
    padding: 0 35px 0 0;
    cursor: pointer;
    margin: 5px 0 10px;
    color: #005f75
}

.show-more-text.movie-desc-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%2338c0eb' d='M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #38c0eb
}

.mf-loader div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    margin: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    animation: mf-loader 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border-color: #fff transparent transparent transparent
}

.mf-loader div:nth-child(1) {
    animation-delay: -.45s
}

.mf-loader div:nth-child(2) {
    animation-delay: -.3s
}

.mf-loader div:nth-child(3) {
    animation-delay: -.15s
}

@keyframes mf-loader {
    0% {
        transform: rotate(0)
    }

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

.mf-play-postericon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #d9d9d9;
    padding: 20px 12px 20px 15px;
    background-size: 14px;
    background-color: rgb(255 255 255 / 20%);
    opacity: 1;
    background-position: 16px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .5s;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-play-postericon:hover {
    background-color: rgb(57 198 242 / 30%)
}

.mf-carousel {
    position: relative;
    padding: 0 0 20px
}

#carousel-netflix-originals.mf-carousel {
    border-bottom: 0
}

.mf-carousel .carousel-items {
    overflow: hidden
}

.carousel-items-wrapgd {
    position: relative;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width:768px) {
    .carousel-items-wrapgd {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}


.fxdrqw {
    width: 100% !important;
}

.mf-carousel .carousel-item {
    overflow: hidden;
    position: relative;
    margin: 0 10px 0 0;
    width: 200px
}

.mf-carousel .carousel-link:hover {
    text-decoration: none
}

.mf-carousel .image-wrap {
    display: block;
    position: relative;
    border-radius: 4px;
    width: 100% !important;
    background-color: #000
}

.yc4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
}

.mf-carousel .carousel-image {
    display: block;
    width: 100%;
    height: 100%;
    transition: .25s;
    min-height: 348px;
    object-fit: cover;
    opacity: .7;
    border-radius: 4px 4px 0 0
}

#carousel-movie-and-tv-show-highlights.mf-carousel .carousel-image {
    max-height: 230px;
    min-height: 390px
}

.mf-carousel .carousel-showtimes-link,
.mf-carousel .carousel-sublink {
    font-size: 14px;
    background: rgb(255 79 56 / 80%);
    padding: 12px 12px 12px 32px;
    display: block;
    width: calc(100% - 44px);
    border-top: solid 1px #b42f1e;
    border-radius: 0 0 4px 4px;
    color: #fff;
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: 12px 13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FFFFFF' d='M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z'/%3E%3C/svg%3E")
}

.mf-carousel .carousel-cast-link {
    background-color: #745804;
    border-top: solid 1px #55420a;
    background-position: 13px 13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23FFFFFF' d='M448 32H361.9l-1 1-127 127h92.1l1-1L453.8 32.3c-1.9-.2-3.8-.3-5.8-.3zm64 128V96c0-15.1-5.3-29.1-14-40l-104 104H512zM294.1 32H201.9l-1 1L73.9 160h92.1l1-1 127-127zM64 32C28.7 32 0 60.7 0 96v64H6.1l1-1 127-127H64zM512 192H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V192z'/%3E%3C/svg%3E")
}

.mf-carousel .carousel-watch-link {
    background-color: #005f75;
    border-top: solid 1px #063c4c;
    background-position: 13px 13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M64 64V352H576V64H64zM0 64C0 28.7 28.7 0 64 0H576c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM128 448H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H128c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E")
}

.mf-carousel .carousel-season-link {
    background-color: #cc402d;
    border-top: solid 1px #791c10;
    background-position: 13px 13px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M64 64V352H576V64H64zM0 64C0 28.7 28.7 0 64 0H576c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM128 448H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H128c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E")
}

.mf-carousel .carousel-highlight-link {
    background-color: rgb(0 95 117 / 80%);
    border-top: solid 1px #063c4c;
    background-position: 0;
    background-image: none;
    padding: 9px 15px 9px;
    line-height: 17px;
    min-height: 32px;
    width: calc(100% - 31px);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0
}

.mobile .mf-carousel .carousel-showtimes-link {
    background-position: 11px 13px;
    line-height: 13px
}

.mobile .mf-carousel .carousel-cast-link {
    background-position: 13px 13px;
    line-height: 12px
}

.mobile .mf-carousel .carousel-watch-link {
    background-position: 13px 13px;
    line-height: 12px
}

.mf-carousel .carousel-movie-title {
    font-size: 16px;
    margin: 10px 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-weight: 700
}

.mf-carousel .carousel-arrows {
    position: absolute;
    width: 34px;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    transition: .25s
}

.mf-carousel .carousel-arrows-prev {
    left: -15px;
    right: auto;
    padding: 0 5px 0 0;
    display: none
}

.mf-carousel .carousel-arrows svg {
    color: #333;
    padding: 3px 3px 0;
    transition: .25s;
    width: 34px
}

.mf-carousel .carousel-arrows:hover svg {
    color: #30c7f4
}

.mf-carousel .image-wrap-trailer {
    position: relative
}

.mf-carousel .carousel-trailer-playicon {
    position: absolute;
    left: 0;
    top: 0;
    color: #39c6f2;
    border: 0;
    cursor: pointer;
    height: calc(100% - 40px);
    background-size: 45px;
    background-color: rgb(0 0 0 / 30%);
    opacity: 1;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    transition: .5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-carousel .carousel-trailer-playicon:hover {
    background-color: rgb(0 0 0 / 0%);
    opacity: 1
}

#carousel-trailer-box-outer {
    background: rgb(0 0 0 / 80%);
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999
}

#carousel-trailer-box {
    width: 98%;
    height: 90%;
    max-height: 800px;
    max-width: 1000px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    border-radius: 8px;
    overflow: hidden;
    margin: auto
}

#carousel-trailer-play {
    width: 100%;
    margin: 0 auto
}

#carousel-trailer-loader {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    top: calc(50% - 20px);
    position: absolute;
    left: calc(50% - 20px)
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #30c7f5;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.carousel-trailer-movielink {
    margin: 0;
    width: 100%;
    color: #fff;
    padding: 14px 0;
    background: #00556e;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    border-bottom: solid 1px #02637f;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-transform: uppercase
}

.carousel-trailer-advertisement {
    min-height: 90px;
    margin: 5px auto;
    text-align: center
}

.carousel-trailer-close {
    margin: 0 auto;
    background-color: #cd3f2d;
    color: #fff;
    padding: 14px 2px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: -1px;
    width: 100%;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.carousel-trailer-title {
    color: #fff;
    overflow: hidden
}

.carousel-trailer-title-text {
    display: block;
    text-align: center;
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 14px
}

.mf-carousel .carousel-highlights .carousel-image {
    height: 348px;
    border-radius: 4px
}

.mf-highlight-type {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z'/%3E%3Cpath /%3E%3C/svg%3E");
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    background-color: transparent;
    cursor: pointer;
    opacity: .8;
    transition: .5s ease
}

.mf-highlight-type.mf-highlight-video {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM48 368l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm368-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM48 240l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm368-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM48 112l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16L64 96c-8.8 0-16 7.2-16 16zM416 96c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM160 128l0 64c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32L192 96c-17.7 0-32 14.3-32 32zm32 160c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32l0-64c0-17.7-14.3-32-32-32l-128 0z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mediaDisplayVideo {
    width: 100%;
    height: 100%
}

body.modal-open {
    overflow: hidden;
    touch-action: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#fullscreenModal.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9999999999999
}

#fullscreenModal .modal-content {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative
}

#fullscreenModal .modal-left {
    flex: auto;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    position: relative;
    width: calc(100% - 500px)
}

#fullscreenModal .modal-left img,
#fullscreenModal .modal-left video {
    max-height: 100%;
    max-width: 100%
}

#fullscreenModal .modal-right {
    flex: 6;
    max-width: 500px;
    width: 500px;
    padding: 20px 25px;
    box-sizing: border-box;
    z-index: 10001;
    align-self: flex-start;
    height: 100%;
    background-color: #fff
}

#fullscreenModal #modalTitle {
    margin: 8px 0 0;
    color: #333;
    line-height: 20px;
    font-size: 14px;
    font-family: Arial, sans-serif
}

#fullscreenModal #adContainer {
    width: 300px;
    height: 250px;
    margin: 20px auto 0
}

#fullscreenModal .nav-btn {
    position: absolute;
    z-index: 9999999;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    border: none;
    padding: 22px 0;
    border-radius: 100%;
    cursor: pointer;
    width: 60px;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    background-color: transparent
}

#fullscreenModal #prevBtn {
    left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zM142.1 273l135.5 135.5c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L226.9 256l101.6-101.6c9.4-9.4 9.4-24.6 0-33.9l-17-17c-9.4-9.4-24.6-9.4-33.9 0L142.1 239c-9.4 9.4-9.4 24.6 0 34z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#fullscreenModal #nextBtn {
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#fullscreenModal .close-btn {
    position: absolute;
    top: 15px;
    left: 20px;
    border: none;
    padding: 7px 8px 5px;
    background-color: #fff;
    color: #000;
    border-radius: 100px;
    cursor: pointer;
    z-index: 999999;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    opacity: 1
}

#fullscreenModal .cancel-slideshow-btn {
    position: absolute;
    top: 15px;
    left: 65px;
    border: none;
    padding: 7px 8px 5px;
    background-color: #fff;
    color: #000;
    border-radius: 100px;
    cursor: pointer;
    z-index: 999999;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    opacity: 1
}

#fullscreenModal #jwplayerContainer.jw-flag-aspect-mode {
    height: 100% !important
}

#fullscreenModal .modalAssetInfo {
    overflow: hidden;
    border-bottom: solid 1px #eee;
    padding: 0 0 15px;
    margin: 0 0 15px
}

#fullscreenModal .modalAssetTitle {
    margin: -2px 0 0 13px;
    color: #000;
    float: left;
    line-height: 25px;
    width: calc(100% - 85px);
    font-size: 20px;
    font-family: Georgia, sans-serif
}

#fullscreenModal .modalAssetTitle a,
#fullscreenModal .modalAssetTitle a:hover {
    text-decoration: none
}

#fullscreenModal .modalAssetPoster {
    float: left;
    width: 70px;
    height: 105px;
    border-radius: 4px;
    object-fit: cover
}

#fullscreenModal .modalAssetTitleText {
    color: #000;
    font-size: 16px;
    display: block;
    line-height: 21px
}

#fullscreenModal .modalAssetTitleHighlightsText {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #005f75;
    text-transform: uppercase;
    font-family: Helvetica, sans-serif
}

#fullscreenModal .action-buttons {
    margin: 0 0 20px;
    display: flex;
    gap: 25px
}

#fullscreenModal .action-btn {
    padding: 0;
    color: #005f74;
    border: none;
    font-weight: 100;
    cursor: pointer;
    background: 0 0;
    width: auto;
    margin: 0;
    float: none
}

#fullscreenModal .action-btn:hover {
    background-color: transparent;
    text-decoration: underline
}

#fullscreenModal #pageShareLink svg {
    width: 25px
}

#fullscreenModal #downloadBtn svg {
    width: 25px
}

#fullscreenModal #permalinkBtn svg {
    width: 25px
}

#fullscreenModal .modal-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, .2);
    z-index: 1001;
    overflow: hidden
}

#fullscreenModal .progress-fill {
    height: 100%;
    width: 0%;
    background-color: #38c6f3;
    transition: width linear
}

.mf-latest-trailers {
    margin: 0 0 40px
}

.mf-latest-trailers .item {
    margin: 0 0 20px;
    transition: .25s;
    position: relative
}

.mf-latest-trailers h2 a:hover {
    color: #0cf
}

.mf-latest-trailers .item-thumbnail {
    overflow: hidden;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 56.20608899%;
    position: relative
}

.mf-latest-trailers .item-image {
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mf-latest-trailers .item-title {
    overflow: hidden;
    padding: 10px;
    display: block;
    background: rgb(0 0 0 / 50%);
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    transition: .25s;
    height: auto;
    bottom: 0px;
    width: 100%;
    position: absolute;
    border-radius: 0 4px 4px 0
}

.vgsghghhhx {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.vgsghghhhx h2 img {
    padding-bottom: 5px;
}

.vgsghghhhx h3 img {
    padding-bottom: 5px;
}

.vgsghghhhx h4 img {
    padding-bottom: 5px;
}

.vgsghghhhx p img {
    padding-top: 10px;
}
.vgsghghhhx picture img {
    padding-bottom: 10px;
}

.mf-latest-trailers .item-title span {
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    overflow: hidden
}

.mf-play-icon {
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    background-size: 50px;
    opacity: 1;
    background-position: center;
    opacity: .7;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    transition: .5s;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.hub-movie-poster-trailer:hover .mf-play-icon,
.mf-latest-trailers .item:hover .mf-play-icon,
.movie-video:hover .mf-play-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2309caf2' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-latest-trailers.movie-trailersclips .trailer-item {
    float: left;
    margin: 0 2% 1% 0;
    position: relative;
    width: 48%
}

.mf-latest-trailers.movie-trailersclips .item-title span {
    color: #fff
}

.mf-latest-trailers.movie-trailersclips h2 {
    display: inline-block;
    margin: 10px 0 10px
}

.mf-latest-trailers.movie-trailersclips .view-all {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    right: auto;
    top: -2px;
    padding: 0 0 0 10px;
    border-left: 1px solid #ccc;
    margin: 0 0 0 10px
}

.showtimes-mini {
    margin: 0 0 30px
}

.showtimes-mini .theater,
.showtimes-mini h4 {
    margin: 4px 0;
    border-top: 1px dotted #e6e6e6;
    padding: 10px 0 10px 3px
}

.showtimes-mini .theater a,
.showtimes-mini h4 a {
    font-size: 14px;
    color: #005c8a
}

.home-feature {
    width: calc(90% - 40px);
    margin: 0 auto;
    padding: 20px;
    overflow: hidden;
    max-width: 1320px;
    position: relative
}

#moviefone.homepage h1.module-title {
    border-bottom: 0;
    letter-spacing: -1px;
    padding: 0;
    margin: 0
}

.homepage .mf-square-logo {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    margin: -4px 10px 0 10px;
    vertical-align: middle
}

.homepage .buy-tickets-text {
    background-color: #383838;
    border-bottom: solid 1px #222;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    display: block;
    font-weight: 700;
    border-radius: 6px 6px 0 0;
    text-decoration: none;
    transition: .25s;
    font-family: Helvetica, Arial, sans-serif
}

.homepage .buy-tickets-text:hover {
    background-color: #ff4f38
}

.homepage .buy-tickets-text span:hover {
    color: #fff
}

.homepage .buy-tickets-text .module-title-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23FFFFFF' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3Cpath /%3E%3C/svg%3E");
    font-weight: 700
}

.home-news {
    margin: 0 0 0px;
    background-color: #000;
    border-radius: 0 0 6px 6px
}

.home-news .mf-trailer-jwplayer-icon {
    width: 16px;
    border-radius: 13px;
    padding: 12px;
    border: solid 2px #fff;
    opacity: .8
}

.home-news .jwplayer.jw-stretch-uniform .jw-media video {
    object-fit: cover
}

.news-carousel {
    margin: 0 2px 0 0;
    float: left;
    width: calc(65% - 2px);
    height: auto;
    position: relative;
    background: #000;
    border-radius: 0 0 0 6px
}

.news-carousel .news-carousel-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.news-carousel .carousel-items-wrap {
    overflow: hidden;
    border-radius: 0 0 0 6px
}

.news-carousel .carousel-item {
    position: relative;
    background: #000;
    display: none;
    height: auto
}

.news-carousel .carousel-item.news-item {
    height: 0;
    overflow: hidden;
    padding-top: 67.8%;
    position: relative
}

.news-carousel .carousel-item.selected {
    display: block
}

.news-carousel .news-carousel-link-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    width: calc(100% - 30px);
    display: flex;
    align-items: center
}

.news-carousel .news-carousel-link-info .news-carousel-link-icon {
    float: left;
    width: 40px
}

.news-carousel .news-carousel-link-info .news-carousel-link-title {
    width: 85%;
    margin: 0 auto;
    letter-spacing: -.5px;
    font-weight: 700;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center
}

.news-carousel .news-carousel-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23FFFFFF' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: #005468;
    border: solid 3px #032c36;
    position: absolute;
    width: 20px;
    height: 21px;
    bottom: -1px;
    right: 0;
    z-index: 99999;
    user-select: none;
    padding: 12px;
    cursor: pointer;
    opacity: .8;
    transition: .25s
}

#news-carousel-prev {
    left: 0;
    right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23FFFFFF' d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#carousel-home-news:hover .news-carousel-arrow {
    opacity: 1
}

.news-carousel .news-carousel-link-info .news-carousel-link-icon {
    padding: 12px 0;
    background-size: 24px;
    opacity: 1;
    background-position: 10px 3px;
    border-radius: 100px;
    margin: 0 6px 0 0;
    background-repeat: no-repeat
}

.news-carousel .news-carousel-link-info .news-carousel-link-icon.carousel-static-videoicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.news-carousel .news-carousel-link-info .news-carousel-link-icon.carousel-static-newsicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.news-carousel .news-carousel-link-info .news-carousel-link-icon.carousel-static-showtimesicon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z 352H64V64h512z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#mih-promo {
    float: left;
    width: 35%;
    background-color: #005f75;
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 0 0 6px 0
}

#mih-promo .mih-head-wrap {
    padding: 10px 12px;
    background-color: #0b0606
}

#mih-promo .mih-head-wrap img {
    width: 100%;
    height: 70px;
    object-fit: cover;
    margin: 0 auto;
    max-width: inherit;
    padding: 0
}

#mih-promo img {
    display: block;
    width: 100%
}

#mih-promo #mih-promo-content {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 63%;
    position: relative;
    border-radius: 0 0 6px 0
}

#mih-promo .mih-promo-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#mih-promo .mih-promo-text {
    padding: 6px 12px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    display: block;
    text-transform: uppercase;
    width: calc(100% - 30px);
    letter-spacing: -.5px;
    font-weight: 700;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 4px #000
}

#mih-promo .mih-promo-text svg {
    width: 7px;
    padding: 0 0 0 5px
}

#mih-promo .mih-promo-linkwrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

#mih-promo .mih-buzz {
    position: absolute;
    top: -12px;
    left: 0;
    background-color: #8957b7;
    padding: 6px 12px;
    z-index: 999999;
    font-size: 11px;
    font-weight: 700;
    color: #e3c25e
}

.home-video {
    width: 100%
}

.home-video img {
    width: 100%;
    height: auto;
    display: block
}

.rr-module {
    margin: 0 0 40px
}

.rr-module .rr-module-item {
    margin: 0 0 20px;
    transition: .25s
}

.rr-module h2 a:hover {
    color: #0cf
}

.rr-module .rr-module-image {
    display: block;
    width: 100%;
    height: auto
}

.rr-module .rr-module-link {
    margin: 8px 4px 14px;
    display: block;
    line-height: 22px;
    font-size: 15px
}

#zergnet-widget-85092.zergnet-rr-module {
    margin: 0 0 20px
}

#zergnet-widget-85092.zergnet-rr-module .zergentity {
    width: 47.5%;
    margin: 0 5% 3% 0
}

#zergnet-widget-85092.zergnet-rr-module .zergentity:nth-child(even) {
    margin: 0 0 3% 0
}

#zergnet-widget-85092.zergnet-rr-module .zergentity:nth-child(odd) {
    clear: both
}

#zergnet-widget-85092.zergnet-rr-module .zergheadline a {
    font-size: 13px;
    line-height: 20px
}

#zergnet-widget-85092.zergnet-rr-module .zergattribution {
    color: #afafaf;
    font-size: 10px
}

.about-us p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px
}

#moviefone-sitemap h1 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 20px
}

#moviefone-sitemap h2 {
    margin: 0 0 10px;
    font-size: 20px;
    border-bottom: 1px solid #eee;
    padding: 10px 4px;
    display: block;
    font-weight: 100
}

#moviefone-sitemap .sitemap-links {
    display: block;
    overflow: hidden;
    margin: 0 0 0 2%
}

#moviefone-sitemap .sitemap-links li {
    display: block;
    margin: 10px 0
}

#moviefone-sitemap .sitemap-links-child {
    margin: 0 0 0 5%;
    overflow: hidden
}

#moviefone-sitemap .sitemap-links-child li {
    float: left;
    width: 30%;
    font-size: 14px;
    line-height: 22px
}

#moviefone-sitemap .main-link {
    display: block;
    background: #f9f9f9;
    padding: 14px
}

.mf-share-buttons {
    overflow: hidden;
    margin: 10px 0 20px;
    max-width: 400px
}

.mf-share-buttons .share-button {
    float: left;
    width: 60px;
    margin: 0 10px 0 0;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    transition: .25s
}

.mf-share-buttons .share-button a {
    display: block;
    padding: 4px 10px
}

.mf-share-buttons .share-button svg {
    width: 16px;
    display: block;
    margin: 0 auto
}

.mf-share-buttons .share-button svg.fa-facebook {
    color: #fff;
    width: 14px
}

.mf-share-buttons .share-button svg.fa-pinterest {
    color: #fff
}

.mf-share-buttons .share-button svg.fa-twitter {
    color: #fff
}

.mf-share-buttons .share-button svg.fa-linkedin {
    color: #fff;
    width: 14px
}

.mf-share-buttons .share-button svg.fa-whatsapp {
    width: 16px
}

.mf-share-buttons .share-button.twitter-share-button {
    background-color: #1da1f2;
    border: 1px solid #1885c9
}

.mf-share-buttons .share-button.pinterest-share-button {
    background-color: #c8232c;
    border: 1px solid #991c22
}

.mf-share-buttons .share-button.facebook-share-button {
    background-color: #3b5998;
    border: 1px solid #1e3d80
}

.mf-share-buttons .share-button.linkedin-share-button {
    background-color: #0072b1;
    border: 1px solid #025c8d
}

.mf-share-buttons .share-button.email-share-button {
    background-color: #666;
    border: 1px solid #474747
}

.mf-share-buttons .share-button.whatsapp-share-button {
    background-color: #25d366
}

.mf-share-buttons .share-button svg {
    color: #fff
}

.mobile.mf-share-buttons {
    margin: 20px 10px
}

.mobile.mf-share-buttons .share-button {
    float: left;
    width: calc(16.6666667% - 20px);
    background-color: #f7f7f7;
    margin: 0 4px 0;
    text-align: center;
    padding: 6px;
    border-radius: 4px;
    transition: .5s
}

.mobile.mf-share-buttons .share-button svg {
    color: #fff
}

#rr-streaming-now {
    margin: 0 0 20px
}

#rr-streaming-now .rr-streaming-now-movies {
    overflow: hidden
}

#rr-streaming-now .rr-streaming-now-review-type {
    font-size: 14px;
    margin: 6px 0 0;
    display: block;
    color: #000;
    letter-spacing: -.5px;
    font-weight: 700
}

#rr-streaming-now .rr-streaming-now-movie-poster {
    float: left;
    width: 100px;
    height: auto
}

#rr-streaming-now .rr-streaming-now-movie {
    overflow: hidden;
    margin: 0 0 10px;
    background-color: #f7f7f7
}

body {
    word-break: break-all;
}

#rr-streaming-now .rr-streaming-now-movie-poster {
    float: left;
    width: 70px;
    height: auto;
    margin: 0 15px 0 0;
    display: block
}

#rr-streaming-now .rr-streaming-now-movie-info {
    float: left;
    width: calc(100% - 100px);
    padding: 0px
}

#rr-streaming-now .rr-streaming-now-movie-info .moviefone-rating-score {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    margin: 5px 0 0 -4px;
    display: block
}

#rr-streaming-now .rr-streaming-now-movie-info .moviefone-rating-score .mf-rating-score .percent,
#rr-streaming-now .rr-streaming-now-movie-info .moviefone-rating-score .mf-rating-score svg {
    width: 35px;
    height: 35px
}

#rr-streaming-now .rr-streaming-now-movie-info .mf-rating-score .number {
    font-size: 11px;
    padding: 6px;
    background: rgb(48 48 48 / 70%)
}

#rr-streaming-now .rr-streaming-now-movie-title {
    font-size: 15px;
    margin: 0px 0 0;
    overflow: hidden;
    color: #222;
    font-weight: 700
}

#rr-streaming-now .rr-streaming-now-movie-info .tagline {
    font-size: 11px;
    color: #005b75;
    margin: 5px 0 0;
    font-style: italic;
    font-weight: 100;
    line-height: 17px
}

#rr-streaming-now .rr-streaming-now-movie-info .movie-info-plot {
    font-size: 14px;
    color: #333;
    line-height: 16px;
    margin: 4px 0 2px
}

#rr-streaming-now .rr-streaming-now-movie-info .moviefone-review-stars {
    margin: 5px 0 0
}

#rr-streaming-now .rr-streaming-now-movie-info .moviefone-review-stars .mf-star {
    width: 15px;
    height: 15px
}

#rr-streaming-now .rr-streaming-now-movie-review-link {
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: #000
}

.rr-streaming-now-movie .movie-info-score {
    color: #fff;
    width: 24px;
    height: 24px;
    font-weight: 100;
    padding: 8px;
    font-size: 16px;
    opacity: .9;
    margin: auto
}

.rr-streaming-now-movierating-runtime {
    font-size: 11px;
    margin: 6px 0 0;
    border-top: solid 1px #e9e9e9;
    padding: 6px 0 0 4px
}

.rr-streaming-now-movierating-runtime .movie-info-rating {
    font-size: 11px;
    margin: 0 10px 0 0
}

.rr-showtimes-link {
    margin: 8px 0 0;
    color: #ff2a0e;
    display: block;
    font-size: 13px
}

.rr-showtimes-slogan {
    font-size: 12px;
    color: #333;
    line-height: 18px;
    margin: 4px 0 0;
    font-style: italic
}

.js-cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 94%;
    background: rgb(0 0 0/.6);
    text-align: center;
    padding: 10px 3%;
    z-index: 9999999999
}

.js-cookie-consent .cookie-consent__message {
    color: #fff;
    margin: 0 10px 0 0;
    line-height: 20px
}

.js-cookie-consent .js-cookie-consent-agree {
    color: #012631;
    background: #30c7f4;
    font-weight: 100;
    padding: 6px 22px;
    font-size: 12px
}

#box-office-weekend {
    border-radius: 4px;
    margin: 0 0 40px
}

@media (max-width:768px) {
    #box-office-weekend .box-office-list {
        padding: 0 15px !important;
    }

    .rr-social-accounts-icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 10px;
    }

    #rr-streaming-now .rr-streaming-now-movies,
    .dgers {
        padding: 0 15px !important;
    }
}

#box-office-weekend .box-office-list {
    overflow: hidden;
    padding: 0 0 0 5px;
    list-style: inherit;
    list-style-type: decimal;
    display: block;
    margin: -10px 0 0
}

#box-office-weekend .box-office-movie {
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    list-style-position: inside;
    list-style-type: decimal;
    font-size: 14px;
    border-bottom: solid 1px #f4f4f4;
    line-height: 24px
}

#box-office-weekend .box-office-movie-gross {
    font-weight: 500;
    font-size: 14px
}

.what-to-watch-promo {
    border-radius: 4px;
    margin: 0 0 20px;
    display: block
}

.what-to-watch-promo img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 4px
}

.contact-form {
    margin: 30px 8% 0 2%;
    width: 90%
}

.contact-form label {
    display: block;
    margin: 20px 0 10px
}

.contact-form input,
.contact-form textarea {
    font-family: Helvetica, Arial, sans-serif;
    border: solid 1px #ececec;
    padding: 15px;
    outline: 0;
    border-radius: 4px;
    width: calc(100% - 30px);
    background: #f7f7f7;
    color: #565656;
    font-size: 14px;
    transition: .5s
}

.contact-form textarea {
    height: 140px
}

.contact-form input:focus,
.contact-form textarea:focus {
    border: solid 1px #32c8f4
}

.contact-form.mih-contact input:focus,
.contact-form.mih-contact textarea:focus {
    border: solid 1px #ee9c23
}

.contact-form .contact-form-btn {
    margin: 20px auto 0;
    display: block;
    max-width: 100px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px;
    background: #31c4ef;
    color: #fff;
    border: solid 1px #2297b9
}

.contact-form.mih-contact .contact-form-btn {
    background: #ee9c23;
    border: solid 1px #a56910
}

.contact-form .contact-error {
    font-size: 11px;
    color: #ca0000;
    margin: 6px
}

.contact-form .g-recaptcha {
    margin: 20px auto 0;
    display: block;
    width: 304px
}

.video-duration {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #000;
    padding: 4px 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.homepage .jw-flag-floating .jw-wrapper:not(.jw-floating-dragged) {
    bottom: 90px;
    top: auto
}

.homepage.mobile .jw-flag-floating .jw-wrapper:not(.jw-floating-dragged) {
    bottom: 90px;
    top: auto;
    width: 50% !important;
    right: 0;
    left: auto
}

#moviefone.jw-float-lower .jw-flag-floating .jw-wrapper {
    bottom: 70px
}

#moviefone.mobile.jw-float-lower .jw-flag-floating .jw-wrapper {
    bottom: 75px
}

.feeds .feeds-desc {
    margin: 0 0 20px;
    line-height: 26px
}

.feeds .feed {
    margin: 10px
}

.feeds .feed a {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 10px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ee802f' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM112 416c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm157.533 0h-34.335c-6.011 0-11.051-4.636-11.442-10.634-5.214-80.05-69.243-143.92-149.123-149.123-5.997-.39-10.633-5.431-10.633-11.441v-34.335c0-6.535 5.468-11.777 11.994-11.425 110.546 5.974 198.997 94.536 204.964 204.964.352 6.526-4.89 11.994-11.425 11.994zm103.027 0h-34.334c-6.161 0-11.175-4.882-11.427-11.038-5.598-136.535-115.204-246.161-251.76-251.76C68.882 152.949 64 147.935 64 141.774V107.44c0-6.454 5.338-11.664 11.787-11.432 167.83 6.025 302.21 141.191 308.205 308.205.232 6.449-4.978 11.787-11.432 11.787z'/%3E%3Cpath /%3E%3C/svg%3E");
    padding: 0 0 0 30px;
    background-size: 20px;
    background-position: 0 2px;
    background-repeat: no-repeat
}

.rr-social-accounts {
    margin: 0 0 30px
}

.rr-social-accounts .social-icon {
    margin: 4px;
    background-color: #d4d4d4;
    color: #242424;
    width: calc(33% - 18px)
}

.rr-social-accounts .social-icon.social-rss {
    width: calc(100% - 18px)
}

.right-promo {
    margin: 0 auto 30px;
    display: block;
    background: #441113;
    width: 300px;
    border: solid 1px #000;
    height: 250px;
    padding: 19px
}

#showtimes-location-form {
    margin: 5px 0 20px;
    overflow: hidden;
    padding: 6px 0 0
}

#showtimes-location-form form {
    margin: -5px 0 0;
    border-radius: 4px;
    width: 300px;
    float: left
}

#showtimes-location-form input {
    color: #000;
    outline: 0;
    padding: 8px 14px;
    border: solid 1px #c5c5c5;
    margin: 0 0 0 1px;
    border-radius: 4px;
    width: 80px;
    font-weight: 100;
    font-size: 16px;
    vertical-align: middle
}

#showtimes-location-form input::placeholder {
    color: #8a8a8a
}

#showtimes-location-form button {
    background-color: #005f75;
    text-transform: uppercase;
    padding: 0 20px;
    height: 37px;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 0 0 6px;
    font-weight: 500;
    color: #fff;
    transition: .25s;
    vertical-align: middle
}

#showtimes-location-form button:hover {
    background-color: #4a89f3;
    color: #fff
}

#showtimes-location-form .location-form-detail {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%234A89F3' d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 1px 3px;
    padding: 4px 0 0 22px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    float: left;
    margin: 1px 20px 0 0
}

.mf-select-module {
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 140px;
    position: relative;
    display: inline-block;
    margin: 0 8px 8px 0
}

.mf-select-module .mf-select-display {
    padding: 10px 35px 10px 18px;
    background: #f9f9f9;
    background-size: 20px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: solid 1px #eaeaea;
    position: relative;
    z-index: 99999999;
    cursor: pointer;
    transition: .25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23666666' d='m24 30.75-12-12 2.15-2.15L24 26.5l9.85-9.85L36 18.8Z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-select-module .mf-select-display.mf-select-open {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23666666' d='M14.15 30.75 12 28.6l12-12 12 11.95-2.15 2.15L24 20.85Z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-select-module .mf-select-display.mf-select-highlight {
    background-color: #f1fcff;
    border: solid 1px #d0ecf4
}

.mf-select-module .mf-select-display:hover {
    border: solid 1px #6fb1c4
}

.mf-select-module .mf-select-list {
    background-color: #fefefe;
    box-shadow: 0 1px 1px 0 #d4d4d4;
    height: fit-content;
    max-height: 220px;
    overflow-y: scroll;
    width: calc(100% - 20px);
    display: none;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    padding: 24px 10px 10px;
    z-index: 9999999
}

.mf-select-module .mf-select-list-item {
    padding: 8px 10px;
    cursor: pointer;
    transition: .25s
}

.mf-select-module .mf-select-list-item:hover {
    background-color: #f0f0f0
}

.mf-select-module .mf-select-list-item.selected {
    display: none
}

.mf-toggle:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px
}

.mf-toggle,
.mf-toggle-knobs,
.mf-toggle-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.mf-toggle {
    position: relative
}

.mf-toggle-button {
    position: relative;
    width: 50px;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.mf-toggle-button.mf-toggle-r,
.mf-toggle-button.mf-toggle-r .mf-toggle-layer {
    border-radius: 100px
}

.mf-toggle-button.b2 {
    border-radius: 2px
}

.mf-toggle-checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3
}

.mf-toggle-knobs {
    z-index: 2
}

.mf-toggle-layer {
    width: 100%;
    background-color: #ffdfdc;
    transition: .3s ease all;
    z-index: 1
}

.mf-toggle-knobs:before {
    content: "OFF";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 11px;
    height: 1px;
    color: #fff;
    font-size: 6px;
    font-weight: 700;
    text-align: center;
    line-height: 3px;
    padding: 9px 4px;
    background-color: #f44336;
    border-radius: 50%;
    transition: .3s cubic-bezier(.18, .89, .35, 1.15) all
}

.mf-toggle-button .mf-toggle-checkbox:checked+.mf-toggle-knobs:before {
    content: "ON";
    left: 28px;
    background-color: #3dca76
}

.mf-toggle-button .mf-toggle-checkbox:checked~.mf-toggle-layer {
    background-color: #dbedd6
}

.mf-toggle-button .mf-toggle-knobs,
.mf-toggle-button .mf-toggle-knobs:before,
.mf-toggle-button .mf-toggle-layer {
    transition: .3s ease all
}

.mf-toggle-text {
    float: left;
    margin: 3px 12px 0 0;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px
}

.stream-flag {
    width: 20px;
    height: 12px;
    display: inline-block;
    background-size: 16px;
    background-repeat: no-repeat;
    padding: 0;
    font-size: 12px;
    vertical-align: middle
}

.stream-flag.US,
.stream-flag.en-US {
    background-image: url(https://cdn.moviefone.com/legacy/flags/united-states-flag.png)
}

.stream-flag.CA,
.stream-flag.en-CA {
    background-image: url(https://cdn.moviefone.com/legacy/flags/canada-flag.png)
}

.stream-flag.TR,
.stream-flag.tr-TR {
    background-image: url(https://cdn.moviefone.com/legacy/flags/turkish-flag.png)
}

.stream-flag.FR,
.stream-flag.fr-FR {
    background-image: url(https://cdn.moviefone.com/legacy/flags/france-flag.png)
}

.stream-flag.GB,
.stream-flag.en-GB {
    background-image: url(https://cdn.moviefone.com/legacy/flags/united-kingdom-flag.png)
}

.stream-flag.IN,
.stream-flag.en-IN {
    background-image: url(https://cdn.moviefone.com/legacy/flags/india-flag.png)
}

.stream-flag.IT,
.stream-flag.it-IT {
    background-image: url(https://cdn.moviefone.com/legacy/flags/italy-flag.png)
}

.stream-flag.DE,
.stream-flag.de-DE {
    background-image: url(https://cdn.moviefone.com/legacy/flags/germany-flag.png)
}

.stream-flag.AU,
.stream-flag.en-AU {
    background-image: url(https://cdn.moviefone.com/legacy/flags/australia-flag.png)
}

.stream-flag.NL,
.stream-flag.en-NL {
    background-image: url(https://cdn.moviefone.com/legacy/flags/netherlands-flag.png)
}

.stream-flag.BR,
.stream-flag.pt-BR {
    background-image: url(https://cdn.moviefone.com/legacy/flags/brazil-flag.webp)
}

.stream-flag.UAE,
.stream-flag.ar-AE {
    background-image: url(https://cdn.moviefone.com/legacy/flags/uae-flag.webp)
}

#paginate-btn {
    background-color: #00556e;
    padding: 10px;
    text-align: center;
    box-shadow: rgb(0 33 41 / 50%) 0 2px 3px 0;
    border-radius: 6px;
    margin: 30px auto 100px;
    cursor: pointer;
    overflow: hidden;
    height: 35px;
    transition: .25s;
    max-width: 300px;
    border-bottom: solid 5px #02637f;
    clear: both
}

#paginate-btn:hover {
    border-bottom: solid 5px #057c9e
}

#paginate-btn-text {
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0 0;
    font-weight: 700;
    font-size: 14px
}

#paginate-btn-loader {
    text-align: center;
    margin: 2px 0 0
}

#infinite-loader-wrap {
    clear: both;
    padding: 0
}

.infinite-loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    color: #eee;
    margin: 0 auto;
    display: none
}

.infinite-loader:after,
.infinite-loader:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite
}

.infinite-loader:after {
    color: #fff;
    transform: rotateY(70deg);
    animation-delay: .4s
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0)
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(360deg)
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes spin {

    0%,
    100% {
        box-shadow: .2em 0 0 0 currentcolor
    }

    12% {
        box-shadow: .2em .2em 0 0 currentcolor
    }

    25% {
        box-shadow: 0 .2em 0 0 currentcolor
    }

    37% {
        box-shadow: -.2em .2em 0 0 currentcolor
    }

    50% {
        box-shadow: -.2em 0 0 0 currentcolor
    }

    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor
    }

    75% {
        box-shadow: 0 -.2em 0 0 currentcolor
    }

    87% {
        box-shadow: .2em -.2em 0 0 currentcolor
    }
}

.first-page-link {
    margin: 0 5px 20px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%234A89F3' d='M0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96L0 416zM128 256c0-6.7 2.8-13 7.7-17.6l112-104c7-6.5 17.2-8.2 25.9-4.4s14.4 12.5 14.4 22l0 208c0 9.5-5.7 18.2-14.4 22s-18.9 2.1-25.9-4.4l-112-104c-4.9-4.5-7.7-10.9-7.7-17.6z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 1px 0;
    line-height: 20px;
    padding: 0 0 0 26px
}

.page-banner-link {
    display: block;
    margin: 0 0 40px
}

.page-banner {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px
}

.page-share-link {
    display: block;
    float: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23FFFFFF' d='M246.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 109.3 192 320c0 17.7 14.3 32 32 32s32-14.3 32-32l0-210.7 73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-64z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 5px 14px;
    font-size: 14px;
    padding: 12px 0 0 21px;
    margin: 14px 10px 0 0;
    cursor: pointer;
    border-top: solid 1px #262626;
    transition: .25s;
    width: calc(100% - 20px)
}

.page-share-link:hover {
    color: #38c0eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%2338c0eb' d='M246.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 109.3 192 320c0 17.7 14.3 32 32 32s32-14.3 32-32l0-210.7 73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM64 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 53 43 96 96 96l256 0c53 0 96-43 96-96l0-64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32l0-64z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#moviefone .fs-sticky-footer,
#moviefone .jw-flag-floating .jw-wrapper {
    z-index: 99999999
}

.no-border {
    border: 0
}

.show-more-module {
    position: relative
}

.show-more-module-content {
    max-height: 300px;
    overflow: hidden;
    transition: max-height .5s ease
}

.show-more-module-btn {
    display: block;
    text-align: center;
    padding: 15px 20px;
    background-color: #fff3f2;
    color: #434343;
    border-top: solid 2px #ffaea4;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
    letter-spacing: -.5px;
    margin-top: 0;
    transition: .5s ease
}

.show-more-module-btn:hover {
    border-top: solid 2px #dc2209
}

.show-more-module-btn.blue {
    background-color: #edf3f6;
    color: #3f7183;
    border-top: solid 2px #86b5c6
}

.show-more-module-btn.blue:hover {
    border-top: solid 2px #205163
}

.celeb-bio .show-more-module-btn {
    padding: 10px 20px
}

#header-highlights {
    width: 100%;
    margin: 0;
    padding: 0;
    max-width: none;
    overflow: hidden;
    background-color: #222;
    transition: .25s;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000
}

#header-highlights .hero-highlights {
    overflow: hidden;
    width: fit-content;
    margin: 0 auto;
    padding: 8px 0 4px
}

#header-highlights .hero-highlights-content .hero-highlights-item {
    width: 70px;
    height: 65px;
    border-radius: 6px;
    margin: 2px 4px 6px;
    float: left;
    overflow: hidden;
    text-align: center;
    background-color: #000;
    border: solid 1px #006483;
    z-index: 9999999;
    transition: .25s
}

#header-highlights .hero-highlights-item-asset-title {
    font-size: 10px;
    line-height: 11px;
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    letter-spacing: -.5px;
    z-index: 9999999999;
    display: none;
    transition: .5s;
    position: absolute;
    border-radius: 0;
    width: 100%;
    padding: 2px 6px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#header-highlights .hero-highlights-item:hover .hero-highlights-item-asset-title {
    display: block
}

#header-highlights .hero-highlights-content .hero-highlights-item img {
    border-radius: 0;
    transition: .25s;
    width: 100%;
    height: 100%;
    border: 0;
    object-position: top;
    opacity: .8;
    display: block
}

#header-highlights .hero-highlights-content .hero-highlights-item:hover img {
    opacity: .7
}

#header-highlights .hero-highlights-content .hero-highlights-item .highlights-play-icon {
    left: 0;
    top: 0;
    background-size: 24px;
    opacity: .6
}

#header-highlights .hero-highlights-content .hero-highlights-item:hover .highlights-play-icon {
    opacity: 0
}

#asset-quotes {
    margin: 0 0 40px;
    overflow: hidden
}

#asset-quotes .asset-quote {
    margin: 0 0 30px
}

#asset-quotes .asset-quote-line {
    margin: 0 0 8px;
    line-height: 23px;
    font-size: 15px
}

#asset-quotes .asset-quote-line a {
    line-height: 23px;
    font-size: 15px;
    color: #333;
    font-weight: 700;
    letter-spacing: -.5px
}

.dfgeas {
    flex-direction: column;
}

.dAWfd {
    justify-content: center;
}

@media (min-width:769px) {
    .dAWfd {
        justify-content: flex-end;
    }

    .dfgeas {
        flex-direction: row;
    }
}

#asset-quotes .asset-quote-title {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    padding: 0 1px 5px;
    color: #000;
    margin: 0 0 10px;
    border-bottom: solid 1px #e1e1e1;
    display: inline-block
}

#asset-quotes .asset-quote-title i {
    font-style: italic;
    font-weight: 100;
    font-size: 18px
}

#asset-quotes .asset-quote-title i a {
    color: #666
}

#asset-quotes .asset-quote-line-text {
    line-height: 23px;
    font-size: 15px
}

.mf-app-promo {
    margin: 0 0 40px;
    display: block;
    border-radius: 6px
}

#mf-newsletter-signup {
    margin: 0;
    max-width: 600px;
    width: 100%;
}

#mf-email-form {
    overflow: hidden;
    position: relative
}

#mf-email-input-wrap {
    width: calc(100% - 4px);
    border-radius: 6px;
    border: solid 1px #015f75;
    background-color: #fff;
    transition: .25s;
    height: 45px
}

#mf-email-input-wrap:focus {
    border-color: #000
}

#mf-email-input {
    border: 0;
    outline: 0;
    padding: 14px 12px;
    font-size: 15px;
    font-weight: 100;
    margin: 0 0 0 8px;
    width: calc(100% - 114px)
}

#mf-email-btn {
    position: absolute;
    right: 3px;
    top: 1px;
    padding: 13px 0 12px;
    font-size: 12px;
    border-left: solid 1px #015f75;
    border-radius: 0 5px 5px 0;
    background: #015f75;
    transition: .25s;
    width: 110px
}

#mf-email-btn:hover {
    background: #1d91b6
}

#mf-email-btntext {
    padding: 3px 0;
    display: inline-block;
    text-transform: uppercase
}

#mf-email-error {
    font-size: 12px;
    margin: 8px 0 0 5px;
    color: #f15f5f;
    height: 15px;
    z-index: 9999;
    position: relative
}

#mf-email-loader {
    display: none;
    width: 11px;
    padding: 3px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #fff;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear
}

@keyframes l3 {
    to {
        transform: rotate(1turn)
    }
}

.moviefone-rating-score {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mf-rating-score .percent {
    position: relative;
    width: 50px;
    height: 50px
}

.mf-rating-score svg {
    width: 50px;
    height: 50px;
    transform: rotate(-90deg)
}

.mf-rating-score svg circle {
    fill: none;
    stroke-width: 8;
    stroke-linecap: round
}

.mf-rating-score svg circle:last-of-type {
    transition: stroke-dashoffset 1s ease-in-out
}

.movie-info-score-box-review .mf-rating-score:hover svg circle:last-of-type {
    stroke: #38c6f3
}

.mf-rating-score .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 700;
    padding: 9px;
    color: #fff;
    background: rgb(48 48 48 / 40%);
    border-radius: 100px
}

.moviefone-widgets section {
    margin-bottom: 40px
}

.moviefone-widgets h2 {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 15px 0 12px;
    padding: 8px 0 0;
    display: inline-block;
    border-top: solid 2px #38c6f3
}

.moviefone-widgets section p {
    line-height: 24px;
    font-size: 15px
}

.moviefone-widgets .widget-intro {
    line-height: 24px;
    margin: 0 0 20px
}

.moviefone-widgets .widget-preview {
    margin: 20px 0
}

.moviefone-widgets pre {
    background: #fff;
    padding: 20px;
    overflow-x: auto;
    text-wrap: auto;
    border-radius: 0 0 6px 6px
}

.moviefone-widgets code {
    font-family: monospace;
    font-size: 12px
}

.widget-code {
    border: solid 1px #e6e6e6;
    border-radius: 6px
}

.widget-code .widget-code-head {
    border-bottom: solid 1px #e6e6e6;
    overflow: hidden;
    padding: 10px 15px;
    font-size: 13px;
    letter-spacing: -.2px;
    background-color: #f0fcff;
    border-radius: 6px 6px 0 0
}

.widget-code .widget-code-head-title {
    float: left
}

.widget-code .widget-code-head-copy {
    float: right;
    border-left: 0;
    background-size: 12px;
    padding: 0 0 0 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23000000' d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.widget-code .widget-code-head-copy:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23015f75' d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #015f75
}

.widget-code .embed-widget-button .tooltip {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%233e9b38' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #3e9b38;
    padding: 3px 6px 2px 20px;
    left: -185px;
    background-position: 8px 4px
}

.info-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    vertical-align: bottom;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    color: #fff;
    font-weight: 700;
    font-size: 8px;
    margin: 0 0 0 8px;
    cursor: pointer;
    font-family: Georgia, sans-serif
}

.tool-tip-text {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: #e5e5e5;
    color: #333;
    font-weight: 100;
    width: 200px;
    padding: 5px;
    border-radius: 4px;
    line-height: 14px;
    font-size: 10px;
    text-align: center;
    z-index: 9999999;
    border: solid 1px #fff;
    font-family: Arial, sans-serif;
    display: none
}

.mobile-filter-btn {
    padding: 10px 25px 10px 42px;
    background: #f9f9f9;
    background-size: 14px;
    background-position: left 18px center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: solid 1px #eaeaea;
    position: relative;
    z-index: 99999999;
    display: inline-block;
    cursor: pointer;
    margin: 0 0 0 6px;
    font-size: 12px;
    transition: .25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23666666' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mobile-filter-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    justify-content: center;
    align-items: center;
    z-index: 9999999999
}

.mobile-filter-modal-inner {
    width: 100vw;
    height: 100vh;
    background: #fff;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative
}

.mobile-filter-modal.active {
    display: flex
}

.mobile-filter-tabs {
    width: 35%;
    background: #f7f7f7;
    overflow-y: auto;
    padding: 92px 0 0
}

.mobile-filter-tab {
    padding: 16px;
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
    font-size: 13px
}

.mobile-filter-tab.active {
    background: #fff;
    font-weight: 700;
    color: #00556e
}

.mobile-filter-values {
    width: 65%;
    overflow-y: auto;
    padding: 20px 0 120px
}

@media (min-width:768px) {
    .mobile-filter-modal-inner {
        width: 55vw;
        height: 70vh;
        border-radius: 8px;
        box-shadow: 0 0 30px rgba(0, 0, 0, .5)
    }

    .mobile-filter-values {
        width: 75%
    }

    .mobile-filter-tabs {
        width: 25%
    }
}

.mobile-filter-selected-filters {
    padding: 80px 10px 0 10px;
    background-color: transparent;
    border-bottom: 1px solid #eee;
    min-height: 70px
}

.mobile-filter-selected-filters span {
    background: #00556e;
    color: #fff;
    padding: 6px 12px;
    margin: 4px 0 0 4px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700
}

.mobile-filter-modal-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 1001;
    font-size: 14px;
    background-color: #fff;
    padding: 0;
    text-align: center;
    box-shadow: rgb(0 33 41 / 50%) 0 1px 3px 0;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
    font-weight: 500;
    height: 46px;
    transition: .25s;
    border-bottom: solid 2px #02637f
}

.mobile-filter-modal-header-title {
    font-size: 14px;
    font-weight: 700;
    margin: 14px 0 0
}

.mobile-filter-show-results {
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 1001;
    font-size: 13px;
    background-color: #dc2309;
    padding: 6px;
    text-align: center;
    box-shadow: rgba(148, 148, 148, .5) 0 2px 3px 0;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden;
    font-weight: 500;
    height: 46px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -.5px;
    transition: .25s;
    border-bottom: solid 5px #f6533d
}

.mobile-filter-option {
    padding: 16px 10px;
    background: 0 0;
    text-align: center;
    cursor: pointer;
    border-bottom: solid 1px #eee;
    transition: .3s;
    font-size: 13px
}

.mobile-filter-option.active {
    background: #e7f9ff;
    color: #00556e;
    border-color: #cbebf6
}

.mobile-filter-option .stream-logo {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.mobile-filter-option.stream-option {
    padding: 10px
}

.mobile-filter-close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    cursor: pointer;
    z-index: 1002
}

.mobile-filter-close-btn::before {
    content: '×';
    display: block
}

.mobile-filter-clear-btn {
    margin: 12px;
    padding: 8px 6px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    color: #00556e;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
    font-weight: 500;
    transition: .3s
}

.mobile-filter-clear-btn:hover {
    border: 1px solid #2c738c
}

#mf-backtotop {
    display: none;
    position: fixed;
    bottom: 60px;
    left: 50%;
    font-size: 13px;
    transform: translateX(-50%);
    z-index: 9999999;
    opacity: .8;
    border: solid 1px #126c8a;
    border-bottom: solid 5px #02637f;
    outline: 0;
    background-color: #00556e;
    color: #fff;
    cursor: pointer;
    padding: 12px 18px 12px 38px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    transition: opacity .3s ease-in-out;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 14px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23FFFFFF' d='M246.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 109.3 361.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160zm160 352l-160-160c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 301.3 361.4 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#mf-backtotop:hover {
    opacity: 1
}

#moviefone .qc-cmp-cleanslate {
    background-color: transparent
}

#moviefone .qc-cmp2-summary-info {
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    padding-bottom: 0;
    color: #fff
}

#moviefone .qc-cmp2-consent-info div {
    font-size: 12px;
    line-height: 16px
}

#moviefone .qc-cmp2-close-icon {
    width: 20px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M.5.5l23 23m0-23l-23 23' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E") 0 0/66% no-repeat
}

#moviefone .qc-cmp2-list-item:nth-last-of-type(1) {
    border-bottom: 0
}

#moviefone .qc-cmp2-list-item:nth-of-type(2n) {
    border-top: 0
}

#moviefone .qc-cmp2-list-item .qc-cmp2-list-item-title {
    color: #fff
}

#moviefone .qc-cmp2-publisher-logo-container .span-heading {
    font-size: 12px;
    color: #fff
}

#moviefone #qc-cmp2-ui {
    background: #222;
    padding: 5px 30px 0
}

#moviefone .qc-cmp2-link-inline {
    font-size: 12px;
    color: #fff;
    font-weight: 700
}

#moviefone .qc-cmp2-close-tooltip {
    margin: -4px 10px;
    background: 0 0;
    color: #fff
}

#moviefone .qc-cmp2-summary-buttons {
    flex: none;
    display: block
}

#moviefone .qc-cmp2-summary-buttons button {
    display: inline-block;
    width: fit-content;
    font-size: 10px;
    padding: 10px;
    margin: 0 5px 0 0;
    min-height: auto;
    height: auto;
    background: 0 0;
    border: solid 1px #9b9b9b;
    color: #9b9b9b
}

#moviefone .qc-cmp2-summary-buttons button#accept-btn {
    border: solid 1px #00c8fa;
    color: #00c8fa
}

#moviefone .qc-cmp2-footer {
    width: auto;
    border-top: 0
}

#moviefone .qc-cmp2-consent-info {
    color: #fff;
    font-size: 12px
}

#moviefone .qc-cmp2-footer.qc-cmp2-footer-overlay::before {
    height: auto;
    background: 0 0;
    left: 0;
    top: 0;
    opacity: 0
}

#moviefone .qc-cmp2-summary-section .qc-cmp2-summary-info div {
    color: #fff
}

#hero {
    background-color: #111;
    color: #fff;
    font-size: 14px
}

#hero a {
    color: #fff;
    transition: .25s
}

#hero a:hover {
    text-decoration: none;
    color: #38c0eb
}

#hero .hero-wrap {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 15px 20px 10px;
    max-width: 1300px;
    overflow: hidden
}

#hero .movie-poster-trailer {
    position: absolute;
    left: 0;
    text-decoration: none;
    bottom: 0;
    display: block;
    width: 88%;
    font-size: 12px;
    padding: 6%;
    background-color: rgba(0, 0, 0, .6);
    overflow: hidden;
    transition: .25s;
    border-radius: 0 0 6px 6px
}

#hero .movie-poster-trailer:hover {
    background-color: rgba(48, 199, 244, .6)
}

#hero .movie-poster-trailer-icon {
    float: right;
    width: 14px
}

#hero .movie-poster-trailer-text {
    float: left;
    width: calc(100% - 20px);
    font-size: 14px
}

#hero .movie-poster-outer-wrap {
    float: left;
    width: 240px;
    margin: 0 20px 0 0
}

#hero .movie-poster-outer-wrap.small-poster {
    float: left;
    width: 94px;
    margin: 0 18px 0 0
}

.movie-trailer #hero .movie-poster-outer-wrap.small-poster {
    width: 70px
}

#hero .movie-poster-outer-wrap.small-poster img {
    border-radius: 4px
}

#hero .movie-poster-wrap {
    position: relative;
    height: 0;
    padding-top: 150%
}

#hero .movie-poster-wrap.poster-with-stream {
    padding-top: 134%
}

#moviefone.mobile #hero .movie-poster-wrap.poster-with-stream {
    padding-top: 150%
}

#moviefone.mobile #hero .movie-poster-wrap.poster-with-stream .movie-poster {
    border-radius: 4px
}

#hero.hero-subpage .movie-poster-outer-wrap {
    width: 50px
}

#hero .watch-online-link {
    margin: 20px auto 0;
    display: block;
    background-color: #141414;
    padding: 10px 10px 10px 61px;
    border-radius: 4px;
    transition: .25s;
    text-decoration: none;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: 42px;
    background-position: left center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hero .movie-poster {
    display: block;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#hero .hub-movie-poster-trailer .movie-poster {
    background: #000;
    opacity: .7
}

#hero .carousel-popplay-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #d9d9d9;
    padding: 20px 12px 20px 15px;
    background-size: 14px;
    background-color: rgb(255 255 255 / 40%);
    opacity: 1;
    background-position: 16px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#hero .carousel-popplay-icon:hover {
    background-color: rgb(57 198 242 / 30%)
}

#hero .movie-info-area {
    clear: both;
    margin: 10px 0 0
}

#hero .movie-info-wrap {
    float: left;
    width: 645px;
    height: 360px;
    overflow: hidden;
    margin: 0 20px 0 0
}

.movie-trailer #hero .movie-info-wrap {
    width: 846px;
    height: 476px
}

#hero .movie-info-ad {
    float: left;
    width: 370px;
    height: 360px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #000
}

#moviefone.movie-trailer #hero .movie-info-ad {
    width: 332px
}

#hero .trailer-right-ad {
    padding: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

#hero .mf-adsense-rightrail {
    height: 300px;
    background: 0 0;
    margin: 0
}

#hero #mf-trailer-jwplayer {
    height: 370px
}

#hero .movie-info-content {
    overflow: hidden
}

#hero .movie-info-content-left {
    float: left;
    width: calc(100% - 330px)
}

#hero .movie-info-content-right {
    width: 530px;
    float: left;
    margin: 0
}

#hero .movie-top-video {
    overflow: hidden;
    border-radius: 4px;
    transition: .25s
}

#hero .movie-top-video-image-wrap {
    height: 0;
    overflow: hidden;
    padding-top: 56.20608899%;
    position: relative
}

#hero .movie-top-video-image {
    display: block;
    width: 100%;
    border-radius: 4px 4px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#hero .movie-top-video-link {
    display: block;
    transition: .25s
}

#hero .movie-top-video-info {
    overflow: hidden;
    padding: 10px;
    background-color: #1d1d1d;
    transition: .25s
}

#hero .movie-top-video-link:hover .movie-top-video-info {
    background-color: #2d525e
}

#hero .movie-top-video-info span {
    width: calc(100% - 15px);
    float: left;
    font-size: 13px;
    line-height: 18px;
    margin: 0 5px 0 0
}

#hero .movie-top-video-info svg {
    width: 10px;
    float: right;
    margin: 2px 0 0 0
}

#hero .asset-title {
    color: #fff;
    margin: 0
}

#hero .sub-page-title {
    padding: 0 0 0 6px;
    color: #a4e9ff
}

#hero h1 {
    margin: 0 0 5px;
    font-size: 24px;
    font-weight: 100;
    line-height: 32px;
    border-bottom: 0
}

#hero h1.module-title {
    font-family: Georgia, Times, "Times New Roman", serif;
    padding: 0;
    letter-spacing: -.4px
}

#hero .the-plot-title {
    display: inline;
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 300
}

#hero .tagline-wrap {
    margin: 10px 0 15px;
    overflow: hidden
}

#hero .tagline {
    font-size: 13px;
    line-height: 20px;
    font-weight: 100;
    margin: 0 0 12px;
    color: #aaa
}

#hero .asset-type-name {
    color: #8a8a8a;
    font-size: 11px;
    border: solid 1px #8a8a8a;
    padding: 1px 6px;
    margin: 0 10px 0 0;
    border-radius: 2px;
    font-family: 'Times New Roman', serif;
    line-height: 18px;
    text-transform: uppercase;
    float: left
}

#hero.hero-subpage .asset-type-year {
    color: #8a8a8a;
    font-size: 13px;
    padding: 0;
    margin: 0 8px 0 0;
    border-bottom: solid 1px #8a8a8a;
    line-height: 18px;
    text-transform: uppercase;
    float: left
}

#hero.hero-subpage a.asset-type-year:hover {
    border-bottom: solid 1px #38c0eb
}

#hero .movie-info .fa-calendar {
    width: 11px;
    padding: 0 6px 0 10px
}

#hero .movie-info {
    overflow: hidden
}

#hero .movie-info-detail {
    float: left;
    width: calc(100% - 32px);
    margin: 14px 0 0;
    border: solid 1px #1e1e1e;
    padding: 15px 14px;
    border-radius: 4px;
    background: #171717
}

#hero .movie-info-title-wrap-outer {
    overflow: hidden
}

#hero .movie-info-title-wrap {
    float: left;
    width: calc(100% - 290px);
    margin: 0 20px 0 0
}

#hero .hero-score {
    float: right;
    width: fit-content;
    margin: 0 0 10px
}

#hero .movie-poster-wrap.poster-with-stream .movie-poster {
    border-radius: 4px 4px 0 0
}

.tvshow-season #hero .hero-score {
    margin: -50px 0 10px
}

.movie-stream-mainlink {
    background: #0b0b0b;
    width: 100%;
    display: block;
    padding: 0;
    border-radius: 0 0 4px 4px;
    transition: .25s;
    overflow: hidden
}

.movie-stream-mainlink:hover {
    background: #002b38
}

.movie-stream-mainlink.stream-mainlink-mobile {
    border-radius: 4px;
    clear: both;
    margin: 10px 0
}

.movie-stream-mainlink img {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    padding: 5px 10px 7px
}

.movie-stream-mainlink.stream-mainlink-mobile img {
    border-radius: 4px 0 0 4px;
    width: 40px;
    height: 40px
}

.movie-stream-mainlink span {
    margin: 0 0 0 5px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: -.5px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: calc(100% - 80px);
    line-height: 9px;
    top: 2px;
    position: relative
}

.movie-info-rating {
    color: #8a8a8a;
    font-size: 13px;
    border: solid 1px #8a8a8a;
    padding: 2px 2px 2px 5px;
    margin: 0 12px 0 0;
    border-radius: 2px;
    font-family: 'Times New Roman', serif;
    line-height: 22px
}

.movie-info-score {
    width: 22px;
    height: 22px;
    padding: 5px 5px 5px 6px;
    float: left;
    font-weight: 700;
    line-height: 11px;
    font-size: 13px;
    border-radius: 100%;
    text-align: center;
    background-color: #44ad44;
    border: 2px solid #8cff8c;
    margin: 2px 14px 0 2px;
    transition: .5s
}

.movie-info-score-attr {
    width: 58px;
    height: 35px;
    text-align: right;
    float: left;
    color: #929292;
    font-size: 12px;
    margin: 12px 8px 0 0
}

.movie-info-score-box {
    float: left;
    margin: 0 10px 0 0
}

#hero a.moviefone-hero-score:hover {
    color: #fff
}

.moviefone-hero-score .movie-info-score-attr {
    width: 50px
}

.movie-info-score.yellow {
    background-color: #333;
    border: 2px solid #d7c81c
}

.movie-info-score.red {
    background-color: #333;
    border: 2px solid #cb2b2b
}

.movie-info-score.green {
    background-color: #333;
    border: solid 2px #26ac26
}

a.moviefone-hero-score:hover .movie-info-score {
    border: 2px solid #38c6f4
}

.movie-score {
    position: relative;
    top: 24%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #fff
}

#season-episodes .movie-score {
    top: 28%
}

#hero .movie-info-run-time {
    margin: 0 8px 0 0
}

#hero .movie-info-collection,
#hero .movie-info-genres {
    margin: 0 0 0 12px;
    border-left: 1px solid #404040;
    padding: 0 0 0 12px
}

#hero .movie-info-plot {
    margin: 20px 0 0;
    line-height: 24px;
    font-size: 14px
}

#hero .movie-info-cast-director {
    margin: 15px 0 0;
    overflow: hidden
}

#hero .movie-info-star {
    margin: 0 0 10px
}

#hero .movie-info-director {
    margin: 0 0 10px
}

#hero .movie-info-director-name,
#hero .movie-info-star-name,
#hero .movie-info-writer-name {
    display: inline-block;
    font-size: 13px;
    line-height: 22px
}

#hero .movie-info-director-role,
#hero .movie-info-star-role,
#hero .movie-info-writer-role {
    font-size: 13px;
    padding: 0 10px 0 0;
    font-weight: 500;
    color: #a1a1a1
}

#hero .movie-info-star-info {
    margin: 0 0 4px
}

#hero .movie-info-director-link,
#hero .movie-info-star-link,
#hero .movie-info-writer-link {
    transition: .25s
}

#hero .movie-info-director-link:hover,
#hero .movie-info-star-link:hover,
#hero .movie-info-writer-link:hover {
    color: #30c7f4
}

#hero .movie-info-star-charname {
    color: #cacaca;
    padding: 0 0 0 7px;
    font-weight: 100;
    font-size: 12px
}

#hero .hero-stream {
    overflow: hidden;
    display: block;
    margin: 6px 0 0
}

#hero .hero-stream-text {
    width: calc(100% - 60px);
    float: left;
    margin: 23px 0 0;
    font-size: 11px;
    font-weight: 500
}

#hero .hero-stream-image {
    width: 38px;
    margin: 10px 14px 0 0;
    float: left;
    border-radius: 4px
}

#hero .movie-top-video-image-wrap svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border: solid 2px #fff;
    padding: 10px;
    border-radius: 9px;
    width: 10px
}

#hero .movie-top-video-image {
    opacity: .7;
    transition: .25s
}

#hero .movie-top-video:hover .movie-top-video-image {
    opacity: 1
}

#hero .movie-streams {
    margin: 20px 0 0;
    min-height: auto
}

#hero .movie-streams .movie-stream {
    width: 40px;
    min-height: 40px;
    margin: 0 15px 0 0
}

#hero .movie-streams .movie-stream-link {
    padding: 0
}

#hero .movie-streams .movie-stream-img {
    width: 40px;
    height: 40px
}

#asset-links {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 10px 0 10px;
    max-width: 1300px;
    border-top: solid 1px #232323
}

#asset-links .movie-link {
    font-size: 12px;
    overflow: hidden;
    transition: .25s;
    margin: 0 8px 0 0;
    display: inline-block;
    padding: 6px 16px;
    border-radius: 4px;
    font-weight: 400;
    border-bottom: solid 3px #2a2a2a;
    background: #202020
}

#asset-links .movie-link.selected,
#asset-links .movie-link:hover {
    background: #002b38;
    border-bottom: solid 3px #296177;
    color: #fff
}

#asset-links .movie-link.selected {
    border-bottom: solid 3px #296177
}

#asset-links .movie-link-text {
    font-size: 14px;
    line-height: 20px
}

#asset-links .movie-link-icon {
    width: 20px;
    margin: 0 5px 0 0;
    float: left
}

#asset-links .movie-link-dvd .movie-link-text {
    width: calc(100% - 21px)
}

#asset-links .movie-link-home .movie-link-icon,
#asset-links .movie-link-watch .movie-link-icon {
    width: 18px;
    margin: 2px 5px 0 0
}

#asset-links .movie-link-home .movie-link-icon {
    margin: 1px 5px 0 0
}

#asset-links .movie-link-dvd .movie-link-icon {
    width: 16px;
    margin: 1px 5px 0 0
}

#asset-links .movie-link-trailers .movie-link-icon {
    width: 11px;
    margin: 3px 5px 0 0
}

#hero.hero-subpage h1 {
    margin: 0 0 8px;
    font-size: 20px;
    float: left;
    line-height: 26px
}

#hero.hero-subpage .movie-info-title-wrap {
    width: calc(100% - 70px);
    margin: 0;
    float: left
}

#hero.hero-subpage .tagline-wrap {
    margin: 12px 0 5px;
    display: block;
    clear: both
}

#hero.hero-subpage .asset-type-name {
    font-size: 10px
}

#hero .hero-highlights {
    padding: 0 2px;
    overflow: hidden
}

.hero-highlights-title {
    float: left;
    margin: 12px 30px 0 0;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: -.5px;
    border-left: solid 2px #38c6f3;
    padding: 22px 0 22px 20px
}

.hero-highlights-content .hero-highlights-item {
    width: 80px;
    height: 75px;
    float: left;
    border-radius: 10px;
    margin: 5px 15px 8px 0;
    cursor: pointer;
    transition: .5s ease;
    position: relative
}

.hero-highlights-content .hero-highlights-item img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: solid 1.5px #000;
    object-fit: cover;
    transition: .5s ease
}

.hero-highlights-content .hero-highlights-item:hover img {
    border: solid 1.5px #38c6f3
}

.asset-highlights {
    margin: 0 0 40px
}

.asset-highlight {
    margin: 0;
    background: #000
}

#hub-list.asset-highlights .hub-movie-title {
    white-space: normal;
    min-height: 66px;
    line-height: 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    border-radius: 0 0 6px 6px
}

.highlight-asset-image-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #000;
    cursor: pointer
}

.highlight-asset-image {
    object-fit: contain;
    width: 100%;
    height: 600px;
    display: block
}

.highlight-asset-description {
    font-size: 17px;
    line-height: 25px;
    margin: 10px
}

.highlights-play-icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #39c6f2;
    border: 0;
    height: 100%;
    background-size: 24px;
    opacity: .6;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    transition: .5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.highlights-action-buttons {
    margin: 0 10px 60px;
    width: fit-content
}

.highlights-action-buttons .action-btn {
    transition: .25s;
    width: fit-content;
    font-size: 13px;
    overflow: hidden;
    transition: .25s;
    margin: 15px 10px 0 0;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 4px;
    text-align: center;
    font-weight: 500;
    border-bottom: solid 4px #296177;
    background: #002b38;
    color: #fff
}

.highlights-action-buttons .action-btn:hover {
    background: #296177;
    text-decoration: none
}

.asset-highlight-entities {
    margin: 20px 0 60px
}

.asset-highlight-entity {
    overflow: hidden;
    background: #f7f7f7;
    border-radius: 4px;
    display: block;
    margin: 0 0 10px
}

.asset-highlight-entity .asset-highlight-entity-image {
    float: left;
    display: block;
    width: 80px;
    height: auto
}

.asset-highlight-entity .asset-highlight-entity-title {
    float: left;
    margin: 30px 45px;
    width: calc(100% - 170px);
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -.5px
}

.movie-featured-cast {
    overflow: hidden;
    padding: 1px;
    margin: 0 0 20px
}

.loader-wrap {
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    padding: 20px 0 0
}

#int-streams-loader {
    width: 30px;
    height: 30px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 20px 0 30px 20px
}

.movie-streams {
    overflow: hidden;
    margin: 10px 0 30px;
    padding: 0;
    position: relative;
    min-height: 105px
}

.movie-main .movie-streams,
.movie-watch .movie-streams {
    min-height: 106px
}

.movie-streams .powered-by-justwatch {
    display: block;
    font-size: 11px;
    margin: 10px 0;
    color: #323232
}

.powered-by-justwatch {
    padding: 8px 4px 2px;
    margin: 0 0 2px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background: #333;
    display: block;
    text-align: left
}

.powered-by-justwatch:hover {
    text-decoration: none
}

.powered-by-justwatch a {
    color: #fff;
    text-decoration: none
}

.powered-by-justwatch img {
    width: 50px;
    height: 8px;
    padding: 0 0 0 6px;
    margin: 0 0 -2px
}

.movie-streams .movie-stream {
    float: left;
    width: 80px;
    min-height: 90px;
    margin: 0;
    padding: 0;
    text-align: center
}

.movie-streams .movie-stream-link {
    text-decoration: none;
    color: #000;
    padding: 15px;
    display: block
}

.movie-streams .movie-stream-img {
    display: block;
    width: 50px;
    border-radius: 4px;
    margin: 0 auto;
    height: 50px
}

.movie-streams .movie-stream-title {
    font-size: 10px;
    margin: 0;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: -.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.movie-streams .movie-stream-title-from {
    margin: 6px 0 0
}

#movie-recommendations {
    margin: 40px 0 0
}

#movie-recommendations .item-box .item-box-img {
    padding-top: 130%;
    background: #000
}

#movie-recommendations .item-box:nth-child(4n) {
    margin: 0 0 20px 0
}

#movie-recommendations .item-box-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.movie-news-module {
    padding: 1px;
    overflow: hidden;
    margin: 0 0 25px
}

.movie-news-module .movie-news-item {
    float: left;
    width: calc(33.3333333% - 20px);
    margin: 0 20px 20px 0
}

.movie-news-module .movie-news-item.item-box .item-box-img {
    padding-top: 56.20608899%
}

.movie-news-module .movie-news-item.item-box .item-box-img img {
    object-fit: cover
}

.movie-news-module .movie-news-item.item-box .item-box-info {
    min-height: 75px
}

.movie-cast-crew {
    overflow: hidden
}

.movie-cast {
    float: left;
    width: 50%
}

.movie-featured-cast .movie-cast-item:last-child {
    margin: 0 0 20px 0
}

.movie-featured-cast .movie-cast-item.item-box .item-box-img {
    padding: 40px 20px 70px;
    font-size: 26px
}

.movie-crew {
    float: left;
    width: 50%
}

.credits-dot {
    width: 5px;
    padding: 0 6px;
    vertical-align: middle;
    color: #3d3d3d
}

.movie-credits-list {
    overflow: hidden
}

.movie-credits-item {
    float: left;
    width: calc(50% - 10px);
    margin: 2px 8px 10px 2px
}

.movie-cast .movie-credits-item .item-box-side-img {
    background: #effbff;
    color: #cef4ff
}

.movie-details,
.tvshow-details {
    padding: 0 0 30px;
    margin: 0 0 40px
}

.movie-detail,
.tvshow-detail {
    margin: 10px 0;
    line-height: 26px
}

.movie-detail strong,
.tvshow-detail strong {
    font-weight: 700;
    padding: 0 7px 0 0
}

.movie-detail .movie-tag,
.tvshow-detail .movie-tag {
    font-size: 10px;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    color: #484848;
    padding: 0 11px;
    text-decoration: none;
    border-radius: 3px;
    margin: 0 4px 4px 0;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    transition: .25s
}

.movie-detail .movie-tag:hover,
.tvshow-detail .movie-tag:hover {
    border: 1px solid #d9f7ff;
    background-color: #ecfbff;
    color: #484848
}

.movie-tag-text {
    display: inline-block;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    padding: 0 10px;
    margin: 0 4px 4px 0;
    cursor: pointer;
    transition: .25s;
    line-height: 24px
}

.movie-tag-text:hover {
    border: 1px solid #93e8ff;
    background-color: #d0f1fa;
    text-decoration: none
}

.movie-details-keywords-title {
    margin: 0 0 10px
}

.tv-detail-keywords-title {
    margin: 0 0 10px
}

#trending-videos {
    margin: 20px 0 0
}

.movie-videos {
    overflow: hidden;
    margin: 0 0 40px
}

.movie-videos .movie-video {
    float: left;
    width: calc(33.3333333% - 20px);
    border-radius: 4px;
    box-shadow: 0 0 1px 1px rgba(109, 109, 109, .1);
    margin: 0 19px 20px 1px;
    transition: .25s;
    position: relative
}

.movie-video .movie-video-image-wrap {
    height: 0;
    overflow: hidden;
    padding-top: 56.20608899%;
    position: relative
}

.movie-video .movie-video-image {
    width: 100%;
    display: block;
    border-radius: 4px 4px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0
}

.movie-video .movie-video-info {
    overflow: hidden;
    padding: 10px;
    background-color: #fbfbfb;
    border-radius: 0 0 4px 4px;
    transition: .25s;
    color: #000
}

.movie-video:hover .movie-video-info {
    background-color: #e7f9ff
}

.movie-video:hover {
    box-shadow: 0 0 1px 1px #c4e5ef
}

.movie-video .movie-video-title {
    float: left;
    width: calc(100% - 20px);
    padding: 0 10px 0 0;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.movie-video .movie-video-icon {
    width: 10px;
    float: right;
    margin: 2px 0 0
}

.video-motion-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.where-to-watch-text {
    margin: 0 0 40px
}

.where-to-watch-text p {
    font-size: 16px;
    line-height: 28px
}

.where-to-watch-text p a {
    font-weight: 700
}

.watch-release-dates {
    margin: 0 0 40px
}

.watch-release-dates .watch-release-date {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 30px
}

.watch-release-dates strong {
    padding: 0;
    font-weight: 700
}

#movie-trailer-play-wrap-outer {
    overflow: hidden;
    background: #000;
    padding: 20px 0 0
}

#movie-trailer-play-wrap {
    overflow: hidden;
    max-width: 1300px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0
}

#movie-trailer-play-wrap #trailer-player {
    float: left;
    width: calc(100% - 340px);
    padding-bottom: 45%
}

#movie-trailer-play-wrap .trailer-right-ad {
    float: left;
    width: 300px;
    margin: 0 0 0 20px;
    padding: 0 10px 20px;
    background: 0 0
}

#moviefone #movie-trailer-play-wrap .trailer-right-ad .mf-adsense-rightrail {
    background: #111;
    margin: 0;
    padding: 0
}

.movie-trailer.mobile #hero .hub-movie-poster-trailer .movie-poster {
    object-fit: cover
}

#trailer-player,
.article-jwplayer,
.article-jwplaylist {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    background: #000
}

.mf-trailer-jwplayer-image {
    display: block;
    object-fit: cover;
    opacity: .5;
    width: 100%;
    height: auto
}

.mf-trailer-jwplayer-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #fff;
    box-shadow: 0 0 3px 0 #07a1cf;
    padding: 24px 18px;
    background-size: 19px;
    background-color: rgb(255 255 255 / 40%);
    opacity: 1;
    background-position: 19px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .25s;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mf-trailer-jwplayer-icon:hover {
    background-color: rgb(57 198 242 / 30%)
}

#trailer-player #mf-trailer-jwplayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.current-video-player-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#mf-jwplayer-herovideo,
#mf-jwplayer-playlist {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#moviefone .jw-flag-floating .jw-wrapper {
    bottom: 140px;
    top: auto;
    right: 10px;
    left: auto
}

#video-info {
    margin: 25px 0 30px
}

#video-info h1 {
    margin: 10px 20px 15px;
    font-size: 30px;
    line-height: 42px;
    font-weight: 100;
    text-align: center;
    font-family: Georgia, Times, "Times New Roman", serif
}

#video-info h2 {
    font-size: 19px;
    margin: 0;
    line-height: 24px;
    font-weight: 400
}

#video-info .trailer-description {
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-family: Georgia, sans-serif;
    color: #4c4c4c;
    width: 90%;
    margin: 0 auto
}

.trailer-play-box-wrap {
    background-color: #000
}

.trailer-play-box {
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto
}

.trailer-play-box .player-box {
    width: calc(100% - 330px);
    margin: 10px 10px 0 0;
    float: left
}

.trailer-play-box #trailer-player {
    padding-bottom: 56.5%
}

.trailer-play-box .trailer-date {
    display: inline;
    font-style: normal;
    letter-spacing: -.5px;
    font-size: 15px
}

.trailer-play-box .trailer-description {
    color: #a8a8a8;
    max-width: 1300px;
    margin: 0 auto;
    padding: 15px 2px 20px
}

.trailer-play-box .trailer-description a {
    font-weight: 500;
    color: #a4e9ff;
    letter-spacing: -.5px;
    padding: 0 4px 0 0
}

.trailer-play-box .movie-info-ad {
    float: left;
    width: 300px;
    height: 600px;
    margin: 10px 0 0;
    background-color: #0c0c0c;
    height: 600px;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

#movie-gallery {
    overflow: hidden;
    margin: 20px 0 0
}

#movie-gallery-open {
    margin: 0 0 40px;
    cursor: pointer;
    background-color: #f7f7f7;
    color: #0d5065;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 4px;
    font-size: 14px;
    transition: .25s
}

#movie-gallery-open:hover {
    background-color: #d8d8d8;
    color: #6d6d6d
}

#movie-gallery .item-box .item-box-img {
    background: #000;
    border-radius: 4px;
    padding-top: 40%
}

#movie-gallery .movie-gallery-item .item-box-img img {
    background: #000;
    opacity: .9;
    cursor: pointer;
    transition: .25s;
    object-fit: cover
}

#movie-gallery .movie-gallery-item .item-box-img img:hover {
    opacity: 1
}

#movie-gallery .movie-gallery-item:last-child {
    margin: 0 0 20px
}

#movie-gallery-fullscreen {
    display: none
}

#movie-gallery-fullscreen .css-slider-wrapper {
    display: block;
    background: #000;
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999
}

#movie-gallery-fullscreen .slider {
    width: 100%;
    height: 100%;
    background: #222;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s, transform 1s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#movie-gallery-fullscreen .slide1 {
    left: 0
}

#movie-gallery-fullscreen .slide2 {
    left: 100%
}

#movie-gallery-fullscreen .slide3 {
    left: 200%
}

#movie-gallery-fullscreen .slide4 {
    left: 300%
}

#movie-gallery-fullscreen .slide5 {
    left: 400%
}

#movie-gallery-fullscreen .slide6 {
    left: 500%
}

#movie-gallery-fullscreen .slide7 {
    left: 600%
}

#movie-gallery-fullscreen .slide8 {
    left: 700%
}

#movie-gallery-fullscreen .slide9 {
    left: 800%
}

#movie-gallery-fullscreen .slide10 {
    left: 900%
}

#movie-gallery-fullscreen .slide11 {
    left: 1000%
}

#movie-gallery-fullscreen .slide12 {
    left: 1100%
}

#movie-gallery-fullscreen .slide13 {
    left: 1200%
}

#movie-gallery-fullscreen .slide14 {
    left: 1300%
}

#movie-gallery-fullscreen .slide15 {
    left: 1400%
}

#movie-gallery-fullscreen .slide16 {
    left: 1500%
}

#movie-gallery-fullscreen .slide17 {
    left: 1600%
}

#movie-gallery-fullscreen .slide18 {
    left: 1700%
}

#movie-gallery-fullscreen .slide19 {
    left: 1800%
}

#movie-gallery-fullscreen .slide20 {
    left: 1900%
}

#movie-gallery-fullscreen .slider>div {
    text-align: center;
    width: 100%
}

#movie-gallery-fullscreen .slider h2 {
    color: #eee;
    font-weight: 100;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 0
}

#movie-gallery-fullscreen .slider img {
    width: 100%;
    display: block;
    max-height: 500px;
    object-fit: contain;
    background: #1c1c1c;
    padding: 15px 0 0;
    border-top: solid 1px #171717
}

#movie-gallery-fullscreen .slider .movie-gallery-img-credit {
    background: #1b1b1b;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 10px;
    margin: 0
}

#movie-gallery-fullscreen .slider .movie-gallery-desc {
    margin: 10px;
    text-align: center;
    color: #e8e8e8;
    font-size: 10px;
    line-height: 20px
}

#movie-gallery-fullscreen .slider .button {
    color: #fff;
    padding: 5px 50px;
    background: rgba(255, 255, 255, .3);
    text-decoration: none;
    opacity: 0;
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px)
}

#movie-gallery-fullscreen .slider .button {
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: transform .8s, opacity .8s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

#movie-gallery-fullscreen .control {
    position: absolute;
    top: 45%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 55
}

#movie-gallery-fullscreen .control label {
    z-index: 0;
    display: none;
    text-align: center;
    line-height: 50px;
    font-size: 50px;
    color: #fff;
    cursor: pointer;
    opacity: .6
}

#movie-gallery-fullscreen .control label svg {
    width: 30px
}

#movie-gallery-fullscreen .control label:hover {
    opacity: .5
}

#movie-gallery-fullscreen .next {
    right: 1%
}

#movie-gallery-fullscreen .previous {
    left: 1%
}

#movie-gallery-fullscreen .slider-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 1000
}

#movie-gallery-fullscreen .slider-pagination label {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, .2);
    margin: 0 2px;
    border: solid 1px rgba(255, 255, 255, .4);
    cursor: pointer
}

#movie-gallery-fullscreen .slide-radio10:checked~.next .numb11,
#movie-gallery-fullscreen .slide-radio10:checked~.previous .numb9,
#movie-gallery-fullscreen .slide-radio11:checked~.next .numb12,
#movie-gallery-fullscreen .slide-radio11:checked~.previous .numb10,
#movie-gallery-fullscreen .slide-radio12:checked~.next .numb13,
#movie-gallery-fullscreen .slide-radio12:checked~.previous .numb11,
#movie-gallery-fullscreen .slide-radio13:checked~.next .numb14,
#movie-gallery-fullscreen .slide-radio13:checked~.previous .numb12,
#movie-gallery-fullscreen .slide-radio14:checked~.next .numb15,
#movie-gallery-fullscreen .slide-radio14:checked~.previous .numb13,
#movie-gallery-fullscreen .slide-radio15:checked~.next .numb16,
#movie-gallery-fullscreen .slide-radio15:checked~.previous .numb14,
#movie-gallery-fullscreen .slide-radio16:checked~.next .numb17,
#movie-gallery-fullscreen .slide-radio16:checked~.previous .numb15,
#movie-gallery-fullscreen .slide-radio17:checked~.next .numb18,
#movie-gallery-fullscreen .slide-radio17:checked~.previous .numb16,
#movie-gallery-fullscreen .slide-radio18:checked~.next .numb19,
#movie-gallery-fullscreen .slide-radio18:checked~.previous .numb17,
#movie-gallery-fullscreen .slide-radio19:checked~.next .numb20,
#movie-gallery-fullscreen .slide-radio19:checked~.previous .numb18,
#movie-gallery-fullscreen .slide-radio1:checked~.next .numb2,
#movie-gallery-fullscreen .slide-radio20:checked~.previous .numb19,
#movie-gallery-fullscreen .slide-radio2:checked~.next .numb3,
#movie-gallery-fullscreen .slide-radio2:checked~.previous .numb1,
#movie-gallery-fullscreen .slide-radio3:checked~.next .numb4,
#movie-gallery-fullscreen .slide-radio3:checked~.previous .numb2,
#movie-gallery-fullscreen .slide-radio4:checked~.next .numb5,
#movie-gallery-fullscreen .slide-radio4:checked~.previous .numb3,
#movie-gallery-fullscreen .slide-radio5:checked~.next .numb6,
#movie-gallery-fullscreen .slide-radio5:checked~.previous .numb4,
#movie-gallery-fullscreen .slide-radio6:checked~.next .numb7,
#movie-gallery-fullscreen .slide-radio6:checked~.previous .numb5,
#movie-gallery-fullscreen .slide-radio7:checked~.next .numb8,
#movie-gallery-fullscreen .slide-radio7:checked~.previous .numb6,
#movie-gallery-fullscreen .slide-radio8:checked~.next .numb9,
#movie-gallery-fullscreen .slide-radio8:checked~.previous .numb7,
#movie-gallery-fullscreen .slide-radio9:checked~.next .numb10,
#movie-gallery-fullscreen .slide-radio9:checked~.previous .numb8 {
    display: block;
    z-index: 1
}

#movie-gallery-fullscreen .slide-radio10:checked~.slider-pagination .page10,
#movie-gallery-fullscreen .slide-radio11:checked~.slider-pagination .page11,
#movie-gallery-fullscreen .slide-radio12:checked~.slider-pagination .page12,
#movie-gallery-fullscreen .slide-radio13:checked~.slider-pagination .page13,
#movie-gallery-fullscreen .slide-radio14:checked~.slider-pagination .page14,
#movie-gallery-fullscreen .slide-radio15:checked~.slider-pagination .page15,
#movie-gallery-fullscreen .slide-radio16:checked~.slider-pagination .page16,
#movie-gallery-fullscreen .slide-radio17:checked~.slider-pagination .page17,
#movie-gallery-fullscreen .slide-radio18:checked~.slider-pagination .page18,
#movie-gallery-fullscreen .slide-radio19:checked~.slider-pagination .page19,
#movie-gallery-fullscreen .slide-radio1:checked~.slider-pagination .page1,
#movie-gallery-fullscreen .slide-radio20:checked~.slider-pagination .page20,
#movie-gallery-fullscreen .slide-radio2:checked~.slider-pagination .page2,
#movie-gallery-fullscreen .slide-radio3:checked~.slider-pagination .page3,
#movie-gallery-fullscreen .slide-radio4:checked~.slider-pagination .page4,
#movie-gallery-fullscreen .slide-radio5:checked~.slider-pagination .page5,
#movie-gallery-fullscreen .slide-radio6:checked~.slider-pagination .page6,
#movie-gallery-fullscreen .slide-radio7:checked~.slider-pagination .page7,
#movie-gallery-fullscreen .slide-radio8:checked~.slider-pagination .page8,
#movie-gallery-fullscreen .slide-radio9:checked~.slider-pagination .page9 {
    background: rgba(255, 255, 255, 1)
}

#movie-gallery-fullscreen .slide-radio1:checked~.slider {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

#movie-gallery-fullscreen .slide-radio2:checked~.slider {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

#movie-gallery-fullscreen .slide-radio3:checked~.slider {
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}

#movie-gallery-fullscreen .slide-radio4:checked~.slider {
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
}

#movie-gallery-fullscreen .slide-radio5:checked~.slider {
    -webkit-transform: translateX(-400%);
    transform: translateX(-400%)
}

#movie-gallery-fullscreen .slide-radio6:checked~.slider {
    -webkit-transform: translateX(-500%);
    transform: translateX(-500%)
}

#movie-gallery-fullscreen .slide-radio7:checked~.slider {
    -webkit-transform: translateX(-600%);
    transform: translateX(-600%)
}

#movie-gallery-fullscreen .slide-radio8:checked~.slider {
    -webkit-transform: translateX(-700%);
    transform: translateX(-700%)
}

#movie-gallery-fullscreen .slide-radio9:checked~.slider {
    -webkit-transform: translateX(-800%);
    transform: translateX(-800%)
}

#movie-gallery-fullscreen .slide-radio10:checked~.slider {
    -webkit-transform: translateX(-900%);
    transform: translateX(-900%)
}

#movie-gallery-fullscreen .slide-radio11:checked~.slider {
    -webkit-transform: translateX(-1000%);
    transform: translateX(-1000%)
}

#movie-gallery-fullscreen .slide-radio12:checked~.slider {
    -webkit-transform: translateX(-1100%);
    transform: translateX(-1100%)
}

#movie-gallery-fullscreen .slide-radio13:checked~.slider {
    -webkit-transform: translateX(-1200%);
    transform: translateX(-1200%)
}

#movie-gallery-fullscreen .slide-radio14:checked~.slider {
    -webkit-transform: translateX(-1300%);
    transform: translateX(-1300%)
}

#movie-gallery-fullscreen .slide-radio15:checked~.slider {
    -webkit-transform: translateX(-1400%);
    transform: translateX(-1400%)
}

#movie-gallery-fullscreen .slide-radio16:checked~.slider {
    -webkit-transform: translateX(-1500%);
    transform: translateX(-1500%)
}

#movie-gallery-fullscreen .slide-radio17:checked~.slider {
    -webkit-transform: translateX(-1600%);
    transform: translateX(-1600%)
}

#movie-gallery-fullscreen .slide-radio18:checked~.slider {
    -webkit-transform: translateX(-1700%);
    transform: translateX(-1700%)
}

#movie-gallery-fullscreen .slide-radio19:checked~.slider {
    -webkit-transform: translateX(-1800%);
    transform: translateX(-1800%)
}

#movie-gallery-fullscreen .slide-radio20:checked~.slider {
    -webkit-transform: translateX(-1900%);
    transform: translateX(-1900%)
}

#movie-gallery-fullscreen .slide-radio10:checked~.slide10 .button,
#movie-gallery-fullscreen .slide-radio11:checked~.slide11 .button,
#movie-gallery-fullscreen .slide-radio12:checked~.slide12 .button,
#movie-gallery-fullscreen .slide-radio13:checked~.slide13 .button,
#movie-gallery-fullscreen .slide-radio14:checked~.slide14 .button,
#movie-gallery-fullscreen .slide-radio15:checked~.slide15 .button,
#movie-gallery-fullscreen .slide-radio16:checked~.slide16 .button,
#movie-gallery-fullscreen .slide-radio17:checked~.slide17 .button,
#movie-gallery-fullscreen .slide-radio18:checked~.slide18 .button,
#movie-gallery-fullscreen .slide-radio19:checked~.slide19 .button,
#movie-gallery-fullscreen .slide-radio1:checked~.slide1 .button,
#movie-gallery-fullscreen .slide-radio20:checked~.slide20 .button,
#movie-gallery-fullscreen .slide-radio2:checked~.slide2 .button,
#movie-gallery-fullscreen .slide-radio3:checked~.slide3 .button,
#movie-gallery-fullscreen .slide-radio4:checked~.slide4 .button,
#movie-gallery-fullscreen .slide-radio5:checked~.slide5 .button,
#movie-gallery-fullscreen .slide-radio6:checked~.slide6 .button,
#movie-gallery-fullscreen .slide-radio7:checked~.slide7 .button,
#movie-gallery-fullscreen .slide-radio8:checked~.slide8 .button,
#movie-gallery-fullscreen .slide-radio9:checked~.slide9 .button {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

#movie-gallery-close {
    color: #fff;
    background: #ff4f38;
    padding: 10px 4px;
    display: block;
    position: relative;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    font-size: 12px;
    z-index: 99999999999;
    top: 20px;
    width: 100px
}

#moviefone_leaderboard_galleries {
    background: #333;
    z-index: 999999999;
    top: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative
}

#mf-movie-review {
    margin: 0 0 40px;
    position: relative
}

#mf-movie-review p {
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 15px
}

#mf-movie-review a {
    font-weight: 700
}

#mf-movie-review .moviefone-review-more {
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23315a82' d='M552 64H112c-20.858 0-38.643 13.377-45.248 32H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h496c13.255 0 24-10.745 24-24V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 8H111.422c.374-2.614.578-5.283.578-8V112h416v288zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h104c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: 5px 9px;
    padding: 11px 11px 11px 32px;
    margin: 0
}

#mf-movie-review .moviefone-review-score {
    margin: 15px 0 0;
    overflow: hidden;
    text-align: left;
    width: 420px;
    padding: 0;
    border-radius: 6px
}

#mf-movie-review .moviefone-hero-score {
    position: absolute;
    left: 0;
    top: -2px
}

#mf-movie-review .movie-info-score-attr {
    color: #000
}

#mf-movie-review .moviefone-review-stars {
    margin: 0 auto;
    border-right: solid 1px #f3f3f3;
    padding: 10px 0 7px;
    width: 130px;
    float: left
}

#mf-movie-review .moviefone-review-intscore {
    margin: 0;
    font-size: 15px;
    font-weight: 100;
    border-right: solid 1px #f3f3f3;
    padding: 11px 0 11px 0;
    float: left;
    width: 70px
}

#mf-movie-review .moviefone-review-logo-img {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    float: left;
    margin: 4px 0 0 12px
}

#mf-movie-review .module-title {
    margin: 0 0 10px 0
}

.movie-trailer .post .post-content {
    margin: 0 0 40px
}

.movie-trailer .post .post-content ol,
.movie-trailer .post .post-content ul {
    list-style: inherit;
    padding: 0 20px;
    margin: 0 0 40px
}

.movie-trailer .post .post-content li {
    margin: 0 0 10px
}

.movie-trailer .post .post-content p {
    font-size: 17px;
    line-height: 28px;
    margin: 20px 0
}

.movie-trailer .post .post-content h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 30px 0 10px;
    letter-spacing: -1px;
    font-weight: 700
}

.movie-trailer .post .post-content h3,
.movie-trailer .post .post-content h4 {
    border-left: solid 10px #38c6f3;
    padding: 20px;
    font-size: 22px;
    line-height: 32px;
    font-family: Georgia, Times, "Times New Roman", serif;
    display: block;
    margin: 0 0 20px
}

.movie-trailer .post .post-content h3 strong,
.movie-trailer .post .post-content h4 strong {
    margin: 0 8px 0 0;
    font-weight: 100
}

.movie-trailer .post .post-content .wp-caption {
    max-width: 100%
}

.movie-trailer .post .post-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    width: auto
}

.movie-trailer .post .post-content .wp-caption img {
    margin: 0
}

.movie-trailer .post-content .wp-caption .caption {
    font-size: 10px;
    background: #191919;
    color: #eee;
    padding: 5px 10px;
    margin: 0;
    line-height: 16px
}

.movie-trailer .video-detail {
    font-size: 14px;
    display: block;
    text-align: center;
    margin: 14px auto 0;
    font-style: italic;
    color: #8f8f8f
}

.trailer-description {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 0;
    display: block
}

.trailer-date {
    font-size: 14px;
    display: block;
    margin: 10px auto 20px;
    font-style: italic;
    color: #747474
}

.video-asset {
    margin: 0 0 40px
}

.see-all-showtimes {
    margin: 15px 0 0;
    font-size: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23ff4f38' d='M64 64C28.7 64 0 92.7 0 128v80c26.5 0 48 21.5 48 48s-21.5 48-48 48v80c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V304c-26.5 0-48-21.5-48-48s21.5-48 48-48V128c0-35.3-28.7-64-64-64H64zm64 96l0 192H448V160H128zm-32 0c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 6px 13px;
    padding: 11px 11px 11px 34px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: -1px
}

.movie-main .showtime-list-module .showtimes .movie-listing {
    padding: 20px 0 10px 0;
    min-height: auto
}

.movie-main #showtimes-location-form,
.movie-watch #showtimes-location-form {
    margin: 10px 0 10px
}

.movie-watch .movie-watch-showtimes-date {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px
}

#select-justwatch {
    overflow: hidden;
    border-bottom: 0;
    margin: 0 auto;
    padding: 0 8px 5px;
    background: #333;
    border-radius: 4px
}

.select-justwatch-item {
    float: left;
    color: #c4c4c4;
    font-size: 10px;
    font-weight: 700;
    margin: 3px;
    padding: 5px 7px;
    background-color: #333;
    border-radius: 5px;
    border: solid 1px #000;
    transition: .5s;
    cursor: pointer
}

.select-justwatch-item.selected,
.select-justwatch-item:hover {
    background-color: #000;
    border: solid 1px #38c6f3;
    color: #fff
}

.movie-collection {
    margin: 40px 0;
    overflow: hidden
}

.movie-collection-description {
    margin: 10px 0 20px;
    line-height: 24px;
    font-size: 16px
}

.movie-info-collection img {
    width: 45px;
    height: 68px;
    margin: 0 10px 0 0;
    object-fit: cover;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    top: -24px;
    border-top: solid 1px #aaa;
    opacity: .8;
    transition: .5s
}

.movie-info-collection:hover img {
    opacity: 1
}

.movie-info-collection span {
    padding: 0 0 0 60px;
    transition: .25s
}

#hero .movie-info-collection {
    position: relative;
    border-left: 0;
    cursor: pointer;
    transition: .25s
}

#hero .movie-info-collection:hover span {
    color: #38c0eb
}

.tvshow-seasons-module {
    overflow: hidden;
    margin: 0 0 50px
}

.tvshow-seasons-module .score-bar-bar {
    border-top: solid 1px #9e9e9e
}

.tvshow-season-summary {
    overflow: hidden
}

.tvshow-season-summary .tvshow-season-item {
    box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1);
    float: left;
    width: calc(25% - 16px);
    margin: 0 15px 15px 1px;
    border-radius: 6px 6px 0 0;
    transition: .25s;
    position: relative
}

.tvshow-season-summary .tvshow-season-item-poster {
    position: relative;
    height: 0;
    padding-top: 150%;
    background: #000;
    overflow: hidden;
    border-radius: 6px 6px 0 0
}

.tvshow-season-summary .tvshow-season-poster {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px 6px 0 0;
    object-fit: cover;
    opacity: 1;
    transition: .5s
}

.tvshow-season-summary .tvshow-season-name {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px 15px;
    margin: 0;
    background: #000;
    text-decoration: none;
    width: calc(100% - 30px);
    transition: .25s;
    border-top: solid 1px #000;
    display: block;
    letter-spacing: -.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tvshow-season-summary .tvshow-season-name a {
    color: #fff
}

.tvshow-season-summary .tvshow-season-date {
    margin: 0;
    display: block;
    background-color: #f9f9f9;
    color: #005f75;
    padding: 7px 14px 5px 14px;
    border-radius: 0;
    border: solid 1px #f3f3f3;
    transition: .25s;
    text-decoration: none;
    line-height: 22px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.5px;
    font-weight: 700
}

.tvshow-season-full {
    overflow: hidden
}

.tvshow-season-full .tvshow-season-poster {
    float: left;
    width: 60px;
    height: auto;
    margin: 0 20px 0 0;
    border-radius: 4px;
    display: block
}

.tvshow-season-full .tvshow-season-info {
    float: left;
    width: calc(100% - 90px);
    padding: 5px 10px 5px 0
}

.tvshow-season-full .tvshow-season-name {
    font-size: 20px;
    margin: 0 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222;
    font-weight: 500
}

.tvshow-season-full .tvshow-season-description {
    font-size: 14px;
    color: #333;
    line-height: 22px;
    margin: 10px 0
}

.tvshow-season-full .tvshow-season-date {
    font-size: 12px;
    font-style: italic;
    color: #484848;
    line-height: 12px
}

#season-episodes {
    margin: 0 0 40px
}

.season-episode {
    overflow: hidden;
    margin: 0 0 20px;
    border: solid 1px #eee;
    border-radius: 6px;
    position: relative;
    padding: 0 20px 0 0
}

.season-episode .hero-score {
    float: left
}

.season-episode .season-episode-content {
    float: left
}

.season-episode-image-wrap {
    float: left;
    width: 200px;
    height: 112px
}

.season-episode-image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #333;
    width: 200px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.season-episode-info {
    float: left;
    width: calc(100% - 240px);
    margin: 10px 20px
}

.season-episode-title {
    font-size: 15px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: -.5px;
    margin: 2px 0 2px;
    font-weight: 700
}

.season-episode-desc {
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0 0
}

.season-episode-date-run {
    color: #949494;
    font-size: 12px;
    font-weight: 700;
    vertical-align: middle
}

.season-episode .credits-dot {
    margin: -2px 0 0;
    vertical-align: middle
}

.season-episode .mf-rating-score {
    margin: 2px 0 0
}

.season-episode .mf-rating-score .percent {
    width: 40px;
    height: 40px
}

.season-episode .mf-rating-score svg {
    width: 40px;
    height: 40px
}

.season-episode .mf-rating-score .number {
    font-size: 12px;
    padding: 7px;
    background: rgb(48 48 48 / 80%)
}

.season-description {
    line-height: 24px;
    margin: 0 0 40px
}

.season-description p {
    margin: 0 0 10px
}

.mf-rank {
    float: left;
    overflow: hidden;
    margin: 0 10px 0 0
}

#hero .mf-rank a:hover {
    color: #fff
}

.mf-rank-delta {
    float: left;
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 3px;
    margin: 0 0 0 10px
}

.mf-rank-delta-negative {
    border: solid 1px #ff4e43;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%23ff4e43' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 6px 0;
    background-color: rgb(255 78 67 / 20%);
    padding: 3px 6px 3px 24px
}

.mf-rank-delta-positive {
    border: solid 1px #0cce6a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='%230cce6a' d='M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8l256 0c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 6px 1px;
    background-color: rgb(12 206 106 / 20%);
    padding: 3px 6px 3px 24px
}

.mf-rank-justwatch-icon {
    float: left;
    padding: 11px 0 11px 25px;
    background-image: url(https://cdn.moviefone.com/legacy/assets/justwatch-icon.webp);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 2px 3px
}

.mf-rank-value {
    float: left;
    padding: 0;
    font-size: 18px;
    letter-spacing: -.5px;
    font-weight: 700;
    margin: 0
}

.asset-share-wrap {
    border-top: solid 1px #262626;
    margin: 12px 0 0;
    padding: 12px 0 0
}

.asset-share-wrap .page-share-link {
    border-top: 0;
    padding: 0 0 0 22px;
    margin: 2px 10px 0 2px;
    background-position: 4px 2px;
    width: fit-content
}

.asset-share-wrap .page-share-fb {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%234267B2' d='M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z'/%3E%3Cpath /%3E%3C/svg%3E");
    float: left;
    width: 6px;
    height: 3px;
    margin: 0 2px 0 0;
    background-color: transparent;
    color: #fff;
    transition: .25s;
    background-size: 20px;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    text-indent: -9000px;
    cursor: pointer
}

.asset-share-wrap .page-share-x {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3Cpath /%3E%3C/svg%3E");
    float: left;
    width: 6px;
    height: 3px;
    margin: 0 2px 0 0;
    background-color: transparent;
    color: #fff;
    transition: .25s;
    background-size: 17px;
    background-position: center 1px;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    text-indent: -9000px;
    cursor: pointer
}

.asset-share-wrap .page-share-reddit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M373 138.6c-25.2 0-46.3-17.5-51.9-41l0 0c-30.6 4.3-54.2 30.7-54.2 62.4l0 .2c47.4 1.8 90.6 15.1 124.9 36.3c12.6-9.7 28.4-15.5 45.5-15.5c41.3 0 74.7 33.4 74.7 74.7c0 29.8-17.4 55.5-42.7 67.5c-2.4 86.8-97 156.6-213.2 156.6S45.5 410.1 43 323.4C17.6 311.5 0 285.7 0 255.7c0-41.3 33.4-74.7 74.7-74.7c17.2 0 33 5.8 45.7 15.6c34-21.1 76.8-34.4 123.7-36.4l0-.3c0-44.3 33.7-80.9 76.8-85.5C325.8 50.2 347.2 32 373 32c29.4 0 53.3 23.9 53.3 53.3s-23.9 53.3-53.3 53.3zM157.5 255.3c-20.9 0-38.9 20.8-40.2 47.9s17.1 38.1 38 38.1s36.6-9.8 37.8-36.9s-14.7-49.1-35.7-49.1zM395 303.1c-1.2-27.1-19.2-47.9-40.2-47.9s-36.9 22-35.7 49.1c1.2 27.1 16.9 36.9 37.8 36.9s39.3-11 38-38.1zm-60.1 70.8c1.5-3.6-1-7.7-4.9-8.1c-23-2.3-47.9-3.6-73.8-3.6s-50.8 1.3-73.8 3.6c-3.9 .4-6.4 4.5-4.9 8.1c12.9 30.8 43.3 52.4 78.7 52.4s65.8-21.6 78.7-52.4z'/%3E%3Cpath /%3E%3C/svg%3E");
    float: left;
    width: 6px;
    height: 3px;
    margin: 0 2px 0 0;
    background-color: transparent;
    color: #fff;
    transition: .25s;
    background-size: 17px;
    background-position: center 1px;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    text-indent: -9000px;
    cursor: pointer
}

.embed-widget-button {
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ffffff' d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 15px 1px;
    padding: 0 0 0 36px;
    border-left: 1px solid #404040;
    transition: .25s;
    margin: 2px 0 0 0
}

.embed-widget-button:hover {
    color: #38c0eb;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%2338c6f3' d='M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.embed-widget-button .tooltip {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23a7e0a3' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3Cpath /%3E%3C/svg%3E");
    opacity: 0;
    visibility: hidden;
    color: #a7e0a3;
    padding: 2px 6px 2px 20px;
    border-radius: 4px;
    font-size: 11px;
    position: absolute;
    top: 100%;
    left: 20px;
    transform: translateX(128px) translateY(-16px);
    transition: opacity .2s;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 8px 3px
}

.embed-widget-button.show-tooltip .tooltip {
    visibility: visible;
    opacity: 1
}

#hero.celeb-hero h1 {
    margin: 0 0 10px
}

#hero.hero-celeb .celeb-info span {
    color: #fff
}

#hero .celeb-info.birth-place,
#hero .celeb-info.birthday {
    color: #888;
    margin: 0;
    font-size: 14px
}

#hero .celeb-info.birth-place {
    border-left: 1px solid #404040;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px
}

.celeb-head-title a {
    padding: 0 5px 0 0
}

.celeb-bio {
    margin: 0 0 30px;
    line-height: 25px
}

.celeb-bio .desc-text-p {
    margin: 0 0 14px;
    line-height: 26px;
    font-size: 16px
}

.hero-celeb #asset-links {
    border-top: 0;
    margin: 5px auto 10px;
    padding: 0 0 10px
}

.celeb-films {
    overflow: hidden;
    margin: 0 0 20px
}

.celeb-films .item-box {
    width: calc(25% - 12px);
    margin: 0 10px 20px 2px
}

.celeb-films .item-box .item-box-img {
    padding-top: 130%;
    background: #000
}

.celeb-films .item-box .item-box-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.celeb-credit-role {
    font-weight: 700;
    font-size: 12px
}

.celeb-credit-charname {
    font-size: 12px;
    color: #545454
}

.celeb-movie-date {
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-style: italic;
    color: #4c4b4b;
    margin: 4px 0 0
}

.stream-hub-list-wrap {
    margin: 0 0 40px
}

#hub-list .no-results {
    margin: 10px 5px;
    line-height: 24px
}

#hub-list .hub-movie {
    box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1);
    float: left;
    width: calc(25% - 13px);
    margin: 0 15px 18px 1px;
    border-radius: 6px;
    transition: .25s;
    position: relative
}

#hub-list .hub-movie a {
    text-decoration: none;
    line-height: 20px
}

#hub-list .hub-movie:nth-child(4n) {
    margin: 0 1px 18px 1px
}

#hub-list .hub-movie:nth-child(4n+1) {
    clear: both
}

#hub-list .celeb.hub-movie {
    margin: 0 18px 15px 1px
}

#hub-list .celeb.hub-movie:nth-child(4n) {
    margin: 0 18px 15px 1px
}

#hub-list .celeb.hub-movie:nth-child(4n+1) {
    clear: none
}

#hub-list .celeb.hub-movie .hub-movie-info a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hub-list .hub-movie-poster-link {
    display: block;
    cursor: pointer
}

#hub-list .hub-movie-soon {
    margin: 0;
    display: block;
    background-color: #f9f9f9;
    color: #005f75;
    padding: 7px 10px 5px 10px;
    border-radius: 0 0 4px 4px;
    border: solid 1px #f3f3f3;
    transition: .25s;
    text-decoration: none;
    line-height: 22px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: left center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.5px;
    font-weight: 700
}

#hub-list .hub-movie-watch {
    margin: 0;
    display: block;
    background-color: #f9f9f9;
    color: #005f75;
    padding: 7px 10px 5px 45px;
    border-radius: 0 0 4px 4px;
    border: solid 1px #f3f3f3;
    transition: .25s;
    text-decoration: none;
    line-height: 22px;
    font-size: 11px;
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: left center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.5px;
    font-weight: 700
}

#hub-list .hub-movie-watch.no-stream {
    padding: 7px 10px 5px 15px;
    color: #545454;
    font-weight: 700
}

.hub-head-wrap {
    position: relative
}

.hub-movie-filter-link {
    position: absolute;
    top: 18px;
    right: 4px
}

.hub-movie-poster-wrap {
    position: relative;
    padding-top: 150%;
    background: #000;
    border-radius: 6px 6px 0 0
}

.hub-movie-poster-wrap .carousel-trailer-playicon {
    position: absolute;
    left: 0;
    top: 0;
    color: #39c6f2;
    border: 0;
    height: 100%;
    background-size: 45px;
    background-color: rgb(0 0 0 / 30%);
    opacity: 1;
    background-position: center;
    width: 100%;
    background-repeat: no-repeat;
    transition: .5s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFFFFF' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.hub-movie-poster-wrap .carousel-trailer-playicon:hover {
    background-color: rgb(0 0 0 / 0%);
    opacity: 1
}

.hub-movie-poster {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    opacity: .8;
    transition: .5s
}

.hub-movie:hover .hub-movie-poster {
    opacity: .9
}

.hub-movie-poster-trailer {
    cursor: pointer
}

.hub-movie-poster-trailer .hub-movie-poster {
    opacity: .8;
    transition: .25s
}

.hub-movie-poster-trailer:hover .hub-movie-poster {
    opacity: 1
}

#hub-list .hub-movie-info {
    padding: 0;
    font-size: 14px;
    line-height: 20px
}

#hub-list .hub-movie-intheaters {
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin: 0 0 4px
}

#hub-list .hub-shows-seasonlink {
    width: calc(100% - 49px);
    color: #fff;
    padding: 4px 15px 4px 12px;
    border-radius: 0;
    background-color: #005f75;
    border-top: solid 1px #003545;
    width: calc(100% - 27px);
    margin: 0;
    display: block;
    background-size: 12px;
    font-size: 11px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hub-list .hub-movie-showtimeslink {
    color: #fff;
    padding: 4px 15px 4px 12px;
    border-radius: 0;
    background-color: #dc2309;
    border-top: solid 1px #420c05;
    width: calc(100% - 27px);
    margin: 0;
    display: block;
    background-size: 12px;
    font-size: 11px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hub-list .hub-movie-watchlink {
    color: #fff;
    padding: 4px 15px 4px 12px;
    border-radius: 0;
    background-color: #005f75;
    border-top: solid 1px #003545;
    width: calc(100% - 27px);
    margin: 0;
    display: block;
    background-size: 12px;
    font-size: 11px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hub-list .hub-movie-castlink {
    color: #fff;
    padding: 2px 15px 2px 12px;
    border-radius: 0 0 4px 4px;
    background-color: #984a00;
    border-top: solid 1px #513003;
    width: calc(100% - 27px);
    margin: 0;
    display: block;
    background-size: 12px;
    font-size: 11px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#hub-list .hub-movie-title {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    padding: 6px 12px;
    margin: 0;
    background: #222;
    text-decoration: none;
    width: calc(100% - 24px);
    transition: .25s;
    border-top: solid 1px #000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

#hub-list .hub-asset-rank {
    color: #a3e9ff;
    font-family: Georgia, sans-serif;
    font-size: 18px;
    letter-spacing: -1px;
    padding: 0 4px 0 0
}

#hub-list .hub-movie-date {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 10px;
    font-style: italic;
    color: #4c4b4b
}

.score-bar {
    background-color: #000;
    color: #222;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -.5px;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
    text-align: center
}

.score-bar-bar {
    width: 0;
    height: 24px;
    padding: 0;
    transition: width .8s ease-in-out;
    animation: grow-bar .8s ease-in-out forwards;
    border-top: solid 1px #000
}

.score-0 {
    width: 0%
}

.score-1 {
    width: 1%
}

.score-2 {
    width: 2%
}

.score-3 {
    width: 3%
}

.score-4 {
    width: 4%
}

.score-5 {
    width: 5%
}

.score-6 {
    width: 6%
}

.score-7 {
    width: 7%
}

.score-8 {
    width: 8%
}

.score-9 {
    width: 9%
}

.score-10 {
    width: 10%
}

.score-11 {
    width: 11%
}

.score-12 {
    width: 12%
}

.score-13 {
    width: 13%
}

.score-14 {
    width: 14%
}

.score-15 {
    width: 15%
}

.score-16 {
    width: 16%
}

.score-17 {
    width: 17%
}

.score-18 {
    width: 18%
}

.score-19 {
    width: 19%
}

.score-20 {
    width: 20%
}

.score-21 {
    width: 21%
}

.score-22 {
    width: 22%
}

.score-23 {
    width: 23%
}

.score-24 {
    width: 24%
}

.score-25 {
    width: 25%
}

.score-26 {
    width: 26%
}

.score-27 {
    width: 27%
}

.score-28 {
    width: 28%
}

.score-29 {
    width: 29%
}

.score-30 {
    width: 30%
}

.score-31 {
    width: 31%
}

.score-32 {
    width: 32%
}

.score-33 {
    width: 33%
}

.score-34 {
    width: 34%
}

.score-35 {
    width: 35%
}

.score-36 {
    width: 36%
}

.score-37 {
    width: 37%
}

.score-38 {
    width: 38%
}

.score-39 {
    width: 39%
}

.score-40 {
    width: 40%
}

.score-41 {
    width: 41%
}

.score-42 {
    width: 42%
}

.score-43 {
    width: 43%
}

.score-44 {
    width: 44%
}

.score-45 {
    width: 45%
}

.score-46 {
    width: 46%
}

.score-47 {
    width: 47%
}

.score-48 {
    width: 48%
}

.score-49 {
    width: 49%
}

.score-50 {
    width: 50%
}

.score-51 {
    width: 51%
}

.score-52 {
    width: 52%
}

.score-53 {
    width: 53%
}

.score-54 {
    width: 54%
}

.score-55 {
    width: 55%
}

.score-56 {
    width: 56%
}

.score-57 {
    width: 57%
}

.score-58 {
    width: 58%
}

.score-59 {
    width: 59%
}

.score-60 {
    width: 60%
}

.score-61 {
    width: 61%
}

.score-62 {
    width: 62%
}

.score-63 {
    width: 63%
}

.score-64 {
    width: 64%
}

.score-65 {
    width: 65%
}

.score-66 {
    width: 66%
}

.score-67 {
    width: 67%
}

.score-68 {
    width: 68%
}

.score-69 {
    width: 69%
}

.score-70 {
    width: 70%
}

.score-71 {
    width: 71%
}

.score-72 {
    width: 72%
}

.score-73 {
    width: 73%
}

.score-74 {
    width: 74%
}

.score-75 {
    width: 75%
}

.score-76 {
    width: 76%
}

.score-77 {
    width: 77%
}

.score-78 {
    width: 78%
}

.score-79 {
    width: 79%
}

.score-80 {
    width: 80%
}

.score-81 {
    width: 81%
}

.score-82 {
    width: 82%
}

.score-83 {
    width: 83%
}

.score-84 {
    width: 84%
}

.score-85 {
    width: 85%
}

.score-86 {
    width: 86%
}

.score-87 {
    width: 87%
}

.score-88 {
    width: 88%
}

.score-89 {
    width: 89%
}

.score-90 {
    width: 90%
}

.score-91 {
    width: 91%
}

.score-92 {
    width: 92%
}

.score-93 {
    width: 93%
}

.score-94 {
    width: 94%
}

.score-95 {
    width: 95%
}

.score-96 {
    width: 96%
}

.score-97 {
    width: 97%
}

.score-98 {
    width: 98%
}

.score-99 {
    width: 99%
}

.score-100 {
    width: 100%
}

@keyframes grow-bar {
    from {
        width: 0
    }

    to {
        width: var(--score-width)
    }
}

.hub-ribbon {
    --f: 5px;
    --r: 8px;
    position: absolute;
    font-weight: 700;
    top: 10px;
    left: calc(-1 * var(--f));
    padding-inline: 10px;
    letter-spacing: -.3px;
    background: #fff;
    color: #006483;
    opacity: .9;
    font-size: 11px;
    line-height: 28px;
    z-index: 9999;
    border-bottom: var(--f) solid #0005;
    border-right: var(--r) solid transparent;
    clip-path: polygon(100% 0, 0 0, 0 calc(100% - var(--f)), var(--f) 100%, var(--f) calc(100% - var(--f)), 100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f)/ 2))
}

#hub-filters {
    margin: 0 0 10px
}

.streams-page-assets {
    margin: 40px 0
}

.genres-hub .genres-text {
    margin: 0 0 20px;
    font-size: 16px
}

.genres-hub .genres-list-link {
    margin: 10px 0;
    font-size: 16px;
    display: block
}

.videos-hub .videos-hub-banner {
    background-color: #222;
    border-radius: 4px;
    margin: 20px 0 20px
}

.videos-hub .videos-hub-banner-link {
    background-image: url(https://cdn.moviefone.com/legacy/assets/banners/movie-trailer-bg.jpg);
    display: block;
    height: 20px;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-size: contain;
    padding: 18px 0 24px 120px;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500
}

.videos-asset .videos-hub .videos-hub-banner {
    margin: 0 0 20px
}

.videos-hub .videos-hub-banner img {
    display: block;
    width: 100%;
    margin: 0 0 0 20px;
    border-radius: 4px;
    max-width: 500px
}

.award-desc {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 40px
}

.keyword-item {
    float: left;
    width: calc(25% - 10px);
    margin: 2px 7px 10px 2px;
    overflow: hidden
}

.keywords-list-wrap .keyword-item {
    float: left;
    width: 23%;
    margin: 1%
}

.keywords-list-wrap .keyword-item .keyword {
    display: block;
    line-height: 18px;
    padding: 10px
}

.keywords-list {
    overflow: hidden
}

.keywords-list .item-box-side .item-box-side-infowrap {
    height: 90px
}

.keyword-item .item-box-side-img {
    opacity: .4;
    color: #000;
    border-right: solid 1px #ccc;
    padding: 46px 8px;
    transition: .25s
}

.keyword-item:hover .item-box-side-img {
    background-color: #eee !important
}

.keyword-item .item-box-side-title {
    font-size: 13px;
    text-align: center;
    color: #000;
    margin: 0;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: -.5px;
    text-transform: uppercase
}

.celeb-list-wrap {
    padding: 0
}

.celeb-list-wrap .keyword-item .keyword {
    padding: 0;
    border-radius: 8px
}

.celeb-list-wrap .keyword-item:nth-child(4n+1) {
    clear: both
}

.celeb-list-wrap .celeb-image {
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0
}

.celeb-list-wrap .celeb-name {
    padding: 5px 10px 10px;
    font-weight: 700
}

.hub-desc {
    margin: 0 0 20px;
    line-height: 26px
}

body.made-in-hollywood #content,
body.made-in-hollywood-teen #content {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    max-width: 100%
}

#made-in-hollywood .mih-banner {
    background-color: #eee;
    margin: 0;
    padding: 10px 0
}

#made-in-hollywood .mih-text-wrap {
    background: #a86fff;
    background: linear-gradient(to right, #654e9c 0, #5d58c0 100%);
    position: relative;
    padding: 60px 80px 80px;
    overflow: hidden;
    margin: 0 0 40px
}

#made-in-hollywood .mih-text-wrap:after {
    content: "";
    background: url(https://cdn.moviefone.com/legacy/assets/mih-dots.png) 100% 45% no-repeat;
    opacity: .75;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    width: 100%
}

#made-in-hollywood .mih-text {
    line-height: 32px;
    margin: 16px 0 20px;
    font-size: 20px;
    clear: both;
    display: block;
    color: #fff;
    z-index: 999999;
    position: relative
}

#made-in-hollywood .mih-head {
    line-height: 50px;
    font-size: 40px;
    margin: 0;
    clear: both;
    display: block;
    color: #fff;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 999999;
    position: relative
}

#made-in-hollywood .mih-text-bottom {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 1;
    padding-bottom: 22px;
    bottom: 0
}

#made-in-hollywood .mih-text-bottom:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 104vw solid transparent;
    border-bottom: 22px solid #fff
}

#made-in-hollywood .mih-banner-wrap {
    max-width: 1300px;
    padding: 0 80px
}

#made-in-hollywood .mih-banner img {
    width: calc(100% - 60px);
    height: auto;
    padding: 10px 0;
    display: block;
    max-width: 300px
}

.made-in-hollywood-episodes {
    background: #000
}

.made-in-hollywood-episodes .made-in-hollywood-episodes-wrap {
    max-width: 1000px;
    margin: 0 auto
}

.made-in-hollywood-episodes #trailer-player {
    margin: 0 auto
}

#made-in-hollywood .mih-text-content {
    float: left;
    width: calc(100% - 280px);
    margin: 0 100px 0 0
}

#made-in-hollywood .mih-text-social {
    float: left;
    width: 180px;
    z-index: 99999999;
    position: relative;
    margin: 20px 0 0
}

#made-in-hollywood .mih-text-social-head {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 16px;
    font-weight: 700
}

#made-in-hollywood .mih-social-facebook {
    display: inline-block;
    background: #537bbd;
    color: #fff;
    padding: 8px 18px;
    margin: 0 20px 0 0;
    border-radius: 2px
}

#made-in-hollywood .mih-social-twitter {
    display: inline-block;
    background: #1aaae2;
    color: #fff;
    padding: 8px 12px;
    border-radius: 2px
}

#made-in-hollywood .mih-social-facebook svg {
    width: 19px
}

#made-in-hollywood .mih-social-twitter svg {
    width: 30px
}

#made-in-hollywood .news-list-wrap {
    margin: 0;
    transition: .25s
}

#made-in-hollywood .news-list .news-list-item {
    float: left;
    width: 33.3333333%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative
}

#made-in-hollywood .news-list .news-list-item-0 {
    width: 66.666666%
}

#made-in-hollywood .item-box .item-box-img {
    background: #000
}

#made-in-hollywood .item-box .item-box-img img {
    border-radius: 0;
    opacity: .8;
    transition: .25s;
    object-fit: cover;
    max-height: none
}

#made-in-hollywood .item-box:hover .item-box-img img {
    border-radius: 0;
    opacity: .6
}

#made-in-hollywood .news-list .news-list-item-0 .item-box-img {
    padding-top: 50%
}

#made-in-hollywood .news-list .news-list-item-1 .item-box-img {
    padding-top: 100%
}

#made-in-hollywood .news-list .news-list-imagelink {
    border-radius: 0;
    background-color: #111
}

#made-in-hollywood .news-list .news-list-textlink {
    border-radius: 0;
    background-color: #f5f5f5;
    min-height: 108px
}

#made-in-hollywood #mih-more .news-list-item .news-list-textlink span {
    color: #000;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 28px 0 0
}

.made-in-hollywood-teen #made-in-hollywood .item-box .item-box-info {
    border-left: solid 1px #e71199
}

.made-in-hollywood-teen #made-in-hollywood .item-box .item-box-label {
    background-color: #e71199
}

#made-in-hollywood .item-box .item-box-info {
    padding: 20px;
    font-size: 14px;
    line-height: 20px;
    width: calc(100% - 40px);
    transition: .25s;
    border-left: solid 1px #5c59c3;
    min-height: auto
}

#made-in-hollywood .item-box .item-box-label {
    padding: 2px 10px;
    background: #5e57bb;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 0 0 10px;
    display: inline-block;
    border-radius: 2px
}

#made-in-hollywood .item-box.news-list-item-1 .item-box-label {
    background: #456dc9
}

#made-in-hollywood .item-box.news-list-item-2 .item-box-label {
    background: #9156bb
}

#made-in-hollywood .item-box.news-list-item-3 .item-box-label {
    background: #517ae2
}

#made-in-hollywood .item-box.news-list-item-4 .item-box-label {
    background: #9156bb
}

#made-in-hollywood .item-box .item-box-title {
    margin: 0;
    display: block;
    color: #fff;
    font-weight: 900;
    transition: .25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#made-in-hollywood .news-list .news-list-item:nth-child(3n+1) {
    clear: none
}

#mih-videos {
    max-width: 1300px;
    margin: 0 auto 40px;
    padding: 40px
}

#mih-videos h2 a {
    color: #654e9c;
    font-size: 28px;
    font-weight: 700
}

#mih-videos .mih-video-icon {
    color: #fff;
    width: 16px;
    padding: 0 6px;
    margin: -3px
}

#made-in-hollywood #mih-videos .news-list .news-list-item {
    width: 32.6666667%;
    margin: 0 1% 0 0
}

#made-in-hollywood #mih-videos .news-list .news-list-item:nth-child(3) {
    margin: 0
}

#made-in-hollywood #mih-videos .item-box .item-box-title {
    margin: 0;
    line-height: 22px;
    font-size: 14px;
    display: block;
    color: #fff;
    font-weight: 700;
    transition: .25s;
    height: auto
}

#made-in-hollywood #mih-videos .item-box .item-box-info {
    display: block;
    background: #000;
    border-left: 0
}

#made-in-hollywood #mih-videos .item-box .item-box-label,
#made-in-hollywood .item-box .item-box-label {
    padding: 4px 10px;
    background: #9156bb;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 0 0 10px;
    display: inline-block;
    border-radius: 4px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9999999
}

#made-in-hollywood #mih-more .news-list-item {
    width: 32.6666667%;
    margin: 0 1% 20px 0;
    overflow: hidden
}

#made-in-hollywood #mih-more .news-list-item:nth-child(3n) {
    margin: 0 0 20px
}

#mih-more {
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto 30px;
    padding: 0 40px
}

#made-in-hollywood #mih-more .item-box .item-box-title {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    display: block;
    color: #fff;
    font-weight: 700;
    transition: .25s;
    height: auto
}

#made-in-hollywood .more-mih-news-title {
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px
}

#made-in-hollywood .more-mih-news-title span {
    color: #654e9c;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px
}

#made-in-hollywood.teen .mih-banner {
    background-color: #f7f7f7;
    margin: 0;
    padding: 0 40px
}

#made-in-hollywood.teen .mih-text-wrap {
    background: linear-gradient(to right, #9c4e8b 0, #c058b3 100%)
}

#made-in-hollywood.teen .mih-text-wrap:after {
    opacity: .1
}

.movie-videos {
    overflow: hidden;
    margin: 0 0 40px
}

.movie-videos .movie-video {
    float: left;
    width: calc(33.3333333% - 20px);
    border-radius: 4px;
    box-shadow: 0 0 1px 1px rgba(109, 109, 109, .1);
    margin: 0 19px 20px 1px;
    transition: .25s
}

.movie-videos .movie-video .mf-play-icon {
    top: 40%
}

.movie-video .movie-video-image-wrap {
    height: 0;
    overflow: hidden;
    padding-top: 56.20608899%;
    position: relative
}

.movie-video .movie-video-image {
    width: 100%;
    display: block;
    border-radius: 4px 4px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0
}

.movie-video .movie-video-info {
    overflow: hidden;
    padding: 10px;
    background-color: #fbfbfb;
    border-radius: 0 0 4px 4px;
    transition: .25s;
    color: #000
}

.movie-video:hover .movie-video-info {
    background-color: #e7f9ff
}

.movie-video:hover {
    box-shadow: 0 0 1px 1px #c4e5ef
}

.movie-video .movie-video-title {
    float: left;
    width: calc(100% - 20px);
    padding: 0 10px 0 0;
    font-size: 13px;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.movie-video .movie-video-icon {
    width: 10px;
    float: right;
    margin: 2px 0 0
}

#what-to-watch .what-to-watch-title {
    margin: 20px auto 15px;
    font-size: 34px;
    line-height: 50px;
    text-align: center;
    letter-spacing: -1px;
    display: table;
    border-bottom: solid 4px #31c6f2
}

#what-to-watch .what-to-watch-desc {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0
}

#what-to-watch .wtw-movies {
    overflow: hidden
}

#what-to-watch .wtw-movie {
    width: 18%;
    margin: 1%;
    float: left;
    position: relative
}

#what-to-watch .wtw-movie:nth-child(6) {
    clear: both
}

#what-to-watch .wtw-movie-img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: auto;
    border-radius: 4px
}

#what-to-watch .carousel-trailer-playicon {
    position: absolute;
    left: 50%;
    top: 37%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #d9d9d9;
    padding: 26px 20px 26px 20px;
    background-size: 20px;
    background-color: rgb(255 255 255 / 40%);
    opacity: 1;
    background-position: 20px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mobile #what-to-watch .carousel-trailer-playicon {
    top: 32%
}

#what-to-watch .hub-movie-poster-trailer:hover .carousel-trailer-playicon {
    background-color: rgb(57 198 242 / 30%)
}

#what-to-watch .wtw-movie-info {
    min-height: 100px
}

#what-to-watch .wtw-headline {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 500;
    background-color: #333;
    padding: 4px 16px;
    color: #fff;
    border-radius: 4px;
    margin: 30px 9px 0
}

#what-to-watch .wtw-headline a {
    color: #fff
}

#what-to-watch .wtw-headline.disney {
    background-color: #104da1
}

#what-to-watch .wtw-headline.netflix {
    background-color: #b20813
}

#what-to-watch .wtw-headline.hbomax {
    background-color: #5c41ce
}

#what-to-watch .wtw-headline.apple-tv {
    background-color: #000
}

#what-to-watch .wtw-headline.prime-video {
    background-color: #39a8e5
}

#what-to-watch .wtw-headline.hulu {
    background-color: #1fb060
}

#what-to-watch .wtw-headline.paramount {
    background-color: #2a66fc
}

#what-to-watch .wtw-headline.peacock {
    background-color: #231f20
}

#what-to-watch .wtw-description {
    margin: 20px 16px 10px
}

#what-to-watch .wtw-movie-title {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 10px 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#what-to-watch .wtw-movie-title .wtw-movie-link {
    display: block;
    font-size: 16px;
    padding: 4px 0 6px 0;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#what-to-watch .hub-movie-poster-trailer {
    cursor: pointer
}

#what-to-watch .hub-movie-poster-trailer svg {
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    color: #fff;
    border: solid 3px #fff;
    padding: 12px;
    border-radius: 13px;
    width: 14px
}

#what-to-watch .wtw-movie-tagline {
    font-size: 14px;
    line-height: 18px;
    font-weight: 100;
    font-style: italic;
    color: #2e2e2e;
    margin: 4px 10px 0;
    font-family: Georgia, serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#what-to-watch .wtw-movie-links {
    margin: 10px 4px 0;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase
}

#what-to-watch .wtw-movie-showlink {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23d63621' d='M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z 352H64V64h512z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 10px 15px;
    padding: 14px 30px;
    color: #d63621;
    background-color: #f9f9f9;
    border-radius: 4px;
    display: block;
    margin: 0 0 10px;
    transition: .5s
}

#what-to-watch .wtw-movie-showlink:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z 352H64V64h512z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #fff;
    background-color: #d63621;
    text-decoration: none
}

#what-to-watch .wtw-movie-watchlink {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23d63621' d='M592 0H48A48 48 0 0 0 0 48v320a48 48 0 0 0 48 48h240v32H112a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H352v-32h240a48 48 0 0 0 48-48V48a48 48 0 0 0-48-48zm-16 352H64V64h512z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 10px 15px;
    padding: 14px 30px;
    color: #d63621;
    background-color: #f9f9f9;
    border-radius: 4px;
    display: block;
    margin: 0 0 10px;
    transition: .5s
}

#what-to-watch .wtw-movie-watchlink:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23FFFFFF' d='M592 0H48A48 48 0 0 0 0 48v320a48 48 0 0 0 48 48h240v32H112a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H352v-32h240a48 48 0 0 0 48-48V48a48 48 0 0 0-48-48zm-16 352H64V64h512z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #fff;
    background-color: #d63621;
    text-decoration: none
}

#what-to-watch .wtw-movie-dvdlink {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23d63621' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM88 256H56c0-105.9 86.1-192 192-192v32c-88.2 0-160 71.8-160 160zm160 96c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 10px 15px;
    padding: 16px 30px 14px;
    color: #d63621;
    background-color: #f9f9f9;
    border-radius: 4px;
    display: block;
    margin: 0 0 10px;
    transition: .5s
}

#what-to-watch .wtw-movie-dvdlink:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM88 256H56c0-105.9 86.1-192 192-192v32c-88.2 0-160 71.8-160 160zm160 96c-53 0-96-43-96-96s43-96 96-96 96 43 96 96-43 96-96 96zm0-128c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z'/%3E%3Cpath /%3E%3C/svg%3E");
    color: #fff;
    background-color: #d63621;
    text-decoration: none
}

#what-to-watch .wtw-nav {
    display: block;
    width: 655px;
    margin: 0 auto
}

#what-to-watch .wtw-nav-item {
    display: inline-block;
    padding: 10px 9px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700
}

#what-to-watch .wtw-news {
    overflow: hidden
}

#what-to-watch .wtw-news-item {
    float: left;
    width: calc(33.3333334% - 20px);
    margin: 10px;
    position: relative
}

#what-to-watch .wtw-news-title {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    width: calc(100% - 28px);
    background: rgb(0 0 0/70%);
    padding: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;
    min-height: 44px;
    transition: .25s;
    color: #fff
}

#what-to-watch .wtw-news-title a {
    color: #fff
}

#what-to-watch .wtw-news-img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 4px
}

.mf-movie-reviews {
    overflow: hidden
}

.mf-tv-reviews h2 a.mf-movie-reviews-title {
    margin: 10px 0 10px 5px;
    letter-spacing: -.5px;
    display: inline-block;
    font-weight: 500
}

.mf-movie-reviews .mf-movie-review {
    overflow: hidden;
    background: #f7f7f7;
    margin: 0 0 20px;
    border-radius: 10px
}

.mf-movie-reviews .mf-movie-reviews-info {
    float: left;
    width: calc(100% - 120px);
    margin: 0 10px 0 0
}

.mf-movie-reviews .review-season-number {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 15px 0 5px 0;
    letter-spacing: -.5px
}

.mf-movie-reviews .mf-movie-reviews-image {
    float: left;
    width: 70px;
    margin: 0 20px 0 0;
    background-color: #000;
    position: relative
}

.mf-movie-reviews .mf-movie-reviews-poster {
    display: block;
    width: 100%;
    height: auto;
    opacity: .8
}

.mf-movie-reviews .mf-movie-reviews-title {
    font-size: 18px;
    line-height: 28px;
    margin: 8px 0 4px;
    display: inline-block;
    font-weight: 100;
    letter-spacing: -.5px
}

.mf-movie-reviews .mf-movie-reviews-review {
    padding: 0;
    font-size: 13px;
    line-height: 21px;
    margin: 0 0 6px
}

.mf-movie-reviews .mf-movie-reviews-reviewlink {
    display: inline-block;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    font-weight: 700;
    color: #000
}

.mf-movie-reviews .mf-movie-reviews-review p {
    font-size: 12px;
    line-height: 20px;
    margin: 0 20px 15px 0
}

.mf-movie-reviews .mf-movie-reviews-review a {
    border-bottom: solid 1px #2699bb;
    transition: .25s;
    line-height: 18px
}

.mf-movie-reviews .mf-movie-reviews-review a:hover {
    text-decoration: none;
    border-bottom: solid 1px #000
}

.mf-movie-reviews .mf-movie-review .movie-info-score-attr {
    color: #000;
    float: none
}

.mf-movie-reviews .mf-movie-review .movie-info-score {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.moviefone-review-stars {
    margin: 0 0 4px
}

.moviefone-review-stars .mf-star {
    width: 12px;
    height: 12px
}

.movie-calendar .calendar-movies {
    margin: 20px
}

.movie-calendar .calendar-movies-date {
    margin: 40px 0 20px;
    padding: 0 0 10px;
    font-size: 22px;
    display: block;
    font-weight: 200;
    border-bottom: solid 1px #eee
}

.movie-calendar .calendar-movie {
    margin: 8px 0;
    overflow: hidden
}

.movie-calendar .calendar-movie-poster-link {
    margin: 0 10px 0 0;
    float: left;
    position: relative
}

.movie-calendar .calendar-movie-poster {
    vertical-align: middle;
    border-radius: 3px
}

.movie-calendar .calendar-movie-title {
    float: left;
    width: calc(100% - 100px);
    font-size: 16px;
    line-height: 22px;
    margin: 4px 0 10px 6px
}

.movie-calendar .calendar-movie-title-link {
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.movie-calendar .calendar-movie-tagline {
    font-size: 13px;
    line-height: 20px;
    font-weight: 100;
    margin: 8px 0 0;
    font-style: italic;
    color: #818181;
    font-family: Georgia, serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.movie-calendar .calendar-movie-detail {
    font-size: 13px;
    margin: 10px 0 0;
    padding: 10px 20px 0 4px;
    border-top: solid 1px #efefef;
    display: inline-block
}

.movie-calendar .movie-info-rating {
    color: #2c2c2c;
    border: 0;
    font-family: 'Times New Roman', serif;
    font-size: 13px;
    padding: 0;
    margin: 0
}

.movie-calendar .movie-info-genres {
    border-left: solid 1px #efefef;
    padding: 0 0 0 5px;
    margin: 0 0 0 3px
}

.stream-provider-pages {
    margin: 5px 0 8px 5px
}

.stream-provider-page {
    font-size: 12px;
    font-weight: 300;
    margin: 0 6px 0 0;
    display: inline-block;
    transition: .25s
}

.stream-provider-page .stream-logo {
    display: block;
    border-radius: 8px;
    width: 35px;
    height: 35px;
    padding: 4px;
    transition: .25s;
    filter: grayscale(100%);
    border: solid 1px #eee;
    background-color: #000;
    opacity: .8;
    transition: .25s
}

.stream-provider-page.prime-video .stream-logo {
    background-color: #fff
}

.stream-provider-page.disney-plus .stream-logo {
    background-color: #0f4091
}

.stream-provider-page.max .stream-logo {
    background-color: #0023da
}

.stream-provider-page.paramount-plus .stream-logo {
    background-color: #2865fc
}

.stream-provider-page.hulu .stream-logo {
    background-color: #1aab54
}

.stream-provider-page.peacock .stream-logo {
    background-color: #211f20
}

.stream-provider-page.starz .stream-logo {
    background-color: #022931
}

.stream-provider-page.the-roku-channel .stream-logo {
    background-color: #fff
}

.stream-provider-page.tubi-tv .stream-logo {
    background-color: #4401a1
}

.stream-provider-page.crunchyroll .stream-logo {
    background-color: #f37621
}

.stream-provider-page.showtime .stream-logo {
    background-color: #000
}

.stream-provider-page.vix .stream-logo {
    background-color: #f37621
}

.stream-provider-page .stream-logo.selected,
.stream-provider-page .stream-logo:hover {
    filter: none;
    opacity: 1
}

.stream-provider-page .stream-logo:hover {
    border: solid 1px #eee
}

.hub-stream-link {
    color: #fff;
    padding: 2px 25px 0 21px;
    border-radius: 0;
    background-color: #005f75;
    border-top: solid 1px #003545;
    width: calc(100% - 46px);
    margin: 0;
    display: block;
    background-size: 12px;
    font-size: 11px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M64 64V352H576V64H64zM0 64C0 28.7 28.7 0 64 0H576c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM128 448H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H128c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3C/svg%3E")
}

.hub-stream-link img {
    width: 20px;
    height: 20px;
    margin: 4px 0 4px 6px;
    float: left;
    border-radius: 100px
}

.hub-stream-link span {
    width: calc(100% - 50px);
    float: left;
    margin: 6px 10px;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700
}

.hub-clear-filters {
    padding: 10px 18px 10px 18px;
    background: #fff8f8;
    background-size: 20px;
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-radius: 100px;
    border: solid 1px #ffe3e0;
    position: relative;
    z-index: 99999999;
    float: right;
    color: #490c0c;
    cursor: pointer;
    font-size: 12px;
    transition: .25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hub-clear-filters:hover {
    text-decoration: none;
    border: solid 1px #e47366
}

#hero.hub-hero .module-title {
    border-bottom: 0;
    margin: 0 0 5px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 100
}

#hero.hub-hero a {
    text-decoration: none;
    color: #38c0eb;
    transition: .25s
}

#hero.hub-hero a:hover {
    color: #fff
}

#hero.hub-hero .tagline-date {
    font-size: 13px;
    line-height: 20px;
    font-weight: 100;
    margin: 0 0 12px;
    color: #aaa
}

#hero.hub-hero .movie-info-wrap {
    float: left;
    width: 730px;
    height: 270px;
    overflow: hidden;
    margin: 0 20px 0 0
}

#hero.hub-hero .hub-hero-title {
    font-size: 16px;
    line-height: 24px
}

#hero.hub-hero .hub-hero-movie-title {
    display: block
}

#hero.hub-hero .hub-hero-date {
    font-weight: 500
}

#hero.hub-hero .movie-poster-wrap {
    display: block
}

#hero.hub-hero .movie-poster-outer-wrap {
    width: 180px
}

#hero.hub-hero .movie-info-wrap {
    border-radius: 4px
}

#hero.hub-hero .movie-info-ad {
    height: 270px
}

#hero.hub-hero #trailer-player {
    padding-bottom: 37.25%
}

#hero.hub-hero #trailer-player .watch-trailer-btn {
    padding: 10px;
    background-size: 12px;
    background-position: 118px center;
    width: 100px;
    box-shadow: none;
    background-color: #000000a1;
    transform: none;
    font-weight: 700;
    border: solid 1px #fff;
    border-radius: 20px;
    left: 15px;
    bottom: 15px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: absolute;
    background-image: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: -1px;
    transition: .5s
}

#hero.hub-hero #trailer-player .watch-trailer-btn:hover {
    background-color: #000;
    color: #fff
}

#filter-assets {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    width: fit-content
}

.tvshow-head {
    position: relative
}

.tvshow-filters {
    float: left;
    margin: 10px 20px
}

.tvshow-filters #filter-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23005f75' d='M0 416c0 17.7 14.3 32 32 32l54.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 448c17.7 0 32-14.3 32-32s-14.3-32-32-32l-246.7 0c-12.3-28.3-40.5-48-73.3-48s-61 19.7-73.3 48L32 384c-17.7 0-32 14.3-32 32zm128 0a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zM320 256a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm32-80c-32.8 0-61 19.7-73.3 48L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l246.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48l54.7 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-54.7 0c-12.3-28.3-40.5-48-73.3-48zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm73.3-64C253 35.7 224.8 16 192 16s-61 19.7-73.3 48L32 64C14.3 64 0 78.3 0 96s14.3 32 32 32l86.7 0c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48L480 128c17.7 0 32-14.3 32-32s-14.3-32-32-32L265.3 64z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 1px 1px;
    padding: 0 0 0 24px;
    margin: 0;
    cursor: pointer;
    transition: .25s;
    text-transform: uppercase;
    letter-spacing: -.5px;
    font-size: 14px;
    font-weight: 400
}

.filter-desc-text {
    margin: -10px 0 10px;
    font-size: 12px;
    line-height: 20px;
    border-bottom: solid 1px #ececec;
    padding: 0 0 8px 2px;
    color: #666
}

.filter-type {
    padding: 0 0 10px;
    border-bottom: solid 1px #eee
}

.filter-type.no-border {
    border-bottom: 0
}

.filter-type-title {
    display: block;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    width: fit-content;
    letter-spacing: -.5px;
    font-weight: 700;
    margin: 8px 8px 5px 1px;
    padding: 0 22px 0 0;
    color: #666;
    background-size: 20px;
    background-position: right -3px;
    background-repeat: no-repeat;
    z-index: 99999999;
    cursor: pointer;
    transition: .25s
}

.filter-type-value-wrap {
    display: block;
    overflow: hidden
}

.filter-type-value {
    display: block;
    font-size: 11px;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    padding: 6px 8px;
    margin: 0 4px 4px 0;
    cursor: pointer;
    transition: .25s;
    float: left;
    color: #015f75;
    font-weight: 500
}

.filter-type-value.selected {
    border: 1px solid #93e8ff;
    background-color: #d0f1fa
}

.filter-type-buttons {
    overflow: hidden;
    margin: 0 auto 0;
    width: fit-content;
    padding: 10px 0
}

.filter-type-button {
    float: left;
    margin: 0 6px 0 0;
    width: 85px;
    text-align: center;
    background-color: #015f75;
    padding: 8px 2px;
    border-radius: 6px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    transition: .25s;
    cursor: pointer
}

.filter-type-button:hover {
    text-decoration: none;
    background-color: #008eaf
}

#filter-box {
    background-color: #fff;
    box-shadow: 0 0 0 1px #eee;
    padding: 10px 30px;
    width: 400px;
    position: absolute;
    right: 6px;
    border-radius: 0 0 4px 4px;
    top: 49px;
    z-index: 999;
    display: none
}

.filter-num {
    background-color: #006075;
    padding: 2px 6px 2px 5px;
    border-radius: 13px;
    font-size: 10px;
    line-height: 11px;
    color: #fff;
    text-align: center
}

.tv-shows #hub-filters {
    float: right
}

.tv-shows #hub-filters .mf-select-module {
    margin: 0 5px 0 0;
    width: 140px
}

#moviefone.mobile #filter-box {
    left: 0;
    z-index: 9999999999;
    padding: 0 10px;
    width: calc(100% - 20px);
    border-radius: 0;
    top: 42px
}

#moviefone.mobile .tvshow-filters {
    margin: 5px 10px
}

#moviefone.mobile .tvshow-filters #filter-button {
    background-size: 22px;
    background-position: center;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 22px;
    text-indent: -2000px
}

.mobile #hero.hub-hero .movie-info-title-wrap-outer {
    margin: 0 0 10px
}

.mobile #hero.hub-hero .movie-poster-outer-wrap {
    float: left;
    margin: 0;
    width: 55px;
    height: auto
}

.mobile #hero.hub-hero .movie-info-title-wrap {
    float: left;
    width: calc(100% - 75px);
    margin: 0 0 0 10px
}

.mobile #hero.hub-hero .movie-info-wrap {
    height: auto
}

.mobile #hero.hub-hero .movie-info-ad {
    width: 100%;
    height: 310px;
    overflow: hidden;
    background: 0 0;
    margin: 20px 0
}

.mobile #hero.hub-hero .mf-adsense-rightrail {
    height: 250px
}

.mobile #hero.hub-hero .module-title {
    font-size: 18px;
    line-height: 25px
}

.mobile #hero.hub-hero #trailer-player {
    padding-bottom: 56%
}

.mobile #hero.hub-hero #trailer-player .watch-trailer-btn {
    left: 0;
    right: 0
}

.charts-h1-tag h1 {
    border-bottom: 0;
    margin: 10px 0;
    font-size: 28px
}

.charts-list-assets {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0
}

.charts-list-asset {
    display: block;
    background-color: #333;
    color: #fff;
    border: solid 1px #f3f3f3;
    padding: 0;
    border-radius: 8px;
    height: 150px;
    width: 100%;
    overflow: hidden
}

.charts-list-rank {
    float: left;
    display: grid;
    place-items: center;
    height: 150px;
    width: 100px;
    font-size: 20px;
    font-weight: 100;
    background-color: #015f75;
    color: #eee;
    border-radius: 8px 0 0 8px;
    text-align: center;
    font-family: Georgia, Times, "Times New Roman", serif
}

.charts-list-poster-wrap {
    width: 100px;
    height: 150px;
    float: left
}

.charts-list-poster-wrap.hub-movie-poster-wrap {
    padding-top: 0;
    overflow: visible;
    background-color: transparent
}

.charts-list-poster-wrap.hub-movie-poster-wrap .carousel-trailer-playicon {
    background-color: transparent;
    background-size: 40px
}

.charts-list-poster {
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 0 10px 4px #1e1e1e
}

.charts-list-poster-wrap .movie-info-score-box {
    margin: 10px
}

.charts-list-info {
    float: left;
    margin: 30px 0 0 40px
}

.charts-list-info .movie-info-score-box {
    float: left
}

.charts-list-info .mf-rating-score svg {
    width: 35px;
    height: 35px
}

.charts-list-info .mf-rating-score .percent {
    width: 35px;
    height: 35px
}

.charts-list-info .mf-rating-score .number {
    padding: 4px;
    font-size: 11px;
    color: #fff;
    background: rgb(83 83 83)
}

.chart-list-info-mpaa {
    font-size: 13px;
    border: solid 1px #fff;
    padding: 0 8px;
    margin: 5px 12px 0 4px;
    border-radius: 2px;
    font-family: 'Times New Roman', serif;
    line-height: 22px;
    float: left
}

.charts-list-info-bottom {
    overflow: hidden
}

.chart-list-info-runtime {
    float: left;
    margin: 9px 0 0 2px;
    color: #999;
    font-size: 14px
}

.chart-list-info-year {
    font-size: 16px;
    color: #999;
    margin: 0 0 0 2px
}

.charts-list-title {
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -.5px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    display: block;
    border-bottom: solid 1px #292929;
    color: #fff;
    transition: .25s
}

.charts-list-title:hover {
    text-decoration: none;
    border-bottom: solid 1px #494949
}

.charts-list-icons {
    margin: 32px 40px 0 0;
    float: right;
    width: 200px
}

.charts-list-icons img {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    margin: 4px
}

.charts-list-countries {
    overflow: hidden;
    background-color: #333;
    border-radius: 4px;
    margin: 0 0 10px
}

.charts-list-countries .select-justwatch-item:hover {
    text-decoration: none
}

#hub-filters.charts-filters {
    margin: 20px 0 0
}

#hub-filters.charts-filters .mf-select-module {
    margin: 0 20px 10px 0;
    width: 165px
}

.charts-list-no-results {
    margin: 20px 4px 40px
}

.charts-lists {
    overflow: hidden
}

.charts-list {
    border-radius: 5px;
    border: solid 1px #eaeaea;
    width: calc(33.33333334% - 22px);
    float: left;
    font-size: 14px;
    margin: 0 20px 20px 0
}

.charts-list a:hover {
    text-decoration: none
}

.charts-list-item img {
    display: block;
    width: 60px;
    height: auto;
    padding: 30px 10px;
    margin: 0 auto
}

.charts-list-item-title {
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 12px 10px 12px 35px;
    background-position: 14px 13px;
    position: relative;
    cursor: pointer;
    transition: .25s;
    font-size: 13px;
    font-weight: 500;
    display: block;
    border-bottom: solid 1px #dedede
}

.charts-list-imgwrap {
    border-radius: 5px 5px 0 0
}

.charts-list-netflix .charts-list-imgwrap {
    background-color: #000
}

.charts-list-disney-plus .charts-list-imgwrap {
    background-color: #070628
}

.charts-list-max .charts-list-imgwrap {
    background-color: #0022ce
}

.charts-list-paramount-plus .charts-list-imgwrap {
    background-color: #2767fb
}

.charts-list-appletv-plus .charts-list-imgwrap {
    background-color: #000
}

.charts-list-hulu .charts-list-imgwrap {
    background-color: #15a44d
}

.charts-list-peacock .charts-list-imgwrap {
    background-color: #24201f
}

.charts-list-starz .charts-list-imgwrap {
    background-color: #152021
}

.charts-list-item-title-movies {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23015f75' d='M448 32l-86.1 0-1 1-127 127 92.1 0 1-1L453.8 32.3c-1.9-.2-3.8-.3-5.8-.3zm64 128l0-64c0-15.1-5.3-29.1-14-40l-104 104L512 160zM294.1 32l-92.1 0-1 1L73.9 160l92.1 0 1-1 127-127zM64 32C28.7 32 0 60.7 0 96l0 64 6.1 0 1-1 127-127L64 32zM512 192L0 192 0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-224z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.charts-list-item-title-shows {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23015f75' d='M64 64l0 288 512 0 0-288L64 64zM0 64C0 28.7 28.7 0 64 0L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 416c-35.3 0-64-28.7-64-64L0 64zM128 448l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-384 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-position: 14px 15px
}

#permalink .article-title {
    margin: 30px 20px 15px;
    font-size: 32px;
    line-height: 44px;
    font-weight: 100;
    text-align: center;
    font-family: Georgia, Times, "Times New Roman", serif
}

#permalink .article-byline {
    margin: 15px 0 10px;
    text-align: center
}

#permalink .meta-author,
#permalink .meta-date {
    display: inline-block;
    text-align: center;
    font-size: 13px
}

#permalink .articlehead-date,
#permalink .meta-dash {
    font-size: 13px
}

#permalink .article-tagline {
    text-align: center;
    line-height: 27px;
    font-size: 16px;
    font-family: Georgia, sans-serif;
    color: #4c4c4c;
    width: 80%;
    margin: 0 auto
}

#permalink .mf-share-buttons {
    overflow: hidden;
    margin: 20px auto 25px;
    max-width: 365px
}

.news-featured {
    width: 100%;
    margin: 0 0 40px
}

.news-featured .news-featured-image {
    width: 100%;
    display: block;
    height: auto
}

.news-featured .news-featured-imagelink {
    display: block;
    position: relative
}

.news-featured .news-featured-title {
    font-size: 18px;
    color: #000;
    font-weight: 300;
    margin: 12px 4px
}

.news-featured .news-featured-imagelink .fa-images {
    position: absolute;
    width: 26px;
    bottom: 12px;
    right: 12px;
    color: #30c7f5
}

.news-list-wrap {
    margin: 20px 0px 0
}

@media (max-width:768px) {
    .news-list-wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}


.news-list {
    overflow: hidden
}

.news-list .news-list-image {
    object-fit: cover;
    display: block;
    max-width: 100%;
    max-height: 400px;
    width: auto;
    height: auto;
    margin: 0 auto;
    border-radius: 4px
}

.news-list .news-list-imagelink {
    display: block;
    position: relative;
    background-color: #222;
    border-radius: 4px
}

.news-list .news-list-imagelink .fa-images {
    position: absolute;
    width: 26px;
    bottom: 12px;
    right: 12px;
    color: #fff
}

.news-rr {
    margin: 0 0 20px
}

.news-rr .news-list-item {
    float: none;
    width: 100%;
    margin: 0 0 15px
}

.news-rr .news-list-item:nth-child(even) {
    margin: 0 0 15px
}

.post .share-this {
    margin: 10px 0 20px
}

.post .share-this #st-1 {
    text-align: left
}

.post .meta {
    font-size: 14px;
    margin: 4px 4px 20px;
    line-height: 20px
}

.post .post-content {
    font-size: 16px;
    line-height: 26px
}

.post .post-content em {
    font-style: italic
}

.post .post-content strong {
    font-weight: 700
}

.post .post-content blockquote {
    background: #fff;
    border-left: 10px solid #e4e4e4;
    margin: 0;
    color: #3a3a3a;
    padding: 20px;
    margin: 0 0 40px
}

.post .post-content blockquote:before {
    color: #ccc;
    content: '';
    font-size: 4em;
    line-height: .1em;
    margin-right: 0;
    vertical-align: -.4em
}

.post .post-content blockquote p {
    display: inline;
    font-size: 15px;
    line-height: 26px
}

.post .post-content blockquote.tiktok-embed {
    background: 0 0;
    border-left: 0;
    margin: 0;
    color: #3a3a3a;
    padding: 0;
    margin: 0
}

.post .post-content hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(89deg, transparent, hsla(0, 0%, 68%, .8), transparent);
    display: block;
    margin: 20px 0
}

.post .post-content p,
.post .post-content span {
    font-size: 17px;
    line-height: 28px;
    margin: 20px 0
}

.post .post-content p a {
    color: #222;
    border-bottom: solid 1px #2699bb;
    transition: .25s;
    text-decoration: none
}

.post .post-content p a:hover {
    text-decoration: none;
    border-bottom: solid 1px #000
}

.post .post-content ol,
.post .post-content ul {
    list-style: inherit;
    padding: 0 20px;
    margin: 0 0 40px
}

.post .post-content li {
    margin: 0 0 10px
}

.post .post-content .wp-caption {
    max-width: 100%
}

.post .post-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    width: auto
}

.mobile .post .post-content iframe {
    width: 100%;
    min-height: 300px
}

.post .post-content h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 30px 0 10px;
    letter-spacing: -1px;
    font-weight: 700
}

.post .post-content h3 {
    font-size: 18px;
    line-height: 27px;
    margin: 20px 0 10px;
    letter-spacing: -1px
}

.post .post-content h3,
.post .post-content h4 {
    border-left: solid 10px #38c6f3;
    padding: 20px;
    font-size: 22px;
    line-height: 32px;
    font-family: Georgia, Times, "Times New Roman", serif;
    display: block;
    margin: 0 0 20px
}

.post .post-content h3 strong,
.post .post-content h4 strong {
    margin: 0 8px 0 0;
    font-weight: 100
}

.post .post-content iframe {
    display: block;
    max-width: 100%
}

.post-content .wp-caption img {
    margin: 0
}

.post-content .wp-caption .caption {
    font-size: 10px;
    background: #191919;
    color: #eee;
    padding: 5px 10px;
    margin: 0;
    line-height: 16px
}

.post .tags {
    margin: 20px 0 10px
}

.post .tags a {
    font-size: 10px;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    color: #484848;
    padding: 0 11px;
    text-decoration: none;
    border-radius: 3px;
    margin: 0 8px 8px 0;
    line-height: 22px;
    display: inline-block;
    text-transform: uppercase;
    transition: .25s;
    font-weight: 500
}

.post .tags a:hover {
    border: 1px solid #d9f7ff;
    background-color: #ecfbff;
    color: #484848
}

.post .tags span svg {
    margin: -5px 10px -4px 0
}

.related-articles {
    margin: 60px 0 0
}

.related-articles.text-list .news-list-textitem {
    padding: 0 2px 20px;
    display: block
}

.related-articles.text-list .news-list-link {
    display: inline-block;
    font-size: 14px;
    line-height: 22px
}

.mf-gallery .mf-gallery-item {
    margin: 0 0 40px
}

.mf-gallery .mf-gallery-title {
    margin: 15px 0 15px 5px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}

.mf-gallery .mf-gallery-image {
    max-width: 100%;
    display: block;
    object-fit: contain;
    height: 100%;
    width: 100%
}

.mf-gallery p.mf-gallery-desc {
    margin: 10px 5px;
    font-size: 15px;
    line-height: 24px
}

.asset-container {
    overflow: hidden;
    position: relative;
    margin: 20px 0 10px;
    background: #333;
    font-size: 14px;
    border-radius: 4px
}

.asset-container a {
    color: #105469
}

.legacy.asset-container a {
    color: #fff
}

.asset-container .asset-poster-wrap {
    background: #000;
    width: 27%;
    position: relative;
    float: left
}

.asset-container .asset-poster-wrap .cap {
    padding: 0;
    margin: 0
}

.asset-container .asset-poster-wrap img {
    width: 100%;
    display: block
}

.asset-container .asset-poster {
    width: 100%;
    max-width: 360px;
    margin: 0 auto !important;
    display: block
}

.asset-container .asset-info {
    width: 68%;
    float: left;
    color: #fff;
    min-height: 200px;
    padding: 2% 2.5% 2%
}

.asset-container .asset-info-title {
    text-shadow: 0 1px 1px #000;
    font-size: 20px;
    font-weight: 200;
    line-height: 26px;
    margin: 0 0 10px;
    display: block;
    color: #fff
}

.asset-container .movie-streams .movie-stream {
    float: left;
    width: 50px;
    margin: 5px 10px 5px 0;
    text-align: center;
    min-height: auto
}

.asset-container .movie-streams .movie-streams-title {
    margin: 0 0 10px;
    font-weight: 100;
    color: #aaa
}

.asset-container .movie-streams .movie-stream-title {
    color: #eee
}

.asset-container .asset-info-criticratingyear {
    overflow: hidden;
    margin: 0 0 3%
}

.asset-container .asset-info-ratingyear {
    float: right;
    width: 45%;
    text-align: right;
    font-size: 12px
}

.asset-container .asset-info-mpaaRating {
    font-family: Georgia, sans-serif;
    border: 1px solid #6d6d6d;
    padding: 2px 6px;
    font-size: 12px;
    margin: 0 4% 0 0;
    background: #000
}

.asset-container .asset-info-criticrating,
.asset-container .asset-info-releasedate {
    float: left;
    width: 55%;
    text-align: left
}

.asset-container .asset-info-criticscore {
    background: #6c3;
    float: left;
    padding: 2px 6px;
    border-radius: 1px;
    margin: 0 8px 0 0
}

.asset-container .asset-info-criticscore.yellow {
    background: #fc3
}

.asset-container .asset-info-criticscore.red {
    background: red
}

.asset-container .asset-info-criticscore .the-score {
    color: #fff;
    display: block
}

.asset-container .asset-info-criticlogo {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-mf-main.png) no-repeat scroll -357px -188px rgba(0, 0, 0, 0);
    float: left;
    width: 25px;
    height: 28px
}

.asset-container .asset-info-criticcount {
    float: left;
    margin: 0 0 0 8px
}

.asset-container .asset-info-criticcountbrand {
    font-size: 11px;
    line-height: 14px
}

.asset-container .asset-info-criticcountval {
    font-size: 11px;
    line-height: 14px
}

.asset-container .asset-info-theater {
    margin: 0 0 1%
}

.asset-container .asset-info-shows {
    overflow: hidden;
    margin: 2% 0 1%
}

.asset-container .asset-info-shows .the-shows {
    color: #fff;
    font-size: 12px;
    float: left;
    padding: 2px 12px;
    background: #ff4f38;
    border-radius: 2px;
    margin: 0 8px 8px 0;
    transition: .25s
}

.asset-container .asset-info-shows .the-shows:hover {
    background: #dee2e3;
    color: #333
}

.post .asset-container .asset-info-description {
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-size: 14px;
    line-height: 24px
}

.post .asset-container .asset-info-description a {
    padding: 0 0 0 4px;
    border-bottom: 0;
    color: #105469
}

.post .asset-container .asset-info-description a:hover {
    border-bottom: 0
}

.asset-container .asset-info-ovod {
    margin: 0 0 2%;
    overflow: hidden
}

.asset-container .asset-info-ovod .ovod-title {
    margin: 0;
    display: block
}

.asset-container .asset-info-ovod .ovod-name {
    background: #484848;
    color: #fff;
    font-size: 11px;
    font-weight: 100;
    padding: 4px 6px;
    border-radius: 3px;
    margin: 4px 4px 0 0;
    float: left;
    text-decoration: none;
    transition: .25s
}

.asset-container .asset-info-ovod .ovod-name:hover {
    background: #dee2e3;
    color: #333
}

.asset-container .asset-info-showdate {
    margin: 0 0 1%
}

.asset-container .asset-info-showdate .fa-calendar {
    font-size: 18px;
    padding: 0 6px 0 0
}

.asset-container.showandovod .asset-poster {
    height: 382px
}

.asset-container-inline {
    background: #f7f7f7;
    overflow: hidden
}

.asset-container-inline .hub-movie-poster,
.asset-container-inline .hub-movie-poster-wrap {
    border-radius: 0
}

.asset-container-inline.asset-container .asset-poster-wrap {
    width: 150px
}

.asset-container-inline.asset-container .asset-info {
    width: calc(100% - 200px);
    margin: 0 15px;
    padding: 0
}

.asset-container-inline.asset-container .asset-info h2 {
    margin: 0
}

.asset-container-inline.asset-container .asset-info-title {
    margin: 6px 0 2px;
    font-size: 20px;
    line-height: 34px;
    color: #272727;
    text-shadow: none;
    letter-spacing: -1px;
    font-weight: 700
}

.asset-container-inline.asset-container .asset-info-description {
    font-size: 13px;
    line-height: 22px;
    margin: 4px 0 2px;
    color: #272727
}

.asset-container-inline .movie-streams {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-top: solid 1px #ececec
}

.asset-container-inline .movie-streams .movie-stream {
    float: left;
    width: 30px;
    margin: 0 10px 5px 0;
    min-height: auto
}

.asset-container-inline .movie-streams .movie-streams-title {
    margin: 4px 0;
    font-weight: 700;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 0 1px
}

.asset-container-inline .asset-poster-wrap img {
    margin: 0;
    border-right: solid 1px #dcdcdc
}

.asset-container-inline .movie-info-detail {
    color: #464646;
    margin: 8px 0
}

.asset-container-inline span.movie-info-rating {
    color: #494646;
    font-family: "Times New Roman", serif;
    border-width: 1px;
    border-style: solid;
    border-color: #8a8a8a;
    border-image: initial;
    padding: 1px 5px;
    margin: 0 8px 0 0;
    border-radius: 2px;
    font-size: 12px
}

.asset-container-inline span.movie-info-run-time {
    margin: 0 8px 0 0;
    font-size: 12px
}

.asset-container-inline .fa-calendar {
    width: 9px;
    padding: 0 4px
}

.asset-container-inline span.movie-info-release-date {
    font-size: 12px
}

.asset-container-inline div.tagline {
    font-size: 14px;
    line-height: 18px;
    font-weight: 100;
    font-style: italic;
    color: #025973;
    margin: 0 0 4px
}

.asset-container-inline span.movie-info-star-title {
    color: #272727;
    font-size: 12px;
    font-weight: 700;
    font-style: italic
}

.asset-container-inline span.movie-info-star-name {
    font-size: 12px;
    font-weight: 100
}

.asset-container-inline span.movie-info-star-info {
    color: #000
}

.asset-container-inline .movie-streams img.movie-stream-img {
    margin: 5px 0
}

.asset-container-inline div.movie-stream-price {
    color: #000;
    font-size: 10px;
    line-height: 10px
}

.asset-container-inline .movie-info-showtimes {
    color: #ff4f38;
    padding: 0 0 0 22px;
    margin: 0;
    background-size: 16px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ea3821' d='M128 160h320v192H128V160zm400 96c0 26.51 21.49 48 48 48v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c26.51 0 48-21.49 48-48s-21.49-48-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v96c-26.51 0-48 21.49-48 48zm-48-104c0-13.255-10.745-24-24-24H120c-13.255 0-24 10.745-24 24v208c0 13.255 10.745 24 24 24h336c13.255 0 24-10.745 24-24V152z'/%3E%3C/svg%3E")
}

.asset-container-inline .movie-info-trailer {
    padding: 2px 0;
    margin: 0 14px 0 0;
    font-size: 13px;
    display: inline-block
}

.asset-container-inline .movie-info-score {
    color: #fff;
    width: 20px;
    height: 20px;
    padding: 0 3px 5px;
    display: inline-block;
    float: none;
    line-height: 15px;
    font-size: 13px;
    margin: 0 10px 0 0
}

.asset-container-inline .movie-streams .movie-stream-link {
    padding: inherit
}

.post .asset-container-inline .movie-score {
    margin: 0;
    padding: 0;
    top: -1px;
    font-size: 12px;
    font-weight: 700 !important
}

.post .asset-container-inline .movie-info-score.yellow {
    background-color: #d7c81c;
    border: 2px solid #948912
}

.post .asset-container-inline .movie-info-score.red {
    background-color: #cb2b2b;
    border: 2px solid #731515
}

.post .asset-container-inline .movie-info-score.green {
    background-color: #26ac26;
    border: solid 2px #126d12
}

.post .article-movie-legacy h3 {
    font-size: 17px;
    line-height: 26px;
    font-family: Georgia, Times, "Times New Roman", serif;
    margin: 20px 0 10px
}

.post .article-movie-legacy img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
    width: auto
}

.post .article-movie-legacy span {
    line-height: 26px
}

.mf-article-youtubeplayer {
    width: 100%
}

.oscars-ballot {
    display: block;
    margin: 0 0 30px
}

.oscars-ballot .ballot-image {
    width: 100%;
    height: auto;
    display: block
}

.awards-post {
    margin: 0 0 40px
}

.awards-post.post .post-content h3 {
    font-family: Helvetica, Arial, sans-serif;
    margin: 20px 0 10px 10px;
    font-size: 18px;
    line-height: 26px;
    border-left: solid 6px #38c6f3;
    background: #f9f9f9
}

.awards-post.post .post-content ul {
    margin: 30px 0 50px 10px;
    display: block;
    font-size: 16px;
    line-height: 22px;
    list-style: none
}

.awards-post.post .post-content li {
    margin: 20px 10px
}

.awards-post.post .post-content li.winner {
    background-color: #fffded;
    padding: 8px 20px 8px 33px;
    margin: 0;
    border-radius: 4px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23efd902' d='M528 448H112c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm64-320c-26.5 0-48 21.5-48 48 0 7.1 1.6 13.7 4.4 19.8L476 239.2c-15.4 9.2-35.3 4-44.2-11.6L350.3 85C361 76.2 368 63 368 48c0-26.5-21.5-48-48-48s-48 21.5-48 48c0 15 7 28.2 17.7 37l-81.5 142.6c-8.9 15.6-28.9 20.8-44.2 11.6l-72.3-43.4c2.7-6 4.4-12.7 4.4-19.8 0-26.5-21.5-48-48-48S0 149.5 0 176s21.5 48 48 48c2.6 0 5.2-.4 7.7-.8L128 416h384l72.3-192.8c2.5.4 5.1.8 7.7.8 26.5 0 48-21.5 48-48s-21.5-48-48-48z'/%3E%3C/svg%3E")
}

.awards-post .post-content h2 {
    font-size: 24px;
    line-height: 36px;
    font-family: Helvetica, Arial, sans-serif
}

.oscars-academy-awards .mf-carousel {
    border-bottom: 0
}

.news-article .mih-banner {
    background-color: #ededed;
    margin: 0 0 10px;
    padding: 0;
    border-radius: 4px
}

.news-article .mih-banner-img {
    width: 230px;
    height: auto;
    padding: 10px 20px;
    display: block;
    border-radius: 4px
}

.twitter-tweet.twitter-tweet-rendered {
    margin: 0 !important
}

.news-tag-title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    font-family: Georgia, sans-serif;
    color: #4e4e4e;
    display: block
}

.article-author {
    overflow: hidden;
    border-top: solid 1px #eee;
    padding: 15px 0 0;
    margin: 15px 0 0;
    font-size: 15px;
    color: #000;
    line-height: 22px
}

.article-author-image {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    float: left
}

.article-author-data {
    float: left;
    width: calc(100% - 60px);
    margin: 0 0 0 10px;
    border-bottom: solid 1px #f0f0f0;
    padding: 0 0 4px
}

.article-author-title {
    float: left;
    width: calc(100% - 60px);
    margin: 0 0 0 10px;
    padding: 3px 0 0;
    font-size: 11px;
    font-style: italic;
    font-weight: 700;
    color: #666
}

.article-author-name {
    font-weight: 700
}

.article-author-bio {
    font-size: 13px;
    line-height: 22px;
    color: #535353;
    margin: 5px 0;
    padding: 5px 0 0
}

.article-author-wrap {
    overflow: hidden
}

#author-page.article-author {
    border-top: 0;
    margin: 0;
    padding: 0
}

#author-page .article-author-image {
    width: 60px;
    height: 60px
}

#author-page .article-author-data {
    width: calc(100% - 135px);
    margin: 0;
    border-bottom: 0;
    padding: 0
}

#author-page .article-author-title {
    width: calc(100% - 135px)
}

#author-page .article-author-bio {
    border-top: 0;
    padding: 0;
    margin: 10px 0 0
}

#author-page h1 {
    margin: 0 0 0 10px;
    font-size: 22px;
    line-height: 30px
}

.articlehead-author {
    overflow: hidden;
    border-top: solid 1px #f4f4f4;
    margin: 0 20px 10px;
    padding: 14px 0 0
}

.articlehead-author-name {
    font-weight: 700
}

.latest-trailers .movie-video {
    width: calc(33.3333333% - 15px);
    margin: 1px 20px 20px 1px
}

.latest-trailers .movie-video:nth-child(3n) {
    margin: 1px
}

.latest-trailers .movie-video:nth-child(3n+1) {
    clear: both
}

.latest-trailers .movie-video-title {
    font-weight: 400;
    font-size: 14px
}

.latest-trailers .movie-video-link {
    text-decoration: none
}

.latest-trailers .movie-video-title {
    width: calc(100% - 24px)
}

.latest-trailers .movie-video-description {
    font-size: 12px;
    margin: 10px 0 0;
    color: #505050;
    line-height: 20px;
    border-top: 1px solid #e8e8e8;
    padding: 10px 6px 0
}

.latest-trailers .movie-video:hover .movie-video-description {
    border-top: 1px solid #bbe6f5
}

.latest-trailers-more {
    display: block;
    text-align: center;
    background: #eee;
    width: 200px;
    margin: 0 auto 40px;
    border-radius: 8px;
    padding: 20px
}

.trailers-hub .mf-carousel {
    margin: 30px 0 0
}

.latest-trailers {
    margin: 20px 0 0
}

#mf-search {
    box-shadow: inset 0 0 2px 1px rgb(0 0 0 / 80%);
    background-color: #383838;
    border-radius: 10px;
    transition: .5s ease;
    position: absolute;
    left: 40px;
    right: 0;
    width: calc(100% - 500px)
}

#mf-search.search-focus {
    background-color: #333;
    box-shadow: inset 0 0 4px 1px rgb(0 0 0 / 80%)
}

.mf-search-input {
    width: calc(100% - 95px);
    padding: 14px 10px;
    border: none;
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #aaa;
    background-color: transparent;
    outline: 0;
    transition: .2s
}

.mf-search-input::placeholder {
    color: #666
}

#mf-search:focus::placeholder {
    color: #aaa
}

.mf-search-button {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23FFFFFF' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3Cpath /%3E%3C/svg%3E");
    position: absolute;
    top: 12px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    background-color: transparent;
    cursor: pointer;
    transition: .5s ease
}

.mf-search-button:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%2339c6f2' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.search-playicon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #d9d9d9;
    padding: 14px 8px 14px 8px;
    background-size: 11px;
    background-color: rgb(255 255 255 / 20%);
    opacity: 1;
    background-position: 11px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .5s;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.search-playicon:hover {
    background-color: rgb(57 198 242 / 30%)
}

#mf-search-closebtn {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23AAAAAA' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3Cpath /%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    background-color: transparent;
    cursor: pointer;
    transition: .5s ease;
    display: none
}

#mf-search-closebtn:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2339c6f2' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z'/%3E%3Cpath /%3E%3C/svg%3E")
}

#mf-search-loadingzone {
    width: 20px;
    height: 20px;
    float: left;
    margin: 12px 0 0 14px
}

.mf-search-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    z-index: 1000
}

.mf-search-circle.circle-two {
    background: rgb(56 198 243 / 40%)
}

.mf-search-circle:before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    background-color: #383838;
    border-radius: 50%;
    z-index: 1000
}

.mf-search-circle.animate {
    animation: circular 4s linear infinite
}

.mf-search-circle.animate .circle-two {
    background: linear-gradient(75deg, transparent, transparent 50%, #005f75)
}

.mf-search-circle.animate .circle-three {
    background: linear-gradient(90deg, transparent, transparent 70%, #38c6f3)
}

@keyframes circular {
    0% {
        transform: rotate(0)
    }

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

#smart-search {
    transition: .5s ease;
    height: 0;
    clear: both
}

#smart-search.open {
    padding: 0;
    height: 510px
}

.mf-search-quick-item {
    overflow: hidden;
    border-top: solid 1px #2c2c2c;
    width: calc(100% - 2px);
    margin: 0 0 0 1px
}

.mf-search-quick-item:last-child {
    border-bottom: 0
}

.mf-search-quick-item .mf-search-quick-link {
    overflow: hidden;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    width: calc(100% - 24px);
    margin: 0 auto;
    transition: .5s
}

.mf-search-quick-item:last-child .mf-search-quick-link {
    padding: 15px 20px
}

.mf-search-quick-item .mf-search-quick-link:hover {
    text-decoration: none;
    background-color: #065d733b
}

.mf-search-quick-item .mf-search-quick-img {
    width: 75px;
    height: 55px;
    vertical-align: middle;
    border-radius: 4px;
    margin: 0 10px 0 0;
    box-shadow: 0 0 1px #000;
    object-fit: cover;
    float: left;
    object-position: top
}

.mf-search-quick-item .mf-search-quick-info {
    float: left;
    width: calc(100% - 100px);
    margin: 2px 0 0
}

.mf-search-quick-item .mf-search-quick-title {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -.5px;
    font-weight: 700;
    display: block;
    margin: 0 0 0 2px
}

.mf-search-quick-item .mf-search-quick-typedate {
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin: 4px 0 0
}

.mf-search-quick-item .mf-search-quick-type {
    background: #015f75;
    padding: 2px 10px;
    font-size: 9px;
    border-radius: 4px;
    color: #fff;
    border: solid 1px #00738e
}

.mf-search-quick-item .mf-search-quick-date {
    color: #d5d5d5;
    margin: 0 0 0 10px;
    font-size: 11px
}

.search-content-box article {
    transition: .5s;
    width: 100%;
    background-color: #fefefe;
    padding: 0
}

.search-module-title {
    margin: 10px 0 16px;
    font-size: 30px;
    line-height: 42px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 300;
    border-bottom: 0;
    display: block;
    letter-spacing: -1px
}

.search-wrap {
    overflow: hidden
}

.search-panel {
    overflow: hidden
}

.search-filters {
    width: 100%;
    margin: 0 0 5px;
    overflow: hidden
}

.search-filter {
    text-decoration: none;
    margin: 0 5px 0 0
}

.search-filter:hover {
    text-decoration: none;
    border: 1px solid #93e8ff;
    background-color: #d0f1fa
}

.search-content {
    margin: 0 0 20px
}

.search-content .search-item {
    margin: 0;
    padding: 15px 0;
    border-bottom: solid 1px #eaecf0
}

.search-content .search-item.no-results {
    border-bottom: 0;
    margin: 0 0 100px
}

.search-content .search-type {
    display: block;
    width: 100%;
    padding: 6px 0;
    font-size: 10px;
    letter-spacing: -.25px;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border-radius: 0 0 8px 8px;
    background: #015f75;
    color: #fff;
    border-top: solid 1px #004150
}

.search-result {
    overflow: hidden
}

.search-result .search-image-title-info {
    overflow: hidden;
    margin: 0 0 6px
}

.search-result .search-image-link {
    float: left;
    margin: 0 20px 0 0;
    position: relative;
    background: #000;
    border-radius: 10px
}

.search-result .search-image {
    width: 80px;
    height: 100px;
    display: block;
    object-fit: cover;
    transition: .5s;
    opacity: .8;
    border-radius: 10px 10px 0 0
}

.search-result .search-publishdate {
    font-size: 12px;
    color: #485467;
    letter-spacing: -.5px
}

.search-result .search-info {
    width: calc(100% - 110px);
    float: left;
    margin: 0
}

.search-result h2 {
    font-size: 18px;
    line-height: 22px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 300;
    color: #005f75;
    margin: 4px 0 0;
    display: inline-block
}

.search-result .search-asset-description {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 10px;
    color: #000;
    display: block
}

.search-result .search-genres {
    margin: 0 0 6px
}

.search-result .search-genres-link {
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: -.5px;
    text-transform: uppercase;
    color: #383838
}

.search-result .search-asset-tagline {
    font-size: 13px;
    line-height: 18px;
    font-style: italic;
    color: #717171;
    letter-spacing: -.5px;
    margin: 0 0 10px
}

.search-result .search-mpaa-rating {
    color: #626262;
    font-size: 10px;
    border: solid 1px #626262;
    padding: 0 4px;
    margin: 0 6px 0 0;
    border-radius: 2px;
    font-family: 'Times New Roman', serif;
    display: inline-block;
    min-width: 14px;
    text-align: center;
    line-height: 14px
}

.search-result .search-asset-castname {
    font-size: 15px
}

.search-result .search-asset-link {
    text-decoration: none;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    padding: 0 8px 0 0
}

.search-result .search-desc {
    color: #2c323c;
    font-size: 13px;
    line-height: 18px;
    margin: 6px 0 8px
}

.search-result .search-asset-link:hover {
    text-decoration: underline
}

.search-result .search-asset-link-showtimes {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23ff4f38' d='M64 64C28.7 64 0 92.7 0 128v64c0 8.8 7.4 15.7 15.7 18.6C34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320v64c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V320c0-8.8-7.4-15.7-15.7-18.6C541.5 294.9 528 277 528 256s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6V128c0-35.3-28.7-64-64-64H64zm64 112l0 160c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16V176c0-8.8-7.2-16-16-16H144c-8.8 0-16 7.2-16 16zM96 160c0-17.7 14.3-32 32-32H448c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H128c-17.7 0-32-14.3-32-32V160z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    transition: .25s;
    display: inline-block
}

.search-result .search-asset-link-watch {
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='%23005f75' d='M64 64l0 288 512 0 0-288L64 64zM0 64C0 28.7 28.7 0 64 0L576 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 416c-35.3 0-64-28.7-64-64L0 64zM128 448l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-384 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    transition: .25s;
    display: inline-block
}

.search-result .search-asset-link-trailer {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23eee' d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3Cpath /%3E%3C/svg%3E");
    width: 16px;
    height: 18px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    transition: .25s;
    display: inline-block;
    background-color: #015f75;
    position: relative;
    top: -4px;
    left: 0;
    margin: 0 5px 0 0
}

.search .mf-select-module .mf-select-list {
    height: 135px
}

.ais-SearchBox-input {
    transition: .5s;
    box-shadow: none
}

.search-links {
    margin: 0 0 10px
}

.search-pagination {
    margin: 0 auto;
    width: fit-content
}

.search-result .movie-info-score {
    width: 14px;
    height: 14px;
    padding: 2px;
    float: left;
    font-weight: 700;
    line-height: 7px;
    font-size: 9px;
    border-radius: 100%;
    text-align: center;
    background-color: #44ad44;
    border: 2px solid #8cff8c;
    margin: 0 8px 0 0;
    transition: .5s
}

.search-result .movie-info-score.yellow {
    background-color: #333;
    border: 2px solid #d7c81c
}

.search-result .movie-info-score.red {
    background-color: #333;
    border: 2px solid #cb2b2b
}

.search-result .movie-info-score.green {
    background-color: #333;
    border: solid 2px #26ac26
}

.search-result a.moviefone-hero-score:hover .movie-info-score {
    border: 2px solid #38c6f4
}

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
    display: none
}

.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
    text-transform: capitalize
}

#quick-search-box {
    float: left;
    width: calc(100% - 30px);
    padding: 2px
}

#quick-search-box .ais-SearchBox-form {
    font-size: 12px;
    line-height: 20px;
    height: auto;
    background: #333;
    font-weight: 100
}

#quick-search-box .ais-SearchBox-input {
    background-color: #333;
    border: 0;
    font-size: 17px;
    font-weight: 100;
    outline: 0;
    padding: 0;
    line-height: 20px;
    color: #ccc;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 90%;
    border-radius: 0
}

.quick-search-item {
    margin: 0;
    overflow: hidden;
    display: block
}

.quick-search-image {
    display: block;
    float: left;
    width: 60px;
    height: 52px;
    margin: 0;
    object-fit: cover
}

.quick-search-content {
    float: left;
    margin: 4px 12px;
    width: calc(100% - 95px)
}

.aa-SourceNoResults,
.quick-search-title {
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    letter-spacing: -.5px;
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 0 3px;
    text-overflow: ellipsis
}

.quick-search-title span {
    color: #aaa;
    padding: 0 0 0 4px
}

.quick-search-tag {
    background: #353535;
    padding: 1px 8px 1px;
    border-radius: 3px;
    font-size: 9px;
    margin: 4px 10px 0 0;
    display: inline-block;
    color: #929292
}

.quick-search-link {
    color: #fff
}

.aa-SourceFooter .quick-search-link {
    padding: 10px 20px;
    font-size: 13px;
    line-height: 18px;
    display: block;
    letter-spacing: -.5px;
    font-weight: 100;
    border-top: solid 1px #2d2c2c;
    text-decoration: none
}

.aa-SourceFooter .quick-search-link:hover {
    background-color: #4a4a4a
}

.aa-DetachedOverlay {
    z-index: 99999999
}

.aa-DetachedContainer {
    background: #222;
    border-top: solid 1px #1e1e1e;
    padding: 0
}

.aa-DetachedContainer .aa-Panel {
    background: #222
}

.aa-DetachedContainer .aa-Item {
    padding: 4px 8px;
    border-top: solid 1px #313131
}

.aa-DetachedContainer .quick-search-image {
    border-radius: 8px
}

.aa-DetachedCancelButton {
    color: #b9b9b9
}

.aa-DetachedSearchButtonQuery {
    color: #fff
}

.aa-DetachedFormContainer {
    border-bottom: solid 1px #111
}

.no-search-results {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    border: solid 1px #ffe4e4;
    margin: 0 0 20px
}

.no-search-results strong {
    font-weight: 700
}

.ais-SearchBox-loadingIcon {
    width: 22px;
    height: 22px;
    stroke: #04c9f8
}

.ais-SearchBox-loadingIcon path {
    stroke: #076076
}

#search-tabs {
    overflow: hidden
}

#search-tabs .search-tab {
    font-size: 12px;
    transition: .25s;
    text-transform: uppercase;
    margin: 0 6px 0 0;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    border-top: solid 3px #e9e9e9;
    background: #fefefe;
    letter-spacing: -.5px;
    cursor: pointer
}

#search-tabs .search-tab.selected,
#search-tabs .search-tab:hover {
    border-top: solid 3px #00caf6;
    background: #f2f2f2
}

.movie-theaters h1 {
    margin: 0 0 1%
}

.movie-theaters-chain .chain-state {
    display: block;
    margin: 20px 0 10px;
    clear: both;
    line-height: 60px;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: 700
}

#cinema-chains {
    overflow: hidden;
    margin: 0 0 40px
}

#cinema-chains .cinema-chain {
    margin: 20px 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 200;
    overflow: hidden;
    background-color: #f9f9f9;
    display: inline-block;
    padding: 0;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #eee;
    transition: .25s
}

#cinema-chains .cinema-chain:hover {
    background-color: #eefbff
}

#cinema-chains .cinema-chain-link {
    display: block;
    padding: 8px 12px;
    overflow: hidden
}

#cinema-chains .cinema-chain-logo {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 100px
}

#cinema-chains .cinema-chain-name {
    float: left;
    width: calc(100% - 60px);
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px
}

#mf-theater-showtimes-list .state-name {
    clear: both;
    padding: 30px 0 20px;
    font-size: 20px
}

.back-link {
    display: block;
    margin: 0 0 20px;
    font-size: 12px
}

.back-link:before {
    content: "< "
}

.place-list {
    overflow: hidden
}

.cities h3 {
    display: block;
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px
}

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

    #mf-theater-showtimes-list.theater-chain .theater,
    #theater-chains .theater-chain {
        float: none;
        width: 100%
    }
}

#popular-cities .cities,
#popular-places .cities {
    overflow: hidden;
    margin: 4% 0 0
}

#popular-places .cities {
    margin: 0
}

#popular-places.places-static {
    margin: 40px 0 0
}

#popular-cities .city,
#popular-places .city {
    float: left;
    width: 50%;
    margin: 0 0 2%;
    font-weight: 200;
    font-size: 16px;
    line-height: 24px
}

#popular-places .city {
    width: fit-content;
    margin: 10px 8px 10px 0;
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
    overflow: hidden;
    background-color: #f9f9f9;
    display: inline-block;
    padding: 2px 16px;
    border-radius: 6px;
    box-shadow: 1px 1px 1px #eee;
    transition: .25s;
    text-decoration: none;
    color: #4a4a4a
}

#popular-places .city:hover {
    background-color: #eefbff
}

#moviefone.showtimes #popular-places h2 {
    font-weight: 100
}

#moviefone.showtimes #popular-places h3 {
    padding: 0 0 10px;
    font-weight: 500;
    margin: 20px 0 0;
    font-size: 19px
}

#moviefone.showtimes .showtimes-form input {
    width: 50%;
    max-width: 200px;
    padding: 14px 20px 13px;
    border: 1px solid #32c8f4;
    border-radius: 4px 0 0 4px;
    border-right: 0;
    display: block;
    margin: 10px 0;
    float: left;
    outline: 0
}

#moviefone.showtimes .showtimes-form button {
    width: 100px;
    background: #32c8f4;
    text-align: center;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    margin: 10px 0;
    padding: 15px;
    border-radius: 0 4px 4px 0;
    font-weight: 900;
    outline: 0
}

#moviefone.showtimes .see-more-cities,
a.see-more-cities {
    display: inline-block;
    background-color: #005f75;
    padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
    margin: 20px 0 0;
    text-decoration: none;
    transition: .25s
}

#moviefone.showtimes .see-more-cities:hover {
    background-color: #4a89f3
}

#showtimes-citystate h1 {
    margin: 0 0 2%;
    width: 98%
}

#showtimes-citystate h1 span {
    display: block;
    font-size: 26px;
    margin: 3% 0 0;
    border-bottom: solid 1px #eee;
    padding: 0 0 6px;
    font-weight: 600
}

#showtimes-citystate h2 {
    margin: 4% 0 3%;
    font-size: 26px;
    border-bottom: solid 1px #eee;
    padding: 4% 0 10px;
    display: block;
    font-weight: 600
}

#showtimes-citystate .citystate-wrap {
    overflow: hidden;
    margin: 0
}

#showtimes-citystate .citystate-results {
    float: left;
    width: 50%;
    margin: 0 0 1%
}

#showtimes-citystate .citystate-title {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px
}

#showtimes-citystate .citystate-description {
    font-size: 12px;
    color: #bbb
}

.showtimes-citystate-display {
    padding: 0 10px 0 0;
    color: #00c8ff
}

.showtimes-citystate-display span {
    color: #000
}

#citystate-movies {
    margin: 4% 0 0
}

#citystate-movies .citystate-movies-wrap {
    overflow: hidden
}

#citystate-movies .citystate-movies-results {
    float: left;
    width: 30.333333%;
    margin: 0 3% 0 0;
    min-height: 380px
}

#citystate-movies .citystate-movies-results img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 400px
}

#citystate-movies .citystate-movies-title {
    font-weight: 200;
    margin: 3% 1% 6%;
    display: block
}

.fa-moon-o {
    padding: 0 5px 0 0;
    color: #ffde79;
    font-size: 14px
}

.back-to-showtimes {
    margin: 0 0 20px;
    font-size: 14px;
    display: block
}

.movie-show-type {
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    padding: 0 1%;
    background-color: #06bcee;
    color: #fff;
    margin: 0 0 5px 0
}

.showtime-list-module .loader {
    font-weight: 400;
    padding: 30px 0 10px 0;
    text-align: center
}

.showtime-list-module .loader .loading-anim {
    left: 10px;
    position: relative;
    top: 2px
}

.showtime-list-module .theater {
    position: relative;
    width: 100%
}

.showtime-list-module .theater .theater-number {
    background: #acacac;
    border-radius: 13px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    left: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 26px
}

.showtime-list-module .button.lt-gray,
.showtime-list-module .button.red {
    color: #fff
}

.lt-gray {
    background: #acacac
}

.showtime-list-module .sorry-message {
    line-height: 30px;
    position: relative;
    top: 10px
}

.showtime-list-module .theater {
    margin-top: 20px
}

.showtime-list-module .theater .head {
    position: relative;
    width: 100%;
    padding: 0 0 15px
}

.showtimes-theater-page .showtime-list-module .theater .head {
    padding: 10px 0 15px
}

.showtime-list-module .theater .head .title {
    margin-bottom: 3px
}

.showtime-list-module .theater .head .title a {
    color: #333
}

#main-column .showtime-list-module .theater .head .title a {
    font-weight: 700
}

.showtimes-theater-page .showtime-list-module .theater {
    margin: 10px 0 0
}

.showtime-list-module .theater .theater-fav {
    display: inline-block;
    margin-bottom: 10px
}

.showtime-list-module .theater .head .theater-features {
    font-size: 14px
}

.showtime-list-module .theater .head .theater-features .title {
    font-size: 14px;
    font-weight: 400;
    width: auto
}

.showtime-list-module .theater .head .theater-features ul li {
    float: left;
    margin-right: 5px
}

.showtime-list-module .theater .head .theater-features ul li:after {
    content: ","
}

.movie-main-watchit .theater .head .theater-features ul li.title:after,
.showtime-list-module .theater .head .theater-features ul li:last-of-type:after {
    content: ""
}

.showtime-list-module .prices {
    display: block;
    margin-bottom: 5px
}

.showtime-list-module .prices .ticket-price {
    float: left;
    font-size: 14px;
    margin-right: 10px
}

.showtime-list-module .prices .ticket-price span {
    font-weight: 400
}

.showtime-list-module .online-tickets {
    font-size: 14px;
    margin-bottom: 20px
}

.showtime-list-module .showtimes .bad-location {
    padding: 20px 0
}

.showtime-list-module .showtimes .movie-listing {
    border-bottom: 1px dotted #dadada;
    min-height: 150px;
    padding: 20px 0 20px 0;
    position: relative;
    width: 100%;
    overflow: hidden
}

.showtime-list-module .showtimes .movie-listing .moviePoster {
    float: left;
    width: 15%;
    margin: 0 3% 0 0
}

.showtime-list-module .showtimes .movie-listing .moviePoster a {
    display: block
}

.showtime-list-module .showtimes .movie-listing .moviePoster a img {
    display: block;
    height: auto;
    width: 100%
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap {
    float: left;
    width: 82%
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movietitle {
    margin-bottom: 7px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movietitle a {
    color: #333;
    font-size: 14px;
    font-weight: 700 !important
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movierating-runtime {
    font-size: 14px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list {
    font-size: 0;
    margin-top: 20px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list.future {
    font-size: 14px;
    margin: 10px 0
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display-wrap {
    margin: 4px 0
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
    display: block;
    border-radius: 3px;
    float: left;
    margin: .5%;
    line-height: 20px;
    width: 19%;
    padding: 10px 3%;
    text-align: center !important;
    background-color: #969696;
    color: #fff;
    font-size: 14px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.past-showtime {
    background-color: #e6e6e6;
    color: #ccc
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span a {
    display: block;
    border-radius: 3px;
    float: left;
    margin: .5%;
    line-height: 20px;
    width: 19%;
    padding: 10px 3%;
    text-align: center !important;
    background-color: #dc2309;
    color: #fff;
    font-size: 14px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display a {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display a.future-movie {
    width: 70%;
    font-weight: 200;
    margin: 0
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .stDisplay {
    color: #b4b4b4;
    background-color: #dadada
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .late-night {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0 2px 0;
    margin: 0 0 0 6px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .late-night .fa-moon-o {
    color: #d6a204;
    font-size: 14px
}

.movie-title-showtimes .fav-heart,
.watch-it-showtimes .fav-heart {
    display: block;
    left: -36px;
    position: absolute;
    text-indent: -99999px
}

.watch-it-showtimes .fav-heart {
    left: 0
}

.showtime-list-module .fav-heart,
.watch-it-showtimes .fav-heart {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-mf-main.png) no-repeat -136px -227px;
    height: 22px;
    position: absolute;
    width: 24px
}

.showtime-list-module .fav-heart.is-fav,
.watch-it-showtimes .fav-heart.is-fav {
    background-position: -160px -227px
}

.showtime-list-module .theater .head .theater-address,
.theaters-near .theater-address {
    font-size: 12px;
    line-height: 20px;
    color: #d5d5d5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23abcaff' d='M408 120c0 54.6-73.1 151.9-105.2 192c-7.7 9.6-22 9.6-29.6 0C241.1 271.9 168 174.6 168 120C168 53.7 221.7 0 288 0s120 53.7 120 120zm8 80.4c3.5-6.9 6.7-13.8 9.6-20.6c.5-1.2 1-2.5 1.5-3.7l116-46.4C558.9 123.4 576 135 576 152V422.8c0 9.8-6 18.6-15.1 22.3L416 503V200.4zM137.6 138.3c2.4 14.1 7.2 28.3 12.8 41.5c2.9 6.8 6.1 13.7 9.6 20.6V451.8L32.9 502.7C17.1 509 0 497.4 0 480.4V209.6c0-9.8 6-18.6 15.1-22.3l122.6-49zM327.8 332c13.9-17.4 35.7-45.7 56.2-77V504.3L192 449.4V255c20.5 31.3 42.3 59.6 56.2 77c20.5 25.6 59.1 25.6 79.6 0zM288 152c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40s17.9 40 40 40z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: 0 0;
    padding: 0 0 0 19px
}

.showtime-list-module .theater .head .theater-phone,
.theaters-near .theater-phone {
    font-size: 12px;
    line-height: 20px;
    color: #d5d5d5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2320BD87' d='M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16.39 307.37l-15 65A15 15 0 0 1 354 416C194 416 64 286.29 64 126a15.7 15.7 0 0 1 11.63-14.61l65-15A18.23 18.23 0 0 1 144 96a16.27 16.27 0 0 1 13.79 9.09l30 70A17.9 17.9 0 0 1 189 181a17 17 0 0 1-5.5 11.61l-37.89 31a231.91 231.91 0 0 0 110.78 110.78l31-37.89A17 17 0 0 1 299 291a17.85 17.85 0 0 1 5.91 1.21l70 30A16.25 16.25 0 0 1 384 336a17.41 17.41 0 0 1-.39 3.37z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0 0;
    padding: 0 0 0 19px;
    margin: 0 0 0 12px
}

.showtime-list-module .theater .head .print-showtime {
    font-size: 13px;
    line-height: 20px;
    color: #d5d5d5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ff4f38' d='M448 192V77.25c0-8.49-3.37-16.62-9.37-22.63L393.37 9.37c-6-6-14.14-9.37-22.63-9.37H96C78.33 0 64 14.33 64 32v160c-35.35 0-64 28.65-64 64v112c0 8.84 7.16 16 16 16h48v96c0 17.67 14.33 32 32 32h320c17.67 0 32-14.33 32-32v-96h48c8.84 0 16-7.16 16-16V256c0-35.35-28.65-64-64-64zm-64 256H128v-96h256v96zm0-224H128V64h192v48c0 8.84 7.16 16 16 16h48v96zm48 72c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0 0;
    padding: 0 0 0 19px;
    margin: 0 0 0 12px;
    cursor: pointer
}

.showtimes-theater .showtime-list-module .theater .head .print-showtime,
.showtimes-theater .showtime-list-module .theater .head .theater-address,
.showtimes-theater .showtime-list-module .theater .head .theater-phone {
    color: #333
}

.showtimes-theater h1.module-title {
    margin: 10px 0 0;
    font-weight: 100
}

.showtimes-theater .showtime-list-module .theater {
    margin: 10px 0 20px
}

.showtimes-theater .showtime-list-module .theater .showtimes {
    background-color: transparent;
    padding: 0
}

h2.showtimes-controls-date-display {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23ff4f38' d='M9 44q-1.2 0-2.1-.9Q6 42.2 6 41V10q0-1.2.9-2.1Q7.8 7 9 7h3.25V4h3.25v3h17V4h3.25v3H39q1.2 0 2.1.9.9.9.9 2.1v31q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h30V19.5H9V41Zm0-24.5h30V10H9Zm0 0V10v6.5ZM24 28q-.85 0-1.425-.575Q22 26.85 22 26q0-.85.575-1.425Q23.15 24 24 24q.85 0 1.425.575Q26 25.15 26 26q0 .85-.575 1.425Q24.85 28 24 28Zm-8 0q-.85 0-1.425-.575Q14 26.85 14 26q0-.85.575-1.425Q15.15 24 16 24q.85 0 1.425.575Q18 25.15 18 26q0 .85-.575 1.425Q16.85 28 16 28Zm16 0q-.85 0-1.425-.575Q30 26.85 30 26q0-.85.575-1.425Q31.15 24 32 24q.85 0 1.425.575Q34 25.15 34 26q0 .85-.575 1.425Q32.85 28 32 28Zm-8 8q-.85 0-1.425-.575Q22 34.85 22 34q0-.85.575-1.425Q23.15 32 24 32q.85 0 1.425.575Q26 33.15 26 34q0 .85-.575 1.425Q24.85 36 24 36Zm-8 0q-.85 0-1.425-.575Q14 34.85 14 34q0-.85.575-1.425Q15.15 32 16 32q.85 0 1.425.575Q18 33.15 18 34q0 .85-.575 1.425Q16.85 36 16 36Zm16 0q-.85 0-1.425-.575Q30 34.85 30 34q0-.85.575-1.425Q31.15 32 32 32q.85 0 1.425.575Q34 33.15 34 34q0 .85-.575 1.425Q32.85 36 32 36Z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0 0 8px 28px;
    background-size: 22px;
    background-position: 0 6px
}

.showtimes-theater h2.showtimes-controls-date-display {
    background-position: 0 3px
}

.showtime-list-module .theater .head .theater-features {
    font-size: 14px
}

.showtime-list-module .theater .head .theater-features .title {
    font-size: 14px;
    width: auto
}

.showtime-list-module .theater .head .theater-features ul li {
    float: left;
    margin-right: 5px
}

.showtime-list-module .theater .head .theater-features ul li:after {
    content: ","
}

.showtime-list-module .theater .head .theater-features ul li.title:after,
.showtime-list-module .theater .head .theater-features ul li:last-of-type:after {
    content: ""
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movie-title-alt {
    margin-top: 20px;
    position: relative
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movie-title-alt:first-of-type {
    margin-top: 0
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movietitle {
    font-size: 18px;
    font-weight: 400;
    position: relative
}

.showtime-list-module .showtimes .future-movie-date {
    margin: 10px 0 15px
}

.showtime-list-module .showtimes .future-movie-date .fa-calendar {
    padding: 0 4px 0 0;
    color: #dc2309;
    vertical-align: top
}

#show-paginate {
    border: none;
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
    background: #f7f5f5;
    padding: 2%
}

#show-paginate.movie-module {
    box-shadow: none
}

#show-paginate .pagination {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-weight: 200
}

#show-paginate .pagination-next,
#show-paginate .pagination-prev {
    float: left;
    width: 15%;
    text-align: center;
    padding: 6px 0;
    background: #e6e6e6;
    border: solid 1px #dcd9d9;
    border-radius: 2px;
    color: #666;
    transition: .25s
}

#show-paginate .pagination-next {
    float: right
}

#show-paginate .page-numbers {
    float: left;
    width: 68%;
    text-align: center;
    overflow: hidden
}

#show-paginate .page-numbers-inner {
    overflow: hidden;
    width: 70%;
    margin: 0 auto
}

#show-paginate .page-numbers .page-number {
    text-align: center;
    padding: 6px 3%;
    background: #e6e6e6;
    border: 1px solid #dcd9d9;
    border-radius: 2px;
    color: #666;
    transition: .25s;
    margin: 0 1%;
    float: left;
    width: 10%
}

#show-paginate .pagination-next.disabled,
#show-paginate .pagination-next.disabled:hover,
#show-paginate .pagination-prev.disabled,
#show-paginate .pagination-prev.disabled:hover {
    cursor: default;
    background: #e6e6e6;
    border: solid 1px #dcd9d9;
    color: #666;
    opacity: .5
}

#show-paginate .page-numbers .page-number.selected,
#show-paginate .page-numbers .page-number:hover,
#show-paginate .pagination-next:hover,
#show-paginate .pagination-prev:hover {
    border: solid 1px #bf2511;
    background-color: #dc2309;
    color: #fff
}

#show-paginate .paginav {
    overflow: hidden;
    padding: 2%
}

#mf-theater-showtimes-list {
    border-bottom: 0;
    padding-bottom: 0
}

#contactTheater {
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    padding: 20px;
    margin: 0
}

.favorite-add,
.favorite-remove {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-heart.png) no-repeat;
    display: inline-block;
    font-size: 14px;
    font-weight: 400 !important
}

.favorite-add {
    background-position: 0 -18px;
    height: 20px;
    padding-left: 32px
}

.favorite-remove {
    background-position: 0 0;
    height: 18px;
    padding-left: 30px
}

.default-location {
    text-align: left
}

.result-range {
    font-weight: 300;
    float: right;
    text-align: right;
    font-size: 15px;
    line-height: 20px
}

#theater-favorites-print {
    clear: both;
    font-size: 14px;
    font-weight: 600
}

.advanced-ticket-message {
    display: block;
    margin: 0 0 40px;
    font-size: 15px
}

.advanced-ticket-message span {
    font-weight: 700
}

#date-print {
    overflow: hidden;
    margin: 10px 0 10px;
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
    padding: 15px 0 15px 2px
}

#date-print .print-showtimes {
    float: right;
    width: 40%;
    text-align: right;
    clear: none;
    font-weight: 100
}

#date-print .print-showtimes .fa-print {
    font-size: 18px;
    padding: 0 1% 0 0
}

#date-print .controls-date input {
    padding: 0;
    height: auto
}

.fav-theaters #date-print .datepicker-wrap {
    float: left
}

.theater-time-module {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    position: relative;
    box-shadow: none
}

.theater-time-module h1.time-loc-title,
.theater-time-module h1.time-loc-title span {
    color: #333;
    font-size: 34px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 26px;
    padding: 0;
    width: 100%
}

.showtimes-closest-page h1.time-loc-title {
    margin: 0 0 10px
}

.showtimes-closest-page h1.time-loc-title .query-location,
.showtimes-places h1.time-loc-title .query-location,
.showtimes-places-city h1.time-loc-title .query-location {
    display: inline;
    font-size: 28px;
    margin: 0;
    font-weight: 300;
    color: #6b6b6b
}

.showtimes-places-city h1.time-loc-title .query-location {
    margin: 0 0 20px
}

.theater-time-module .print-showtimes {
    display: block;
    float: right;
    margin: 0
}

.theater-time-module .print-showtimes span {
    padding: 0 0 0 6px;
    margin: 10px;
    display: block
}

.theater-time-module .head .module-title {
    display: inline-block
}

.theater-time-module .head .view-all {
    display: block;
    float: right
}

.theater-time-module .head .view-all span {
    display: inline-block;
    font-size: 20px;
    font-weight: 700
}

.theater-time-module .head .view-all div {
    display: inline-block;
    position: relative;
    top: 2px
}

.movie-module .showtimes-head {
    position: relative
}

.movie-module .showtimes-filter-loading {
    background: #fff;
    display: none;
    height: 77px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.movie-module .showtimes-filter-loading span {
    left: 50%;
    margin: -8px 0 0 -38px;
    position: absolute;
    top: 50%
}

.movie-module .showtimes-filter-loading span:after {
    color: #00c8ff;
    content: "loading";
    display: block;
    font-weight: 700;
    left: 23px;
    position: relative;
    text-align: center;
    width: 100%
}

.movie-module .loading .showtimes-filter-loading {
    display: block
}

#movie-showtime-head {
    margin: 0 0 10px
}

.showtimes-theater #movie-showtime-head {
    border-bottom: solid 1px #eee
}

.showtimes-head-dates {
    padding: 0;
    margin: 0;
    border-radius: 4px
}

.showtimes-head-dates .mf-select {
    width: fit-content;
    margin: 10px 0;
    float: left
}

.showtimes-theater .showtimes-head-dates .mf-select {
    margin: 10px 0 30px
}

.showtimes-head-dates .mf-select .mf-select-display {
    background-color: #e7f0ff;
    border-radius: 10px;
    padding: 0 50px 0 0;
    background-position: right 14px center;
    background-size: 20px;
    border: solid 1px #c7dcff
}

.showtimes-head-dates .mf-select .mf-select-list {
    background-color: #fafafa;
    box-shadow: 0 0 2px 0 #bebebe;
    padding: 30px 8px 10px
}

.showtimes-head-dates .mf-select .mf-select-list-item {
    padding: 10px 20px 10px 36px;
    font-size: 14px
}

.showtimes-head-dates .mf-select .mf-select-list-item:hover {
    background-color: #ffeae8
}

.showtimes-head-dates .mf-select h2 {
    font-size: 15px;
    border-bottom: 0;
    padding: 6px 30px 6px 50px;
    margin: 0;
    overflow: hidden;
    width: fit-content;
    border-right: solid 1px #c7dcff;
    background-position: 15px center;
    background-color: #fff;
    line-height: 30px;
    letter-spacing: -1px
}

.showtimes-theater .showtimes-head-dates {
    margin: 20px 0 0
}

body.movie-showtimes .showtimes-head-dates {
    border-top: 0
}

.showtime-tools {
    padding: 10px 0
}

.mf-showtime-filters #showtimes-location-form {
    float: right
}

.mf-showtime-filters #showtimes-location-form form {
    width: fit-content
}

.mf-showtime-filters .mf-select {
    margin: 5px 0 0
}

.showtimes-head-dates .mf-toggle-wrap {
    margin: 20px 0 0 5px
}

.showtimes-head-dates .mf-toggle-text {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 96 960 960'><path fill='%23ff4f38' d='M140 896q-26 0-43-17t-17-43V683q37-8 61.5-37.5T166 576q0-40-24.5-70T80 469V316q0-26 17-43t43-17h680q26 0 43 17t17 43v153q-37 7-61.5 37T794 576q0 40 24.5 69.5T880 683v153q0 26-17 43t-43 17H140Zm0-60h680V727q-38-26-62-65t-24-86q0-47 24-86t62-65V316H140v109q39 26 62.5 65t23.5 86q0 47-23.5 86T140 727v109Zm340-63q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0-167q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0-167q12 0 21-9t9-21q0-12-9-21t-21-9q-12 0-21 9t-9 21q0 12 9 21t21 9Zm0 137Z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    background-size: 22px;
    background-position: 0
}

#date-display {
    overflow: hidden;
    margin: 4px 0;
    float: left;
    width: 60%
}

#date-display .controls-date {
    font-weight: 300;
    font-size: 18px;
    float: left;
    width: 60%;
    position: relative
}

#date-display .controls-date svg {
    margin: 3px 10px 0 0;
    color: #dc2309;
    vertical-align: top;
    width: 26px;
    float: left
}

#calendar-showtime-dates {
    float: left;
    width: calc(100% - 36px);
    margin: 0
}

#time-loc-form {
    width: 40%;
    float: right;
    overflow: hidden
}

#time-loc-form #location {
    border-radius: 22px 0 0 22px;
    border: 1px solid #d0d0d0;
    border-width: 1px 0 1px 1px;
    width: 70%;
    height: 8px;
    outline-width: 0;
    padding: 0 0 0 20px;
    float: left;
    max-width: 290px
}

#time-loc-form .location-go {
    width: 20%;
    max-width: 70px;
    height: 38px;
    border-radius: 0 22px 22px 0;
    float: left;
    padding: 0;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase
}

#advanced-search-set #time-loc-form {
    float: left;
    margin: 3% 0
}

#advanced-search-set #time-loc-form #location {
    max-width: 300px
}

#calendar-showdates {
    overflow-x: hidden;
    position: relative;
    border-radius: 6px 6px 0 0;
    height: 96px
}

#calendar-showdates .date-items {
    width: 10000px;
    transition: .5s;
    position: absolute;
    left: 0;
    top: 0;
    height: 96px
}

#calendar-showdates .date-item {
    font-weight: 300;
    display: inline-block;
    width: 100px;
    height: 55px;
    background-color: #333;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    border-right: 1px dotted #000;
    padding: 20px 0 0;
    transition: .5s
}

#calendar-showdates .date-item-opens {
    font-size: 10px;
    background-color: red;
    margin: 5px auto 0;
    border-radius: 20px;
    line-height: 15px;
    display: table;
    text-align: center;
    padding: 0 8px 2px 8px
}

#calendar-showdates .date-item.selected,
#calendar-showdates .date-item:hover {
    background-color: #0a0a0a
}

#calendar-showdates .date-item-day {
    font-weight: 700
}

#calendar-showdates #scroll-indicator {
    height: 16px;
    width: 100%;
    background-color: #000;
    border-radius: 0 0 6px 6px;
    position: relative;
    top: 80px;
    cursor: pointer;
    transition: .5s;
    display: none
}

#calendar-showdates #scroll-indicator .indicator {
    width: 80px;
    height: 14px;
    background-color: #0cf;
    border-radius: 6px;
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0 2px
}

body.movie-showtimes #calendar-showdates .date-item {
    padding: 14px 0 0
}

#calendar-showdates.no-indicator #scroll-indicator {
    display: none
}

#calendar-showdates.no-indicator {
    height: 80px;
    border-radius: 6px;
    overflow-x: scroll
}

#calendar-showdates.no-indicator .date-items {
    height: 80px
}

#calendar-showdates.no-indicator .date-item {
    height: 80px
}

#calendar-showdates .date-item:last-child {
    border-radius: 4px
}

#location::-webkit-input-placeholder {
    color: #b5b5b5;
    opacity: 1
}

#location::-moz-placeholder {
    color: #b5b5b5;
    opacity: 1
}

#location:-ms-input-placeholder {
    color: #b5b5b5;
    opacity: 1
}

#location:-moz-placeholder {
    color: #b5b5b5;
    opacity: 1
}

#location:-moz-placeholder {
    color: #b5b5b5;
    opacity: 1
}

.theater-time-module .or-text {
    text-align: center
}

#lma-container {
    margin: 0 auto;
    position: relative;
    width: 100%
}

#lma-button {
    background-color: #01cdff;
    border-radius: 2px;
    display: inline-block;
    padding: 10px 20px 5px 20px;
    text-align: center;
    width: 100%
}

#lma-icon {
    height: 18px
}

#lma-divider {
    background-color: #fff;
    display: inline-block;
    height: 18px;
    margin: 0 10px;
    width: 1px
}

#lma-text {
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    top: -4px
}

.theater-time-module .showtime-tools {
    border-bottom: none;
    font-size: 14px;
    font-weight: 700;
    padding: 20px;
    width: calc(100% - 40px);
    margin: 20px 0;
    border-radius: 4px;
    background: #f7f7f7
}

.theater-time-module .showtime-tools .theater-pages {
    float: left;
    font-weight: 400;
    position: relative;
    top: 7px
}

.theater-time-module .showtime-tools .tools-title {
    color: #333;
    float: right;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: 10px
}

.theater-time-module .showtime-tools .theater-tools-select {
    display: block;
    float: right;
    height: 40px;
    margin-left: 10px;
    position: relative;
    width: 200px
}

.theater-time-module .showtime-tools .theater-tools-select .select {
    width: 100%
}

.theater-time-module .showtime-tools .theater-tools-select .select .option {
    font-size: 14px
}

.theater-time-module .showtime-tools .theater-tools-select select {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2
}

.help-text {
    padding: 0;
    font-size: 15px;
    line-height: 20px;
    float: left;
    width: 60%
}

#theater-filters-wrap {
    font-size: 12px;
    margin: 30px 0 15px;
    overflow: hidden;
    padding: 0 0 10px
}

#theater-filters-wrap .theater-filters-title {
    font-size: 15px;
    margin: 0 0 10px;
    overflow: hidden
}

#theater-filters-wrap .theater-filters-title span {
    float: left
}

#theater-filters-wrap .theater-filters-title a {
    float: right;
    font-size: 12px
}

#theater-filters-wrap .theater-filter {
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    float: left;
    margin: 0 8px 8px 0;
    background: #ececec;
    border-radius: 4px;
    padding: 4px 10px;
    color: #4a4a4a;
    transition: .1s;
    overflow: hidden
}

#theater-filters-wrap .theater-filter .icon {
    float: left;
    width: 28px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat
}

#theater-filters-wrap .theater-filter .text {
    width: calc(100% - 28px);
    float: left
}

#theater-filters-wrap .theater-filter .icon {
    float: left;
    width: 28px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat
}

#theater-filters-wrap .theater-filter .text {
    width: calc(100% - 28px);
    float: left
}

#theater-filters-wrap .theater-filter.wheelchair_accessible .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-accessible.svg)
}

#theater-filters-wrap .theater-filter.all_listening_devices .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-listening.svg);
    background-position: 0 3px
}

#theater-filters-wrap .theater-filter.reserved_seating .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-reserved.svg);
    background-position: 0 2px
}

#theater-filters-wrap .theater-filter.stadium_seating .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-stadium.svg);
    background-position: 0 2px
}

#theater-filters-wrap .theater-filter.recliner .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-recliner.svg);
    background-position: 0 2px
}

#theater-filters-wrap .theater-filter.meal .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-forkscreen.svg);
    background-position: 0 1px
}

#theater-filters-wrap .theater-filter.is-referable .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-ticketing.svg);
    background-position: 0 2px;
    background-size: 90%
}

#theater-filters-wrap .theater-filter.imax .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-imax.svg);
    float: none;
    width: 40px;
    height: auto;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 6px
}

#theater-filters-wrap .theater-filter.threed .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-threed.svg);
    float: none;
    width: 21px;
    height: auto;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 6px
}

#theater-filters-wrap .theater-filter.wheelchair_accessible {
    min-width: 180px
}

#theater-filters-wrap .theater-filter.is-referable {
    min-width: 140px
}

#theater-filters-wrap .theater-filter.meal,
#theater-filters-wrap .theater-filter.recliner,
#theater-filters-wrap .theater-filter.reserved_seating,
#theater-filters-wrap .theater-filter.stadium_seating,
#theater-filters-wrap .theater-filter.wheelchair_accessible {
    min-width: 150px
}

#theater-filters-wrap .theater-filter.selected,
#theater-filters-wrap .theater-filter:hover {
    background: #333;
    color: #fff
}

#theater-filters-wrap .theater-filter.selected.wheelchair_accessible .icon,
#theater-filters-wrap .theater-filter:hover.wheelchair_accessible .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-accessible-white.svg)
}

#theater-filters-wrap .theater-filter.selected.all_listening_devices .icon,
#theater-filters-wrap .theater-filter:hover.all_listening_devices .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-listening-white.svg)
}

#theater-filters-wrap .theater-filter.selected.reserved_seating .icon,
#theater-filters-wrap .theater-filter:hover.reserved_seating .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-reserved-white.svg)
}

#theater-filters-wrap .theater-filter.selected.stadium_seating .icon,
#theater-filters-wrap .theater-filter:hover.stadium_seating .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-stadium-white.svg)
}

#theater-filters-wrap .theater-filter.selected.recliner .icon,
#theater-filters-wrap .theater-filter:hover.recliner .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-recliner-white.svg)
}

#theater-filters-wrap .theater-filter.selected.meal .icon,
#theater-filters-wrap .theater-filter:hover.meal .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-forkscreen-white.svg)
}

#theater-filters-wrap .theater-filter.selected.is-referable .icon,
#theater-filters-wrap .theater-filter:hover.is-referable .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-ticketing-white.svg)
}

#theater-filters-wrap .theater-filter.selected.imax .icon,
#theater-filters-wrap .theater-filter:hover.imax .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-imax-white.svg)
}

#theater-filters-wrap .theater-filter.selected.threed .icon,
#theater-filters-wrap .theater-filter:hover.threed .icon {
    background-image: url(https://cdn.moviefone.com/legacy/assets/theater-filter-threed-white.svg)
}

.list-theater-filters {
    font-size: 12px;
    color: #f8f8f8;
    font-weight: 200;
    margin: 8px 0 2px;
    line-height: 18px
}

.list-filter-title {
    color: #fff;
    font-weight: 700
}

.showtimes-theater .list-theater-filters {
    color: #000;
    line-height: 18px
}

.showtimes-theater .list-filter-title {
    color: #666
}

.theater-status {
    display: block;
    padding: 15px 0 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    border-top: solid 1px #f5f5f5;
    color: #222;
    margin: 25px 0 0
}

.theater-status.closed {
    color: #b52c22;
    border-top: 0;
    padding: 0
}

.theater-time-module .fav-tools a {
    margin: 10px 10px 0 10px
}

.list-theaters {
    padding: 10px 0
}

.list-theaters .title {
    color: #333;
    display: block;
    font-weight: 400;
    margin: 10px 0
}

.showtimes-favorite-page .list-theaters .title {
    display: inline-block
}

.list-theaters .theater-list {
    left: -10px;
    position: relative
}

.list-theaters .theater-list li {
    border-right: 1px solid #b2b2b2;
    float: left;
    margin: 0 6px 9px 0;
    padding: 0 6px 0 0
}

.list-theaters .theater-list li:last-of-type {
    border: none
}

.reorder-favs {
    margin: 0 0 10px
}

.no-theaters {
    margin: 20px 0 0;
    background: #eee;
    padding: 20px;
    border-radius: 4px;
    color: #333
}

.showtime-list-module .loader {
    font-weight: 400;
    padding: 30px 0 10px 0;
    text-align: center
}

.showtime-list-module .loader .loading-anim {
    left: 10px;
    position: relative;
    top: 2px
}

.showtime-list-module .theater {
    position: relative;
    width: 100%
}

.showtime-list-module .theater .theater-number {
    background: #acacac;
    border-radius: 13px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 26px;
    left: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 26px
}

.showtime-list-module .button.lt-gray,
.showtime-list-module .button.red {
    color: #fff
}

.showtime-list-module .sorry-message {
    line-height: 30px;
    position: relative;
    top: 10px
}

.showtime-list-module .theater {
    margin-bottom: 40px
}

.showtime-list-module .theater.sfc {
    background: #f9f5f6;
    padding: 20px 20px 0;
    border-bottom: 1px solid #ccc
}

.showtime-list-module .theater .head {
    position: relative;
    border-bottom: solid 1px#eee;
    background: #434343;
    width: calc(100% - 40px);
    padding: 6px 20px 10px;
    border-radius: 4px 4px 0 0
}

.showtime-list-module .theater .showtimes {
    background-color: #f3f3f3;
    width: calc(100% - 40px);
    padding: 0 20px;
    border-radius: 0 0 4px 4px
}

.showtime-list-module .theater .showtimes .theater-status {
    padding: 15px 0 20px;
    margin: 0
}

.showtime-list-module .theater .head .title {
    margin-bottom: 3px
}

.showtime-list-module .theater .head .title .theater-name {
    display: block;
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff;
    border-bottom: solid 1px #383838
}

.movie-main .showtime-list-module .theater .head .title .theater-name {
    border-bottom: 0;
    margin: 0
}

.showtime-list-module .theater .head .showtimes-chain-name {
    color: #d5d5d5;
    background-size: 22px;
    background-repeat: no-repeat;
    padding: 3px 0 3px 30px;
    margin: 0 0 6px;
    background-position: 0 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -1px;
    display: inline-block
}

.showtimes-theater .showtimes-chain-name {
    color: #4a4a4a;
    background-size: 28px;
    background-repeat: no-repeat;
    padding: 5px 0 5px 36px;
    margin: 10px 0 0;
    background-position: 0 0;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    display: inline-block
}

.showtime-list-module .theater.sfc .head {
    border-bottom: none;
    padding: 0
}

.showtime-list-module .theater.sfc .head .sfc-btn {
    overflow: hidden;
    text-indent: -1000px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 141px;
    height: 31px;
    background-image: url(https://cdn.moviefone.com/legacy/assets/street-food-cinema.png);
    background-repeat: no-repeat;
    background-size: 100%
}

.showtime-list-module .theater.sfc .showtimes .movie-listing .movie-data-wrap .showtimes-list {
    margin-top: 4px
}

.showtime-list-module .theater .head .title a {
    color: #333
}

.showtime-list-module .theater .head .title a {
    font-weight: 700
}

.showtime-list-module .mileage {
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin: 5px 0 0;
    color: #c5c5c5;
    text-align: right
}

.showtime-list-module .theater .theater-fav {
    display: inline-block;
    margin-bottom: 10px
}

.showtime-list-module .theater .head .theater-features {
    font-size: 14px
}

.showtime-list-module .theater .head .theater-features .title {
    font-size: 14px;
    font-weight: 400;
    width: auto
}

.showtime-list-module .theater .head .theater-features ul li {
    float: left;
    margin-right: 5px
}

.showtime-list-module .theater .head .theater-features ul li:after {
    content: ","
}

.movie-main-watchit .theater .head .theater-features ul li.title:after,
.showtime-list-module .theater .head .theater-features ul li:last-of-type:after {
    content: ""
}

.showtime-list-module .prices {
    display: block;
    margin-bottom: 5px
}

.showtime-list-module .prices .ticket-price {
    float: left;
    font-size: 14px;
    margin-right: 10px
}

.showtime-list-module .prices .ticket-price span {
    font-weight: 400
}

.showtime-list-module .online-tickets {
    font-size: 14px;
    margin: 10px 0 0
}

.showtime-list-module .showtimes .bad-location {
    padding: 20px 0
}

.showtime-list-module .showtimes .movie-listing {
    border-bottom: 1px dotted #dadada;
    min-height: 150px;
    padding: 20px 0 20px 0;
    position: relative;
    width: 100%
}

.showtime-list-module .showtimes .movie-listing:last-child {
    border-bottom-style: solid
}

.showtime-list-module .sfc .showtimes .movie-listing {
    border-bottom: none;
    padding: 10px 0 20px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movietitle {
    margin-bottom: 7px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movietitle a {
    color: #333;
    font-size: 14px;
    font-weight: 700 !important
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .movierating-runtime {
    font-size: 14px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list {
    font-size: 0;
    margin-top: 20px
}

.showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display-wrap {
    margin: 4px 0
}

.movie-title-showtimes .fav-heart,
.watch-it-showtimes .fav-heart {
    display: block;
    left: -36px;
    position: absolute;
    text-indent: -99999px
}

.watch-it-showtimes .fav-heart {
    left: 0
}

.showtime-list-module .fav-heart,
.watch-it-showtimes .fav-heart {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-mf-main.png) no-repeat -136px -227px;
    height: 22px;
    position: absolute;
    width: 24px
}

.showtime-list-module .fav-heart.is-fav,
.watch-it-showtimes .fav-heart.is-fav {
    background-position: -160px -227px
}

.showtime-list-module .theater .head .theater-features {
    font-size: 14px
}

.showtime-list-module .theater .head .theater-features .title {
    font-size: 14px;
    width: auto
}

.showtime-list-module .theater .head .theater-features ul li {
    float: left;
    margin-right: 5px
}

.showtime-list-module .theater .head .theater-features ul li:after {
    content: ","
}

.showtime-list-module .theater .head .theater-features ul li.title:after,
.showtime-list-module .theater .head .theater-features ul li:last-of-type:after {
    content: ""
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movie-title-alt {
    margin-top: 20px;
    position: relative
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movie-title-alt:first-of-type {
    margin-top: 0
}

.showtime-list-module .showtimes .movie-listing .showtimes-list .movietitle {
    font-size: 18px;
    font-weight: 400;
    position: relative
}

#mf-theater-showtimes-list {
    border-bottom: 0
}

.default-location {
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

#theater-favorites-print {
    clear: both;
    font-size: 14px;
    font-weight: 600
}

#ui-datepicker-div {
    background: #333;
    border-radius: 2px;
    display: none;
    padding: 12px 20px 20px 20px;
    width: 250px;
    z-index: 2 !important
}

.movie-showtimes #ui-datepicker-div,
.showtimes-closest-page #ui-datepicker-div {
    right: 0 !important
}

#ui-datepicker-div .ui-datepicker-header {
    height: 28px;
    position: relative
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    top: -2px;
    width: 34px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-mf-main.png) no-repeat 0 0;
    display: block;
    height: 9px;
    position: absolute;
    text-indent: -99999px;
    top: 11px;
    width: 6px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-disabled,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
    display: none
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    left: -10px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
    background-position: -116px -259px;
    left: 14px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    right: -10px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
    background-position: -122px -259px;
    right: 14px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
    color: #fff;
    display: block;
    margin: 0 auto;
    padding-top: 3px;
    position: relative;
    text-align: center;
    width: 150px
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span {
    font-weight: 400
}

#ui-datepicker-div .ui-datepicker-calendar thead tr th span {
    color: #7f7f7f;
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 0 7px
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled a,
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
    color: #7f7f7f;
    cursor: default;
    font-weight: 400
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
    background: #333433
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
    background: #0cf
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a,
#ui-datepicker-div .ui-datepicker-calendar tbody tr td span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 0 3px 0;
    text-align: center
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
    color: #fff
}

.showtimes-theater-page #ui-datepicker-div {
    right: auto !important;
    left: 0 !important
}

#s2c-widget .button {
    font-family: Helvetica, Arial, sans-serif !important;
    border-radius: 3px !important;
    background: #0cf !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: 45%
}

#s2c-widget #s2close {
    color: #fff !important;
    background: #ff4f37 !important
}

#s2c-widget #s2elements #s2phone {
    font-size: 12px !important;
    width: 94% !important;
    box-shadow: none !important
}

#s2c-widget #s2elements #s2country {
    width: 94% !important
}

#s2c-widget #s2data a {
    color: red !important
}

#s2c-widget .overlay {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5
}

#s2c-widget {
    font-weight: 400
}

#showtimes-directions {
    border-bottom: 1px solid #dadada;
    padding: 0 0 20px;
    box-shadow: none
}

#nearby .module-title,
#showtimes-directions .module-title {
    color: #00c8ff;
    float: left;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    text-transform: lowercase
}

#nearby .module-title .title-grey,
#showtimes-directions .module-title .title-grey {
    color: #666;
    font-size: 28px;
    font-weight: 700;
    text-transform: lowercase;
    line-height: 34px
}

#nearby {
    box-shadow: none;
    padding: 0
}

.directions-map-display .map-left {
    background: #dee2e3;
    padding: 14px;
    width: 100%
}

.showtimes-favorite-page .showtime-list-module .showtimes .movie-listing:last-child {
    border: none
}

.showtimes-favorite-page h1 {
    margin-bottom: 10px
}

.showtime-list-module.mini .theater .head .title .theater-name {
    font-size: 18px;
    line-height: normal;
    display: inline;
    font-weight: 400
}

.showtimes-mini .change-loc-mini {
    display: block;
    font-size: 12px
}

.showtimes-mini .location-mini {
    font-size: 14px;
    padding-bottom: 10px
}

.showtimes-mini .location-mini h4 {
    display: block;
    margin: 10px 0
}

.showtimes-mini .see-all-mini {
    padding: 5px 0 0 0;
    font-size: 12px;
    display: block;
    clear: both;
    text-align: left
}

.showtimes-mini .see-all-mini:before {
    font-family: FontAwesome;
    content: "\f054";
    margin-right: 5px
}

.showtimes-mini .all-showtimes-mini {
    text-align: center
}

.showtimes-mini #popular-cities .city {
    width: auto;
    display: block;
    line-height: 26px;
    font-size: 13px;
    float: left;
    min-width: 48%;
    margin: 0 2% 0 0
}

.movie-module.showtimes-mini>.head {
    padding-bottom: 5px
}

.showtime-list-module.mini .favorite-add {
    background-position: 0 -11px;
    padding-left: 18px;
    background-size: 14px;
    line-height: 14px;
    font-size: 12px;
    display: block
}

.showtime-list-module.mini .theater-phone {
    display: block
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display a,
.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
    font-size: 11px;
    padding: 2px 10px
}

.showtime-list-module.mini .showtimes .movie-listing:last-child {
    border-bottom: none
}

.showtime-list-module.mini .theater,
.showtimes-mini h4 {
    margin: 4px 0 !important;
    border-top: 1px dotted #e6e6e6;
    padding: 10px 0 10px 3px;
    font-weight: 100
}

.showtime-list-module.mini .theater a,
.showtimes-mini h4 a {
    color: #005c8a;
    transition: .25s
}

.showtime-list-module.mini .theater a:hover,
.showtimes-mini h4 a:hover {
    color: #0cf
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .movietitle {
    margin-bottom: 5px
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .movietitle a {
    display: block;
    line-height: normal
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list {
    margin-top: 4px;
    left: 0
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .movierating-runtime {
    font-size: 12px
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .movierating-runtime strong {
    font-weight: 400
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list>span a {
    width: auto;
    font-weight: 400;
    color: #fff;
    margin: 2% 2% 0 0;
    min-width: 63px
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay.past-showtime {
    color: #aaa
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
    width: auto;
    font-weight: 400;
    color: #fff;
    margin: 2% 2% 0 0;
    min-width: 63px
}

.showtime-list-module.mini .showtimes .movie-listing .moviePoster {
    width: 24%
}

.showtime-list-module.mini .showtimes .movie-listing .movie-data-wrap {
    width: 73%
}

.showtime-list-module.mini .theater .head .address {
    font-size: 11px;
    line-height: 16px
}

.showtime-list-module.mini .text-this {
    display: block
}

.showtime-list-module.mini .list-theater-filters {
    font-size: 11px;
    line-height: 16px
}

.showtime-list-module.mini .theater .head {
    padding-bottom: 0;
    border-bottom: none
}

.showtime-list-module.mini .theater .head .title {
    margin-bottom: 0;
    padding: 5px 0
}

.showtime-list-module.mini .theater .favorite-remove {
    float: left
}

.showtime-list-module.mini .showtimes .movie-listing {
    padding: 10px 0;
    min-height: 90px;
    border-bottom: none
}

.movie-module.showtimes-mini h2 a {
    font-weight: 100;
    font-size: 22px;
    color: #000;
    transition: .25s
}

.movie-module.showtimes-mini h2 a:hover {
    color: #0cf
}

.movie-module.showtimes-mini {
    box-shadow: none;
    padding: 0
}

.modal-fav-login {
    text-align: center;
    width: 360px
}

.modal-fav-login {
    padding: 35px 40px
}

.modal-fav-login b {
    font-size: 17px;
    line-height: 1.41
}

.modal-fav-login p {
    font-size: 15px;
    line-height: 1.2;
    margin: 15px 0
}

.modal-fav-login .button {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #ff3400;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    display: block;
    max-width: 160px;
    margin: 0 auto 30px auto;
    text-transform: uppercase
}

.modal-fav-login span {
    font-size: 14px;
    font-weight: 700;
    display: block
}

.modal-fav-login.modal a.close-modal {
    top: 9.5px;
    right: 11.5px;
    background: 0 0;
    display: inline-block;
    text-indent: 0;
    color: #333
}

.modal-fav-login.modal a.close-modal:before {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 16px
}

.showtimes-text {
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 24px
}

.showtimes-location-data {
    margin: 20px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

.showtimes-theater-page .theater-time-module h1.time-loc-title {
    margin: 0 0 10px
}

.theater-chain {
    overflow: hidden;
    margin: 0 0 20px
}

.theater-chain-title {
    padding: 0 0 6px 40px;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 2px 6px
}

.theater-chain-description {
    line-height: 24px;
    font-size: 15px
}

.theater-chain .theater-chain-image {
    float: left;
    max-width: 32px
}

.theater-chain .theater-chain-image img {
    display: block;
    width: 100%;
    height: auto
}

.theater-chain .theater-chain-image.bow-tie-cinemas,
.theater-chain .theater-chain-image.reading-international-inc {
    max-width: 40px
}

.theater-chain .theater-chain-name {
    float: left;
    margin: 6px 10px
}

.citystate-wrap {
    overflow: hidden;
    margin: 0
}

.citystate-wrap h2 {
    margin: 20px 0;
    padding: 0 0 14px;
    border-bottom: solid 1px #efefef;
    display: block
}

.citystate-results {
    float: left;
    width: 50%;
    margin: 0 0 1%
}

.citystate-title {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px
}

.citystate-description {
    font-size: 12px;
    color: #bbb
}

.showtimes-citystate-display {
    padding: 0 10px 0 0
}

.showtimes-citystate-display span {
    color: #000
}

.showtimes-covid-announcement p {
    background: #eee;
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

.showtime-home-movies {
    margin: 60px 0 10px;
    font-size: 28px;
    line-height: 38px;
    border-bottom: solid 1px #e5e5e5;
    padding: 0 0 18px
}

.showtimes-movie-info {
    overflow: hidden;
    margin: 0 0 6px
}

.showtimes-movie-poster {
    float: left;
    width: 75px;
    margin: 0 12px 0 0;
    position: relative
}

.showtimes-movie-poster img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 6px
}

.showtimes-movie-data {
    float: left;
    width: calc(100% - 97px)
}

.showtimes-movie-data-title {
    margin: 3px 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight: 700
}

.showtimes-movie-data-runtime-rating {
    font-size: 12px;
    margin: 0 0 10px
}

.showtimes-movie-data-tagline {
    font-size: 13px;
    line-height: 20px;
    font-weight: 100;
    margin: 0 0 10px;
    font-style: italic;
    color: #505050;
    font-family: Georgia, serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.showtimes-movie-data-rating {
    color: #484848;
    font-size: 13px;
    border: solid 1px #8a8a8a;
    padding: 2px 5px 2px 5px;
    margin: 0 12px 0 0;
    border-radius: 2px;
    font-family: 'Times New Roman', serif;
    line-height: 22px
}

.showtimes-list .showtime-display {
    display: block;
    border-radius: 3px;
    float: left;
    margin: 5px 5px 5px 0;
    padding: 10px;
    line-height: 20px;
    width: calc(20% - 25px);
    text-align: center !important;
    background-color: #dc2309;
    color: #fff;
    font-size: 14px;
    transition: .25s;
    font-weight: 700
}

.showtimes-list .showtime-display.no-ticketing {
    background-color: #4e4e4e;
    color: #fff
}

.showtimes-list .showtime-display.past-showtime {
    background-color: #eaeaea;
    color: #3f3f3f
}

.showtimes-list a.showtime-display {
    color: #fff;
    text-decoration: none
}

.showtimes-list a.showtime-display:hover {
    background-color: #911d0e
}

.showtimes-theater .showtime-list-module .showtimes .movie-listing:first-child {
    padding: 10px 0 20px 0
}

.showtime-list-module .showtimes .movie-listing:last-child {
    border-bottom: 0
}

.showtimes-theater .theater .head {
    margin: 0 0 15px;
    padding: 0;
    background: 0 0;
    border-bottom: 0
}

.showtimes-dates-wrap {
    width: 100%;
    overflow: hidden
}

.showtimes-dates {
    width: max-content;
    position: relative
}

.showtimes-dates .showtimes-date {
    float: left;
    width: auto;
    text-align: center;
    background-color: #e6e6e6;
    padding: 10px 4px;
    margin: 0 2px 0 0;
    border-radius: 4px;
    cursor: pointer;
    transition: .25s;
    text-decoration: none
}

.showtimes-dates .showtimes-date:hover {
    background-color: #edfbff
}

.showtimes-dates .showtimes-date-text-day {
    display: block;
    margin: 0 0 10px;
    font-size: 12px;
    color: #444;
    text-transform: uppercase;
    font-weight: 700
}

.showtimes-dates .showtimes-date-text-month {
    font-weight: 700;
    display: block;
    color: #444;
    text-transform: uppercase
}

.showtimes-dates .showtimes-date.selected .showtimes-date-text-day {
    color: #37c5f2
}

.showtimes-dates .showtimes-date.selected .showtimes-date-text-month {
    color: #fff
}

.showtimes-dates .showtimes-date.selected {
    background-color: #444
}

.showtimes-date-btns {
    width: 80px;
    margin: 10px auto 0
}

.showtimes-date-btns .next-showtimes-date,
.showtimes-date-btns .prev-showtimes-date {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23525252' d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zM140 300h116v70.9c0 10.7 13 16.1 20.5 8.5l114.3-114.9c4.7-4.7 4.7-12.2 0-16.9l-114.3-115c-7.6-7.6-20.5-2.2-20.5 8.5V212H140c-6.6 0-12 5.4-12 12v64c0 6.6 5.4 12 12 12z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 0 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
    margin: 10px;
    margin: 10px 4px;
    border-radius: 100px;
    display: inline-block
}

.showtimes-date-btns .prev-showtimes-date {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23525252' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zm116-292H256v-70.9c0-10.7-13-16.1-20.5-8.5L121.2 247.5c-4.7 4.7-4.7 12.2 0 16.9l114.3 114.9c7.6 7.6 20.5 2.2 20.5-8.5V300h116c6.6 0 12-5.4 12-12v-64c0-6.6-5.4-12-12-12z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.mobile .showtimes-dates {
    padding: 0 20px 0 0
}

.mobile .showtimes-dates-wrap {
    overflow-y: hidden;
    overflow-x: initial;
    margin: 10px;
    padding: 0 0 20px 0
}

.mobile .showtimes-date {
    font-size: 12px;
    padding: 15px;
    margin: 0 5px 0 0
}

#movies-with-showtimes {
    margin: 40px 0 10px;
    clear: both;
    padding: 40px 0 0
}

.theaters-near {
    margin: 0 0 30px
}

.theaters-near .theater {
    margin: 0 0 20px;
    border-bottom: solid 1px #f3f3f3;
    padding: 0 0 20px
}

.theaters-near h2.module-title {
    margin: 50px 0 20px
}

.theaters-near .theater-title {
    margin: 0 0 8px;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    font-family: Georgia, Times, "Times New Roman", serif
}

.theaters-near .theater-address {
    color: #3a3a3a
}

.theaters-near .theater-phone {
    color: #3a3a3a
}

.theaters-near .list-filter,
.theaters-near .list-filter-title {
    color: #3a3a3a
}

.theaters-near .list-filter-title {
    font-weight: 700
}

.theaters-near .list-theater-filters {
    margin: 4px 0;
    font-size: 12px;
    line-height: 20px
}

.theaters-near .theater-movies {
    margin: 8px 0;
    font-size: 14px;
    line-height: 22px
}

.theaters-near .theater-movies-title {
    font-weight: 700
}

.theaters-near .see-all-theaters {
    display: inline-block;
    background-color: #005f75;
    padding: 10px 20px;
    border-radius: 4px;
    color: #fff;
    margin: 0 10px 0 0;
    text-decoration: none;
    transition: .25s
}

.theaters-near .see-all-theaters:hover {
    background-color: #4a89f3
}

#moviefone.showtimes #showtimes-location-form {
    background: #f7f7f7;
    padding: 30px;
    border-radius: 4px
}

.showtimes-movie-poster .carousel-trailer-playicon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #39c6f2;
    border: solid 2px #d9d9d9;
    padding: 17px 10px 17px 10px;
    background-size: 14px;
    background-color: rgba(255, 255, 255, .5);
    opacity: 1;
    background-position: 13px center;
    border-radius: 100px;
    width: 14px;
    background-repeat: no-repeat;
    transition: .25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.showtimes-movie-poster:hover .carousel-trailer-playicon {
    background-color: rgb(57 198 242 / 30%)
}

.showtimes-movie-poster.showtimes-with-trailer {
    background-color: #000;
    border-radius: 6px
}

.showtimes-movie-poster.showtimes-with-trailer img {
    opacity: .7
}

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

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span a,
    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
        width: 23%
    }
}

@media only screen and (max-width :890px) {
    .showtime-home-movies {
        margin: 60px 20px 10px
    }

    #date-display {
        float: none;
        width: 100%;
        margin: 20px 20px 0
    }

    #time-loc-form {
        width: 88%;
        float: none;
        overflow: hidden;
        margin: 20px
    }

    #time-loc-form .location-go {
        max-width: none
    }

    #time-loc-form #location {
        max-width: none
    }
}

@media only screen and (max-width :767px) {
    .showtimes-head-dates {
        margin: 0
    }

    .showtime-list-module .showtimes .movie-listing .moviePoster {
        float: left;
        width: 20%;
        margin: 0 3% 0 0
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap {
        float: left;
        width: 77%
    }

    #favorder-overlay #favorder-content {
        max-width: 90%
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span a,
    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
        width: 30%
    }

    .showtime-list-module .theater.sfc .head .sfc-btn {
        top: -10px
    }

    #theater-filters-wrap .theater-filter .text {
        width: calc(100% - 28px);
        float: left;
        font-size: 11px;
        font-weight: 100
    }

    #theater-filters-wrap .theater-filter {
        width: 47%
    }

    .result-range {
        font-weight: 300;
        float: none;
        text-align: left;
        display: block;
        margin: 5% 0 0
    }

    #popular-cities .city,
    #popular-places .city {
        width: calc(46% - 12px);
        margin: 10px 6px;
        padding: 6px 0;
        font-size: 14px;
        text-align: center;
        float: left
    }

    #popular-places .place-list .city {
        width: calc(100% - 12px);
        margin: 10px 6px;
        padding: 6px 0;
        font-size: 14px;
        text-align: center;
        float: none
    }

    #citystate-movies .citystate-movies-results {
        width: 47%;
        margin: 0 3% 0 0;
        min-height: 380px
    }

    .modal-fav-login {
        width: 300px
    }

    .blocker {
        padding: 0
    }

    #theater-filters-wrap {
        margin: 15px 0 15px
    }

    body.showtimes-theater-page .showtimes-head-dates {
        margin: 0
    }
}

@media only screen and (max-width :600px) {
    .showtimes-list .showtime-display {
        width: calc(33% - 25px)
    }
}

@media only screen and (min-width :668px) {
    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list {
        left: -6px;
        position: relative
    }
}

@media only screen and (min-width:376px) and (max-width:667px) {
    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .stDisplay {
        background-color: #dadada
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .stDisplay a {
        color: #8a8a8a !important
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display {
        background-color: #dc2309
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display a {
        color: #fff;
        font-weight: 400
    }
}

@media only screen and (max-width:480px) {
    .showtime-list-module .showtimes .button {
        margin-bottom: 5px;
        width: 100%
    }

    #favorder-overlay .favorder-list-item {
        width: 12%
    }

    #favorder-overlay .favorder-list-sort {
        width: 88%
    }

    #s2c-widget #x {
        right: 5px !important;
        top: 25px !important
    }
}

@media only screen and (max-width :375px) {
    .theater-time-module {
        padding: 10px
    }

    .showtimes-theater .theater .head {
        margin: 0 0 15px 15px
    }

    .theater-time-module .showtime-tools {
        font-weight: 400
    }

    .showtimes-closest-page .default-location {
        clear: both;
        float: left
    }

    .showtimes-closest-page .edit-location {
        display: block
    }

    .showtimes-closest-page .result-range {
        font-weight: 700;
        float: right;
        text-align: right
    }

    .showtime-list-module {
        padding: 10px
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span a,
    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list>span.stDisplay {
        width: 26%
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display {
        background-color: #dc2309
    }

    .showtime-list-module .showtimes .movie-listing .movie-data-wrap .showtimes-list .showtime-display a {
        color: #fff;
        font-weight: 400
    }

    #show-paginate {
        margin-bottom: 10px
    }

    .movie-showtimes-map {
        padding: 10px
    }

    .directions-map-display .head {
        padding: 10px 0 10px 0
    }
}

@media only screen and (max-width:320px) {
    .list-theaters .theater-list li {
        border: none;
        float: none;
        margin: 0 0 10px 0;
        padding: 0
    }
}

@media print {

    #content-wrapper .subnav,
    #content-wrapper .title.hero,
    #dates button.location-go,
    #footer,
    #header,
    #in-view,
    #leaderboard,
    #print-theater-page,
    #right,
    #show-paginate,
    #sticky-adsense-wrap,
    #theater-filters-wrap,
    .carousel-trailer-playicon,
    .favorite-add,
    .favorite-remove,
    .fs-sticky-footer,
    .header-links-wrap,
    .leaderboard_atf,
    .mf-adsense-leaderboard,
    .mf-incontent,
    .print-showtimes,
    .showtimes-covid-announcement,
    .showtimes-theater .showtimes-chain-name,
    .theaters-near,
    .trending-bar {
        display: none
    }

    .showtimes-head-dates .mf-select .mf-select-display {
        background-color: #fff;
        border-radius: 0;
        padding: 0;
        background-position: 0;
        background-size: 0;
        border: 0
    }

    .showtimes-head-dates .mf-select h2 {
        font-size: 15px;
        border-bottom: 0;
        padding: 0;
        margin: 0;
        overflow: hidden;
        background-image: none;
        border-right: 0;
        background-position: 0;
        background-color: #fff;
        line-height: 30px;
        letter-spacing: 0
    }

    body.in-view {
        padding-top: 0
    }

    .container {
        background-size: cover;
        margin: 2%;
        max-width: inherit;
        position: relative;
        width: 100%
    }

    #left {
        margin-right: 0;
        width: 95%;
        float: none
    }

    .theater-time-module #time-loc-form {
        margin-bottom: 0;
        padding: 0
    }

    .showtimes-list .showtime-display {
        float: left;
        margin: 10px 0;
        padding: 0;
        width: 100px;
        text-align: left !important
    }

    .showtimes-list .showtime-display.past-showtime {
        background-color: transparent;
        font-style: italic;
        text-decoration: line-through
    }

    .showtimes-list a.showtime-display {
        color: #dc2309;
        text-decoration: none;
        background-color: transparent
    }

    .showtimes-movie-poster {
        width: 60px
    }

    .showtimes-movie-poster img {
        width: 100%;
        height: auto
    }

    .showtimes-list .showtime-display {
        font-size: 18px
    }

    .showtimes-movie-poster {
        width: 38px
    }

    .showtime-list-module .showtimes .movie-listing {
        min-height: auto
    }
}

#show-paginate {
    border: none;
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
    background: #f7f5f5;
    padding: 2%
}

#show-paginate.movie-module {
    box-shadow: none
}

#show-paginate .pagination {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    font-weight: 200
}

#show-paginate .pagination-next,
#show-paginate .pagination-prev {
    float: left;
    width: 15%;
    text-align: center;
    padding: 6px 0;
    background: #e6e6e6;
    border: 1px solid #dcd9d9;
    border-radius: 2px;
    color: #666;
    transition: .25s
}

#show-paginate .pagination-next {
    float: right
}

#show-paginate .page-numbers {
    float: left;
    width: 60%;
    text-align: center;
    overflow: hidden
}

#show-paginate .page-numbers-inner {
    overflow: hidden;
    width: 70%;
    margin: 0 auto
}

#show-paginate .page-numbers .page-number {
    text-align: center;
    padding: 6px 4%;
    background: #e6e6e6;
    border: 1px solid #dcd9d9;
    border-radius: 2px;
    color: #666;
    transition: .25s;
    margin: 0 1%;
    float: left;
    width: 8%
}

#show-paginate .pagination-next.disabled,
#show-paginate .pagination-next.disabled:hover,
#show-paginate .pagination-prev.disabled,
#show-paginate .pagination-prev.disabled:hover {
    cursor: default;
    background: #e6e6e6;
    border: 1px solid #dcd9d9;
    color: #666;
    opacity: .5
}

#show-paginate .page-numbers .page-number.selected,
#show-paginate .page-numbers .page-number:hover,
#show-paginate .pagination-next:hover,
#show-paginate .pagination-prev:hover {
    border: 1px solid #bf2511;
    background-color: #ff4f38;
    color: #fff;
    text-decoration: none
}

#show-paginate .paginav {
    overflow: hidden;
    padding: 2%
}

#hubs-pagination a {
    margin-bottom: 30px
}

.no-divider {
    border-bottom: none !important;
    padding-bottom: 0 !important
}

#hubs-pagination {
    line-height: 20px;
    text-align: center;
    margin: 30px 0 0
}

#hubs-pagination a {
    margin: 0 5px 30px;
    width: 120px
}

#hubs-pagination .next-button,
#hubs-pagination .previous-button {
    background: url(https://cdn.moviefone.com/legacy/assets/sprite-pagination.png) 0 0 no-repeat;
    color: #fff;
    display: inline-block;
    height: 36px;
    margin-bottom: 0;
    padding-top: 14px;
    width: 107px
}

#hubs-pagination .previous-button {
    margin-right: 6px;
    padding-left: 10px
}

#hubs-pagination .previous-button.inactive {
    background-position: 0 -50px;
    pointer-events: none
}

#hubs-pagination .next-button {
    background-position: -117px 0;
    padding-right: 10px
}

#hubs-pagination .next-button.inactive {
    background-position: -117px -50px;
    pointer-events: none
}

#hubs-pagination .links-dvdmonth {
    border-top: 1px solid #dadada;
    display: block;
    text-align: center
}

#hubs-pagination .links-dvdmonth a {
    margin-top: 20px
}

#hubs-pagination a.next-button,
#hubs-pagination a.previous-button {
    margin-bottom: 30px
}

.paging-status {
    border-top: solid 1px #f0f0f0;
    padding: 15px 5px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 6px 0 0
}

#footer {
    background-color: #333;
    padding: 20px 40px 80px;
    color: #888
}

.footer-inner {
    max-width: 1300px;
    margin: 0 auto
}

#moviefone.mobile #footer {
    padding: 40px 20px 102px
}

#moviefone.mobile .footer-top-links {
    font-size: 12px
}

#footer .footer-logo {
    display: block;
    width: 200px;
}

#footer .footer-logo .mf-logo-image {
    display: block;
    width: 200px;
    height: 50px;
    margin: 6px 0 0
}

#footer .footer-social {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%
}

#footer .footer-social-heading {
    margin: 0 0 20px
}

.social-icon {
    display: inline-block;
    width: 60px;
    height: 30px;
    margin: 5px;
    color: #8f8f8f;
    transition: .25s;
    background-size: 22px;
    background-position: center 15px;
    background-repeat: no-repeat;
    padding: 45px 5px 0;
    text-align: center;
    font-size: 11px;
    background-color: #303030;
    border-radius: 5px
}

.social-icon:hover {
    text-decoration: none
}

.social-rss {
    background-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ee802f' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM112 416c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm157.533 0h-34.335c-6.011 0-11.051-4.636-11.442-10.634-5.214-80.05-69.243-143.92-149.123-149.123-5.997-.39-10.633-5.431-10.633-11.441v-34.335c0-6.535 5.468-11.777 11.994-11.425 110.546 5.974 198.997 94.536 204.964 204.964.352 6.526-4.89 11.994-11.425 11.994zm103.027 0h-34.334c-6.161 0-11.175-4.882-11.427-11.038-5.598-136.535-115.204-246.161-251.76-251.76C68.882 152.949 64 147.935 64 141.774V107.44c0-6.454 5.338-11.664 11.787-11.432 167.83 6.025 302.21 141.191 308.205 308.205.232 6.449-4.978 11.787-11.432 11.787z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-youtube {
    background-size: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23FF0000' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-linkedin {
    background-size: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%230b66c2' d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-pinterest {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23c8232c' d='M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23833AB4' d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23000000' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.footer-social .social-twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%23FFFFFF' d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'><path fill='%234267B2' d='M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z'/%3E%3Cpath /%3E%3C/svg%3E")
}

.social-tiktok {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23FFFFFF' d='M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z'/%3E%3Cpath /%3E%3C/svg%3E");
    background-size: 16px !important
}

.footer-social .social-icon {
    display: inline-block;
    width: 6px;
    height: 25px;
    margin: 0px;
    background-color: transparent;
    color: #fff;
    transition: .25s;
    background-size: 20px;
    background-position: center 10px;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    text-indent: -9000px
}

.footer-social .social-youtube {
    background-size: 26px;
    height: 26px
}

.footer-social .social-rss {
    background-size: 18px
}

#footer .footer-copy {
    font-size: 13px;
    margin: 0;
    color: #d9d9d9;
    text-align: right
}

#footer .footer-section-center .footer-copy {
    text-align: center
}

.tmdb-copy {
    width: 90%;
    max-width: 340px;
    margin: 20px auto 20px;
    display: block
}

.tmdb-copy svg {
    width: 30%;
    display: block;
    text-align: center;
    margin: 0 auto 10px
}

.tmdb-copy span {
    font-size: 9px;
    display: block;
    color: #3cbdc9;
    text-align: center;
    line-height: 18px
}

.footer-section {
    padding: 10px 0 10px;
    border-bottom: solid 1px #3c3c3c;
    margin: 40px 0;
    overflow: hidden;
    width: 100%
}

.footer-section.no-border {
    border-bottom: 0
}

.footer-section-left {
    float: left;
    width: 350px;
    margin: 0 50px 0 0
}

.footer-section-right {
    float: left;
    width: calc(100% - 400px);
    overflow: hidden
}

.footer-section-center {
    text-align: center
}

.footer-top-links {
    font-size: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.footer-top-links .footer-link {
    color: #fff;
    margin: 0 0px 0 0;
    line-height: 36px;
    padding: 0
}

.footer-center-links {
    float: left;
    width: 180px;
    margin: 0 50px 0 0
}

.footer-center-links .footer-link {
    display: block;
    color: #c7c7c7;
    line-height: 18px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 0
}

.mobile .footer-center-links .footer-link {
    line-height: 30px
}

.footer-center-links .footer-link-title {
    font-weight: 700;
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 8px 0
}

.footer-section-right-copy .footer-link {
    padding: 0 10px 0 0;
    font-size: 11px;
    color: #d9d9d9
}

.footer-link {
    transition: .25s
}

.footer-center-links .footer-link-title.footer-link:hover,
.footer-link:hover {
    text-decoration: none;
    color: #39c6f2
}

.footer-newsletter .module-title {
    border-bottom: 0;
    color: #eee;
    margin: 0
}

.mobile .mf-carousel .carousel-items-wrap {
    margin: 0 20px 0 0
}

.mobile .mf-carousel .carousel-item {
    width: 125px
}

.mobile .news-list .news-list-item .item-box-info {
    min-height: auto
}

@media screen and (max-width:1415px) {
    .header-drop-column-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width:1400px) {
    .footer-section-right {
        float: none;
        width: 100%;
        overflow: hidden;
    }

    #footer .footer-copy {
        text-align: center
    }
}

@media screen and (max-width:1340px) {
    #hero .movie-info-ad {
        margin: 15px 0 0
    }
}

@media screen and (max-width:1240px) {
    #home-highlights {
        width: 96%;
        margin: 10px auto
    }
}

@media screen and (max-width:1100px) {
    #mih-promo .mih-promo-text {
        padding: 6px 12px
    }

    .legal-page {
        width: 90%;
        margin: 40px 5%
    }

    #hero .movie-info-content-right {
        width: 300px;
        float: none;
        margin: 30px 0 0;
        display: block
    }

    #hero .movie-info-content-left {
        float: none;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width:1110px) {
    .header-main-nav li:nth-child(6) {
        display: none
    }
}

@media screen and (max-width:1024px) {
    #hero .watch-online-link {
        padding: 10px 10px 10px 62px;
        background-size: 42px;
        margin: 15px auto
    }

    #made-in-hollywood .item-box .item-box-title {
        line-height: 24px;
        font-size: 18px
    }
}

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

    .movie-cast,
    .movie-crew {
        width: 100%;
        float: none
    }

    .footer-center-links {
        margin: 0 20px 0 0
    }

    #movie-trailer-play-wrap {
        width: 100%
    }

    #movie-trailer-play-wrap #trailer-player {
        float: none;
        width: 100%;
        padding-bottom: 57%
    }

    #movie-trailer-play-wrap .trailer-right-ad {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0
    }

    #moviefone.mobile #movie-trailer-play-wrap .trailer-right-ad .mf-adsense-rightrail {
        height: 320px
    }

    .keyword-item {
        float: none;
        width: calc(100% - 20px);
        margin: 2px 10px 15px 10px
    }

    .item-box-side .item-box-side-infowrap {
        width: calc(100% - 80px);
        justify-content: left;
        margin: 0 0 0 20px
    }
}

@media screen and (max-width:940px) {
    .homepage .buy-tickets-text {
        border-radius: 0
    }

    .home-feature {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 20px
    }

    .news-carousel {
        float: none;
        width: 100%
    }

    .news-carousel .news-carousel-link-info .news-carousel-link-title {
        font-size: 16px;
        line-height: 21px;
        margin: 0 40px
    }

    .news-carousel .news-carousel-arrow {
        width: 17px;
        height: 17px;
        bottom: 49px;
        right: 0;
        border-radius: 0;
        border: solid 2px #032c36
    }

    .news-carousel .news-carousel-image {
        display: block;
        position: relative;
        top: unset;
        left: unset;
        width: 100%;
        height: 201px;
        object-fit: cover
    }

    .news-carousel .carousel-item.news-item {
        height: 250px;
        padding-top: initial
    }

    #news-carousel-prev.news-carousel-arrow {
        left: 0;
        right: auto
    }

    .news-carousel .news-carousel-link-info {
        background: #222;
        border-bottom: solid 1px #222;
        position: relative;
        bottom: unset;
        left: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 18px;
        text-align: center;
        text-decoration: none
    }

    .news-carousel .news-carousel-link,
    .news-carousel .news-carousel-link:hover {
        text-decoration: none
    }

    .news-carousel .news-carousel-link-info .news-carousel-link-title {
        margin: 0
    }

    .homepage .buy-tickets-text .module-title-link {
        font-weight: 700;
        background-size: 15px;
        padding: 0 30px 0 0
    }

    #mih-promo {
        float: none;
        width: 100%;
        max-height: inherit;
        height: auto
    }

    #mih-promo .mih-promo-image {
        object-fit: cover
    }

    #mih-promo .mih-head-wrap img {
        width: 100%;
        max-width: 400px;
        padding: 0
    }

    #mih-promo #mih-promo-content {
        padding-top: 64%
    }

    .header-main-nav li:nth-child(5) {
        display: none
    }

    .header-drop-column-link {
        width: calc(33% - 22px);
        margin: 2px 5px 2px
    }

    .header-drop-column-withimage {
        max-width: inherit;
        width: auto;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .header-drop-column-withimage-inner {
        width: 1320px
    }

    .header-drop-column-link-image {
        height: auto;
        width: 120px
    }
}

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

    .item-box-side .item-box-side-subtitle,
    .item-box-side .item-box-side-title {
        text-align: left
    }

    .movie-streams .movie-stream-link {
        padding: 0
    }

    .theater-chain-description {
        margin: 0 20px
    }

    .mf-select-justwatch {
        margin: 0 0 0 20px
    }

    #showtimes-location-form .location-form-detail {
        float: none;
        margin: 0 20px 14px;
        display: block
    }

    #showtimes-location-form form {
        margin: 0 20px 20px
    }

    .theaters-near {
        margin: 0 20px
    }

    .theaters-near h2.module-title {
        margin: 30px 0 20px
    }

    .theaters-near .theater-title {
        margin: 0 0 10px;
        font-size: 18px
    }

    .showtimes-text {
        margin: 0 20px 30px
    }

    #moviefone.showtimes .see-more-cities {
        margin: 20px 20px 0
    }

    #popular-places .cities {
        margin: 0 20px
    }

    .showtime-list-module .theater .head .theater-address {
        background-position: 0 3px
    }

    .contact-page p {
        margin: 20px;
        line-height: 30px
    }

    .contact-page .contact-email {
        display: block;
        font-size: 20px
    }

    .footer-center-links {
        float: left;
        width: 47%;
        margin: 1%
    }

    .news-tag-title {
        margin: 20px 20px 0
    }

    .feeds .feeds-desc {
        margin: 15px
    }

    .feeds .feed {
        margin: 10px 15px
    }

    .mf-movie-reviews .mf-movie-review {
        border-radius: 0;
        padding: 0
    }

    .mf-movie-reviews .mf-movie-reviews-title {
        font-size: 16px;
        line-height: 24px
    }

    .mf-movie-reviews .mf-movie-reviews-review p {
        font-size: 15px;
        line-height: 22px;
        margin: 8px 0 2px
    }

    .mf-movie-reviews .mf-movie-reviews-image {
        margin: 0 14px 0 0
    }

    .mf-movie-reviews .mf-movie-review-wrap {
        margin: 0 0 30px
    }

    #permalink .mf-share-buttons {
        max-width: 370px
    }

    .mf-share-buttons .share-button {
        width: 49px
    }

    #permalink .article-title {
        margin: 15px;
        font-size: 26px;
        line-height: 38px
    }

    .celeb-bio {
        margin: 0 18px 30px
    }

    #celeb-links {
        padding: 0
    }

    .showtime-tools {
        margin: 0 20px
    }

    #made-in-hollywood .item-box .item-box-title {
        line-height: 22px;
        font-size: 14px
    }

    #left {
        float: none;
        margin: 0 0 10px 0;
        width: 100%
    }

    #right {
        float: none;
        width: 100%;
        position: static
    }

    .google-ad.bigbox_atf {
        margin: 40px auto
    }

    #content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        max-width: 100%
    }

    .movie-carousel {
        padding: 0;
        border-bottom: 0;
    }

    .movie-carousel .carousel-nav {
        display: none
    }

    .movie-carousel .carousel-items {
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .movie-carousel .carousel-items::-webkit-scrollbar {
        display: none
    }

    .movie-carousel .carousel-movie-title {
        font-size: 16px;
        margin: 10px 8px;
        line-height: 24px
    }

    .module-title {
        margin: 15px;
        font-size: 22px;
        line-height: 30px
    }

    .rr-nav .module-title {
        margin: 0
    }

    .rr-nav {
        margin: 0 0 40px 20px
    }

    .mf-carousel .module-title {
        margin: 14px 15px 12px;
        font-size: 20px;
        line-height: 30px;
    }

    h1.module-title {
        margin: 10px 16px 16px;
        font-size: 23px;
        line-height: 36px
    }

    #moviefone.search h1.module-title {
        margin: 14px 16px 0
    }

    .showtimes-mini-content {
        margin: 0 15px
    }

    .news-list .news-list-item,
    .news-list .news-list-item:nth-child(2n) {
        width: 100%;
        margin: 0 0 0px
    }

    .post .post-content {
        margin: 12px 16px
    }

    .post .post-content iframe {
        min-height: 260px
    }

    .post .meta {
        margin: 16px
    }

    .post .tags {
        margin: 20px 16px 10px
    }

    .post .share-this {
        margin: 10px 12px 20px
    }

    .rr-module .rr-module-link {
        margin: 14px 20px
    }

    .mf-gallery p.mf-gallery-desc {
        margin: 15px 15px 20px
    }

    .mf-gallery .mf-gallery-title {
        margin: 15px;
        font-size: 18px;
        line-height: 28px
    }

    .breadcrumb ol {
        padding: 4px 20px
    }

    .video-breadcrumb .breadcrumb ol {
        padding: 0 0 4px
    }

    #zergnet-widget-85092.zergnet-rr-module {
        margin: 0 20px 20px
    }

    #hub-list .hub-movie {
        box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1);
        float: left;
        border-radius: 4px;
        transition: .25s;
        width: calc(25% - 20px);
        margin: 10px
    }

    #hub-list .hub-movie:nth-child(2n+1) {
        clear: inherit
    }

    #hub-list .hub-movie:nth-child(4n) {
        margin: 10px
    }

    .post .post-content .wp-caption {
        width: 100% !important
    }

    .post .post-content img {
        width: 100% !important;
        height: auto !important
    }

    #error-page .error-img {
        width: 100%;
        float: none;
        margin: 0 0 4%
    }

    #error-page .errors {
        width: 100%;
        float: none
    }

    .about-us p {
        margin: 20px
    }

    #hero .movie-info-wrap {
        width: calc(100% - 140px)
    }

    #hero .hero-stream-text {
        margin: 0
    }

    #hero .hero-stream-image {
        margin: 0 10px 0 0
    }

    #hero .hero-wrap {
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 10px 20px 0;
        max-width: inherit;
        overflow: hidden
    }

    .movie-news-module .movie-news-item {
        float: left;
        width: calc(33.333333% - 20px);
        margin: 10px
    }

    .movie-news-module .movie-news-item:nth-child(3n) {
        margin: 10px
    }

    .movie-news-module .movie-news-item:nth-child(3n+1) {
        clear: none
    }

    .item-box {
        width: calc(50% - 20px);
        margin: 10px
    }

    .movie-featured-cast .movie-cast-item:last-child {
        margin: 10px
    }

    #movie-recommendations .item-box:nth-child(4n) {
        margin: 10px
    }

    #movie-recommendations .item-box:nth-child(5n) {
        clear: none
    }

    #movie-recommendations .item-box:nth-child(2n+1) {
        clear: both
    }

    #right .news-list .news-list-item {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .keywords-list-wrap .keyword-item {
        float: left;
        width: 48%;
        margin: 1%
    }

    #search-items .search-title {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 10px 10px 0
    }

    #search-items .search-item {
        overflow: hidden;
        margin: 10px;
        border: solid 1px #ececec;
        padding: 0;
        border-radius: 0
    }

    #search-items .search-image img {
        border-radius: 0
    }

    .no-result-text {
        margin: 20px
    }

    .search-bucket h2 {
        border-radius: 0;
        padding: 14px
    }

    #moviefone-sitemap {
        margin: 20px
    }

    #moviefone-sitemap .sitemap-links {
        margin: 0 0 20px
    }

    #moviefone-sitemap .sitemap-links li {
        float: none;
        width: 100%;
        margin: 10px
    }

    .showtime-list-module .theater {
        margin: 0 0 20px
    }

    .showtime-list-module .theater .head {
        border-radius: 0
    }

    .showtime-list-module .theater .head .theater-phone {
        display: block;
        margin: 6px 0 4px;
        background-position: 0 3px
    }

    .showtimes-theater h1.module-title {
        margin: 6px 15px;
        font-size: 22px;
        line-height: 30px
    }

    .showtimes-theater .showtimes-chain-name {
        margin: 0 0 0 14px
    }

    .showtimes-theater .list-theater-filters {
        margin: 10px 20px 0
    }

    .showtimes-theater .theaters-near .list-theater-filters {
        margin: 10px 0 0
    }

    .showtime-list-module .theater .showtimes {
        border-radius: 0;
        width: 90%;
        margin: 0 5%;
        padding: 0;
        background-color: #fff
    }

    .showtime-list-module .theater .head .print-showtime,
    .showtime-list-module .theater .head .theater-address,
    .showtime-list-module .theater .head .theater-phone {
        display: block;
        margin: 10px 0 0
    }

    .showtimes-theater .address-keys {
        margin: 0 0 0 20px
    }

    .showtimes-theater .theaters-near .address-keys {
        margin: 0 0 0 5px
    }

    .showtime-list-module .theater .head .print-showtime {
        margin: 10px 0 0
    }

    #hub-filters {
        margin: 0 15px
    }

    #filter-assets #hub-filters {
        margin: 0
    }

    #hub-filters.charts-filters {
        margin: 20px 10px 0
    }

    .filter-select {
        float: none;
        width: 100%;
        margin: 0 0 10px
    }

    .clear-filters {
        margin: 20px 0 0;
        width: 100%;
        float: none
    }

    .show-filter {
        float: none;
        width: 100%
    }

    .hub-desc {
        margin: 0 20px 10px;
        line-height: 24px;
        font-size: 14px;
        display: block
    }

    #video-info {
        margin: 30px 20px
    }

    .where-to-watch-text {
        margin: 20px
    }

    .movie-credits-item {
        float: none;
        width: 92%;
        margin: 4%;
        overflow: hidden
    }

    .movie-recommendations-item {
        float: none;
        width: 94%;
        margin: 3%;
        overflow: hidden
    }

    #movie-gallery-fullscreen .control {
        width: 40px;
        height: 40px
    }

    #movie-gallery .item-box {
        margin: 0;
        border-bottom: solid 1px #333;
        border-radius: 0
    }

    #movie-gallery .item-box .item-box-img {
        border-radius: 0;
        padding-top: 52.6666667%;
        opacity: 1
    }

    #made-in-hollywood .more-mih-news-title span,
    #mih-videos h2 a {
        margin: 0 0 10px
    }

    #mf-movie-review {
        margin: 20px 20px 40px
    }

    .movie-videos-list {
        margin: 0
    }
}

@media screen and (max-width:870px) {
    #header-drop {
        display: none
    }

    .header-main-nav ul {
        display: none
    }
}

@media screen and (max-width:860px) {
    .header-main-nav li:nth-child(4) {
        display: none
    }
}

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

    .movie-details,
    .tvshow-details {
        padding: 0 20px
    }

    #header .mf-logo-link {
        margin: 0 0 15px 10px
    }

    .aa-DetachedSearchButtonPlaceholder {
        display: none
    }

    .search-filters {
        margin: 10px 0 0
    }

    .search-module-title {
        margin: 10px 20px 16px
    }

    .search-content {
        width: calc(100% - 40px);
        float: left;
        margin: 0 20px
    }

    .ais-Hits-item,
    .ais-InfiniteHits-item {
        padding: 0 0 10px
    }

    .search-result .search-info {
        margin: 2px
    }

    .search-links {
        margin: 2px 0 0
    }

    .ais-Pagination-item .ais-Pagination-link {
        padding: 10px
    }

    .search-result h2 {
        font-size: 16px;
        line-height: 20px
    }

    #hub-list .hub-movie:nth-child(2n+1) {
        clear: inherit
    }

    #video-info h1 {
        margin: 0 0 12px;
        font-size: 26px;
        line-height: 38px
    }

    .movie-trailer .post .post-content p {
        margin: 20px
    }

    .top-header-promo {
        height: 40px
    }

    .showtimes-location-data {
        margin: 20px
    }

    .article-author {
        margin: 30px 20px 0
    }

    #author-page.article-author {
        margin: 20px
    }

    .breadcrumb li {
        display: inline-block;
        float: none
    }

    .breadcrumb ol {
        padding: 10px 20px 11px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumb li a,
    .breadcrumb li span {
        font-size: 14px;
        padding: 0 10px 0 0
    }

    #hub-list .no-results {
        margin: 10px 20px
    }

    #rr-streaming-now .rr-streaming-now-movie-title {
        font-size: 16px;
        margin: 0
    }

    #rr-streaming-now .rr-streaming-now-movie-info .movie-info-plot {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        margin: 4px 0 0
    }

    #rr-streaming-now .rr-streaming-now-movie-review-link {
        font-size: 13px;
        line-height: 26px;
        font-weight: 500;
        color: #000
    }

    .award-desc {
        margin: 0 20px 40px
    }

    #made-in-hollywood .item-box .item-box-title {
        line-height: 16px;
        font-size: 12px
    }

    .watch-release-dates .watch-release-date {
        margin: 20px 20px 10px
    }

    #what-to-watch .wtw-movie-links a {
        display: block;
        margin: 0 0 10px
    }

    #what-to-watch .wtw-headline {
        margin: 30px 0 0;
        border-radius: 0
    }

    #what-to-watch .wtw-nav {
        width: 316px
    }

    #what-to-watch .what-to-watch-desc {
        margin: 20px;
        font-size: 14px;
        line-height: 24px
    }

    #what-to-watch .what-to-watch-title {
        font-size: 24px;
        line-height: 40px
    }

    #what-to-watch .wtw-movies {
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        width: 100%
    }

    #what-to-watch .wtw-movies-list {
        position: relative;
        min-width: 1550px
    }

    #what-to-watch .wtw-movie {
        width: 140px;
        margin: 10px;
        cursor: pointer;
        float: left;
        overflow: hidden;
        position: relative;
        margin: 10px 0 10px 10px
    }

    #what-to-watch .wtw-movie-img {
        height: auto
    }

    #what-to-watch .wtw-movie:nth-child(6) {
        clear: none
    }

    #what-to-watch .wtw-movie:nth-child(9) {
        margin: 10px
    }

    #what-to-watch .wtw-news-item {
        float: none;
        width: 92%;
        margin: 4%
    }

    #what-to-watch .wtw-nav-item {
        padding: 10px 9px
    }

    .news-article .mih-banner {
        border-radius: 0
    }
}

body img {
    object-fit: cover;
}

.yc2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yc3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width:601px) {
    .gsz {
        padding-top: 4px !important;
        margin-bottom: -4px !important;
    }
}

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

    #hub-filters .hub-filter-dropdowns,
    #hub-filters .hub-filter-streams {
        max-width: inherit;
        width: auto;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #hub-filters .hub-filter-dropdowns-inner,
    #hub-filters .hub-filter-streams-inner {
        width: max-content
    }

    #hub-filters .hub-filter-dropdowns-inner .mf-select,
    #hub-filters .hub-filter-streams-inner .mf-select {
        margin: 0 10px 10px 0
    }

    .moviefone-widgets .widget-intro,
    .moviefone-widgets section {
        margin: 20px;
        font-size: 14px
    }

    .highlight-asset-image {
        height: 400px
    }

    #moviefone.mobile .jw-flag-floating .jw-wrapper {
        max-height: max-content;
        bottom: 170px;
        right: 0;
        max-width: initial !important;
        width: 80% !important
    }

    #moviefone.mobile .jw-flag-floating .jw-float-bar-icon .jw-svg-icon {
        height: 20px;
        width: 20px
    }

    #moviefone.mobile .jw-float-bar {
        background: #333
    }

    #moviefone.mobile .jw-flag-floating.jw-floating-dismissible .jw-float-bar {
        left: 0;
        right: 0;
        bottom: auto;
        padding: 20px 10px;
        top: -30px;
        height: 50px;
        border-radius: 0;
        background: #1d1d1d
    }

    #moviefone.mobile .jw-flag-floating .jw-float-bar-icon {
        height: 40px;
        width: 60px;
        border-radius: 0
    }

    .mf-rating-score .percent {
        width: 40px;
        height: 40px
    }

    .mf-rating-score svg {
        width: 40px;
        height: 40px
    }

    .mf-rating-score .number {
        padding: 5px;
        font-size: 12px
    }

    .movie-info-score-attr {
        margin: 6px 8px 0 0
    }

    .charts-list-asset {
        width: 100%;
        border: 0;
        border-radius: 0;
        height: auto;
        flex-wrap: wrap;
        padding: 0
    }

    .charts-list-title {
        width: 100%;
        margin-top: 0;
        padding: 0 0 15px 5px
    }

    .charts-list-icons img {
        width: 33px;
        height: 33px;
        border-radius: 4px;
        margin: 2px
    }

    .charts-list-countries {
        border-radius: 0
    }

    .charts-list-countries #select-justwatch {
        margin: 5px 0 0;
        padding: 6px
    }

    .charts-list-countries .powered-by-justwatch {
        padding: 10px 20px 15px
    }

    .charts-list-rank {
        float: none;
        height: auto;
        display: block;
        width: calc(100% - 32px);
        text-align: left;
        padding: 10px 17px;
        border-radius: 0;
        font-size: 18px
    }

    .charts-list-poster-wrap {
        margin: 10px 12px 0;
        width: 70px;
        height: auto
    }

    .charts-list-poster {
        box-shadow: none;
        border-radius: 8px
    }

    .charts-list-info {
        float: left;
        margin: 15px 0 0 5px;
        width: calc(100% - 120px)
    }

    .powered-by-justwatch {
        margin: 0 0 6px;
        border-radius: 0
    }

    .charts-list-icons {
        flex-wrap: wrap;
        margin: 0;
        float: none;
        width: calc(100% - 20px);
        clear: both;
        padding: 8px 10px 8px
    }

    .charts-list {
        width: calc(100% - 40px);
        margin: 20px
    }

    #trailer-popup-ad {
        width: 330px
    }

    .highlight-asset-description {
        font-size: 16px;
        line-height: 28px;
        margin: 20px
    }

    .asset-highlight-entity {
        border-radius: 0
    }

    .hero-highlights-content {
        clear: both;
        display: block
    }

    .hero-highlights-content .hero-highlights-item {
        margin: 3px;
        width: calc(16.6666667% - 6px);
        height: 80px;
        max-height: 80px
    }

    .hero-highlights-title {
        float: none;
        display: block;
        margin: 5px 10px 8px 2px;
        padding: 5px 0 5px 15px
    }

    .highlights-action-buttons {
        margin: 10px 0 60px 20px
    }

    #header-highlights .hero-highlights {
        max-width: inherit;
        width: auto;
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin: 0 5px 0
    }

    #header-highlights .hero-highlights-content {
        width: max-content
    }

    #header-highlights .hero-highlights-content .hero-highlights-item {
        width: 55px;
        height: 55px;
        margin: 0 3px 4px
    }

    #fullscreenModal {
        position: relative;
        height: 100vh;
        width: 100%
    }

    #fullscreenModal .modal-content {
        position: relative;
        height: 100%;
        width: 100%
    }

    #fullscreenModal .modal-left {
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100% - 195px);
        width: 100%;
        z-index: 1;
        background-color: #000;
        display: block;
        overflow: visible
    }

    #fullscreenModal .modal-right {
        width: 100%;
        align-self: flex-end;
        height: 165px;
        background-color: rgb(34 34 34 / 20%);
        padding: 15px 20px 0;
        position: absolute;
        z-index: 99999999;
        bottom: 30px;
        border-top: 0
    }

    #fullscreenModal #modalTitle {
        margin: 0;
        padding: 3px 0;
        color: #fff;
        min-height: auto;
        border-bottom: 0;
        font-size: 12px;
        line-height: 18px;
        height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #fullscreenModal .modalAssetTitleText {
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    #fullscreenModal .modalAssetTitleHighlightsText {
        color: #fff;
        font-weight: 700;
        letter-spacing: -1px
    }

    #fullscreenModal .modalAssetPoster {
        width: 40px;
        height: 65px;
        border-radius: 4px
    }

    #fullscreenModal .modalAssetTitle {
        width: calc(100% - 55px)
    }

    #fullscreenModal #adContainer {
        width: 300px;
        height: 60px;
        margin: 4px 0;
        overflow: hidden;
        text-align: right;
        float: right
    }

    #fullscreenModal #adContainer #highlights-ad {
        height: 60px;
        margin: 0 5px 0 0
    }

    #fullscreenModal .modalAssetInfo {
        border-bottom: 0;
        padding: 0 0 3px;
        margin: 0 0 3px
    }

    #fullscreenModal .modal-left img,
    #fullscreenModal .modal-left video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: top center;
        opacity: 1
    }

    #fullscreenModal .modal-left video {
        object-fit: contain
    }

    #fullscreenModal .jw-controlbar {
        bottom: auto;
        top: 20px
    }

    #fullscreenModal .close-btn {
        top: -58px;
        left: 12px;
        padding: 2px 2px 0;
        font-size: 10px;
        opacity: 1
    }

    #fullscreenModal .close-btn svg {
        width: 18px
    }

    #fullscreenModal .cancel-slideshow-btn {
        top: -58px;
        left: 44px;
        padding: 2px 2px 0;
        font-size: 10px;
        opacity: 1
    }

    #fullscreenModal .cancel-slideshow-btn svg {
        width: 18px
    }

    #fullscreenModal .nav-btn {
        width: 40px;
        background-size: 35px;
        opacity: .8;
        top: auto;
        bottom: 40%;
        z-index: 9999999
    }

    #fullscreenModal .action-buttons {
        margin: 0 15px 0 0;
        display: block;
        overflow: hidden
    }

    #fullscreenModal .action-btn {
        padding: 0;
        color: #fff;
        border: none;
        font-weight: 100;
        cursor: pointer;
        width: 30px;
        height: 26px;
        margin: 5px 20px 0 0;
        float: left;
        display: block;
        overflow: hidden
    }

    #fullscreenModal #pageShareLink svg {
        width: 20px
    }

    #fullscreenModal #downloadBtn svg {
        width: 20px
    }

    #fullscreenModal #permalinkBtn svg {
        width: 20px
    }

    .swipe-indicator {
        width: 90px;
        height: 90px;
        z-index: 99999;
        margin: 0 auto;
        position: absolute;
        left: 0;
        right: 0
    }

    #fullscreenModal .modal-content {
        transition: transform .3s ease, opacity .3s ease;
        will-change: transform
    }

    .modal-slide-out {
        transform: translateY(100%);
        opacity: 0
    }

    .modal-slide-in {
        transform: translateY(-100%);
        opacity: 0
    }

    .modal-slide-in-active {
        transform: translateY(0);
        opacity: 1;
        transition: transform .3s ease, opacity .3s ease
    }

    .mf-app-promo {
        width: 100%;
        height: auto;
        border-radius: 0
    }

    .mf-search-quick-item:last-child .mf-search-quick-link {
        padding: 12px 10px
    }

    #smart-search.open {
        height: 512px
    }

    #header .header-rightlinks {
        margin: 2px 4px 0 0;
        width: 172px
    }

    .hub-stream-link span {
        width: calc(100% - 50px);
        margin: 10px 0 6px 8px;
        font-size: 10px;
        line-height: 13px
    }

    .filter-desc-text {
        padding: 0 0 8px 10px
    }

    .mf-carousel .carousel-image {
        min-height: 200px;
        height: 200px;
    }

    #carousel-movie-and-tv-show-highlights.mf-carousel .carousel-image {
        min-height: 260px
    }

    .season-description {
        margin: 0 20px 40px
    }

    .season-episode {
        border-radius: 0;
        border: 0;
        padding: 0
    }

    .season-episode-image-wrap {
        float: none;
        width: 100%;
        height: 200px
    }

    .season-episode-image {
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        background-size: cover
    }

    .season-episode-info {
        float: left;
        width: calc(100% - 30px);
        margin: 10px 15px 30px
    }

    p.module-desc {
        margin: 20px
    }

    .page-banner {
        border-radius: 0
    }

    #hero .movie-info-collection {
        overflow: hidden;
        margin: 10px 0 10px;
        border-top: solid 1px #333;
        padding: 10px 0 0;
        border-left: 0;
        display: block;
        font-size: 13px
    }

    .movie-info-collection img {
        opacity: 1;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        position: relative;
        width: 45px;
        height: 60px;
        top: auto;
        border-radius: 4px;
        border-top: 0
    }

    .movie-info-collection span {
        float: left;
        width: calc(100% - 70px);
        line-height: 18px;
        padding: 10px 0 0 10px
    }

    #paginate-btn {
        border-radius: 0;
        margin: 30px auto 100px;
        max-width: inherit
    }

    #mf-movie-review {
        margin: 0 0 40px
    }

    .videos-hub .videos-hub-banner {
        border-radius: 0
    }

    .videos-hub .videos-hub-banner-link {
        border-radius: 0;
        background-size: cover;
        padding: 18px 0 18px 100px;
        font-size: 16px;
        font-weight: 500
    }

    .contact-form {
        margin: 30px 5% 0;
        width: 90%
    }

    .related-articles.text-list .news-list-textitem {
        padding: 0 20px 20px
    }

    .mf-share-buttons {
        margin: 20px 10px
    }

    .movie-collection-description {
        margin: 20px
    }

    #hero .watch-online-link {
        margin: 10px auto
    }

    #hero h1 {
        font-size: 20px;
        line-height: 24px;
        padding: 0;
        margin: 0 0 10px
    }

    #hero .movie-info-rating {
        font-size: 12px;
        margin: 0 10px 0 0
    }

    #hero .movie-poster,
    #hero .watch-online-link {
        border-radius: 4px;
        object-fit: cover
    }

    #hero .tagline {
        margin: 4px 0 6px
    }

    #hero .movie-info-genres {
        margin: 10px 0 0;
        border-left: 0;
        padding: 0;
        display: block;
        font-size: 13px
    }

    #hero .movie-info-score {
        width: 16px;
        height: 16px;
        margin: -2px 10px 0 0;
        padding: 3px 4px 4px;
        line-height: 9px;
        font-size: 12px
    }

    #hero .movie-info-director {
        float: none;
        width: 100%;
        margin: 10px 0 0
    }

    #hero .movie-info-star {
        float: none;
        width: 100%;
        margin: 10px 0 0;
        margin: 10px 0 0;
        border-top: solid 1px #2b2b2b;
        padding: 10px 0 0
    }

    #hero .movie-info-writer {
        margin: 10px 0 0
    }

    .movie-news-module .movie-news-item {
        float: left;
        width: calc(50% - 20px);
        margin: 10px
    }

    .movie-news-module .movie-news-item:nth-child(3n) {
        margin: 10px
    }

    .movie-news-module .movie-news-item:nth-child(2n+1) {
        clear: both
    }

    .movie-videos .movie-video:nth-child(3n) {
        margin: 0 0 10px
    }

    .movie-videos .movie-video {
        float: none;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        margin: 0 0 30px
    }

    .movie-video .movie-video-image {
        border-radius: 0
    }

    .movie-video .movie-video-info {
        padding: 20px
    }

    .rr-nav {
        margin: 20px
    }

    #movie-gallery .movie-gallery-item .item-box-img img {
        border-radius: 0;
        width: 100%;
        height: auto
    }

    #made-in-hollywood .mih-text-content,
    #made-in-hollywood .mih-text-social {
        float: none;
        width: 100%;
        margin: 0
    }

    #made-in-hollywood .mih-text-content {
        margin: 0 0 40px
    }

    .showtimes-form,
    .showtimes-text {
        margin: 0 20px 30px
    }

    #moviefone.showtimes #popular-places h2 {
        font-weight: 100;
        font-size: 20px;
        line-height: 30px
    }

    #mf-movie-review .moviefone-review {
        margin: 15px
    }

    #mf-movie-review .moviefone-review-more {
        margin: 0 0 0 14px;
        text-align: left;
        border-top: solid 1px #f3f3f3;
        width: 100%;
        padding: 15px 11px 15px 32px;
        background-position: 3px 13px
    }

    #mf-movie-review p {
        font-size: 15px;
        line-height: 24px
    }

    #mf-movie-review .moviefone-review-score {
        margin: 0;
        border-radius: 0;
        width: 100%
    }

    #mf-movie-review .moviefone-review-stars {
        float: none;
        width: 150px
    }

    #mf-movie-review .module-title {
        margin: 15px 15px 5px 15px
    }

    .trailer-play-box .player-box {
        width: 100%;
        margin: 0;
        float: none
    }

    .trailer-play-box .movie-info-ad {
        float: none;
        width: 100%;
        margin: 0
    }

    .trailer-play-box .trailer-description {
        padding: 20px;
        font-size: 15px;
        line-height: 22px
    }
}

@media screen and (max-width:600px) {
    #asset-quotes {
        margin: 20px
    }

    #hero .celeb-info.birth-place {
        margin: 0 0 10px;
        display: block;
        border-left: 0;
        padding: 0
    }

    #hero .celeb-info.birthday {
        margin: 0 0 10px;
        display: block
    }

    #header .header-logo {
        width: 120px;
        margin: 0 10px 0 0
    }

    #header .header-logo-image {
        display: block;
        width: 110px;
        height: 34px
    }

    #header .header-wrap {
        padding: 10px 0 10px
    }

    #hamburger .menu-icon {
        top: 13px
    }

    #header-drop {
        top: 105px
    }

    .header-drop-column-link {
        width: calc(33% - 22px);
        margin: 1px 1px 1px 8px;
        font-size: 14px;
        padding: 7px 5px
    }

    #header .header-charts,
    #header .header-movies,
    #header .header-news,
    #header .header-streaming,
    #header .header-tickets,
    #header .header-tvshows {
        width: 16px;
        height: 16px;
        background-size: 16px;
        margin: 0 0 0 12px;
        padding: 14px 0 0
    }

    #header .header-charts {
        width: 18px;
        background-size: 20px
    }

    .header-drop-column {
        margin: 10px;
        padding: 0 0
    }

    #mf-search {
        float: left;
        width: 100%;
        margin: 6px 0 2px;
        left: 0;
        position: relative
    }

    .trending-bar .trending-bar-content,
    .trending-bar .trending-bar-title {
        font-size: 14px
    }

    #hero .movie-info-title-wrap {
        float: none;
        width: 100%;
        margin: 0
    }

    #hero.hero-subpage h1 {
        margin: 0 0 2px;
        font-size: 18px;
        line-height: 22px
    }

    #hero .sub-page-title {
        display: block
    }

    #hero.hero-celeb .sub-page-title {
        display: block;
        padding: 1px 0 4px
    }

    #hero.hero-subpage .asset-links-wrap {
        overflow-y: hidden;
        overflow-x: auto;
        position: relative;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #hero.hero-subpage #asset-links {
        border-top: solid 1px #232323;
        padding: 15px 0
    }

    #hero .hero-score {
        float: none;
        margin: 0;
        overflow: hidden;
        padding: 10px 0 5px 2px;
        width: 100%
    }

    .tvshow-season #hero .hero-score {
        margin: 0
    }

    #hero .movie-poster-outer-wrap,
    #hero.hero-subpage .movie-poster-outer-wrap {
        float: left;
        width: 60px;
        margin: 0 10px 0 0
    }

    #hero .movie-info-title-wrap-outer {
        overflow: hidden;
        float: right;
        width: calc(100% - 72px)
    }

    #hero .tagline {
        display: block
    }

    #hero .asset-type-name {
        font-size: 10px;
        padding: 4px 7px;
        line-height: 12px;
        margin: 0 10px 0 0
    }

    #hero .tagline-wrap {
        margin: 6px 0 10px
    }

    #hero .movie-top-video {
        margin: 10px 0 0
    }

    #hero .movie-info-ad {
        height: auto;
        float: none;
        padding: 20px 0 0;
        margin: 0 auto;
        background-color: transparent
    }

    #hero .movie-info-wrap {
        height: auto
    }

    #hero .movie-streams .movie-stream {
        margin: 10px
    }

    #hero .movie-info-director-role,
    #hero .movie-info-star-role,
    #hero .movie-info-writer-role {
        padding: 5px 10px 0 0;
        font-weight: 500;
        margin: 0 0 2px;
        display: block
    }

    #hero .movie-info-detail {
        padding: 14px
    }

    #hero.hero-subpage .movie-info-title-wrap-outer {
        float: none;
        width: 100%
    }

    #hero.hero-subpage .movie-info-title-wrap {
        width: calc(100% - 105px)
    }

    #hero.hero-subpage .sub-page-title {
        display: block;
        margin: 3px 0 2px;
        padding: 0
    }

    #hero.hero-subpage .tagline-wrap {
        margin: 12px 0 5px;
        padding: 8px 0 0
    }

    #hero .tagline {
        margin: 0;
        display: block;
        clear: both;
        line-height: 18px;
        padding: 10px 0 0;
        font-size: 12px
    }

    .tvshow-main #hero .tagline {
        padding: 8px 0
    }

    #asset-links .movie-link {
        margin: 0 5px 5px 0;
        float: left;
        width: calc(50% - 37px)
    }

    .tvshow-season-summary .tvshow-season-item {
        width: calc(50% - 15px);
        margin: 5px 5px 5px 10px
    }

    .movie-trailer .post .post-content h2,
    .movie-trailer .post .post-content ol,
    .movie-trailer .post .post-content ul {
        margin: 20px
    }

    #select-justwatch {
        margin: 0 auto 10px;
        display: block;
        padding: 10px 8px 10px;
        border-radius: 0
    }

    #asset-where-to-watch {
        margin: 0 0 40px
    }

    .footer-center-links {
        float: left;
        width: 100%;
        margin: 10px 0
    }

    .carousel-trailer-title {
        padding: 0;
        color: #fff;
        overflow: hidden;
        margin: 0 auto 0
    }

    .carousel-trailer-movielink {
        display: block;
        text-align: center
    }

    .carousel-trailer-advertisement {
        min-height: 50px
    }

    .carousel-trailer-close {
        margin: 0;
        border-bottom: solid 3px #60160c
    }

    #made-in-hollywood .news-list .news-list-item {
        width: 100%;
        overflow: hidden
    }

    #made-in-hollywood #mih-videos .news-list .news-list-item {
        width: 100%;
        margin: 0 0 20px
    }

    #made-in-hollywood #mih-more .news-list-item {
        width: 100%;
        margin: 0 0 20px
    }

    #made-in-hollywood .mih-banner-wrap {
        padding: 0 30px
    }

    #made-in-hollywood .mih-text-wrap {
        padding: 40px 30px 60px
    }

    #mih-videos {
        padding: 25px
    }

    #mih-more {
        padding: 0
    }

    #made-in-hollywood .item-box .item-box-title {
        line-height: 24px;
        font-size: 15px;
        white-space: initial;
        text-overflow: initial;
        height: auto
    }
}

@media screen and (max-width:690px) {
    .header-main-nav li:nth-child(3) {
        display: none
    }
}

@media screen and (max-width:565px) {
    .header-main-nav li:nth-child(2) {
        display: none
    }
}

@media screen and (max-width:512px) {
    .mf-select {
        width: 32%;
        margin: 0 1% 5px 0;
        font-size: 12px
    }

    .mf-select .mf-select-display {
        padding: 10px 25px 10px 16px;
        background-size: 14px
    }

    .search .mf-select {
        width: 50%;
        margin: 0 1% 0 0;
        font-size: 12px
    }

    #int-streams-loader {
        margin: 30px auto
    }
}



@media screen and (max-width:500px) {
    .select-justwatch-item {
        padding: 6px 7px;
        min-width: 40px
    }

    #hub-filters.charts-filters .mf-select-module {
        margin: 0 10px 10px 0
    }

    #header .header-rightlinks {
        width: 142px
    }

    #cinema-chains .cinema-chain {
        margin: 0 0 10px;
        border-radius: 0;
        transition: .25s;
        display: block
    }

    #hub-list .hub-movie {
        width: calc(50% - 15px);
        margin: 5px 5px 5px 10px
    }

    #hub-list .hub-movie:nth-child(2n) {
        margin: 5px 10px 5px 5px
    }

    #moviefone .jw-flag-floating .jw-wrapper,
    .fs-sticky-footer {
        z-index: 99999999
    }

    .genres-text {
        margin: 20px;
        line-height: 24px
    }

    .rr-nav .module-title {
        margin: 0
    }

    #header #mf-nav {
        z-index: 2147483647
    }

    #showtimes-location-form form {
        margin: 0 0 0 20px;
        text-align: left;
        width: 100%
    }

    #moviefone .showtimes-head-dates .mf-select {
        margin: 10px 0 20px 20px;
        display: block;
        float: none
    }

    .showtimes-head-dates .mf-toggle-wrap {
        margin: 20px 0 5px 20px
    }

    .showtimes-head-dates .mf-toggle-text {
        margin: 3px 12px 0 0
    }

    .mf-showtime-filters #showtimes-location-form {
        float: none
    }

    .theaters-near .theater-address {
        display: block;
        background-position: 0 3px
    }

    .theaters-near .theater-phone {
        display: block;
        margin: 5px 0 0;
        background-position: 0 3px
    }

    .mf-carousel .image-wrap-trailer .carousel-trailer-playicon {
        padding: 22px 15px 20px 15px;
        background-size: 16px;
        background-position: 17px center
    }

    .asset-container .hub-movie-poster-wrap .carousel-trailer-playicon {
        bottom: 0;
        width: 100%;
        height: 100px;
        top: auto;
        background-size: 60px;
        background-color: rgb(0 0 0 / 50%)
    }

    .stream-provider-pages {
        margin: 10px 0
    }

    .hub-movie-filter-link {
        position: relative;
        top: auto;
        right: auto;
        display: block;
        margin: 20px
    }

    .asset-container-inline.asset-container .hub-movie-poster-wrap svg {
        position: absolute;
        left: 0;
        bottom: 0;
        transform: none;
        color: #fff;
        border: 0;
        padding: 16px 0;
        border-radius: 0;
        width: 14px;
        width: 100%;
        height: 16px;
        background: #3698b8;
        top: auto
    }

    .js-cookie-consent .cookie-consent__message {
        display: block;
        margin: 0 0 10px
    }

    #movie-gallery .item-box .item-box-img {
        background: 0 0;
        margin: 0 0 4px
    }

    #movie-gallery .item-box {
        border-bottom: 0
    }

    #moviefone_leaderboard_galleries {
        top: 40px
    }

    #hero .movie-info-wrap {
        width: calc(100% - 70px)
    }

    #hero .movie-info-run-time {
        font-size: 12px
    }

    #hero .movie-info-release-date {
        font-size: 12px
    }

    .movie-news-module .movie-news-item {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .movie-news-module .movie-news-item:nth-child(3n) {
        margin: 0
    }

    .item-box {
        width: 100%;
        margin: 0 0 20px
    }

    .item-box .item-box-img {
        width: 100%;
        padding: 0;
        padding-top: 52.6666667%
    }

    .item-box .item-box-img img {
        border-radius: 5px
    }

    #movie-recommendations .item-box .item-box-img {
        padding-top: 150%
    }

    #movie-recommendations .item-box {
        box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1);
        float: left;
        width: calc(50% - 20px);
        margin: 10px;
        border-radius: 4px;
        transition: .25s
    }

    #movie-recommendations .item-box:nth-child(4n) {
        margin: 10px
    }

    .movie-news-module {
        padding: 0;
        margin: 0 0 20px
    }

    .movie-main .movie-streams,
    .movie-streams,
    .movie-watch .movie-streams {
        margin: 0 0 20px;
        min-height: 270px
    }

    .movie-streams .movie-stream {
        margin: 20px 5px 0;
        width: 22%
    }

    .movie-featured-cast .movie-cast-item:last-child {
        margin: 0 0 20px
    }

    .movie-featured-cast .movie-cast-item.item-box .item-box-img {
        width: calc(100% - 40px)
    }

    .movie-cast-item.item-box,
    .movie-featured-cast .movie-cast-item:last-child {
        width: calc(100% - 30px);
        margin: 5px 15px;
        box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1)
    }

    .asset-container {
        border-radius: 0
    }

    .asset-container .asset-poster-wrap {
        width: 100%;
        float: none
    }

    .asset-container .asset-info {
        width: calc(100% - 40px);
        float: none;
        padding: 20px
    }

    .asset-container-inline.asset-container {
        position: relative;
        height: auto;
        border-radius: 10px
    }

    .asset-container-inline.asset-container .asset-poster-wrap {
        width: 100%;
        float: none
    }

    .asset-container-inline.asset-container .asset-image {
        opacity: .3
    }

    .asset-container-inline.asset-container .asset-info {
        width: 90%;
        margin: 5%;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0
    }

    .asset-container-inline.asset-container .asset-info-description,
    .asset-container-inline.asset-container .asset-info-description a,
    .asset-container-inline.asset-container .asset-info-title,
    .asset-container-inline.asset-container .movie-info-detail,
    .asset-container-inline.asset-container .movie-info-rating,
    .asset-container-inline.asset-container .movie-streams .movie-streams-title a,
    .asset-container-inline.asset-container .tagline {
        color: #fff
    }

    .asset-container-inline.asset-container .asset-info-title {
        font-size: 22px;
        text-shadow: none;
        line-height: 30px;
        margin: 0 0 15px;
        font-weight: 700
    }

    .asset-container-inline.asset-container .tagline {
        font-size: 14px;
        margin: 0 0 10px;
        line-height: 22px
    }

    .post .asset-container-inline .movie-score {
        line-height: 27px
    }

    .post .asset-container-inline span.movie-info-run-time {
        font-size: 14px;
        margin: 0 8px 0 8px
    }

    .post .asset-container-inline .movie-info-release-date {
        font-size: 14px;
        margin: 0 0 0 2px
    }

    .asset-container-inline.asset-container .asset-info-description {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 10px;
        padding: 10px 0 0;
        border-top: 1px solid #000
    }

    .asset-container-inline.asset-container .movie-streams {
        border-top: 1px solid #000;
        margin: 10px 0 0
    }

    .asset-container-inline.asset-container .movie-streams .movie-streams-title {
        font-size: 17px;
        margin: 0 0 5px;
        line-height: 34px
    }

    .asset-container-inline.asset-container .movie-streams .movie-stream {
        width: 44px;
        margin: 0 10px 5px 0
    }

    .asset-container-inline.asset-container .asset-info-description a {
        text-decoration: underline;
        font-weight: 700
    }

    .asset-container-inline .movie-info-showtimes,
    .asset-container-inline .movie-info-trailer {
        color: #fff;
        background-size: 24px;
        padding: 3px 0 3px 32px
    }

    #celeb-links .celeb-link {
        margin: 15px 25px 15px 0
    }

    .celeb-films .item-box {
        box-shadow: none;
        width: calc(50% - 20px);
        margin: 10px;
        box-shadow: 0 0 1px 1px rgba(27, 27, 27, .1)
    }

    .celeb-films .item-box:nth-child(4n) {
        margin: 10px
    }

    #made-in-hollywood .mih-banner img {
        max-width: 200px
    }

    #made-in-hollywood .news-list .news-list-item-3 .item-box-img {
        padding-top: 100%
    }

    #made-in-hollywood #mih-videos .item-box .item-box-img {
        padding-top: 75%
    }
}

@media screen and (min-width :320px) and (max-width :768px) {

    [data-freestar-ad*="__300x50"],
    [data-freestar-ad*="__320x50"] {
        height: 50px
    }

    [data-freestar-ad*="__468x60"] {
        height: 60px
    }

    [data-freestar-ad*="__300x100"],
    [data-freestar-ad*="__320x100"] {
        height: 100px
    }

    [data-freestar-ad*="__336x280"] {
        height: 280px
    }
}

@media screen and (max-width:450px) {
    .header-main-nav li:nth-child(1) {
        display: none
    }
}

.mobile .hero-celeb #asset-links {
    margin: 5px auto 0
}

.mobile #asset-links {
    overflow: hidden;
    padding: 15px 0;
    margin: 15px auto 0
}

.mobile #hero .fa-calendar {
    padding: 8px 5px 0 0;
    width: 9px
}

.mobile #hero .movie-info-wrap {
    width: 100%
}

.mobile #hero .movie-top-video {
    width: 100%
}

.mobile #hero .movie-top-video-image-wrap svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    border: solid 2px #fff;
    padding: 10px;
    border-radius: 9px;
    width: 10px
}

.mobile #hero .movie-top-video-image {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.mobile #hero .movie-info-content-right {
    width: 100%;
    float: none;
    margin: 10px 0 0;
    display: block
}

.mobile #hero .movie-info-cast-director {
    margin: 0;
    padding: 0
}

.mobile .movie-info-title-wrap {
    margin: 0 0 4px;
    float: left;
    width: calc(100% - 120px)
}

.qc-cmp-button {
    background-color: #04cbf6 !important;
    border-color: #04cbf6 !important;
}

.qc-cmp-button:hover {
    border-color: #04cbf6 !important;
}

.qc-cmp-alt-action,
.qc-cmp-link {
    color: #04cbf6 !important;
}

.qc-cmp-button.qc-cmp-secondary-button:hover {
    background-color: #04cbf6 !important;
    border-color: #04cbf6 !important;
}

.qc-cmp-button {
    color: #222222 !important;
}

.qc-cmp-button.qc-cmp-secondary-button:hover {
    color: #222222 !important;
}

.qc-cmp-button.qc-cmp-secondary-button {
    color: #222222 !important;
}

.qc-cmp-button.qc-cmp-secondary-button {
    background-color: #FFFFFF !important;
    border-color: transparent !important;
}

.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-vendor-list-title {
    color: #FFFFFF !important;
}

.qc-cmp-ui a,
.qc-cmp-ui .qc-cmp-alt-action {
    color: #FFFFFF !important;
}

.qc-cmp-ui {
    background-color: #222222 !important;
}

.qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-toggle.qc-cmp-toggle-on {
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.jw-plugin-googima {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.jw-plugin-googima.jw-ad-instream {
    visibility: visible;
    display: block;
    pointer-events: all;
    opacity: 1
}

.jw-plugin-googima.jw-ad-instream .jw-ads-view>:not(div),
.jw-plugin-googima.jw-ad-instream .jw-ads-view>div:not(:empty) {
    width: 100%;
    height: 100%
}

.jw-plugin-googima.jw-ad-linear {
    top: 0;
    left: 0;
    bottom: 0
}

.jw-plugin-googima.jw-ad-non-linear {
    top: auto
}

.jw-plugin-googima .jw-ads-view {
    position: absolute;
    width: 100%;
    height: 100%
}

.jwplayer.jw-flag-ads-googleima.jw-flag-touch .jw-controlbar {
    font-size: 1em
}

.jwplayer.jw-flag-ads-googleima.jw-flag-touch .jw-display-icon-display,
.jwplayer.jw-flag-ads-googleima.jw-flag-touch .jw-display-icon-display .jw-icon-display {
    pointer-events: none
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar {
    background: 0 0 !important;
    pointer-events: none
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-horizontal-volume-container {
    pointer-events: auto
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-icon {
    pointer-events: all
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-icon-fullscreen:not(.jw-fullscreen-ima) {
    display: none
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-fullscreen-ima {
    display: flex
}

.jwplayer.jw-flag-ads-googleima .jw-controls-backdrop {
    display: none
}

.jwplayer.jw-flag-ads-googleima.jw-ie .jw-slider-volume,
.jwplayer.jw-flag-ads-googleima.jw-ie .jw-svg-icon {
    background: rgba(0, 0, 0, .25);
    border-radius: 3px
}

.jwplayer.jw-flag-ads-googleima.jw-ie .jw-slider-volume {
    margin: 0 10px
}

@supports (filter:drop-shadow(0 0 3px #000)) {

    .jwplayer.jw-flag-ads-googleima.jw-ie .jw-slider-volume,
    .jwplayer.jw-flag-ads-googleima.jw-ie .jw-svg-icon {
        background: 0 0;
        border-radius: 0
    }

    .jwplayer.jw-flag-ads-googleima.jw-ie .jw-slider-volume {
        margin: 0
    }
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-svg-icon {
    fill: #fff;
    filter: drop-shadow(0 0 3px #000)
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar .jw-text {
    text-shadow: 0 0 3px #000 !important
}

.jwplayer.jw-flag-ads-googleima.jw-flag-small-player.jw-flag-ads.jw-state-playing.jw-flag-touch:not(.jw-flag-ads-vpaid) .jw-controls .jw-controlbar {
    pointer-events: none
}

.jwplayer.jw-flag-ads-googleima.jw-flag-small-player .jw-controlbar {
    flex-flow: column-reverse nowrap;
    height: 100%;
    max-height: none
}

.jwplayer.jw-flag-ads-googleima.jw-flag-small-player .jw-button-container {
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 7px
}

.jwplayer.jw-flag-ads-googleima.jw-flag-small-player .jw-controlbar .jw-icon {
    height: 30px
}

.jwplayer.jw-flag-ads-googleima.jw-flag-small-player .jw-text {
    align-self: flex-start;
    margin: 16px 0 0 16px;
    order: -1;
    width: 100%
}

.jw-reset {
    text-align: left;
    direction: ltr
}

.jw-reset,
.jw-reset-text {
    color: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    list-style: none;
    text-transform: none;
    vertical-align: baseline;
    border: 0;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

.jw-overlays,
body .jw-error,
body .jwplayer.jw-state-error {
    height: 100%;
    width: 100%
}

.jw-title {
    position: absolute;
    top: 0
}

.jw-overlays {
    top: 0;
    position: absolute;
    left: 0
}

.jw-overlays {
    position: absolute;
    bottom: 0;
    right: 0
}

.jw-background-color {
    background: rgba(0, 0, 0, .4)
}

.jw-text {
    color: rgba(255, 255, 255, .8)
}

.jw-knob {
    color: rgba(255, 255, 255, .8);
    background-color: #fff
}

.jw-button-color {
    color: rgba(255, 255, 255, .8)
}

:not(.jw-flag-touch) .jw-button-color:not(.jw-logo-button):focus,
:not(.jw-flag-touch) .jw-button-color:not(.jw-logo-button):hover {
    color: #fff
}

.jw-toggle {
    color: #fff
}

.jw-toggle.jw-off {
    color: rgba(255, 255, 255, .8)
}

.jw-toggle.jw-off:focus {
    color: #fff
}

.jw-toggle:focus {
    outline: 0
}

:not(.jw-flag-touch) .jw-toggle.jw-off:hover {
    color: #fff
}

.jw-rail {
    background: rgba(255, 255, 255, .3)
}

.jw-buffer {
    background: rgba(255, 255, 255, .3)
}

.jw-progress {
    background: #f2f2f2
}

.jw-time-tip,
.jw-volume-tip {
    border: 0
}

.jw-slider-volume.jw-volume-tip.jw-background-color.jw-slider-vertical {
    background: 0 0
}

.jw-skip {
    padding: .5em;
    outline: 0
}

.jw-skip .jw-skip-icon,
.jw-skip .jw-skiptext {
    color: rgba(255, 255, 255, .8)
}

.jw-skip.jw-skippable:focus .jw-skip-icon,
.jw-skip.jw-skippable:hover .jw-skip-icon {
    color: #fff
}

.jw-icon-cast google-cast-launcher {
    --connected-color: #fff;
    --disconnected-color: rgba(255, 255, 255, 0.8)
}

.jw-icon-cast google-cast-launcher:focus {
    outline: 0
}

.jw-icon-cast google-cast-launcher.jw-off {
    --connected-color: rgba(255, 255, 255, 0.8)
}

.jw-icon-cast:focus google-cast-launcher {
    --connected-color: #fff;
    --disconnected-color: #fff
}

.jw-icon-cast:hover google-cast-launcher {
    --connected-color: #fff;
    --disconnected-color: #fff
}

.jw-nextup-container {
    bottom: 2.5em;
    padding: 5px .5em
}

.jw-nextup {
    border-radius: 0
}

.jw-color-active {
    color: #fff;
    stroke: #fff;
    border-color: #fff
}

:not(.jw-flag-touch) .jw-color-active-hover:focus,
:not(.jw-flag-touch) .jw-color-active-hover:hover {
    color: #fff;
    stroke: #fff;
    border-color: #fff
}

.jw-color-inactive {
    color: rgba(255, 255, 255, .8);
    stroke: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .8)
}

:not(.jw-flag-touch) .jw-color-inactive-hover:hover {
    color: rgba(255, 255, 255, .8);
    stroke: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .8)
}

.jw-option {
    color: rgba(255, 255, 255, .8)
}

.jw-option.jw-active-option {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

:not(.jw-flag-touch) .jw-option:hover {
    color: #fff
}

.jwplayer {
    width: 100%;
    font-size: 16px;
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0
}

.jwplayer * {
    box-sizing: inherit
}

.jwplayer.jw-tab-focus:focus {
    outline: solid 2px #4d90fe
}

.jwplayer.jw-flag-aspect-mode {
    height: auto !important
}

.jwplayer.jw-flag-aspect-mode .jw-aspect {
    display: block
}

.jwplayer .jw-aspect {
    display: none
}

.jw-overlays {
    pointer-events: none;
    cursor: auto
}

.jw-media,
.jw-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.jw-media {
    overflow: hidden;
    cursor: pointer
}

.jw-captions,
.jw-preview,
.jw-title {
    pointer-events: none
}

.jw-logo,
.jw-media {
    pointer-events: all
}

.jw-wrapper {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jw-hidden-accessibility {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.jw-contract-trigger::before {
    content: "";
    overflow: hidden;
    width: 200%;
    height: 200%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.jwplayer .jw-media video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background: 0 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    outline: 0
}

.jwplayer .jw-media video::-webkit-media-controls-start-playback-button {
    display: none
}

.jwplayer.jw-stretch-uniform .jw-media video {
    object-fit: contain
}

.jwplayer.jw-stretch-none .jw-media video {
    object-fit: none
}

.jwplayer.jw-stretch-fill .jw-media video {
    object-fit: cover
}

.jwplayer.jw-stretch-exactfit .jw-media video {
    object-fit: fill
}

.jw-preview {
    position: absolute;
    display: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background: #000 no-repeat 50% 50%
}

.jw-error .jw-preview,
.jwplayer .jw-preview {
    background-size: contain
}

.jw-stretch-none .jw-preview {
    background-size: auto auto
}

.jw-stretch-fill .jw-preview {
    background-size: cover
}

.jw-stretch-exactfit .jw-preview {
    background-size: 100% 100%
}

.jw-title {
    display: none;
    padding-top: 20px;
    width: 100%;
    z-index: 1
}

.jw-title-primary,
.jw-title-secondary {
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: .5em;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: unset;
    white-space: nowrap;
    width: 100%
}

.jw-title-primary {
    font-size: 1.625em
}

.jw-breakpoint-2 .jw-title-primary,
.jw-breakpoint-3 .jw-title-primary {
    font-size: 1.5em
}

.jw-flag-small-player .jw-title-primary {
    font-size: 1.25em
}

.jw-flag-small-player .jw-title-secondary,
.jw-title-secondary:empty {
    display: none
}

.jw-captions {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-decoration: none;
    pointer-events: none;
    overflow: hidden;
    top: 0
}

.jw-captions.jw-captions-enabled {
    display: block
}

.jw-captions-window {
    display: none;
    padding: .25em;
    border-radius: .25em
}

.jw-captions-window.jw-captions-window-active {
    display: inline-block
}

.jw-captions-text {
    display: inline-block;
    color: #fff;
    background-color: #000;
    word-wrap: normal;
    word-break: normal;
    white-space: pre-line;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none
}

.jw-text-track-display {
    font-size: inherit;
    line-height: 1.5em;
    padding: 0 .2em .1em
}

.jw-text-track-cue {
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.jwplayer video::-webkit-media-controls {
    display: none;
    justify-content: flex-start
}

.jwplayer video::-webkit-media-text-track-display {
    min-width: -webkit-min-content
}

.jwplayer video::cue {
    background-color: rgba(0, 0, 0, .5)
}

.jwplayer video::-webkit-media-controls-panel-container {
    display: none
}

.jwplayer.jw-flag-media-audio.jw-state-playing .jw-captions,
.jwplayer.jw-state-playing:not(.jw-flag-user-inactive):not(.jw-flag-controls-hidden) .jw-captions,
.jwplayer:not(.jw-flag-controls-hidden):not(.jw-state-playing) .jw-captions {
    max-height: calc(100% - 60px)
}

.jwplayer.jw-flag-media-audio.jw-state-playing:not(.jw-flag-ios-fullscreen) video::-webkit-media-text-track-container,
.jwplayer.jw-state-playing:not(.jw-flag-user-inactive):not(.jw-flag-controls-hidden):not(.jw-flag-ios-fullscreen) video::-webkit-media-text-track-container,
.jwplayer:not(.jw-flag-controls-hidden):not(.jw-state-playing):not(.jw-flag-ios-fullscreen) video::-webkit-media-text-track-container {
    max-height: calc(100% - 60px)
}

.jw-logo {
    position: absolute;
    margin: 20px;
    cursor: pointer;
    pointer-events: all;
    background-repeat: no-repeat;
    background-size: contain;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    outline: 0
}

.jw-logo.jw-tab-focus:focus {
    outline: solid 2px #4d90fe
}

.jw-flag-audio-player .jw-logo {
    display: none
}

.jw-logo-top-right {
    top: 0;
    right: 0
}

.jw-logo-top-left {
    top: 0;
    left: 0
}

.jw-logo-bottom-left {
    left: 0
}

.jw-logo-bottom-right {
    right: 0
}

.jw-logo-bottom-left,
.jw-logo-bottom-right {
    bottom: 44px;
    transition: bottom 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-state-idle .jw-logo {
    z-index: 1
}

.jw-state-setup .jw-wrapper {
    background-color: inherit
}

.jw-state-setup .jw-controls,
.jw-state-setup .jw-controls-backdrop,
.jw-state-setup .jw-logo {
    visibility: hidden
}

span.jw-break {
    display: block
}

body .jw-error,
body .jwplayer.jw-state-error {
    background-color: #333;
    color: #fff;
    font-size: 16px;
    display: table;
    opacity: 1;
    position: relative
}

body .jw-error .jw-display,
body .jwplayer.jw-state-error .jw-display {
    display: none
}

body .jw-error .jw-media,
body .jwplayer.jw-state-error .jw-media {
    cursor: default
}

body .jw-error .jw-preview,
body .jwplayer.jw-state-error .jw-preview {
    background-color: #333
}

body .jw-error .jw-error-msg,
body .jwplayer.jw-state-error .jw-error-msg {
    background-color: #000;
    border-radius: 2px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 20px
}

body .jw-error .jw-error-msg .jw-icon,
body .jwplayer.jw-state-error .jw-error-msg .jw-icon {
    height: 30px;
    width: 30px;
    margin-right: 20px;
    flex: 0 0 auto;
    align-self: center
}

body .jw-error .jw-error-msg .jw-icon:empty,
body .jwplayer.jw-state-error .jw-error-msg .jw-icon:empty {
    display: none
}

body .jw-error .jw-error-msg .jw-info-container,
body .jwplayer.jw-state-error .jw-error-msg .jw-info-container {
    margin: 0;
    padding: 0
}

body .jw-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg,
body .jw-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg {
    flex-direction: column
}

body .jw-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg .jw-error-text,
body .jw-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg .jw-error-text,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg .jw-error-text,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg .jw-error-text {
    text-align: center
}

body .jw-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg .jw-icon,
body .jw-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg .jw-icon,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-breakpoint-2 .jw-error-msg .jw-icon,
body .jwplayer.jw-state-error:not(.jw-flag-audio-player).jw-flag-small-player .jw-error-msg .jw-icon {
    flex: .5 0 auto;
    margin-right: 0;
    margin-bottom: 20px
}

.jwplayer.jw-state-error.jw-breakpoint-2 .jw-error-msg .jw-break,
.jwplayer.jw-state-error.jw-flag-audio-player .jw-error-msg .jw-break,
.jwplayer.jw-state-error.jw-flag-small-player .jw-error-msg .jw-break {
    display: inline
}

.jwplayer.jw-state-error.jw-breakpoint-2 .jw-error-msg .jw-break:before,
.jwplayer.jw-state-error.jw-flag-audio-player .jw-error-msg .jw-break:before,
.jwplayer.jw-state-error.jw-flag-small-player .jw-error-msg .jw-break:before {
    content: " "
}

.jwplayer.jw-state-error.jw-flag-audio-player .jw-error-msg {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: #000;
    transform: none;
    padding: 4px 16px;
    z-index: 1
}

.jwplayer.jw-state-error.jw-flag-audio-player .jw-error-msg.jw-info-overlay {
    max-width: none;
    max-height: none
}

.jw-state-idle .jw-title,
.jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player):not(.jw-flag-overlay-open-related) .jw-title,
body .jwplayer.jw-state-error .jw-title {
    display: block
}

.jw-state-idle .jw-preview,
.jwplayer.jw-state-complete:not(.jw-flag-casting):not(.jw-flag-audio-player):not(.jw-flag-overlay-open-related) .jw-preview,
body .jwplayer.jw-state-error .jw-preview {
    display: block
}

.jw-state-idle .jw-captions,
.jwplayer.jw-state-complete .jw-captions,
body .jwplayer.jw-state-error .jw-captions {
    display: none
}

.jw-state-idle video::-webkit-media-text-track-container,
.jwplayer.jw-state-complete video::-webkit-media-text-track-container,
body .jwplayer.jw-state-error video::-webkit-media-text-track-container {
    display: none
}

.jwplayer.jw-flag-fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: 0;
    position: fixed
}

.jwplayer.jw-flag-controls-hidden .jw-media {
    cursor: default
}

.jw-flag-audio-player .jw-media {
    visibility: hidden
}

.jw-flag-audio-player .jw-title {
    background: 0 0
}

.jw-flag-floating {
    background-size: cover;
    background-color: #000
}

.jw-flag-floating.jw-floating-dismissible .jw-wrapper {
    bottom: 3rem
}

.jw-flag-floating .jw-wrapper {
    position: fixed;
    z-index: 2147483647;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 1rem;
    max-width: 400px;
    max-height: 400px;
    margin: 0 auto
}

@media screen and (min-width:481px) {
    .jw-flag-floating .jw-wrapper:not(.jw-floating-dragged) {
        animation: jw-float-to-bottom 150ms cubic-bezier(0, .25, .25, 1) forwards 1
    }
}

@media screen and (max-width:480px) {
    .jw-flag-floating .jw-wrapper {
        width: 100%;
        left: 0;
        right: 0
    }
}

.jw-flag-floating .jw-wrapper.jw-float-to-top {
    animation: jw-float-to-top-anim 150ms cubic-bezier(0, .25, .25, 1) forwards 1;
    bottom: auto;
    top: 1rem
}

.jw-flag-floating .jw-wrapper.jw-floating-dragging {
    transition: none !important
}

.jw-flag-floating .jw-wrapper .jw-media {
    touch-action: none
}

.jw-flag-floating .jw-icon {
    margin: 0;
    padding: 0
}

.jw-flag-floating .jw-float-bar-icon {
    pointer-events: all;
    cursor: pointer;
    display: flex;
    height: 24px;
    width: 24px
}

.jw-flag-floating .jw-float-bar-icon:hover {
    background: #1d1d1d;
    border-radius: 100px
}

.jw-flag-floating .jw-float-bar-icon .jw-svg-icon {
    display: block;
    margin: auto;
    padding: 0;
    height: 10px;
    width: 10px
}

.jw-flag-floating.jw-floating-dismissible .jw-dismiss-icon {
    display: none
}

.jw-flag-floating.jw-floating-dismissible .jw-float-bar {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    z-index: 2147483647;
    top: 100%;
    height: 32px;
    width: 100%;
    max-height: 32px;
    margin: 0 auto
}

@media screen and (min-width:481px) {
    .jw-flag-floating.jw-floating-dismissible .jw-float-bar:not(.jw-floating-dragged) {
        animation: jw-float-to-bottom 150ms cubic-bezier(0, .25, .25, 1) forwards 1
    }
}

@media screen and (max-width:480px) {
    .jw-flag-floating.jw-floating-dismissible .jw-float-bar {
        left: 0;
        right: 0;
        top: auto
    }
}

.jw-flag-floating.jw-floating-dismissible.jw-state-paused .jw-logo,
.jw-flag-floating.jw-floating-dismissible:not(.jw-flag-user-inactive) .jw-logo {
    display: none
}

.jw-float-bar {
    display: none;
    position: absolute;
    padding: 4px 8px;
    background: #2f2d2d;
    touch-action: none
}

.jw-float-bar-title {
    width: 100%;
    max-height: 24px;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    margin-left: 0;
    padding-right: 22px;
    color: rgba(255, 255, 255, .8) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.jw-flag-pip.jw-flag-floating .jw-wrapper {
    visibility: hidden
}

@keyframes jw-float-to-bottom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes jw-float-to-top {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.jw-flag-top {
    margin-top: 2em;
    overflow: visible
}

.jw-top {
    height: 2em;
    line-height: 2;
    pointer-events: none;
    text-align: center;
    opacity: .8;
    position: absolute;
    top: -2em;
    width: 100%
}

.jw-top .jw-icon {
    cursor: pointer;
    pointer-events: all;
    height: auto;
    width: auto
}

.jw-top .jw-text {
    color: #555
}

.jwplayer.jw-flag-ads .jw-captions.jw-captions-enabled,
.jwplayer.jw-flag-ads .jw-logo,
.jwplayer.jw-flag-ads .jw-nextup-container,
.jwplayer.jw-flag-ads .jw-preview,
.jwplayer.jw-flag-ads .jw-text-duration,
.jwplayer.jw-flag-ads .jw-text-elapsed {
    display: none
}

.jwplayer.jw-flag-ads video::-webkit-media-text-track-container {
    display: none
}

.jwplayer.jw-flag-ads.jw-flag-small-player .jw-display-icon-display,
.jwplayer.jw-flag-ads.jw-flag-small-player .jw-display-icon-next,
.jwplayer.jw-flag-ads.jw-flag-small-player .jw-display-icon-rewind {
    display: none
}

.jwplayer.jw-flag-ads.jw-flag-small-player.jw-state-buffering .jw-display-icon-display {
    display: inline-block
}

.jwplayer.jw-flag-ads .jw-controlbar {
    flex-direction: column-reverse
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time {
    padding: 0;
    pointer-events: none
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-slider-container {
    height: 5px
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-buffer,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-cue,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-icon-settings,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-knob,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-rail {
    display: none
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-time .jw-progress {
    transform: none;
    top: auto
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline:not(.jw-icon-playback):not(.jw-icon-fullscreen):not(.jw-icon-volume),
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-tooltip:not(.jw-icon-volume),
.jwplayer.jw-flag-ads .jw-controlbar .jw-tooltip {
    display: none
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-volume-tip {
    padding: 13px 0
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
    display: flex;
    text-shadow: 0 0 2px rgba(0, 0, 0, .7)
}

.jwplayer.jw-flag-ads .jw-fullscreen-ima {
    display: none
}

.jwplayer.jw-flag-ads.jw-flag-ads.jw-state-playing.jw-flag-touch:not(.jw-flag-ads-vpaid) .jw-controls .jw-controlbar,
.jwplayer.jw-flag-ads.jw-flag-ads.jw-state-playing.jw-flag-touch:not(.jw-flag-ads-vpaid).jw-flag-autostart .jw-controls .jw-controlbar {
    display: flex;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.jwplayer.jw-flag-ads.jw-flag-ads.jw-state-playing.jw-flag-touch:not(.jw-flag-ads-vpaid).jw-flag-autostart.jw-flag-user-inactive .jw-controls-backdrop,
.jwplayer.jw-flag-ads.jw-flag-ads.jw-state-playing.jw-flag-touch:not(.jw-flag-ads-vpaid).jw-flag-user-inactive .jw-controls-backdrop {
    opacity: 1;
    background-size: 100% 60px
}

.jwplayer.jw-flag-ads-vpaid .jw-display-container,
.jwplayer.jw-flag-ads-vpaid .jw-skip,
.jwplayer.jw-flag-touch.jw-flag-ads-vpaid .jw-display-container,
.jwplayer.jw-flag-touch.jw-flag-ads-vpaid .jw-skip {
    display: none
}

.jwplayer.jw-flag-ads-vpaid.jw-flag-small-player .jw-controls {
    background: 0 0
}

.jwplayer.jw-flag-ads-vpaid.jw-flag-small-player .jw-controls::after {
    content: none
}

.jwplayer.jw-flag-ads-hide-controls .jw-controls,
.jwplayer.jw-flag-ads-hide-controls .jw-controls-backdrop {
    display: none !important
}

.jwplayer.jw-flag-ads.jw-keep-thumbnail .jw-preview {
    display: block
}

.jw-flag-overlay-open-related .jw-controls,
.jw-flag-overlay-open-related .jw-logo,
.jw-flag-overlay-open-related .jw-title {
    display: none
}

.jwplayer.jw-flag-controls-hidden .jw-plugin {
    bottom: .5em
}

.jw-overlays .jw-plugin {
    pointer-events: all
}

.jw-plugin {
    position: absolute;
    bottom: 66px
}

.jw-breakpoint-7 .jw-plugin {
    bottom: 132px
}

.jw-plugin .jw-banner {
    max-width: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    margin: auto auto 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.jw-controls,
.jw-controls-backdrop,
.jw-flag-small-player .jw-settings-menu,
.jw-settings-submenu {
    height: 100%;
    width: 100%
}

.jw-icon-settings::after,
.jw-icon-volume::after,
.jw-settings-menu .jw-icon.jw-button-color::after,
.jw-settings-menu .jw-icon::after {
    position: absolute;
    right: 0
}

.jw-controls,
.jw-controls-backdrop,
.jw-settings-item-active::before {
    top: 0;
    position: absolute;
    left: 0
}

.jw-icon-settings::after,
.jw-icon-volume::after,
.jw-settings-menu .jw-icon.jw-button-color::after,
.jw-settings-menu .jw-icon::after {
    position: absolute;
    bottom: 0;
    left: 0
}

.jw-nextup-close {
    position: absolute;
    top: 0;
    right: 0
}

.jw-controls,
.jw-flag-small-player .jw-settings-menu {
    position: absolute;
    bottom: 0;
    right: 0
}

.jw-controlbar .jw-tooltip::after,
.jw-display-controls .jw-tooltip::after,
.jw-icon-settings::after,
.jw-icon-volume::after,
.jw-settings-menu .jw-icon.jw-button-color::after,
.jw-settings-menu .jw-icon::after,
.jw-settings-menu .jw-tooltip::after,
.jw-text-live::before,
.jw-time-tip::after {
    content: "";
    display: block
}

.jw-svg-icon {
    width: 25px;
    height: 24px;
    fill: currentColor;
    pointer-events: none;
    stroke: #000;
    stroke-opacity: 30%;
    paint-order: stroke
}

.jw-svg-icon:not(.jw-svg-icon-pip-on):not(.jw-svg-icon-pip-off) {
    stroke-width: 10px
}

.jw-icon {
    height: 44px;
    width: 44px;
    background-color: transparent;
    outline: 0
}

.jw-icon.jw-tab-focus:focus {
    border: solid 2px #4d90fe
}

.jw-icon-airplay .jw-svg-icon-airplay-off {
    display: none
}

.jw-off.jw-icon-airplay .jw-svg-icon-airplay-off {
    display: block
}

.jw-icon-airplay .jw-svg-icon-airplay-on {
    display: block
}

.jw-off.jw-icon-airplay .jw-svg-icon-airplay-on {
    display: none
}

.jw-icon-cc .jw-svg-icon-cc-off {
    display: none
}

.jw-off.jw-icon-cc .jw-svg-icon-cc-off {
    display: block
}

.jw-icon-cc .jw-svg-icon-cc-on {
    display: block
}

.jw-off.jw-icon-cc .jw-svg-icon-cc-on {
    display: none
}

.jw-icon-fullscreen .jw-svg-icon-fullscreen-off {
    display: none
}

.jw-off.jw-icon-fullscreen .jw-svg-icon-fullscreen-off {
    display: block
}

.jw-icon-fullscreen .jw-svg-icon-fullscreen-on {
    display: block
}

.jw-off.jw-icon-fullscreen .jw-svg-icon-fullscreen-on {
    display: none
}

.jw-icon-pip {
    stroke-width: 1px
}

.jw-icon-pip .jw-svg-icon-pip-off {
    display: none
}

.jw-off.jw-icon-pip .jw-svg-icon-pip-off {
    display: block
}

.jw-icon-pip .jw-svg-icon-pip-on {
    display: block
}

.jw-off.jw-icon-pip .jw-svg-icon-pip-on {
    display: none
}

.jw-icon-volume .jw-svg-icon-volume-0 {
    display: none
}

.jw-off.jw-icon-volume .jw-svg-icon-volume-0 {
    display: block
}

.jw-icon-volume .jw-svg-icon-volume-100 {
    display: none
}

.jw-full.jw-icon-volume .jw-svg-icon-volume-100 {
    display: block
}

.jw-icon-volume .jw-svg-icon-volume-50 {
    display: block
}

.jw-full.jw-icon-volume .jw-svg-icon-volume-50,
.jw-off.jw-icon-volume .jw-svg-icon-volume-50 {
    display: none
}

.jw-icon-settings::after,
.jw-icon-volume::after,
.jw-settings-menu .jw-icon::after {
    height: 100%;
    width: 24px;
    box-shadow: inset 0 -3px 0 -1px currentColor;
    margin: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-icon-volume.jw-open::after,
.jw-settings-menu .jw-icon[aria-checked=true]::after,
.jw-settings-open .jw-icon-settings::after {
    opacity: 1
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-audio-tracks,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-cc,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-fullscreen,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-hd,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-settings,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-settings-sharing,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player).jw-flag-cast-available .jw-icon-airplay,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player).jw-flag-cast-available .jw-icon-cast {
    display: none
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-volume,
.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-text-live {
    bottom: 6px
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-volume::after {
    display: none
}

.jw-controls {
    pointer-events: none;
    overflow: hidden
}

.jw-flag-small-player .jw-controls {
    text-align: center
}

.jw-controls-backdrop {
    display: block;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .4) 77%, rgba(0, 0, 0, .4) 100%) 100% 100%/100% 240px no-repeat transparent;
    transition: opacity 250ms cubic-bezier(0, .25, .25, 1), background-size 250ms cubic-bezier(0, .25, .25, 1);
    pointer-events: none
}

.jw-overlays {
    cursor: auto
}

.jw-text {
    height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-variant: normal;
    font-stretch: normal
}

.jw-autostart-mute,
.jw-controlbar,
.jw-display-icon-container .jw-icon,
.jw-nextup-container,
.jw-skip {
    pointer-events: all
}

.jw-error .jw-display-icon-container,
.jwplayer .jw-display-icon-container {
    width: auto;
    height: auto;
    box-sizing: content-box
}

.jw-display {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 57px 0;
    position: relative;
    width: 100%
}

.jw-flag-dragging .jw-display {
    display: none
}

.jw-state-idle:not(.jw-flag-cast-available) .jw-display {
    padding: 0
}

.jw-display-container {
    text-align: center
}

.jw-hide-ad-loading.jw-flag-ads .jw-display-container {
    display: none
}

.jw-display-controls {
    display: inline-block
}

.jwplayer .jw-display-icon-container {
    float: left
}

.jw-display-icon-container {
    display: inline-block;
    padding: 5.5px;
    margin: 0 22px
}

.jw-display-icon-container .jw-icon {
    height: 75px;
    width: 75px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.jw-display-icon-container .jw-icon .jw-svg-icon {
    height: 33px;
    width: 33px;
    padding: 0;
    position: relative
}

.jw-display-icon-container .jw-icon .jw-svg-icon-rewind {
    padding: .2em .05em
}

.jw-breakpoint--1 .jw-nextup-container {
    display: none
}

.jw-breakpoint--1 .jw-display-icon-next,
.jw-breakpoint--1 .jw-display-icon-rewind,
.jw-breakpoint-0 .jw-display-icon-next,
.jw-breakpoint-0 .jw-display-icon-rewind {
    display: none
}

.jw-breakpoint--1.jw-flag-touch .jw-display .jw-icon,
.jw-breakpoint--1.jw-flag-touch .jw-display .jw-svg-icon,
.jw-breakpoint-0.jw-flag-touch .jw-display .jw-icon,
.jw-breakpoint-0.jw-flag-touch .jw-display .jw-svg-icon {
    z-index: 100;
    position: relative
}

.jw-breakpoint--1 .jw-display .jw-icon,
.jw-breakpoint--1 .jw-display .jw-svg-icon,
.jw-breakpoint-0 .jw-display .jw-icon,
.jw-breakpoint-0 .jw-display .jw-svg-icon {
    width: 44px;
    height: 44px;
    line-height: 44px;
    stroke-width: 6.6px
}

.jw-breakpoint--1 .jw-display .jw-icon:before,
.jw-breakpoint--1 .jw-display .jw-svg-icon:before,
.jw-breakpoint-0 .jw-display .jw-icon:before,
.jw-breakpoint-0 .jw-display .jw-svg-icon:before {
    width: 22px;
    height: 22px
}

.jw-breakpoint-1 .jw-display .jw-icon,
.jw-breakpoint-1 .jw-display .jw-svg-icon {
    width: 44px;
    height: 44px;
    line-height: 44px;
    stroke-width: 6.6px
}

.jw-breakpoint-1 .jw-display .jw-icon:before,
.jw-breakpoint-1 .jw-display .jw-svg-icon:before {
    width: 22px;
    height: 22px
}

.jw-breakpoint-1 .jw-display .jw-icon.jw-icon-rewind:before {
    width: 33px;
    height: 33px
}

.jw-breakpoint-2 .jw-display .jw-icon,
.jw-breakpoint-2 .jw-display .jw-svg-icon,
.jw-breakpoint-3 .jw-display .jw-icon,
.jw-breakpoint-3 .jw-display .jw-svg-icon {
    width: 77px;
    height: 77px;
    line-height: 77px;
    stroke-width: 4.4px
}

.jw-breakpoint-2 .jw-display .jw-icon:before,
.jw-breakpoint-2 .jw-display .jw-svg-icon:before,
.jw-breakpoint-3 .jw-display .jw-icon:before,
.jw-breakpoint-3 .jw-display .jw-svg-icon:before {
    width: 38.5px;
    height: 38.5px
}

.jw-breakpoint-4 .jw-display .jw-icon,
.jw-breakpoint-4 .jw-display .jw-svg-icon,
.jw-breakpoint-5 .jw-display .jw-icon,
.jw-breakpoint-5 .jw-display .jw-svg-icon,
.jw-breakpoint-6 .jw-display .jw-icon,
.jw-breakpoint-6 .jw-display .jw-svg-icon,
.jw-breakpoint-7 .jw-display .jw-icon,
.jw-breakpoint-7 .jw-display .jw-svg-icon {
    width: 88px;
    height: 88px;
    line-height: 88px;
    stroke-width: 4.4px
}

.jw-breakpoint-4 .jw-display .jw-icon:before,
.jw-breakpoint-4 .jw-display .jw-svg-icon:before,
.jw-breakpoint-5 .jw-display .jw-icon:before,
.jw-breakpoint-5 .jw-display .jw-svg-icon:before,
.jw-breakpoint-6 .jw-display .jw-icon:before,
.jw-breakpoint-6 .jw-display .jw-svg-icon:before,
.jw-breakpoint-7 .jw-display .jw-icon:before,
.jw-breakpoint-7 .jw-display .jw-svg-icon:before {
    width: 44px;
    height: 44px
}

.jw-controlbar {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border: none;
    border-radius: 0;
    background-size: auto;
    box-shadow: none;
    max-height: 72px;
    transition: 250ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, visibility;
    transition-delay: 0s
}

.jw-flag-touch.jw-breakpoint-0 .jw-controlbar .jw-icon-inline {
    height: 40px
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar {
    max-height: 140px
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-tooltip {
    margin-bottom: -7px
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-icon-volume .jw-overlay {
    padding-bottom: 40%
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-text.jw-text-elapsed {
    justify-content: flex-end
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-icon-inline:not(.jw-text-live),
.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-icon-volume {
    height: 60px;
    width: 60px
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-icon-inline:not(.jw-text-live) .jw-svg-icon,
.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-button-container .jw-icon-volume .jw-svg-icon {
    height: 30px;
    width: 30px
}

.jw-controlbar .jw-button-image {
    background: no-repeat 50% 50%;
    background-size: contain;
    max-height: 24px
}

.jw-controlbar .jw-spacer {
    margin: 0 auto
}

.jw-controlbar .jw-icon.jw-button-color:hover {
    color: #fff
}

.jw-button-container {
    display: flex;
    flex-flow: row nowrap;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 12px
}

.jw-slider-horizontal {
    background-color: transparent
}

.jw-icon-inline {
    position: relative
}

.jw-icon-inline,
.jw-icon-tooltip {
    height: 44px;
    width: 44px;
    align-items: center;
    display: flex;
    justify-content: center
}

.jw-icon-inline:not(.jw-text),
.jw-icon-tooltip,
.jw-slider-horizontal {
    cursor: pointer
}

.jw-text-duration,
.jw-text-elapsed {
    justify-content: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    text-shadow: 0 0 2px rgba(0, 0, 0, .7)
}

.jw-icon-tooltip {
    position: relative
}

.jw-icon-display:hover,
.jw-icon-inline:hover,
.jw-icon-tooltip:hover,
.jw-knob:hover,
.jw-option:before:hover {
    color: #fff
}

.jw-controlbar .jw-tooltip,
.jw-display-controls .jw-tooltip,
.jw-settings-menu .jw-tooltip,
.jw-time-tip {
    pointer-events: none
}

.jw-icon-cast {
    display: none;
    margin: 0;
    padding: 0
}

.jw-icon-cast google-cast-launcher {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    stroke: #000;
    stroke-width: 1px;
    stroke-opacity: 30%;
    paint-order: stroke
}

.jw-fullscreen-ima {
    display: none
}

.jw-icon-inline.jw-icon-volume {
    display: none
}

.jwplayer .jw-text-countdown {
    display: none
}

.jw-flag-small-player .jw-display {
    padding-top: 0;
    padding-bottom: 0
}

.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container>.jw-icon-next,
.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container>.jw-icon-playback,
.jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container>.jw-icon-rewind {
    display: none
}

.jw-flag-ads-vpaid:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar,
.jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar,
.jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition-delay: 0s, 250ms
}

.jw-flag-ads-vpaid:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controls-backdrop,
.jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controls-backdrop,
.jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controls-backdrop {
    opacity: 0
}

.jwplayer:not(.jw-flag-ads):not(.jw-flag-live).jw-breakpoint-0 .jw-text-countdown {
    display: flex
}

.jwplayer:not(.jw-flag-ads):not(.jw-flag-live).jw-breakpoint--1 .jw-text-duration,
.jwplayer:not(.jw-flag-ads):not(.jw-flag-live).jw-breakpoint--1 .jw-text-elapsed,
.jwplayer:not(.jw-flag-ads):not(.jw-flag-live).jw-breakpoint-0 .jw-text-duration,
.jwplayer:not(.jw-flag-ads):not(.jw-flag-live).jw-breakpoint-0 .jw-text-elapsed {
    display: none
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-ads):not(.jw-flag-audio-player) .jw-related-btn,
.jwplayer.jw-breakpoint--1:not(.jw-flag-ads):not(.jw-flag-audio-player) .jw-slider-volume,
.jwplayer.jw-breakpoint--1:not(.jw-flag-ads):not(.jw-flag-audio-player) .jw-text-countdown {
    display: none
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-ads):not(.jw-flag-audio-player) .jw-controlbar {
    flex-direction: column-reverse
}

.jwplayer.jw-breakpoint--1:not(.jw-flag-ads):not(.jw-flag-audio-player) .jw-button-container {
    height: 30px
}

.jw-breakpoint--1.jw-flag-ads:not(.jw-flag-audio-player) .jw-icon-fullscreen,
.jw-breakpoint--1.jw-flag-ads:not(.jw-flag-audio-player) .jw-icon-volume {
    display: none
}

.jwplayer:not(.jw-breakpoint--1) .jw-text-duration:before,
.jwplayer:not(.jw-breakpoint-0) .jw-text-duration:before {
    content: "/";
    padding-right: 1ch;
    padding-left: 1ch
}

.jwplayer:not(.jw-flag-user-inactive) .jw-controlbar {
    will-change: transform
}

.jwplayer:not(.jw-flag-user-inactive) .jw-controlbar .jw-text {
    transform-style: preserve-3d
}

.jwplayer:not(.jw-flag-fullscreen) .jw-fullscreen-disallowed {
    display: none
}

.jw-slider-container {
    display: flex;
    align-items: center;
    position: relative;
    touch-action: none
}

.jw-buffer,
.jw-progress,
.jw-rail {
    position: absolute;
    cursor: pointer
}

.jw-progress {
    background-color: #f2f2f2
}

.jw-rail {
    background-color: rgba(255, 255, 255, .3)
}

.jw-buffer {
    background-color: rgba(255, 255, 255, .3)
}

.jw-knob {
    height: 13px;
    width: 13px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%) scale(0);
    transition: 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform
}

.jw-flag-dragging .jw-slider-time .jw-knob,
.jw-icon-volume:active .jw-slider-volume .jw-knob {
    box-shadow: 0 0 26px rgba(0, 0, 0, .2), 0 0 10px rgba(0, 0, 0, .4), 0 0 0 6px rgba(255, 255, 255, .2)
}

.jw-slider-horizontal,
.jw-slider-vertical {
    display: flex
}

.jw-slider-horizontal .jw-slider-container {
    height: 5px;
    width: 100%
}

.jw-slider-horizontal .jw-buffer,
.jw-slider-horizontal .jw-cue,
.jw-slider-horizontal .jw-knob,
.jw-slider-horizontal .jw-progress,
.jw-slider-horizontal .jw-rail {
    top: 50%
}

.jw-slider-horizontal .jw-buffer,
.jw-slider-horizontal .jw-cue,
.jw-slider-horizontal .jw-progress,
.jw-slider-horizontal .jw-rail {
    transform: translate(0, -50%)
}

.jw-slider-horizontal .jw-buffer,
.jw-slider-horizontal .jw-progress,
.jw-slider-horizontal .jw-rail {
    height: 5px
}

.jw-slider-horizontal .jw-rail {
    width: 100%
}

.jw-slider-vertical {
    align-items: center;
    flex-direction: column
}

.jw-slider-vertical .jw-slider-container {
    height: 88px;
    width: 5px
}

.jw-slider-vertical .jw-buffer,
.jw-slider-vertical .jw-knob,
.jw-slider-vertical .jw-progress,
.jw-slider-vertical .jw-rail {
    left: 50%
}

.jw-slider-vertical .jw-buffer,
.jw-slider-vertical .jw-progress,
.jw-slider-vertical .jw-rail {
    height: 100%;
    width: 5px;
    backface-visibility: hidden;
    transform: translate(-50%, 0);
    transition: transform 150ms ease-in-out;
    bottom: 0
}

.jw-slider-vertical .jw-knob {
    transform: translate(-50%, 50%)
}

.jw-slider-time.jw-tab-focus:focus .jw-rail {
    outline: solid 2px #4d90fe
}

.jw-horizontal-volume-container .jw-slider-volume,
.jw-slider-time:not(.jw-chapter-slider-time) {
    height: 17px;
    width: 100%;
    align-items: center;
    background: transparent none;
    padding: 0 12px
}

.jw-slider-time .jw-cue {
    background-color: rgba(33, 33, 33, .8);
    cursor: pointer;
    position: absolute;
    width: 6px
}

.jw-horizontal-volume-container,
.jw-slider-time:not(.jw-chapter-slider-time) {
    z-index: 1;
    outline: 0
}

.jw-horizontal-volume-container .jw-buffer,
.jw-horizontal-volume-container .jw-cue,
.jw-horizontal-volume-container .jw-progress,
.jw-horizontal-volume-container .jw-rail,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-buffer,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-cue,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-progress,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-rail {
    backface-visibility: hidden;
    height: 100%;
    transform: translate(0, -50%) scale(1, .6);
    transition: transform 150ms ease-in-out
}

.jw-flag-dragging .jw-horizontal-volume-container .jw-buffer,
.jw-flag-dragging .jw-horizontal-volume-container .jw-cue,
.jw-flag-dragging .jw-horizontal-volume-container .jw-progress,
.jw-flag-dragging .jw-horizontal-volume-container .jw-rail,
.jw-flag-dragging .jw-slider-time:not(.jw-chapter-slider-time) .jw-buffer,
.jw-flag-dragging .jw-slider-time:not(.jw-chapter-slider-time) .jw-cue,
.jw-flag-dragging .jw-slider-time:not(.jw-chapter-slider-time) .jw-progress,
.jw-flag-dragging .jw-slider-time:not(.jw-chapter-slider-time) .jw-rail,
.jw-flag-touch .jw-horizontal-volume-container .jw-buffer,
.jw-flag-touch .jw-horizontal-volume-container .jw-cue,
.jw-flag-touch .jw-horizontal-volume-container .jw-progress,
.jw-flag-touch .jw-horizontal-volume-container .jw-rail,
.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time) .jw-buffer,
.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time) .jw-cue,
.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time) .jw-progress,
.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time) .jw-rail,
.jw-horizontal-volume-container:focus .jw-buffer,
.jw-horizontal-volume-container:focus .jw-cue,
.jw-horizontal-volume-container:focus .jw-progress,
.jw-horizontal-volume-container:focus .jw-rail,
.jw-horizontal-volume-container:hover .jw-buffer,
.jw-horizontal-volume-container:hover .jw-cue,
.jw-horizontal-volume-container:hover .jw-progress,
.jw-horizontal-volume-container:hover .jw-rail,
.jw-slider-time:not(.jw-chapter-slider-time):focus .jw-buffer,
.jw-slider-time:not(.jw-chapter-slider-time):focus .jw-cue,
.jw-slider-time:not(.jw-chapter-slider-time):focus .jw-progress,
.jw-slider-time:not(.jw-chapter-slider-time):focus .jw-rail,
.jw-slider-time:not(.jw-chapter-slider-time):hover .jw-buffer,
.jw-slider-time:not(.jw-chapter-slider-time):hover .jw-cue,
.jw-slider-time:not(.jw-chapter-slider-time):hover .jw-progress,
.jw-slider-time:not(.jw-chapter-slider-time):hover .jw-rail {
    transform: translate(0, -50%) scale(1, 1)
}

.jw-horizontal-volume-container:focus .jw-knob,
.jw-horizontal-volume-container:hover .jw-knob,
.jw-slider-time:not(.jw-chapter-slider-time):focus .jw-knob,
.jw-slider-time:not(.jw-chapter-slider-time):hover .jw-knob {
    transform: translate(-50%, -50%) scale(1)
}

.jw-horizontal-volume-container .jw-rail,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-rail {
    background-color: rgba(255, 255, 255, .2)
}

.jw-horizontal-volume-container .jw-buffer,
.jw-slider-time:not(.jw-chapter-slider-time) .jw-buffer {
    background-color: rgba(255, 255, 255, .4)
}

.jw-flag-touch .jw-horizontal-volume-container::before,
.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time)::before {
    height: 44px;
    width: 100%;
    content: "";
    position: absolute;
    display: block;
    bottom: calc(100% - 17px);
    left: 0
}

.jw-breakpoint-0.jw-flag-touch .jw-horizontal-volume-container::before,
.jw-breakpoint-0.jw-flag-touch .jw-slider-time:not(.jw-chapter-slider-time)::before {
    height: 34px
}

.jw-horizontal-volume-container.jw-tab-focus:focus .jw-rail,
.jw-slider-time:not(.jw-chapter-slider-time).jw-tab-focus:focus .jw-rail {
    outline: solid 2px #4d90fe
}

.jw-flag-horizontal-slider .jw-overlay {
    display: none
}

.jw-flag-audio-player .jw-flag-horizontal-slider~.jw-horizontal-volume-container,
.jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider~.jw-horizontal-volume-container {
    display: flex;
    transition: width .3s cubic-bezier(0, .25, .25, 1);
    width: 0
}

.jw-flag-audio-player .jw-flag-horizontal-slider~.jw-horizontal-volume-container.jw-open,
.jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider~.jw-horizontal-volume-container.jw-open {
    width: 140px
}

.jw-flag-audio-player .jw-flag-horizontal-slider~.jw-horizontal-volume-container.jw-open .jw-slider-volume,
.jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider~.jw-horizontal-volume-container.jw-open .jw-slider-volume {
    padding-right: 12px;
    opacity: 1
}

.jw-flag-audio-player .jw-flag-horizontal-slider~.jw-horizontal-volume-container .jw-slider-volume,
.jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider~.jw-horizontal-volume-container .jw-slider-volume {
    transition: opacity .3s;
    opacity: 0
}

.jw-flag-audio-player .jw-flag-horizontal-slider~.jw-horizontal-volume-container .jw-slider-volume .jw-knob,
.jwplayer:not(.jw-flag-small-player) .jw-flag-horizontal-slider~.jw-horizontal-volume-container .jw-slider-volume .jw-knob {
    transform: translate(-50%, -50%)
}

.jw-flag-audio-player .jw-button-container .jw-icon,
.jwplayer:not(.jw-flag-small-player) .jw-button-container .jw-icon {
    flex: 0 0 auto
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-time {
    height: 17px;
    padding: 0
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-time .jw-slider-container {
    height: 10px
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-time .jw-knob {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .75);
    height: 12px;
    width: 10px
}

.jw-breakpoint-0 .jw-slider-time {
    height: 11px
}

.jw-horizontal-volume-container {
    display: none
}

.jw-slider-horizontal.jw-chapter-slider-time {
    height: 16px;
    width: 100%;
    align-items: center;
    background: transparent none;
    padding: 0 12px;
    outline: 0
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-old-buffer,
.jw-slider-horizontal.jw-chapter-slider-time .jw-old-progress,
.jw-slider-horizontal.jw-chapter-slider-time .jw-old-rail {
    position: absolute;
    cursor: pointer
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-old-rail {
    width: 100%;
    backface-visibility: hidden;
    height: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, 0)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-old-buffer,
.jw-slider-horizontal.jw-chapter-slider-time .jw-old-progress {
    opacity: 0;
    pointer-events: none
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-cue {
    width: 3px;
    height: 100%
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container {
    z-index: 1;
    height: 100%
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container:hover .jw-knob {
    transform: translate(-50%, -50%) scale(1)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-horizontal-volume-container {
    display: none
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment {
    position: relative;
    flex: 0 0 0px;
    height: 100%
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment:hover .jw-timesegment-resetter {
    transform: translate(0, -50%) scale(1, 1)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment:hover .jw-timesegment-background {
    background-color: rgba(255, 255, 255, .49)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment:hover .jw-timesegment-buffered {
    background-color: rgba(0, 0, 0, 0)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-resetter {
    height: 5px;
    width: 100%;
    top: 50%;
    position: relative;
    transform: translate(0, -50%) scale(1, .6)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-container {
    height: 100%;
    position: relative
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-bar {
    height: 100%;
    position: absolute
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-background {
    width: 100%;
    background-color: rgba(255, 255, 255, .3)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-buffered {
    width: 0%;
    background-color: rgba(255, 255, 255, .3)
}

.jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container .jw-timesegment-progress {
    width: 0%;
    background-color: #f2f2f2
}

.jw-flag-touch .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container::before {
    height: 44px;
    width: 100%;
    content: "";
    position: absolute;
    display: block;
    bottom: calc(100% - 17px);
    left: 0
}

.jw-breakpoint-0.jw-flag-touch .jw-slider-horizontal.jw-chapter-slider-time::before {
    height: 34px
}

.jw-flag-dragging .jw-slider-horizontal.jw-chapter-slider-time .jw-timesegment-resetter,
.jw-flag-touch .jw-slider-horizontal.jw-chapter-slider-time .jw-timesegment-resetter {
    transform: translate(0, -50%) scale(1, 1)
}

.jw-slider-horizontal.jw-chapter-slider-time:focus .jw-knob,
.jw-slider-horizontal.jw-chapter-slider-time:hover .jw-knob {
    transform: translate(-50%, -50%) scale(1)
}

.jw-slider-horizontal.jw-chapter-slider-time.jw-tab-focus:focus .jw-old-rail {
    outline: solid 2px #4d90fe
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container {
    height: 100%
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-horizontal.jw-chapter-slider-time .jw-timesegment-resetter {
    height: 10px
}

.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-slider-horizontal.jw-chapter-slider-time .jw-knob {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, .75);
    height: 12px;
    width: 10px
}

.jw-breakpoint-0 .jw-slider-horizontal.jw-chapter-slider-time {
    height: 11px
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container {
    height: 100%
}

.jw-breakpoint-7:not(.jw-flag-audio-player) .jw-controlbar .jw-slider-horizontal.jw-chapter-slider-time .jw-timesegment-resetter {
    height: 10px
}

.jw-modal {
    width: 284px
}

.jw-breakpoint-5 .jw-modal,
.jw-breakpoint-6 .jw-modal,
.jw-breakpoint-7 .jw-modal {
    height: 232px
}

.jw-breakpoint-3 .jw-modal,
.jw-breakpoint-4 .jw-modal {
    height: 192px
}

.jw-breakpoint-2 .jw-modal,
.jw-flag-small-player .jw-modal {
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-height: none;
    max-width: none;
    z-index: 2
}

.jwplayer .jw-rightclick {
    display: none;
    position: absolute;
    white-space: nowrap
}

.jwplayer .jw-rightclick.jw-open {
    display: block
}

.jwplayer .jw-rightclick .jw-rightclick-list {
    border-radius: 1px;
    list-style: none;
    margin: 0;
    padding: 0
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item {
    background-color: rgba(0, 0, 0, .8);
    border-bottom: 1px solid #444;
    margin: 0
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item .jw-rightclick-logo {
    color: #fff;
    display: inline-flex;
    padding: 0 10px 0 0;
    vertical-align: middle
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item .jw-rightclick-logo .jw-svg-icon {
    height: 20px;
    width: 20px
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item .jw-rightclick-link {
    border: none;
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 1em;
    padding: 15px 23px;
    text-align: start;
    text-decoration: none;
    width: 100%
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item:last-child {
    border-bottom: none
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-rightclick-item:hover {
    cursor: pointer
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-featured {
    vertical-align: middle
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-featured .jw-rightclick-link {
    color: #fff
}

.jwplayer .jw-rightclick .jw-rightclick-list .jw-featured .jw-rightclick-link span {
    color: #fff;
    font-size: 12px
}

.jwplayer .jw-rightclick .jw-rightclick-link {
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer
}

.jw-icon-tooltip.jw-open .jw-overlay {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s
}

.jw-icon-tooltip.jw-open .jw-overlay:focus {
    outline: 0
}

.jw-icon-tooltip.jw-open .jw-overlay:focus.jw-tab-focus {
    outline: solid 2px #4d90fe
}

.jw-slider-time .jw-overlay:before {
    height: 1em;
    top: auto
}

.jw-slider-time .jw-icon-tooltip.jw-open .jw-overlay {
    pointer-events: none
}

.jw-volume-tip {
    padding: 13px 0 26px
}

.jw-controlbar .jw-tooltip,
.jw-display-controls .jw-tooltip,
.jw-settings-menu .jw-tooltip,
.jw-time-tip {
    height: auto;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    color: #fff;
    display: block;
    margin: 0 0 14px;
    pointer-events: none;
    position: relative;
    z-index: 0;
    background-color: #fff
}

.jw-controlbar .jw-tooltip::after,
.jw-display-controls .jw-tooltip::after,
.jw-settings-menu .jw-tooltip::after,
.jw-time-tip::after {
    top: 100%;
    position: absolute;
    left: 50%;
    height: 14px;
    width: 14px;
    border-radius: 1px;
    background-color: currentColor;
    transform-origin: 75% 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1
}

.jw-controlbar .jw-tooltip .jw-text,
.jw-display-controls .jw-tooltip .jw-text,
.jw-settings-menu .jw-tooltip .jw-text,
.jw-time-tip .jw-text {
    background-color: #fff;
    border-radius: 1px;
    color: #000;
    font-size: 10px;
    height: auto;
    line-height: 1;
    padding: 7px 10px;
    display: inline-block;
    min-width: 100%;
    vertical-align: middle;
    min-height: 2.4em
}

.jw-controlbar .jw-overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin: 0;
    min-height: 44px;
    min-width: 44px;
    opacity: 0;
    pointer-events: none;
    transition: 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, visibility;
    transition-delay: 0s, 150ms;
    transform: translate(-50%, 0);
    width: 100%;
    z-index: 1
}

.jw-controlbar .jw-overlay .jw-contents {
    position: relative
}

.jw-controlbar .jw-option {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
    height: 1.5em;
    font-family: inherit;
    line-height: 1.5em;
    padding: 0 .5em;
    font-size: .8em;
    margin: 0
}

.jw-controlbar .jw-option::before {
    padding-right: .125em
}

.jw-controlbar .jw-tooltip,
.jw-display-controls .jw-tooltip,
.jw-settings-menu .jw-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, 0);
    transition: .1s 0s cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform, visibility;
    visibility: hidden;
    white-space: nowrap;
    width: auto;
    z-index: 1
}

.jw-controlbar .jw-tooltip.jw-open,
.jw-display-controls .jw-tooltip.jw-open,
.jw-settings-menu .jw-tooltip.jw-open {
    opacity: 1;
    transform: translate(-50%, -10px);
    transition-duration: 150ms;
    transition-delay: .5s, 0s, .5s;
    visibility: visible
}

.jw-controlbar .jw-tooltip.jw-tooltip-fullscreen,
.jw-display-controls .jw-tooltip.jw-tooltip-fullscreen,
.jw-settings-menu .jw-tooltip.jw-tooltip-fullscreen {
    left: auto;
    right: 0;
    transform: translate(0, 0)
}

.jw-controlbar .jw-tooltip.jw-tooltip-fullscreen.jw-open,
.jw-display-controls .jw-tooltip.jw-tooltip-fullscreen.jw-open,
.jw-settings-menu .jw-tooltip.jw-tooltip-fullscreen.jw-open {
    transform: translate(0, -10px)
}

.jw-controlbar .jw-tooltip.jw-tooltip-fullscreen::after,
.jw-display-controls .jw-tooltip.jw-tooltip-fullscreen::after,
.jw-settings-menu .jw-tooltip.jw-tooltip-fullscreen::after {
    left: auto;
    right: 9px
}

.jw-display-controls .jw-tooltip {
    position: absolute;
    bottom: 57%;
    left: auto;
    transform: translate(0, 0)
}

.jw-display-controls .jw-tooltip.jw-open {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    transform: translate(0, -10px)
}

.jw-display-controls .jw-tooltip .jw-text {
    min-width: 0;
    min-height: 1.2em
}

.jw-display-controls .jw-tooltip::after {
    top: 100%;
    position: absolute;
    left: 50%
}

.jw-tooltip-time {
    height: auto;
    width: 0;
    bottom: 100%;
    line-height: normal;
    padding: 0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.jw-tooltip-time .jw-overlay {
    bottom: 0;
    min-height: 0;
    width: auto
}

.jw-tooltip {
    bottom: 57px;
    display: none;
    position: absolute
}

.jw-tooltip .jw-text {
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    direction: unset;
    max-width: 246px;
    overflow: hidden
}

.jw-flag-audio-player .jw-tooltip {
    display: none
}

.jw-flag-small-player .jw-time-thumb {
    display: none
}

.jw-chapter-slider-time .jw-tooltip-time .jw-overlay:before {
    height: 1em;
    top: auto
}

.jw-chapter-slider-time .jw-tooltip-time .jw-icon-tooltip.jw-open .jw-overlay {
    pointer-events: none
}

.jwplayer .jw-shortcuts-tooltip {
    top: 50%;
    position: absolute;
    left: 50%;
    background: rgba(38, 38, 38, .8);
    transform: translate(-50%, -50%);
    display: none;
    color: #fff;
    pointer-events: all;
    -webkit-user-select: text;
    user-select: text;
    overflow: hidden;
    flex-direction: column;
    z-index: 1
}

.jwplayer .jw-shortcuts-tooltip.jw-open {
    display: flex
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-close {
    flex: 0 0 auto;
    margin: 5px 5px 5px auto
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container {
    display: flex;
    flex: 1 1 auto;
    flex-flow: column;
    font-size: 12px;
    margin: 0 20px 20px;
    overflow-y: auto;
    padding: 5px
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 1px solid #262626;
    border-radius: 6px
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-title {
    font-weight: 700
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-tooltip-list {
    display: flex;
    max-width: 340px;
    margin: 0 10px
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-tooltip-list .jw-shortcuts-tooltip-descriptions {
    width: 100%
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-tooltip-list .jw-shortcuts-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    width: 100%
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-tooltip-list .jw-shortcuts-row .jw-shortcuts-description {
    margin-right: 10px;
    max-width: 70%
}

.jwplayer .jw-shortcuts-tooltip .jw-shortcuts-container .jw-shortcuts-tooltip-list .jw-shortcuts-row .jw-shortcuts-key {
    background: #fefefe;
    color: #333;
    overflow: hidden;
    padding: 7px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jw-skip {
    color: rgba(255, 255, 255, .8);
    cursor: default;
    position: absolute;
    display: flex;
    right: .75em;
    bottom: 56px;
    padding: .5em;
    border: 1px solid #333;
    background-color: #000;
    align-items: center;
    height: 2em
}

.jw-skip.jw-tab-focus:focus {
    outline: solid 2px #4d90fe
}

.jw-skip.jw-skippable {
    cursor: pointer;
    padding: .25em .75em
}

.jw-skip.jw-skippable:hover {
    cursor: pointer;
    color: #fff
}

.jw-skip.jw-skippable .jw-skip-icon {
    display: inline;
    height: 24px;
    width: 24px;
    margin: 0
}

.jw-breakpoint-7 .jw-skip {
    padding: 1.35em 1em;
    bottom: 130px
}

.jw-breakpoint-7 .jw-skip .jw-text {
    font-size: 1em;
    font-weight: 400
}

.jw-breakpoint-7 .jw-skip .jw-icon-inline {
    height: 30px;
    width: 30px
}

.jw-breakpoint-7 .jw-skip .jw-icon-inline .jw-svg-icon {
    height: 30px;
    width: 30px
}

.jw-skip .jw-skip-icon {
    display: none;
    margin-left: -.75em;
    padding: 0 .5em;
    pointer-events: none
}

.jw-skip .jw-skip-icon .jw-svg-icon-next {
    display: block;
    padding: 0
}

.jw-skip .jw-skip-icon,
.jw-skip .jw-text {
    vertical-align: middle;
    font-size: .7em
}

.jw-skip .jw-text {
    font-weight: 700
}

.jw-cast {
    background-size: cover;
    display: none;
    height: 100%;
    position: relative;
    width: 100%
}

.jw-cast-container {
    background: linear-gradient(180deg, rgba(25, 25, 25, .75), rgba(25, 25, 25, .25), rgba(25, 25, 25, 0));
    left: 0;
    padding: 20px 20px 80px;
    position: absolute;
    top: 0;
    width: 100%
}

.jw-cast-text {
    color: #fff;
    font-size: 1.6em
}

.jw-breakpoint--1 .jw-cast-text,
.jw-breakpoint-0 .jw-cast-text {
    font-size: 1.15em
}

.jw-breakpoint-1 .jw-cast-text,
.jw-breakpoint-2 .jw-cast-text,
.jw-breakpoint-3 .jw-cast-text {
    font-size: 1.3em
}

.jw-nextup-container {
    position: absolute;
    bottom: 66px;
    left: 0;
    background-color: transparent;
    cursor: pointer;
    padding: 12px;
    pointer-events: none;
    right: 0;
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column
}

.jw-info-open .jw-nextup-container,
.jw-settings-open .jw-nextup-container {
    display: none
}

.jw-breakpoint-7 .jw-nextup-container {
    padding: 60px
}

.jw-flag-small-player .jw-nextup-container {
    padding: 0 12px 0 0
}

.jw-flag-small-player .jw-nextup-container .jw-nextup-close,
.jw-flag-small-player .jw-nextup-container .jw-nextup-duration,
.jw-flag-small-player .jw-nextup-container .jw-nextup-title {
    display: none
}

.jw-flag-small-player .jw-nextup-container .jw-nextup-tooltip {
    height: 30px
}

.jw-flag-small-player .jw-nextup-container .jw-nextup-header {
    font-size: 12px
}

.jw-flag-small-player .jw-nextup-container .jw-nextup-body {
    justify-content: center;
    align-items: center;
    padding: .75em .3em
}

.jw-flag-small-player .jw-nextup-container .jw-nextup-thumbnail {
    width: 50%
}

.jw-flag-small-player .jw-nextup-container .jw-nextup {
    max-width: 65px
}

.jw-flag-small-player .jw-nextup-container .jw-nextup.jw-nextup-thumbnail-visible {
    max-width: 120px
}

.jw-nextup {
    background: rgba(38, 38, 38, .8);
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .8);
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    opacity: 0;
    position: relative;
    visibility: hidden;
    width: 64%;
    pointer-events: all;
    transform: translate(0, -5px);
    transition: 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform;
    transition-delay: 0s
}

.jw-nextup:hover .jw-nextup-tooltip {
    color: #fff
}

.jw-nextup.jw-nextup-thumbnail-visible {
    max-width: 400px
}

.jw-nextup.jw-nextup-thumbnail-visible .jw-nextup-thumbnail {
    display: block
}

.jw-nextup-container-visible .jw-nextup {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: 0s, 0s, 150ms
}

.jw-nextup-tooltip {
    display: flex;
    height: 80px
}

.jw-nextup-thumbnail {
    width: 120px;
    background-position: center;
    background-size: cover;
    flex: 0 0 auto;
    display: none
}

.jw-nextup-body {
    flex: 1 1 auto;
    overflow: hidden;
    padding: .75em .875em;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

.jw-nextup-header,
.jw-nextup-title {
    font-size: 14px;
    line-height: 1.35
}

.jw-nextup-header {
    font-weight: 700
}

.jw-nextup-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.jw-nextup-duration {
    align-self: flex-end;
    text-align: right;
    font-size: 12px
}

.jw-nextup-close {
    width: 25px;
    height: 24px;
    border: none;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    margin: 6px;
    visibility: hidden
}

.jw-nextup-close:hover {
    color: #fff
}

.jw-nextup-sticky .jw-nextup-close {
    visibility: visible
}

.jw-nextup-firefox-pip-fix {
    background: #262626
}

.jw-countdown-container {
    position: absolute;
    top: 28px;
    right: 28px;
    background-color: rgba(33, 33, 33, .8);
    cursor: none;
    margin: 0 auto;
    padding: 12px;
    pointer-events: none;
    text-align: center;
    visibility: hidden
}

.jw-countdown {
    color: #fff
}

.jw-countdown-show {
    visibility: visible
}

.jw-autostart-mute {
    position: absolute;
    bottom: 0;
    right: 12px;
    height: 44px;
    width: 44px;
    background-color: rgba(33, 33, 33, .4);
    padding: 5px 4px 5px 6px;
    display: none
}

.jwplayer.jw-flag-autostart:not(.jw-flag-media-audio) .jw-nextup {
    display: none
}

.jw-settings-menu {
    position: absolute;
    bottom: 57px;
    right: 12px;
    align-items: flex-start;
    background-color: #262626;
    display: none;
    flex-flow: column nowrap;
    max-width: 284px;
    pointer-events: auto
}

.jw-settings-open .jw-settings-menu {
    display: flex
}

.jw-breakpoint-7 .jw-settings-menu {
    bottom: 130px;
    right: 60px;
    max-height: none;
    max-width: none;
    height: 35%;
    width: 25%;
    min-height: 200px
}

.jw-breakpoint-7 .jw-settings-menu .jw-settings-topbar:not(.jw-nested-menu-open) .jw-icon-inline {
    height: 60px;
    width: 60px
}

.jw-breakpoint-7 .jw-settings-menu .jw-settings-topbar:not(.jw-nested-menu-open) .jw-icon-inline .jw-svg-icon {
    height: 30px;
    width: 30px
}

.jw-breakpoint-7 .jw-settings-menu .jw-settings-topbar:not(.jw-nested-menu-open) .jw-icon-inline .jw-tooltip .jw-text {
    font-size: 1em
}

.jw-breakpoint-7 .jw-settings-menu .jw-settings-back {
    min-width: 60px
}

.jw-breakpoint-5 .jw-settings-menu,
.jw-breakpoint-6 .jw-settings-menu {
    height: 232px;
    width: 284px;
    max-height: 232px
}

.jw-breakpoint-3 .jw-settings-menu,
.jw-breakpoint-4 .jw-settings-menu {
    height: 192px;
    width: 284px;
    max-height: 192px
}

.jw-breakpoint-2 .jw-settings-menu {
    height: 179px;
    width: 284px;
    max-height: 179px
}

.jw-flag-small-player .jw-settings-menu {
    max-width: none
}

.jw-settings-menu .jw-icon.jw-button-color::after {
    height: 100%;
    width: 24px;
    box-shadow: inset 0 -3px 0 -1px currentColor;
    margin: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-settings-menu .jw-icon.jw-button-color[aria-expanded=true]::after {
    opacity: 1
}

.jw-settings-menu .jw-settings-reset {
    text-decoration: underline
}

.jw-settings-topbar {
    align-items: center;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    flex: 0 0 auto;
    padding: 3px 5px 0;
    width: 100%
}

.jw-settings-topbar.jw-nested-menu-open {
    padding: 0
}

.jw-settings-topbar.jw-nested-menu-open .jw-icon:not(.jw-settings-close):not(.jw-settings-back) {
    display: none
}

.jw-settings-topbar.jw-nested-menu-open .jw-svg-icon-close {
    width: 20px
}

.jw-settings-topbar.jw-nested-menu-open .jw-svg-icon-arrow-left {
    height: 12px
}

.jw-settings-topbar.jw-nested-menu-open .jw-settings-topbar-text {
    display: block;
    outline: 0
}

.jw-settings-topbar .jw-settings-back {
    min-width: 44px
}

.jw-settings-topbar .jw-settings-topbar-buttons {
    display: inherit;
    width: 100%;
    height: 100%
}

.jw-settings-topbar .jw-settings-topbar-text {
    display: none;
    color: #fff;
    font-size: 13px;
    width: 100%
}

.jw-settings-topbar .jw-settings-close {
    margin-left: auto
}

.jw-settings-submenu {
    display: none;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 20px 0 5px
}

.jw-settings-submenu::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.jw-settings-submenu::-webkit-scrollbar-thumb {
    background-color: #fff;
    border: 1px solid #262626;
    border-radius: 6px
}

.jw-settings-submenu.jw-settings-submenu-active {
    display: block
}

.jw-settings-submenu .jw-submenu-topbar {
    box-shadow: 0 2px 9px 0 #1d1d1d;
    background-color: #2f2d2d;
    margin: -8px -20px 0 -5px
}

.jw-settings-submenu .jw-submenu-topbar .jw-settings-content-item {
    cursor: pointer;
    text-align: right;
    padding-right: 15px;
    text-decoration: underline
}

.jw-settings-submenu .jw-settings-value-wrapper {
    float: right;
    display: flex;
    align-items: center
}

.jw-settings-submenu .jw-settings-value-wrapper .jw-settings-content-item-arrow {
    display: flex
}

.jw-settings-submenu .jw-settings-value-wrapper .jw-svg-icon-arrow-right {
    width: 8px;
    margin-left: 5px;
    height: 12px
}

.jw-breakpoint-7 .jw-settings-submenu .jw-settings-content-item {
    font-size: 1em;
    padding: 11px 15px 11px 30px
}

.jw-breakpoint-7 .jw-settings-submenu .jw-settings-content-item .jw-settings-item-active::before {
    justify-content: flex-end
}

.jw-breakpoint-7 .jw-settings-submenu .jw-settings-content-item .jw-auto-label {
    font-size: .85em;
    padding-left: 10px
}

.jw-flag-touch .jw-settings-submenu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.jw-auto-label {
    font-size: 10px;
    font-weight: initial;
    opacity: .75;
    padding-left: 5px
}

.jw-settings-content-item {
    position: relative;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    padding: 7px 0 7px 15px;
    width: 100%;
    text-align: left;
    outline: 0
}

.jw-settings-content-item:hover {
    color: #fff
}

.jw-settings-content-item:focus {
    font-weight: 700
}

.jw-flag-small-player .jw-settings-content-item {
    line-height: 1.75
}

.jw-settings-content-item.jw-tab-focus:focus {
    border: solid 2px #4d90fe
}

.jw-settings-item-active {
    font-weight: 700;
    position: relative
}

.jw-settings-item-active::before {
    height: 100%;
    width: 1em;
    align-items: center;
    content: "\2022";
    display: inline-flex;
    justify-content: center
}

.jw-breakpoint-2 .jw-settings-open .jw-display-container,
.jw-flag-small-player .jw-settings-open .jw-display-container,
.jw-flag-touch .jw-settings-open .jw-display-container {
    display: none
}

.jw-breakpoint-2 .jw-settings-open.jw-controls,
.jw-flag-small-player .jw-settings-open.jw-controls,
.jw-flag-touch .jw-settings-open.jw-controls {
    z-index: 1
}

.jw-flag-small-player .jw-settings-open .jw-controlbar {
    display: none
}

.jw-settings-open .jw-icon-settings::after {
    opacity: 1
}

.jw-settings-open .jw-tooltip-settings {
    display: none
}

.jw-sharing-link {
    cursor: pointer
}

.jw-shortcuts-container .jw-switch {
    position: relative;
    display: flex;
    align-items: center;
    transition: ease-out .15s;
    transition-property: opacity, background;
    border-radius: 18px;
    width: 80px;
    height: 20px;
    padding: 10px;
    background: rgba(80, 80, 80, .8);
    cursor: pointer;
    font-size: inherit;
    vertical-align: middle;
    outline: 0
}

.jw-shortcuts-container .jw-switch.jw-tab-focus {
    border: solid 2px #4d90fe
}

.jw-shortcuts-container .jw-switch .jw-switch-knob {
    position: absolute;
    left: 1px;
    transition: ease-out .15s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    border-radius: 13px;
    width: 15px;
    height: 15px;
    background: #fefefe
}

.jw-shortcuts-container .jw-switch .jw-switch-disabled,
.jw-shortcuts-container .jw-switch .jw-switch-enabled {
    position: absolute;
    transition: inherit;
    color: #fefefe
}

.jw-shortcuts-container .jw-switch .jw-switch-disabled {
    right: 8px
}

.jw-shortcuts-container .jw-switch .jw-switch-enabled {
    left: 8px;
    opacity: 0
}

.jw-shortcuts-container .jw-switch[aria-checked=true] {
    background: #475470
}

.jw-shortcuts-container .jw-switch[aria-checked=true] .jw-switch-disabled {
    opacity: 0
}

.jw-shortcuts-container .jw-switch[aria-checked=true] .jw-switch-enabled {
    opacity: 1
}

.jw-shortcuts-container .jw-switch[aria-checked=true] .jw-switch-knob {
    left: 60px
}

.jw-idle-icon-text {
    display: none;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-indent: .35em;
    top: 100%;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%)
}

.jw-idle-label {
    border-radius: 50%;
    color: #fff;
    filter: drop-shadow(1px 1px 5px rgba(12, 26, 71, .25));
    font: 400 16px/1 Arial, Helvetica, sans-serif;
    position: relative;
    transition: background-color 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: background-color, filter;
    -webkit-font-smoothing: antialiased
}

.jw-state-idle .jw-icon-display.jw-idle-label .jw-idle-icon-text {
    display: block
}

.jw-state-idle .jw-icon-display.jw-idle-label .jw-svg-icon-play {
    transform: scale(.7, .7)
}

.jw-breakpoint--1.jw-state-idle .jw-icon-display.jw-idle-label,
.jw-breakpoint-0.jw-state-idle .jw-icon-display.jw-idle-label {
    font-size: 12px
}

.jw-video-thumbnail-container {
    position: relative;
    overflow: hidden
}

.jw-video-thumbnail-container:not(.jw-related-shelf-item-image) {
    height: 100%;
    width: 100%
}

.jw-video-thumbnail-container.jw-video-thumbnail-generated {
    position: absolute;
    top: 0;
    left: 0
}

.jw-related-item-content:hover .jw-video-thumbnail-container,
.jw-related-shelf-item:hover .jw-video-thumbnail-container,
.jw-video-thumbnail-container:hover {
    cursor: pointer
}

.jw-related-item-content:hover .jw-video-thumbnail-container .jw-video-thumbnail:not(.jw-video-thumbnail-completed),
.jw-related-shelf-item:hover .jw-video-thumbnail-container .jw-video-thumbnail:not(.jw-video-thumbnail-completed),
.jw-video-thumbnail-container:hover .jw-video-thumbnail:not(.jw-video-thumbnail-completed) {
    opacity: 1
}

.jw-video-thumbnail-container .jw-video-thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    transition: opacity .3s ease;
    object-fit: cover;
    background: #000
}

.jw-related-item-next-up .jw-video-thumbnail-container .jw-video-thumbnail {
    height: 100%;
    width: auto
}

.jw-video-thumbnail-container .jw-video-thumbnail.jw-video-thumbnail-visible:not(.jw-video-thumbnail-completed) {
    opacity: 1
}

.jw-video-thumbnail-container .jw-video-thumbnail.jw-video-thumbnail-completed {
    opacity: 0
}

.jw-video-thumbnail-container .jw-video-thumbnail~.jw-svg-icon-play {
    display: none
}

.jw-video-thumbnail-container .jw-video-thumbnail+.jw-related-shelf-item-aspect {
    pointer-events: none
}

.jw-video-thumbnail-container .jw-video-thumbnail+.jw-related-item-poster-content {
    pointer-events: none
}

.jw-state-idle:not(.jw-flag-cast-available) .jw-display {
    padding: 0
}

.jw-state-idle .jw-controls {
    background: rgba(0, 0, 0, .4)
}

.jw-state-idle.jw-flag-cardboard-available .jw-controlbar .jw-icon:not(.jw-icon-cardboard):not(.jw-icon-cast):not(.jw-icon-airplay),
.jw-state-idle.jw-flag-cardboard-available .jw-controlbar .jw-slider-time,
.jw-state-idle.jw-flag-cast-available:not(.jw-flag-audio-player) .jw-controlbar .jw-icon:not(.jw-icon-cardboard):not(.jw-icon-cast):not(.jw-icon-airplay),
.jw-state-idle.jw-flag-cast-available:not(.jw-flag-audio-player) .jw-controlbar .jw-slider-time {
    display: none
}

.jwplayer.jw-state-buffering .jw-display-icon-display .jw-icon:focus {
    border: none
}

.jwplayer.jw-state-buffering .jw-display-icon-display .jw-icon .jw-svg-icon-buffer {
    animation: jw-spin 2s linear infinite;
    display: block
}

@keyframes jw-spin {
    100% {
        transform: rotate(360deg)
    }
}

.jwplayer.jw-state-buffering .jw-icon-playback .jw-svg-icon-play {
    display: none
}

.jwplayer.jw-state-buffering .jw-icon-display .jw-svg-icon-pause {
    display: none
}

.jwplayer.jw-state-playing .jw-display .jw-icon-display .jw-svg-icon-play,
.jwplayer.jw-state-playing .jw-icon-playback .jw-svg-icon-play {
    display: none
}

.jwplayer.jw-state-playing .jw-display .jw-icon-display .jw-svg-icon-pause,
.jwplayer.jw-state-playing .jw-icon-playback .jw-svg-icon-pause {
    display: block
}

.jwplayer.jw-state-playing.jw-flag-user-inactive:not(.jw-flag-audio-player):not(.jw-flag-casting):not(.jw-flag-media-audio) .jw-controls-backdrop {
    opacity: 0
}

.jwplayer.jw-state-playing.jw-flag-user-inactive:not(.jw-flag-audio-player):not(.jw-flag-casting):not(.jw-flag-media-audio) .jw-logo-bottom-left,
.jwplayer.jw-state-playing.jw-flag-user-inactive:not(.jw-flag-audio-player):not(.jw-flag-casting):not(.jw-flag-media-audio):not(.jw-flag-autostart) .jw-logo-bottom-right {
    bottom: 0
}

.jwplayer .jw-icon-playback .jw-svg-icon-stop {
    display: none
}

.jwplayer.jw-state-complete .jw-svg-icon-pause,
.jwplayer.jw-state-error .jw-svg-icon-pause,
.jwplayer.jw-state-idle .jw-svg-icon-pause,
.jwplayer.jw-state-paused .jw-svg-icon-pause {
    display: none
}

.jwplayer.jw-state-buffering .jw-icon-display .jw-svg-icon-play,
.jwplayer.jw-state-complete .jw-icon-display .jw-svg-icon-play,
.jwplayer.jw-state-error .jw-icon-display .jw-svg-icon-play {
    display: none
}

.jwplayer:not(.jw-state-buffering) .jw-svg-icon-buffer {
    display: none
}

.jwplayer:not(.jw-state-complete) .jw-svg-icon-replay {
    display: none
}

.jwplayer:not(.jw-state-error) .jw-svg-icon-error {
    display: none
}

.jwplayer.jw-state-complete .jw-display .jw-icon-display .jw-svg-icon-replay {
    display: block
}

.jwplayer.jw-state-complete .jw-display .jw-text {
    display: none
}

.jwplayer.jw-state-complete .jw-controls {
    background: rgba(0, 0, 0, .4);
    height: 100%
}

.jw-state-idle .jw-icon-display .jw-svg-icon-pause,
.jwplayer.jw-state-complete .jw-icon-playback .jw-svg-icon-pause,
.jwplayer.jw-state-paused .jw-icon-display .jw-svg-icon-pause,
.jwplayer.jw-state-paused .jw-icon-playback .jw-svg-icon-pause {
    display: none
}

.jw-state-idle .jw-display-icon-next,
.jw-state-idle .jw-display-icon-rewind,
.jwplayer.jw-state-buffering .jw-display-icon-next,
.jwplayer.jw-state-buffering .jw-display-icon-rewind,
.jwplayer.jw-state-complete .jw-display-icon-next,
.jwplayer.jw-state-complete .jw-display-icon-rewind,
body .jw-error .jw-display-icon-next,
body .jw-error .jw-display-icon-rewind,
body .jwplayer.jw-state-error .jw-display-icon-next,
body .jwplayer.jw-state-error .jw-display-icon-rewind {
    display: none
}

body .jw-error .jw-icon-display,
body .jwplayer.jw-state-error .jw-icon-display {
    cursor: default
}

body .jw-error .jw-icon-display .jw-svg-icon-error,
body .jwplayer.jw-state-error .jw-icon-display .jw-svg-icon-error {
    display: block
}

body .jw-error .jw-icon-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

body .jwplayer.jw-state-error.jw-flag-audio-player .jw-preview {
    display: none
}

body .jwplayer.jw-state-error.jw-flag-audio-player .jw-title {
    padding-top: 4px
}

body .jwplayer.jw-state-error.jw-flag-audio-player .jw-title-primary {
    width: auto;
    display: inline-block;
    padding-right: .5ch
}

body .jwplayer.jw-state-error.jw-flag-audio-player .jw-title-secondary {
    width: auto;
    display: inline-block;
    padding-left: 0
}

.jwplayer.jw-state-idle:not(.jw-flag-audio-player):not(.jw-flag-cast-available):not(.jw-flag-cardboard-available) .jw-controlbar,
body .jwplayer.jw-state-error .jw-controlbar {
    display: none
}

.jwplayer.jw-state-idle:not(.jw-flag-audio-player):not(.jw-flag-cast-available):not(.jw-flag-cardboard-available) .jw-settings-menu,
body .jwplayer.jw-state-error .jw-settings-menu {
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.jwplayer.jw-state-idle:not(.jw-flag-audio-player):not(.jw-flag-cast-available):not(.jw-flag-cardboard-available) .jw-display,
body .jwplayer.jw-state-error .jw-display {
    padding: 0
}

.jwplayer.jw-state-idle:not(.jw-flag-audio-player):not(.jw-flag-cast-available):not(.jw-flag-cardboard-available) .jw-logo-bottom-left,
.jwplayer.jw-state-idle:not(.jw-flag-audio-player):not(.jw-flag-cast-available):not(.jw-flag-cardboard-available) .jw-logo-bottom-right,
body .jwplayer.jw-state-error .jw-logo-bottom-left,
body .jwplayer.jw-state-error .jw-logo-bottom-right {
    bottom: 0
}

.jwplayer.jw-state-playing.jw-flag-user-inactive .jw-display {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.jwplayer.jw-state-paused:not(.jw-flag-touch):not(.jw-flag-small-player):not(.jw-flag-casting):not(.jw-flag-play-rejected) .jw-display,
.jwplayer.jw-state-playing:not(.jw-flag-touch):not(.jw-flag-small-player):not(.jw-flag-casting) .jw-display {
    display: none
}

.jwplayer.jw-state-paused.jw-flag-play-rejected:not(.jw-flag-touch):not(.jw-flag-small-player):not(.jw-flag-casting) .jw-display-icon-next,
.jwplayer.jw-state-paused.jw-flag-play-rejected:not(.jw-flag-touch):not(.jw-flag-small-player):not(.jw-flag-casting) .jw-display-icon-rewind {
    display: none
}

.jwplayer.jw-state-buffering .jw-display-icon-display .jw-text,
.jwplayer.jw-state-complete .jw-display .jw-text {
    display: none
}

.jwplayer.jw-state-buffering .jw-display .jw-tooltip,
.jwplayer.jw-state-error .jw-display .jw-tooltip,
.jwplayer.jw-state-loading .jw-display .jw-tooltip,
.jwplayer.jw-state-stalled .jw-display .jw-tooltip {
    display: none
}

.jwplayer.jw-state-complete .jw-display .jw-tooltip .jw-text {
    display: inline-block
}

.jwplayer.jw-flag-casting:not(.jw-flag-audio-player) .jw-cast {
    display: block
}

.jwplayer.jw-flag-casting .jw-captions,
.jwplayer.jw-flag-casting .jw-icon-audio-tracks,
.jwplayer.jw-flag-casting .jw-icon-fullscreen,
.jwplayer.jw-flag-casting .jw-icon-hd {
    display: none
}

.jwplayer.jw-flag-casting.jw-flag-airplay-casting .jw-icon-airplay {
    color: #fff
}

.jw-state-paused.jw-flag-casting:not(.jw-flag-audio-player) .jw-display,
.jw-state-playing.jw-flag-casting:not(.jw-flag-audio-player) .jw-display {
    display: flex
}

.jwplayer.jw-flag-cast-available .jw-icon-airplay,
.jwplayer.jw-flag-cast-available .jw-icon-cast {
    display: flex
}

.jwplayer.jw-flag-cardboard-available .jw-icon-cardboard {
    display: flex
}

.jwplayer.jw-flag-live .jw-display-icon-rewind {
    visibility: hidden
}

.jwplayer.jw-flag-live .jw-controlbar .jw-slider-time,
.jwplayer.jw-flag-live .jw-controlbar .jw-text-countdown,
.jwplayer.jw-flag-live .jw-controlbar .jw-text-duration,
.jwplayer.jw-flag-live .jw-controlbar .jw-text-elapsed {
    display: none
}

.jwplayer.jw-flag-live .jw-controlbar .jw-text-alt {
    display: flex
}

.jwplayer.jw-flag-live .jw-controlbar .jw-overlay:after {
    display: none
}

.jwplayer.jw-flag-live .jw-nextup-container {
    bottom: 44px
}

.jwplayer.jw-flag-live .jw-text-duration,
.jwplayer.jw-flag-live .jw-text-elapsed {
    display: none
}

.jwplayer.jw-flag-live .jw-text-live {
    cursor: default
}

.jwplayer.jw-flag-live .jw-text-live:hover {
    color: rgba(255, 255, 255, .8)
}

.jwplayer.jw-flag-live.jw-state-buffering .jw-icon-playback:not(.jw-live-pause) .jw-svg-icon-stop,
.jwplayer.jw-flag-live.jw-state-playing .jw-icon-playback:not(.jw-live-pause) .jw-svg-icon-stop {
    display: block
}

.jwplayer.jw-flag-live.jw-state-buffering .jw-icon-playback:not(.jw-live-pause) .jw-svg-icon-pause,
.jwplayer.jw-flag-live.jw-state-playing .jw-icon-playback:not(.jw-live-pause) .jw-svg-icon-pause {
    display: none
}

.jw-text-live {
    height: 24px;
    width: auto;
    align-items: center;
    border-radius: 1px;
    color: rgba(255, 255, 255, .8);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    padding: 0 1ch;
    text-rendering: geometricPrecision;
    text-transform: uppercase;
    transition: 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: box-shadow, color
}

.jw-text-live::before {
    height: 8px;
    width: 8px;
    background-color: currentColor;
    border-radius: 50%;
    margin-right: 6px;
    opacity: 1;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-text-live.jw-dvr-live {
    box-shadow: inset 0 0 0 2px currentColor
}

.jw-text-live.jw-dvr-live::before {
    opacity: .5
}

.jw-text-live.jw-dvr-live:hover {
    color: #fff
}

.jwplayer.jw-flag-controls-hidden .jw-logo.jw-hide {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.jwplayer.jw-flag-controls-hidden:not(.jw-flag-casting) .jw-logo-top-right {
    top: 0
}

.jwplayer.jw-flag-controls-hidden:not(.jw-flag-touch.jw-breakpoint-4):not(.jw-flag-touch.jw-breakpoint-5):not(.jw-flag-touch.jw-breakpoint-6):not(.jw-flag-touch.jw-breakpoint-7) .jw-nextup-container {
    transform: translateY(66px)
}

.jwplayer.jw-flag-controls-hidden.jw-flag-touch.jw-state-playing.jw-breakpoint-4 .jw-nextup-container,
.jwplayer.jw-flag-controls-hidden.jw-flag-touch.jw-state-playing.jw-breakpoint-5 .jw-nextup-container,
.jwplayer.jw-flag-controls-hidden.jw-flag-touch.jw-state-playing.jw-breakpoint-6 .jw-nextup-container,
.jwplayer.jw-flag-controls-hidden.jw-flag-touch.jw-state-playing.jw-breakpoint-7 .jw-nextup-container {
    transform: translateY(4.25em)
}

.jw-flag-controls-hidden .jw-controlbar,
.jw-flag-controls-hidden .jw-display {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition-delay: 0s, 250ms
}

.jw-flag-controls-hidden .jw-controls-backdrop {
    opacity: 0
}

.jw-flag-controls-hidden .jw-logo {
    visibility: visible
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing .jw-logo.jw-hide {
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing:not(.jw-flag-casting) .jw-logo-top-right {
    top: 0
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing:not(.jw-flag-touch.jw-breakpoint-4):not(.jw-flag-touch.jw-breakpoint-5):not(.jw-flag-touch.jw-breakpoint-6):not(.jw-flag-touch.jw-breakpoint-7) .jw-nextup-container {
    transform: translateY(66px)
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing.jw-flag-touch.jw-state-playing.jw-breakpoint-4 .jw-nextup-container,
.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing.jw-flag-touch.jw-state-playing.jw-breakpoint-5 .jw-nextup-container,
.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing.jw-flag-touch.jw-state-playing.jw-breakpoint-6 .jw-nextup-container,
.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing.jw-flag-touch.jw-state-playing.jw-breakpoint-7 .jw-nextup-container {
    transform: translateY(4.25em)
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing:not(.jw-flag-controls-hidden) .jw-media {
    cursor: none;
    -webkit-cursor-visibility: auto-hide
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing.jw-flag-casting .jw-display {
    display: flex
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-state-playing:not(.jw-flag-ads) .jw-autostart-mute {
    display: flex
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-flag-casting .jw-nextup-container {
    bottom: 66px
}

.jwplayer.jw-flag-user-inactive:not(.jw-flag-media-audio).jw-flag-casting.jw-state-idle .jw-nextup-container {
    display: none
}

.jw-flag-media-audio .jw-preview {
    display: block
}

.jwplayer.jw-flag-rightclick-open {
    overflow: visible
}

.jwplayer.jw-flag-rightclick-open .jw-rightclick {
    z-index: 16777215
}

.jw-flag-touch.jw-breakpoint-4 .jw-captions,
.jw-flag-touch.jw-breakpoint-4 .jw-nextup-container,
.jw-flag-touch.jw-breakpoint-5 .jw-captions,
.jw-flag-touch.jw-breakpoint-5 .jw-nextup-container,
.jw-flag-touch.jw-breakpoint-6 .jw-captions,
.jw-flag-touch.jw-breakpoint-6 .jw-nextup-container,
.jw-flag-touch.jw-breakpoint-7 .jw-captions,
.jw-flag-touch.jw-breakpoint-7 .jw-nextup-container {
    bottom: 4.25em
}

.jw-flag-touch .jw-controlbar .jw-icon-volume {
    display: flex
}

.jw-flag-touch .jw-display,
.jw-flag-touch .jw-display-container,
.jw-flag-touch .jw-display-controls {
    pointer-events: none
}

.jw-flag-touch.jw-state-paused:not(.jw-breakpoint-1) .jw-display-icon-next,
.jw-flag-touch.jw-state-paused:not(.jw-breakpoint-1) .jw-display-icon-rewind,
.jw-flag-touch.jw-state-playing:not(.jw-breakpoint-1) .jw-display-icon-next,
.jw-flag-touch.jw-state-playing:not(.jw-breakpoint-1) .jw-display-icon-rewind {
    display: none
}

.jw-flag-touch.jw-state-paused.jw-flag-dragging .jw-display {
    display: none
}

.jw-flag-audio-player {
    background-color: #000
}

.jw-flag-audio-player .jw-media {
    visibility: hidden
}

.jw-flag-audio-player .jw-title {
    background: 0 0
}

.jw-flag-audio-player:not(.jw-flag-live) .jw-spacer {
    display: none
}

.jw-flag-audio-player .jw-display,
.jw-flag-audio-player .jw-nextup-container,
.jw-flag-audio-player .jw-preview,
.jw-flag-audio-player .jw-title {
    display: none
}

.jw-flag-audio-player .jw-controlbar {
    position: relative
}

.jw-flag-audio-player .jw-controlbar .jw-button-container {
    padding-right: 3px;
    padding-left: 0;
    justify-content: flex-start
}

.jw-flag-audio-player .jw-controlbar .jw-icon-inline,
.jw-flag-audio-player .jw-controlbar .jw-icon-tooltip {
    display: none
}

.jw-flag-audio-player .jw-controlbar .jw-icon-airplay,
.jw-flag-audio-player .jw-controlbar .jw-icon-cast,
.jw-flag-audio-player .jw-controlbar .jw-icon-next,
.jw-flag-audio-player .jw-controlbar .jw-icon-playback,
.jw-flag-audio-player .jw-controlbar .jw-icon-rewind,
.jw-flag-audio-player .jw-controlbar .jw-icon-volume,
.jw-flag-audio-player .jw-controlbar .jw-logo-button,
.jw-flag-audio-player .jw-controlbar .jw-text-duration,
.jw-flag-audio-player .jw-controlbar .jw-text-elapsed,
.jw-flag-audio-player .jw-controlbar .jw-text-live {
    display: flex;
    flex: 0 0 auto
}

.jw-flag-audio-player .jw-controlbar .jw-text-countdown,
.jw-flag-audio-player .jw-controlbar .jw-text-duration {
    padding-right: 10px
}

.jw-flag-audio-player .jw-controlbar .jw-chapter-slider-time,
.jw-flag-audio-player .jw-controlbar .jw-slider-time {
    flex: 0 1 auto;
    align-items: center;
    display: flex;
    order: 1
}

.jw-flag-audio-player .jw-controlbar .jw-icon-volume {
    margin-right: 0;
    transition: margin-right 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-flag-audio-player .jw-controlbar .jw-icon-volume .jw-overlay {
    display: none
}

.jw-flag-audio-player .jw-controlbar .jw-horizontal-volume-container~.jw-chapter-slider-time,
.jw-flag-audio-player .jw-controlbar .jw-horizontal-volume-container~.jw-slider-time {
    transition: opacity .3s, width .3s
}

.jw-flag-audio-player .jw-controlbar .jw-horizontal-volume-container.jw-open~.jw-chapter-slider-time,
.jw-flag-audio-player .jw-controlbar .jw-horizontal-volume-container.jw-open~.jw-slider-time {
    flex: 1 1 auto;
    width: auto
}

.jw-flag-audio-player .jw-controlbar .jw-slider-volume~.jw-icon-volume {
    margin-right: 140px
}

.jw-flag-audio-player.jw-breakpoint-1 .jw-horizontal-volume-container.jw-open~.jw-chapter-slider-time,
.jw-flag-audio-player.jw-breakpoint-1 .jw-horizontal-volume-container.jw-open~.jw-slider-time,
.jw-flag-audio-player.jw-breakpoint-2 .jw-horizontal-volume-container.jw-open~.jw-chapter-slider-time,
.jw-flag-audio-player.jw-breakpoint-2 .jw-horizontal-volume-container.jw-open~.jw-slider-time {
    opacity: 0
}

.jw-flag-audio-player.jw-flag-small-player .jw-text-duration,
.jw-flag-audio-player.jw-flag-small-player .jw-text-elapsed {
    display: none
}

.jw-flag-audio-player.jw-flag-ads .jw-chapter-slider-time,
.jw-flag-audio-player.jw-flag-ads .jw-slider-time {
    display: none
}

.jw-hidden {
    display: none
}

#mf-jwplayer-playlist-homepage .jw-video::-webkit-media-text-track-display {
    background-color: rgba(0, 0, 0, 0) !important;
}

#mf-jwplayer-playlist-homepage .jw-video::cue {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(0, 0, 0, 0.75) !important;
    font-family: sans-serif !important;
}

#mf-jwplayer-playlist-homepage .jw-text-track-display {
    background-color: rgba(0, 0, 0, 0);
}

#mf-jwplayer-playlist-homepage .jw-text-track-cue {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.75);
    font-family: sans-serif;
}

#mf-jwplayer-playlist-homepage .jw-controlbar .jw-icon-inline.jw-text,
#mf-jwplayer-playlist-homepage .jw-title-primary,
#mf-jwplayer-playlist-homepage .jw-title-secondary {
    color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-button-color:not(.jw-icon-cast),
#mf-jwplayer-playlist-homepage .jw-button-color.jw-toggle.jw-off:not(.jw-icon-cast) {
    color: rgba(255, 255, 255, 0.8);
}

#mf-jwplayer-playlist-homepage .jw-display-icon-container .jw-button-color {
    color: rgba(255, 255, 255, 0.8);
}

#mf-jwplayer-playlist-homepage .jw-icon-cast google-cast-launcher.jw-off {
    --disconnected-color: rgba(255, 255, 255, 0.8)
}

#mf-jwplayer-playlist-homepage .jw-display-icon-container .jw-button-color:hover,
#mf-jwplayer-playlist-homepage .jw-display-icon-container .jw-button-color:focus {
    color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-button-color.jw-toggle:not(.jw-icon-cast),
#mf-jwplayer-playlist-homepage .jw-button-color:hover:not(.jw-icon-cast),
#mf-jwplayer-playlist-homepage .jw-button-color:focus:not(.jw-icon-cast),
#mf-jwplayer-playlist-homepage .jw-button-color.jw-toggle.jw-off:hover:not(.jw-icon-cast) {
    color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-svg-icon-buffer {
    fill: rgba(255, 255, 255, 0.8);
}

#mf-jwplayer-playlist-homepage .jw-icon-cast:hover google-cast-launcher.jw-off {
    --disconnected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast:focus google-cast-launcher.jw-off {
    --disconnected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast google-cast-launcher.jw-off:focus {
    --disconnected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast google-cast-launcher {
    --connected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast google-cast-launcher:focus {
    --connected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast:hover google-cast-launcher {
    --connected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-icon-cast:focus google-cast-launcher {
    --connected-color: #FFFFFF
}

#mf-jwplayer-playlist-homepage .jw-settings-topbar,
#mf-jwplayer-playlist-homepage:not(.jw-state-idle) .jw-controlbar,
#mf-jwplayer-playlist-homepage.jw-flag-audio-player .jw-controlbar {
    background: rgba(0, 0, 0, 0);
}

#mf-jwplayer-playlist-homepage .jw-progress {
    background-color: rgb(242, 242, 242);
}

#mf-jwplayer-playlist-homepage .jw-slider-volume .jw-buffer {
    background-color: rgba(242, 242, 242, 0.5);
}

#mf-jwplayer-playlist-homepage .jw-slider-time .jw-buffer {
    background-color: rgba(242, 242, 242, 0.5);
}

#mf-jwplayer-playlist-homepage .jw-knob {
    background-color: rgb(242, 242, 242);
}

#mf-jwplayer-playlist-homepage .jw-rail {
    background-color: rgba(255, 255, 255, 0.3);
}

#mf-jwplayer-playlist-homepage .jw-option,
#mf-jwplayer-playlist-homepage .jw-toggle.jw-off,
#mf-jwplayer-playlist-homepage .jw-skip .jw-skip-icon,
#mf-jwplayer-playlist-homepage .jw-nextup-tooltip,
#mf-jwplayer-playlist-homepage .jw-nextup-close,
#mf-jwplayer-playlist-homepage .jw-settings-content-item,
#mf-jwplayer-playlist-homepage .jw-related-title {
    color: rgba(255, 255, 255, 0.8);
}

#mf-jwplayer-playlist-homepage .jw-option.jw-active-option,
#mf-jwplayer-playlist-homepage .jw-option:not(.jw-active-option):hover,
#mf-jwplayer-playlist-homepage .jw-option:not(.jw-active-option):focus,
#mf-jwplayer-playlist-homepage .jw-settings-content-item:hover,
#mf-jwplayer-playlist-homepage .jw-nextup-tooltip:hover,
#mf-jwplayer-playlist-homepage .jw-nextup-tooltip:focus,
#mf-jwplayer-playlist-homepage .jw-nextup-close:hover {
    color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-nextup,
#mf-jwplayer-playlist-homepage .jw-settings-menu {
    background: rgb(51, 51, 51);
}

#mf-jwplayer-playlist-homepage .jw-skip,
#mf-jwplayer-playlist-homepage .jw-tooltip .jw-text,
#mf-jwplayer-playlist-homepage .jw-time-tip .jw-text {
    background-color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-time-tip,
#mf-jwplayer-playlist-homepage .jw-tooltip {
    color: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-skip {
    border: none;
}

#mf-jwplayer-playlist-homepage .jw-skip .jw-text,
#mf-jwplayer-playlist-homepage .jw-skip .jw-icon,
#mf-jwplayer-playlist-homepage .jw-time-tip .jw-text,
#mf-jwplayer-playlist-homepage .jw-tooltip .jw-text {
    color: rgb(0, 0, 0);
}

#mf-jwplayer-playlist-homepage .jw-color-active {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-color-active-hover:hover {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
}

#mf-jwplayer-playlist-homepage .jw-color-inactive {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    stroke: rgba(255, 255, 255, 0.8);
}

#mf-jwplayer-playlist-homepage .jw-color-inactive-hover:hover {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
    stroke: rgba(255, 255, 255, 0.8);
}

.jw-related,
.jw-related-autoplay-svg,
.jw-related-container,
.jw-related-item-container,
.jw-related-item-content,
.jw-related-item-content-container,
.jw-related-item-group,
.jw-related-item-play .jw-svg-icon,
.jw-related-item-poster,
.jw-related-shelf-item-contents,
.jw-related-shelf-items,
.jw-related-shelf-list,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    height: 100%;
    width: 100%
}

.jw-flag-small-player .jw-related-container,
.jw-related-autoplay-svg,
.jw-related-title,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jw-shelf-widget .jw-svg-icon-play,
.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    top: 0;
    position: absolute;
    left: 0
}

.jw-related-item-title,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    position: absolute;
    bottom: 0;
    left: 0
}

.jw-related .jw-icon-inline.jw-related-close {
    position: absolute;
    top: 0;
    right: 0
}

.jw-flag-small-player .jw-related-container,
.jw-related-autoplay-svg,
.jw-shelf-widget .jw-svg-icon-play,
.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open {
    position: absolute;
    bottom: 0;
    right: 0
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    content: "";
    display: block
}

.jw-plugin-related {
    overflow: hidden;
    width: 100%
}

.jw-plugin-related:not(.jw-plugin-related-open) {
    pointer-events: none;
    display: none
}

.jw-flag-small-player .jw-plugin-related:not(.jw-plugin-related-open) {
    top: 0;
    bottom: auto
}

.jw-flag-touch:not(.jw-flag-small-player) .jw-plugin-related:not(.jw-plugin-related-open) {
    bottom: 88px
}

.jw-plugin-related.jw-plugin-related-open {
    opacity: 1;
    visibility: visible
}

.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open {
    background-color: #000;
    display: block
}

.jwplayer.jw-flag-overlay-open-related .jw-controls,
.jwplayer.jw-flag-overlay-open-related .jw-title {
    display: none
}

.jw-related {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: normal;
    pointer-events: all;
    position: relative
}

.jw-related-container {
    overflow: hidden
}

.jw-flag-small-player .jw-related-container {
    display: inline-block;
    margin: 44px auto auto;
    overflow: visible;
    padding: 0;
    height: calc(100% - (44px * 1.5));
    width: calc(100% - (44px * 3))
}

.jw-breakpoint-2 .jw-related-container,
.jw-breakpoint-3 .jw-related-container,
.jw-breakpoint-4 .jw-related-container {
    padding: 44px 44px 11px
}

.jw-breakpoint-5 .jw-related-container {
    padding: 44px 50px 6px
}

.jw-breakpoint-6 .jw-related-container {
    padding: 66px 66px 33px
}

.jw-breakpoint-7 .jw-related-container {
    padding: 77px 77px 37px
}

.jw-orientation-portrait .jw-related-container {
    align-items: center;
    display: flex
}

.jw-related-title {
    color: #aaa;
    background-color: transparent;
    font-size: 16px;
    line-height: 2.75;
    overflow: hidden;
    padding: 0 1em;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 44px;
    white-space: nowrap
}

.jw-breakpoint-5 .jw-related-title {
    font-size: 20px;
    line-height: 3
}

.jw-breakpoint-6 .jw-related-title {
    font-size: 24px
}

.jw-breakpoint-7 .jw-related-title {
    font-size: 28px
}

.jw-related-item-group {
    overflow: hidden;
    position: relative
}

.jw-related-item-next-up+.jw-related-item-group {
    display: none
}

.jw-breakpoint-2 .jw-related-item-next-up+.jw-related-item-group {
    width: 50%
}

.jwplayer:not(.jw-flag-small-player):not(.jw-breakpoint-2) .jw-related-item-next-up+.jw-related-item-group {
    width: 66.66666667%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-group {
    display: block
}

.jw-flag-small-player .jw-related-item-group {
    display: flex;
    flex-flow: row nowrap;
    overflow: visible;
    transition: transform 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) {
    animation: none;
    flex: 0 0 auto;
    opacity: .5;
    transform: scale(.75, .75);
    transform-origin: 50% 50%;
    transition: all 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform, transform-origin;
    pointer-events: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-item-title-text {
    background: 0 0;
    white-space: nowrap
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-item-title-text::after {
    content: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-next-up-text {
    font-weight: 400;
    padding: 0 10px 5px
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-poster-content {
    background: rgba(0, 0, 0, .4)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-duration {
    display: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:first-child {
    transform-origin: 80% 50%
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1, 1)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item .jw-related-item-poster-content {
    background: rgba(0, 0, 0, .4)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item~.jw-related-item {
    transform-origin: 20% 50%
}

@media (orientation:landscape) {
    .jw-flag-fullscreen .jw-orientation-portrait .jw-related-item-group {
        display: block
    }
}

@media (orientation:portrait) {
    .jw-orientation-portrait .jw-related-item.jw-related-item-next-up {
        width: 100%
    }
}

.jw-related-item {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 100%;
    outline: 0
}

.jw-related-item:focus .jw-related-item-content {
    outline: solid 2px #4d90fe
}

.jw-breakpoint-2 .jw-related-item,
.jw-breakpoint-3 .jw-related-item,
.jw-breakpoint-4 .jw-related-item {
    padding: 6px
}

.jw-breakpoint-5 .jw-related-item,
.jw-breakpoint-6 .jw-related-item {
    padding: 10px
}

.jw-breakpoint-7 .jw-related-item {
    padding: 15px
}

.jw-breakpoint-2 .jw-related-item-group .jw-related-item {
    height: 50%;
    width: 50%;
    display: none
}

.jw-breakpoint-2 .jw-related-item-group .jw-related-item:nth-child(-n+4) {
    display: block
}

.jw-breakpoint-2 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+2) {
    display: block;
    width: 100%
}

.jw-breakpoint-3 .jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-4 .jw-related-item-group .jw-related-item:nth-child(-n+9) {
    display: block
}

.jw-breakpoint-3 .jw-related-item-group .jw-related-item {
    height: 50%;
    width: 33.33333333%;
    display: none
}

.jw-breakpoint-4 .jw-related-item-group .jw-related-item {
    height: 33.33333333%;
    width: 33.33333333%;
    display: none
}

.jw-breakpoint-3 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+4),
.jw-breakpoint-4 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-5 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-6 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-7 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6) {
    display: block;
    width: 50%
}

.jw-breakpoint-4 .jw-related-item-group .jw-related-item,
.jw-breakpoint-5 .jw-related-item-group .jw-related-item,
.jw-breakpoint-6 .jw-related-item-group .jw-related-item,
.jw-breakpoint-7 .jw-related-item-group .jw-related-item {
    height: 33.33333333%;
    width: 33.33333333%;
    display: block
}

.jw-plugin-related-open .jw-related-item {
    animation: jw-related-item 250ms both cubic-bezier(0, .25, .25, 1)
}

.jw-plugin-related-open .jw-related-item:nth-child(1) {
    animation-delay: 50ms
}

.jw-plugin-related-open .jw-related-item:nth-child(2) {
    animation-delay: .1s
}

.jw-plugin-related-open .jw-related-item:nth-child(3) {
    animation-delay: 150ms
}

.jw-plugin-related-open .jw-related-item:nth-child(4) {
    animation-delay: .2s
}

.jw-plugin-related-open .jw-related-item:nth-child(5) {
    animation-delay: 250ms
}

.jw-plugin-related-open .jw-related-item:nth-child(6) {
    animation-delay: .3s
}

.jw-plugin-related-open .jw-related-item.jw-related-item-next-up {
    animation-delay: 0s
}

.jw-flag-small-player .jw-plugin-related-open .jw-related-item {
    animation-delay: 0s
}

.jw-related-item-content {
    background-color: #000;
    border: solid 1px rgba(255, 255, 255, .2);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: border-color 150ms cubic-bezier(0, .25, .25, 1)
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after {
    height: 30px;
    width: 100%;
    background-image: linear-gradient(transparent, #000);
    opacity: 0
}

.jw-related-item-content:hover,
.jw-related-item:focus .jw-related-item-content {
    background-color: #000;
    border-color: #fff
}

.jw-related-item-content:hover .jw-related-item-title-text,
.jw-related-item:focus .jw-related-item-content .jw-related-item-title-text {
    background-image: linear-gradient(transparent, #000);
    visibility: visible;
    white-space: normal
}

.jw-related-item-content:hover .jw-related-item-title-text::after,
.jw-related-item:focus .jw-related-item-content .jw-related-item-title-text::after {
    opacity: 1
}

.jw-related-item-content-container {
    overflow: hidden;
    position: relative
}

.jw-related-item-poster {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: block
}

.jw-related-item-poster-content {
    height: 100%;
    overflow: hidden;
    position: relative
}

.jw-related-item-duration {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    text-align: right;
    text-shadow: -1px -1px 20px rgba(0, 0, 0, .5), 1px 1px 20px rgba(0, 0, 0, .5)
}

.jw-breakpoint-2 .jw-related-item-duration,
.jw-breakpoint-3 .jw-related-item-duration {
    position: absolute;
    top: 10px;
    right: 10px
}

.jw-breakpoint-6 .jw-related-item-duration,
.jw-breakpoint-7 .jw-related-item-duration {
    position: absolute;
    top: 20px;
    right: 20px
}

.jw-breakpoint-6 .jw-related-item-duration {
    font-size: 14px
}

.jw-breakpoint-7 .jw-related-item-duration {
    font-size: 15px
}

.jw-related-item-play {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    opacity: 0
}

.jw-breakpoint-0 .jw-related-item-play {
    height: 32px;
    width: 32px
}

.jw-flag-small-player .jw-related-item-next-up .jw-related-item-play {
    transform: translate(-50%, -75%)
}

.jw-flag-small-player .jw-related-active-item .jw-related-item-play,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up:hover .jw-related-item-play {
    opacity: 1
}

.jw-related-item-title {
    overflow: hidden;
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    width: 100%
}

.jw-related-item-title .jw-related-next-up-text {
    color: currentColor;
    display: none;
    font-size: 13px;
    padding: 0 15px;
    text-align: start
}

.jw-flag-small-player .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-related-item-title .jw-related-item-title-text {
    background-image: linear-gradient(transparent, #000);
    box-sizing: border-box;
    color: currentColor;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    max-height: 104.6px;
    padding: 50px 15px 12px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start
}

.jw-flag-small-player .jw-related-item:not(.jw-related-active-item) .jw-related-item-title .jw-related-item-title-text {
    opacity: 0
}

.jw-flag-small-player .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px;
    line-height: 1.2;
    padding: 0 10px 10px
}

.jw-breakpoint-2 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-item-title-text {
    line-height: 1.3
}

.jw-breakpoint-5 .jw-related-item-title .jw-related-item-title-text {
    max-height: 122.8px
}

.jw-breakpoint-6 .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px;
    max-height: 141px
}

.jw-breakpoint-7 .jw-related-item-title .jw-related-item-title-text {
    font-size: 16px;
    line-height: 1.5;
    max-height: 159.2px
}

.jw-related-item-title .jw-item-index-text em {
    font-style: normal;
    font-weight: 700
}

.jw-breakpoint-2 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-2 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-4 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-4 .jw-related-item-title .jw-related-next-up-text {
    padding: 50px 10px 7px
}

.jw-breakpoint-6 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-6 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-7 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-7 .jw-related-item-title .jw-related-next-up-text {
    padding: 50px 20px 17px
}

.jw-flag-small-player .jw-related-item-title {
    text-shadow: none
}

.jw-related-item-description {
    opacity: .8;
    display: none;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden
}

.jw-related-item-description .jw-related-item-title-text {
    display: block
}

.jw-related-item-content:hover .jw-related-item-description .jw-related-item-title-text,
.jw-related-item:focus .jw-related-item-description .jw-related-item-title-text {
    opacity: 1
}

.jw-related-item-description-content {
    box-sizing: border-box;
    padding: 0 15px;
    text-align: start
}

.jw-breakpoint-4 .jw-related-item-description-content {
    padding: 0 10px
}

.jw-breakpoint-6 .jw-related-item-description-content,
.jw-breakpoint-7 .jw-related-item-description-content {
    padding: 0 20px
}

.jw-related-item-next-up {
    display: block;
    width: 100%
}

.jw-related-item.jw-related-item-next-up {
    height: 100%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    height: 50px;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, #000)
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-content::after {
    height: 75px
}

.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-content::after {
    height: 100px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-content::after {
    height: 125px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-content::after {
    height: 150px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-content::after {
    height: 175px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-content::after {
    height: 200px
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:focus .jw-related-item-content-container::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:hover .jw-related-item-content-container::after {
    background-image: linear-gradient(transparent, #000)
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:focus .jw-related-item-poster-content::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:hover .jw-related-item-poster-content::after {
    background-image: linear-gradient(transparent, #000)
}

.jw-breakpoint-2 .jw-related-item-next-up {
    width: 50%
}

.jw-breakpoint-3 .jw-related-item-next-up,
.jw-breakpoint-4 .jw-related-item-next-up,
.jw-breakpoint-5 .jw-related-item-next-up,
.jw-breakpoint-6 .jw-related-item-next-up,
.jw-breakpoint-7 .jw-related-item-next-up {
    width: 33.33333333%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster {
    height: 42.85714286%;
    position: relative
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    background-image: linear-gradient(transparent, #000);
    content: ""
}

.jw-related-item-next-up .jw-related-item-title {
    text-shadow: none
}

.jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    display: block
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title {
    bottom: auto;
    height: auto;
    left: auto;
    position: relative;
    text-shadow: none
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    position: static
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    background: 0 0;
    margin-bottom: 5px;
    max-height: none;
    font-weight: 400;
    position: static;
    overflow: visible;
    white-space: normal
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text::after {
    display: none
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title {
    margin-top: -10px
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title {
    margin: -15px 0 5px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 15px;
    margin-bottom: 5px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 16px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title {
    margin: -20px 0 10px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 15px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 15px;
    margin-bottom: 10px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 18px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title {
    margin: -25px 0 10px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 20px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 16px;
    margin-bottom: 10px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 20px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title {
    margin: -30px 0 15px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 20px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 18px;
    margin-bottom: 10px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 24px;
    line-height: 1.3
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-description {
    display: block
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-description {
    font-size: 14px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-description {
    font-size: 16px
}

@media (orientation:landscape) {
    .jw-flag-fullscreen .jw-orientation-portrait .jw-related-item-next-up {
        display: block;
        height: 100%;
        vertical-align: inherit
    }
}

.jw-orientation-portrait .jw-related-item-group,
.jw-orientation-portrait:not(.jw-flag-small-player) .jw-related-item-next-up {
    height: 40%
}

.jw-related-autoplay-frame {
    fill: none;
    stroke: transparent;
    stroke-width: 2px
}

.jw-breakpoint-2 .jw-related-autoplay-frame,
.jw-breakpoint-3 .jw-related-autoplay-frame,
.jw-breakpoint-4 .jw-related-autoplay-frame {
    stroke-width: 4px
}

.jw-breakpoint-5 .jw-related-autoplay-frame,
.jw-breakpoint-6 .jw-related-autoplay-frame,
.jw-breakpoint-7 .jw-related-autoplay-frame {
    stroke-width: 8px
}

.jw-related-autoplay-frame-progress {
    fill: none;
    stroke: #fff;
    stroke-width: 4px;
    transition: stroke 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-related-item-content:focus .jw-related-autoplay-frame-progress,
.jw-related-item-content:hover .jw-related-autoplay-frame-progress {
    stroke: rgba(255, 255, 255, .6)
}

.jw-breakpoint-5 .jw-related-autoplay-frame-progress,
.jw-breakpoint-6 .jw-related-autoplay-frame-progress,
.jw-breakpoint-7 .jw-related-autoplay-frame-progress {
    stroke-width: 8px
}

.jw-related .jw-icon-inline {
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    z-index: 1
}

.jw-breakpoint-5 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 30px;
    width: 30px
}

.jw-breakpoint-6 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 36px;
    width: 36px
}

.jw-breakpoint-7 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 42px;
    width: 42px
}

.jw-related .jw-icon-inline.jw-related-page {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.jw-related .jw-icon-inline.jw-related-page-left {
    left: 0
}

.jw-related .jw-icon-inline.jw-related-page-right {
    right: 0
}

.jw-breakpoint-5 .jw-related .jw-icon-inline {
    height: 55px;
    width: 55px
}

.jw-breakpoint-6 .jw-related .jw-icon-inline {
    height: 66px;
    width: 66px
}

.jw-breakpoint-7 .jw-related .jw-icon-inline {
    height: 77px;
    width: 77px
}

.jw-related-shelf-container {
    display: flex;
    flex-wrap: wrap;
    transform: translate(0, 100%) translate(0, -43px);
    transition: 150ms 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform;
    margin: 0 12px
}

.jw-related-shelf-container .jw-related-shelf-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.jw-related-shelf-container .jw-related-more {
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: none;
    text-shadow: 0 0 4px rgba(0, 0, 0, .65);
    font-size: 12px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    white-space: nowrap;
    width: auto;
    outline: 0
}

.jw-related-shelf-container .jw-related-more:focus,
.jw-related-shelf-container .jw-related-more:hover {
    color: #fff
}

.jw-related-shelf-container .jw-related-more .jw-svg-icon {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5));
    margin: 0 10px 0 0;
    flex: 0 0 auto;
    width: 16px
}

.jw-related-shelf-container .jw-related-close {
    cursor: pointer;
    margin-left: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0
}

.jw-related-shelf-container .jw-related-close .jw-svg-icon {
    margin: 0 6px;
    width: 12px
}

.jw-flag-small-player .jw-related-shelf-container .jw-related-close {
    display: none
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete) .jw-controls:not(.jw-settings-open) .jw-related-shelf-container {
    transform: translate(0, 0);
    transition-delay: 0s
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete) .jw-controls:not(.jw-settings-open) .jw-related-shelf-container .jw-related-close {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.jw-flag-ads .jw-related-shelf-container,
.jw-flag-small-player .jw-related-shelf-container {
    padding: 0;
    display: none
}

.jw-button-container .jw-related-shelf-container {
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    margin-bottom: 10px;
    right: 0
}

.jwplayer.jw-flag-overlay-open-related-shelf:not(.jw-flag-small-player) .jw-settings-open .jw-related-shelf-container * {
    pointer-events: none
}

.jwplayer.jw-flag-overlay-open-related-shelf:not(.jw-flag-small-player) .jw-settings-open .jw-related-shelf {
    opacity: 0;
    transition-delay: 0s
}

.jw-related-control {
    align-items: center;
    border-radius: 0;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: auto;
    justify-content: center;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    outline: 0
}

.jwplayer:not(.jw-flag-touch) .jw-related-control {
    width: 28px
}

.jw-related-control .jw-svg-icon {
    width: 16px
}

.jw-related-control.jw-off {
    opacity: .25
}

.jw-breakpoint-4:not(.jw-flag-touch) .jw-related-control {
    width: 22px
}

.jw-breakpoint-4:not(.jw-flag-touch) .jw-related-control .jw-svg-icon {
    width: 12px
}

.jw-related-control:focus,
.jw-related-control:hover {
    color: #fff
}

.jw-related-control:focus {
    border: solid 1px rgba(255, 255, 255, .6)
}

.jw-state-buffering:not(.jw-flag-user-inactive):not(.jw-flag-ads) .jw-related-more,
.jw-state-complete:not(.jw-flag-ads) .jw-related-more,
.jw-state-paused:not(.jw-flag-ads) .jw-related-more,
.jw-state-playing:not(.jw-flag-user-inactive):not(.jw-flag-ads) .jw-related-more {
    display: flex
}

.jw-state-buffering:not(.jw-flag-user-inactive).jw-flag-touch .jw-related-more,
.jw-state-complete.jw-flag-touch .jw-related-more,
.jw-state-paused.jw-flag-touch .jw-related-more,
.jw-state-playing:not(.jw-flag-user-inactive).jw-flag-touch .jw-related-more {
    bottom: 6px
}

.jw-state-buffering:not(.jw-flag-user-inactive) .jw-logo-bump,
.jw-state-complete .jw-logo-bump,
.jw-state-paused .jw-logo-bump,
.jw-state-playing:not(.jw-flag-user-inactive) .jw-logo-bump {
    bottom: 88px
}

.jw-related-shelf {
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    opacity: 0;
    order: 1;
    pointer-events: none;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    width: 100%;
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none
}

.jw-flag-overlay-open-related-shelf.jw-state-buffering:not(.jw-flag-user-inactive) .jw-related-shelf,
.jw-flag-overlay-open-related-shelf.jw-state-paused .jw-controls:not(.jw-settings-open) .jw-related-shelf,
.jw-flag-overlay-open-related-shelf.jw-state-playing:not(.jw-flag-user-inactive) .jw-related-shelf {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition-delay: 150ms
}

.jw-flag-small-player .jw-related-shelf {
    display: none
}

.jw-related-shelf-list {
    backface-visibility: hidden;
    overflow: hidden
}

.jw-related-shelf-items {
    display: flex;
    overflow: visible;
    transition: transform 0s cubic-bezier(0, .25, .25, 1);
    transform: translate(-100%, 0)
}

.jw-related-shelf-items.jw-related-shelf-start {
    transform: translate(0, 0)
}

.jw-related-shelf-items.jw-related-shelf-animating {
    transition-duration: 450ms;
    pointer-events: none
}

.jw-related-shelf-items.jw-related-shelf-slide-next {
    transform: translate(-200%, 0)
}

.jw-related-shelf-items.jw-related-shelf-slide-prev {
    transform: translate(0, 0)
}

.jw-related-shelf-item {
    height: 100%;
    width: 20%;
    background: 50% 50%/cover no-repeat rgba(0, 0, 0, .25);
    display: inline-block;
    flex: 0 0 auto;
    padding: 0;
    position: relative;
    transition: background-size 150ms cubic-bezier(0, .25, .25, 1);
    outline: 0
}

.jw-related-shelf-item:focus .jw-related-shelf-item-contents,
.jw-related-shelf-item:hover .jw-related-shelf-item-contents {
    opacity: 1
}

.jw-related-shelf-item .jw-text {
    font-weight: 700;
    flex: 0 0 100%;
    line-height: 1.25;
    overflow: hidden
}

.jw-related-shelf-item .jw-related-shelf-item-duration {
    flex: 0 0 100%;
    font-size: 11px;
    margin: 0 0 auto;
    text-align: right
}

.jw-related-shelf-item .jw-related-shelf-item-title {
    height: auto;
    margin: auto 0 0
}

.jw-breakpoint-2 .jw-related-shelf-item,
.jw-breakpoint-3 .jw-related-shelf-item {
    width: calc(100% / 3)
}

.jw-breakpoint-2 .jw-related-shelf-item .jw-text,
.jw-breakpoint-3 .jw-related-shelf-item .jw-text {
    font-size: 11px
}

.jw-breakpoint-4 .jw-related-shelf-item {
    width: 25%
}

.jw-related-shelf-item-aspect {
    height: 0;
    padding: 0 0 56.25%;
    position: relative
}

.jw-related-shelf-item-contents {
    background-color: rgba(0, 0, 0, .5);
    align-items: flex-end;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    padding: 8px;
    position: absolute;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-flag-touch .jw-related-shelf-item-contents {
    opacity: 1
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-2 .jw-display,
.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-3 .jw-display {
    padding-top: 0
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-2 .jw-display-container,
.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-3 .jw-display-container {
    transform: translateY(-10%)
}

.jw-flag-overlay-open-related-shelf .jw-nextup-container.jw-nextup-container-visible,
.jw-flag-overlay-open-related-shelf .jw-nextup-sticky .jw-nextup-close {
    opacity: 0;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: hidden
}

.jw-shelf-widget {
    box-sizing: border-box;
    display: block;
    min-width: 270px;
    transform: none;
    width: 100%
}

.jw-shelf-widget,
.jw-shelf-widget * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    border: 0;
    color: inherit;
    direction: ltr;
    float: none;
    font-size: 100%;
    font-stretch: inherit;
    font-variant: inherit;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    vertical-align: baseline
}

.jw-shelf-widget * {
    box-sizing: inherit
}

.jw-shelf-widget .jw-related-more {
    color: inherit;
    cursor: default;
    display: flex;
    height: auto;
    font-size: 106.25%;
    line-height: 1.2;
    margin: 0 0 5px 38px;
    text-shadow: none
}

.jw-shelf-widget .jw-related-more:hover {
    color: inherit
}

.jw-shelf-widget .jw-related-shelf-contents {
    padding: 20px 8px;
    position: relative
}

.jw-shelf-widget .jw-related-shelf {
    background-color: transparent;
    display: flex;
    font-size: 100%;
    height: auto;
    opacity: 1;
    order: 1;
    pointer-events: auto;
    position: relative;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: visible;
    width: 100%
}

.jw-shelf-widget:not(.jw-flag-touch) .jw-related-control:hover {
    opacity: 1
}

.jw-shelf-widget:not(.jw-flag-touch) .jw-related-shelf-item:hover .jw-related-shelf-item-image::before,
.jw-shelf-widget:not(.jw-flag-touch) .jw-related-shelf-item:hover .jw-svg-icon {
    opacity: 1
}

.jw-shelf-widget .jw-related-control {
    height: auto;
    width: 28px;
    align-items: center;
    border-radius: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    opacity: .7;
    outline: 0;
    margin: 0 0 4.25em;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-control:focus {
    opacity: 1
}

.jw-shelf-widget .jw-related-control.jw-off {
    opacity: .3;
    pointer-events: none
}

.jw-breakpoint-4.jw-shelf-widget .jw-related-control {
    width: 28px
}

.jw-breakpoint-4.jw-shelf-widget .jw-related-control .jw-svg-icon {
    width: 24px
}

.jw-shelf-widget .jw-related-control .jw-svg-icon {
    width: 24px
}

.jw-shelf-widget .jw-related-shelf-item-title {
    color: inherit
}

.jw-shelf-widget .jw-svg-icon-play {
    height: 50%;
    width: 50%;
    color: #fff;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .3));
    margin: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    z-index: 1
}

.jw-shelf-widget .jw-related-shelf-item {
    height: 100%;
    width: 25%;
    background: 0 0;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    outline: 0;
    padding: 0 10px;
    position: relative;
    transition: background-size 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image {
    background-color: transparent;
    background-size: cover;
    overflow: hidden;
    padding: 0 0 56.25%;
    position: relative
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before {
    background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.00787) 10.79%, hsla(0, 0%, 0%, 0.02963) 21.99%, hsla(0, 0%, 0%, 0.0625) 33.34%, hsla(0, 0%, 0%, 0.1037) 44.59%, hsla(0, 0%, 0%, 0.15046) 55.48%, hsla(0, 0%, 0%, 0.2) 65.75%, hsla(0, 0%, 0%, 0.24954) 75.14%, hsla(0, 0%, 0%, 0.2963) 83.41%, hsla(0, 0%, 0%, 0.3375) 90.28%, hsla(0, 0%, 0%, 0.37037) 95.51%, hsla(0, 0%, 0%, 0.39213) 98.83%, hsla(0, 0%, 0%, 0.4));
    pointer-events: none;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after {
    height: 150%;
    width: 100%;
    pointer-events: none;
    transform-origin: 0 0
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading {
    pointer-events: none
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image .jw-svg-icon {
    display: none
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::before {
    background: currentColor;
    opacity: .15
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::after {
    animation: jw-shimmer 1.5s cubic-bezier(.46, .03, .52, .96) both infinite
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+2) .jw-related-shelf-item-image::after {
    animation-delay: .2s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+3) .jw-related-shelf-item-image::after {
    animation-delay: .4s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+4) .jw-related-shelf-item-image::after {
    animation-delay: .6s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+5) .jw-related-shelf-item-image::after {
    animation-delay: .8s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-title {
    background: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-position: 0 0, 0 50%;
    background-repeat: no-repeat;
    background-size: 100% 1em, 65% 1em;
    opacity: .15;
    height: 3.75em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loaded .jw-related-shelf-item-image::after {
    animation: jw-shimmer 1.5s -.5s cubic-bezier(.46, .03, .52, .96) forwards 1;
    background: currentColor
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-displayed .jw-related-shelf-item-image::after {
    display: none
}

.jw-shelf-widget .jw-related-shelf-item:focus .jw-related-shelf-item-image::before,
.jw-shelf-widget .jw-related-shelf-item:focus .jw-svg-icon {
    opacity: 1
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-contents {
    align-items: flex-start;
    background: 0 0;
    height: 3.75em;
    margin: .5em 0 0;
    opacity: 1;
    padding: 0;
    position: static;
    transition: none
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-title {
    font-size: 100%;
    font-weight: 400;
    height: 3.75em;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.jw-shelf-items-5.jw-shelf-widget .jw-related-shelf-item {
    width: 20%
}

.jw-shelf-items-4.jw-shelf-widget .jw-related-shelf-item {
    width: 25%
}

.jw-shelf-items-3.jw-shelf-widget .jw-related-shelf-item {
    width: calc(100% / 3)
}

.jw-shelf-items-2.jw-shelf-widget .jw-related-shelf-item {
    width: 50%
}

@keyframes jw-shimmer {
    0% {
        transform: translate(0, -100%) skewY(-15deg)
    }

    100%,
    66.6% {
        transform: translate(0, 100%) skewY(-15deg)
    }
}

@keyframes jw-related-item {
    0% {
        opacity: 0;
        transform: scale(.85, .85);
        visibility: hidden
    }

    to {
        opacity: 1;
        transform: scale(1, 1);
        visibility: visible
    }
}

@keyframes jw-dash {
    to {
        stroke-dashoffset: 0
    }
}

.jw-related,
.jw-related-autoplay-svg,
.jw-related-container,
.jw-related-item-container,
.jw-related-item-content,
.jw-related-item-content-container,
.jw-related-item-group,
.jw-related-item-play .jw-svg-icon,
.jw-related-item-poster,
.jw-related-shelf-item-contents,
.jw-related-shelf-items,
.jw-related-shelf-list,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    height: 100%;
    width: 100%
}

.jw-flag-small-player .jw-related-container,
.jw-related-autoplay-svg,
.jw-related-title,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jw-shelf-widget .jw-svg-icon-play,
.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    top: 0;
    position: absolute;
    left: 0
}

.jw-related-item-title,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    position: absolute;
    bottom: 0;
    left: 0
}

.jw-related .jw-icon-inline.jw-related-close {
    position: absolute;
    top: 0;
    right: 0
}

.jw-flag-small-player .jw-related-container,
.jw-related-autoplay-svg,
.jw-shelf-widget .jw-svg-icon-play,
.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open {
    position: absolute;
    bottom: 0;
    right: 0
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    content: "";
    display: block
}

.jw-plugin-related {
    overflow: hidden;
    width: 100%
}

.jw-plugin-related:not(.jw-plugin-related-open) {
    pointer-events: none;
    display: none
}

.jw-flag-small-player .jw-plugin-related:not(.jw-plugin-related-open) {
    top: 0;
    bottom: auto
}

.jw-flag-touch:not(.jw-flag-small-player) .jw-plugin-related:not(.jw-plugin-related-open) {
    bottom: 88px
}

.jw-plugin-related.jw-plugin-related-open {
    opacity: 1;
    visibility: visible
}

.jwplayer .jw-overlays .jw-plugin-related.jw-plugin-related-open {
    background-color: #000;
    display: block
}

.jwplayer.jw-flag-overlay-open-related .jw-controls,
.jwplayer.jw-flag-overlay-open-related .jw-title {
    display: none
}

.jw-related {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: normal;
    pointer-events: all;
    position: relative
}

.jw-related-container {
    overflow: hidden
}

.jw-flag-small-player .jw-related-container {
    display: inline-block;
    margin: 44px auto auto;
    overflow: visible;
    padding: 0;
    height: calc(100% - (44px * 1.5));
    width: calc(100% - (44px * 3))
}

.jw-breakpoint-2 .jw-related-container,
.jw-breakpoint-3 .jw-related-container,
.jw-breakpoint-4 .jw-related-container {
    padding: 44px 44px 11px
}

.jw-breakpoint-5 .jw-related-container {
    padding: 44px 50px 6px
}

.jw-breakpoint-6 .jw-related-container {
    padding: 66px 66px 33px
}

.jw-breakpoint-7 .jw-related-container {
    padding: 77px 77px 37px
}

.jw-orientation-portrait .jw-related-container {
    align-items: center;
    display: flex
}

.jw-related-title {
    color: #aaa;
    background-color: transparent;
    font-size: 16px;
    line-height: 2.75;
    overflow: hidden;
    padding: 0 1em;
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 44px;
    white-space: nowrap
}

.jw-breakpoint-5 .jw-related-title {
    font-size: 20px;
    line-height: 3
}

.jw-breakpoint-6 .jw-related-title {
    font-size: 24px
}

.jw-breakpoint-7 .jw-related-title {
    font-size: 28px
}

.jw-related-item-group {
    overflow: hidden;
    position: relative
}

.jw-related-item-next-up+.jw-related-item-group {
    display: none
}

.jw-breakpoint-2 .jw-related-item-next-up+.jw-related-item-group {
    width: 50%
}

.jwplayer:not(.jw-flag-small-player):not(.jw-breakpoint-2) .jw-related-item-next-up+.jw-related-item-group {
    width: 66.66666667%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-group {
    display: block
}

.jw-flag-small-player .jw-related-item-group {
    display: flex;
    flex-flow: row nowrap;
    overflow: visible;
    transition: transform 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) {
    animation: none;
    flex: 0 0 auto;
    opacity: .5;
    transform: scale(.75, .75);
    transform-origin: 50% 50%;
    transition: all 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform, transform-origin;
    pointer-events: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-item-title-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-item-title-text {
    background: 0 0;
    white-space: nowrap
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-item-title-text::after,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-item-title-text::after {
    content: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-content:hover .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus .jw-related-item-title .jw-related-next-up-text,
.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child):focus:hover .jw-related-item-title .jw-related-next-up-text {
    font-weight: 400;
    padding: 0 10px 5px
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-poster-content {
    background: rgba(0, 0, 0, .4)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:not(:only-child) .jw-related-item-duration {
    display: none
}

.jw-flag-small-player .jw-related-item-group .jw-related-item:first-child {
    transform-origin: 80% 50%
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1, 1)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item .jw-related-item-poster-content {
    background: rgba(0, 0, 0, .4)
}

.jw-flag-small-player .jw-related-item-group .jw-related-item.jw-related-active-item~.jw-related-item {
    transform-origin: 20% 50%
}

@media (orientation:landscape) {
    .jw-flag-fullscreen .jw-orientation-portrait .jw-related-item-group {
        display: block
    }
}

@media (orientation:portrait) {
    .jw-orientation-portrait .jw-related-item.jw-related-item-next-up {
        width: 100%
    }
}

.jw-related-item {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 100%;
    outline: 0
}

.jw-related-item:focus .jw-related-item-content {
    outline: solid 2px #4d90fe
}

.jw-breakpoint-2 .jw-related-item,
.jw-breakpoint-3 .jw-related-item,
.jw-breakpoint-4 .jw-related-item {
    padding: 6px
}

.jw-breakpoint-5 .jw-related-item,
.jw-breakpoint-6 .jw-related-item {
    padding: 10px
}

.jw-breakpoint-7 .jw-related-item {
    padding: 15px
}

.jw-breakpoint-2 .jw-related-item-group .jw-related-item {
    height: 50%;
    width: 50%;
    display: none
}

.jw-breakpoint-2 .jw-related-item-group .jw-related-item:nth-child(-n+4) {
    display: block
}

.jw-breakpoint-2 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+2) {
    display: block;
    width: 100%
}

.jw-breakpoint-3 .jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-4 .jw-related-item-group .jw-related-item:nth-child(-n+9) {
    display: block
}

.jw-breakpoint-3 .jw-related-item-group .jw-related-item {
    height: 50%;
    width: 33.33333333%;
    display: none
}

.jw-breakpoint-4 .jw-related-item-group .jw-related-item {
    height: 33.33333333%;
    width: 33.33333333%;
    display: none
}

.jw-breakpoint-3 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+4),
.jw-breakpoint-4 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-5 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-6 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6),
.jw-breakpoint-7 .jw-related-item-next-up+.jw-related-item-group .jw-related-item:nth-child(-n+6) {
    display: block;
    width: 50%
}

.jw-breakpoint-4 .jw-related-item-group .jw-related-item,
.jw-breakpoint-5 .jw-related-item-group .jw-related-item,
.jw-breakpoint-6 .jw-related-item-group .jw-related-item,
.jw-breakpoint-7 .jw-related-item-group .jw-related-item {
    height: 33.33333333%;
    width: 33.33333333%;
    display: block
}

.jw-plugin-related-open .jw-related-item {
    animation: jw-related-item 250ms both cubic-bezier(0, .25, .25, 1)
}

.jw-plugin-related-open .jw-related-item:nth-child(1) {
    animation-delay: 50ms
}

.jw-plugin-related-open .jw-related-item:nth-child(2) {
    animation-delay: .1s
}

.jw-plugin-related-open .jw-related-item:nth-child(3) {
    animation-delay: 150ms
}

.jw-plugin-related-open .jw-related-item:nth-child(4) {
    animation-delay: .2s
}

.jw-plugin-related-open .jw-related-item:nth-child(5) {
    animation-delay: 250ms
}

.jw-plugin-related-open .jw-related-item:nth-child(6) {
    animation-delay: .3s
}

.jw-plugin-related-open .jw-related-item.jw-related-item-next-up {
    animation-delay: 0s
}

.jw-flag-small-player .jw-plugin-related-open .jw-related-item {
    animation-delay: 0s
}

.jw-related-item-content {
    background-color: #000;
    border: solid 1px rgba(255, 255, 255, .2);
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: border-color 150ms cubic-bezier(0, .25, .25, 1)
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-content .jw-related-item-title-text::after {
    height: 30px;
    width: 100%;
    background-image: linear-gradient(transparent, #000);
    opacity: 0
}

.jw-related-item-content:hover,
.jw-related-item:focus .jw-related-item-content {
    background-color: #000;
    border-color: #fff
}

.jw-related-item-content:hover .jw-related-item-title-text,
.jw-related-item:focus .jw-related-item-content .jw-related-item-title-text {
    background-image: linear-gradient(transparent, #000);
    visibility: visible;
    white-space: normal
}

.jw-related-item-content:hover .jw-related-item-title-text::after,
.jw-related-item:focus .jw-related-item-content .jw-related-item-title-text::after {
    opacity: 1
}

.jw-related-item-content-container {
    overflow: hidden;
    position: relative
}

.jw-related-item-poster {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: block
}

.jw-related-item-poster-content {
    height: 100%;
    overflow: hidden;
    position: relative
}

.jw-related-item-duration {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .3px;
    text-align: right;
    text-shadow: -1px -1px 20px rgba(0, 0, 0, .5), 1px 1px 20px rgba(0, 0, 0, .5)
}

.jw-breakpoint-2 .jw-related-item-duration,
.jw-breakpoint-3 .jw-related-item-duration {
    position: absolute;
    top: 10px;
    right: 10px
}

.jw-breakpoint-6 .jw-related-item-duration,
.jw-breakpoint-7 .jw-related-item-duration {
    position: absolute;
    top: 20px;
    right: 20px
}

.jw-breakpoint-6 .jw-related-item-duration {
    font-size: 14px
}

.jw-breakpoint-7 .jw-related-item-duration {
    font-size: 15px
}

.jw-related-item-play {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    opacity: 0
}

.jw-breakpoint-0 .jw-related-item-play {
    height: 32px;
    width: 32px
}

.jw-flag-small-player .jw-related-item-next-up .jw-related-item-play {
    transform: translate(-50%, -75%)
}

.jw-flag-small-player .jw-related-active-item .jw-related-item-play,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up:hover .jw-related-item-play {
    opacity: 1
}

.jw-related-item-title {
    overflow: hidden;
    text-decoration: none;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    width: 100%
}

.jw-related-item-title .jw-related-next-up-text {
    color: currentColor;
    display: none;
    font-size: 13px;
    padding: 0 15px;
    text-align: start
}

.jw-flag-small-player .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-related-item-title .jw-related-item-title-text {
    background-image: linear-gradient(transparent, #000);
    box-sizing: border-box;
    color: currentColor;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    max-height: 104.6px;
    padding: 50px 15px 12px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start
}

.jw-flag-small-player .jw-related-item:not(.jw-related-active-item) .jw-related-item-title .jw-related-item-title-text {
    opacity: 0
}

.jw-flag-small-player .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px;
    line-height: 1.2;
    padding: 0 10px 10px
}

.jw-breakpoint-2 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-item-title-text {
    line-height: 1.3
}

.jw-breakpoint-5 .jw-related-item-title .jw-related-item-title-text {
    max-height: 122.8px
}

.jw-breakpoint-6 .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px;
    max-height: 141px
}

.jw-breakpoint-7 .jw-related-item-title .jw-related-item-title-text {
    font-size: 16px;
    line-height: 1.5;
    max-height: 159.2px
}

.jw-related-item-title .jw-item-index-text em {
    font-style: normal;
    font-weight: 700
}

.jw-breakpoint-2 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-2 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-4 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-4 .jw-related-item-title .jw-related-next-up-text {
    padding: 50px 10px 7px
}

.jw-breakpoint-6 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-6 .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-7 .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-7 .jw-related-item-title .jw-related-next-up-text {
    padding: 50px 20px 17px
}

.jw-flag-small-player .jw-related-item-title {
    text-shadow: none
}

.jw-related-item-description {
    opacity: .8;
    display: none;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden
}

.jw-related-item-description .jw-related-item-title-text {
    display: block
}

.jw-related-item-content:hover .jw-related-item-description .jw-related-item-title-text,
.jw-related-item:focus .jw-related-item-description .jw-related-item-title-text {
    opacity: 1
}

.jw-related-item-description-content {
    box-sizing: border-box;
    padding: 0 15px;
    text-align: start
}

.jw-breakpoint-4 .jw-related-item-description-content {
    padding: 0 10px
}

.jw-breakpoint-6 .jw-related-item-description-content,
.jw-breakpoint-7 .jw-related-item-description-content {
    padding: 0 20px
}

.jw-related-item-next-up {
    display: block;
    width: 100%
}

.jw-related-item.jw-related-item-next-up {
    height: 100%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content-container::after {
    height: 50px;
    width: 100%;
    background-image: linear-gradient(to bottom, transparent, #000)
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-content::after {
    height: 75px
}

.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-content::after {
    height: 100px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-content::after {
    height: 125px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-content::after {
    height: 150px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-content::after {
    height: 175px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-content::after {
    height: 200px
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:focus .jw-related-item-content-container::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:hover .jw-related-item-content-container::after {
    background-image: linear-gradient(transparent, #000)
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:focus .jw-related-item-poster-content::after,
.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-content:hover .jw-related-item-poster-content::after {
    background-image: linear-gradient(transparent, #000)
}

.jw-breakpoint-2 .jw-related-item-next-up {
    width: 50%
}

.jw-breakpoint-3 .jw-related-item-next-up,
.jw-breakpoint-4 .jw-related-item-next-up,
.jw-breakpoint-5 .jw-related-item-next-up,
.jw-breakpoint-6 .jw-related-item-next-up,
.jw-breakpoint-7 .jw-related-item-next-up {
    width: 33.33333333%
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster {
    height: 42.85714286%;
    position: relative
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-poster::after {
    background-image: linear-gradient(transparent, #000);
    content: ""
}

.jw-related-item-next-up .jw-related-item-title {
    text-shadow: none
}

.jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    display: block
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title {
    bottom: auto;
    height: auto;
    left: auto;
    position: relative;
    text-shadow: none
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    position: static
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    background: 0 0;
    margin-bottom: 5px;
    max-height: none;
    font-weight: 400;
    position: static;
    overflow: visible;
    white-space: normal
}

.jwplayer:not(.jw-flag-small-player) .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text::after {
    display: none
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title {
    margin-top: -10px
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-breakpoint-2 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-3 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 15px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title {
    margin: -15px 0 5px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 10px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 15px;
    margin-bottom: 5px
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 16px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title {
    margin: -20px 0 10px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 15px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 15px;
    margin-bottom: 10px
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 18px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title {
    margin: -25px 0 10px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 20px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 16px;
    margin-bottom: 10px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 20px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title {
    margin: -30px 0 15px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    padding: 0 20px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-next-up-text {
    font-size: 18px;
    margin-bottom: 10px
}

.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-title .jw-related-item-title-text {
    font-size: 24px;
    line-height: 1.3
}

.jw-breakpoint-4 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-description {
    display: block
}

.jw-breakpoint-5 .jw-related-item-next-up .jw-related-item-description {
    font-size: 14px
}

.jw-breakpoint-6 .jw-related-item-next-up .jw-related-item-description,
.jw-breakpoint-7 .jw-related-item-next-up .jw-related-item-description {
    font-size: 16px
}

@media (orientation:landscape) {
    .jw-flag-fullscreen .jw-orientation-portrait .jw-related-item-next-up {
        display: block;
        height: 100%;
        vertical-align: inherit
    }
}

.jw-orientation-portrait .jw-related-item-group,
.jw-orientation-portrait:not(.jw-flag-small-player) .jw-related-item-next-up {
    height: 40%
}

.jw-related-autoplay-frame {
    fill: none;
    stroke: transparent;
    stroke-width: 2px
}

.jw-breakpoint-2 .jw-related-autoplay-frame,
.jw-breakpoint-3 .jw-related-autoplay-frame,
.jw-breakpoint-4 .jw-related-autoplay-frame {
    stroke-width: 4px
}

.jw-breakpoint-5 .jw-related-autoplay-frame,
.jw-breakpoint-6 .jw-related-autoplay-frame,
.jw-breakpoint-7 .jw-related-autoplay-frame {
    stroke-width: 8px
}

.jw-related-autoplay-frame-progress {
    fill: none;
    stroke: #fff;
    stroke-width: 4px;
    transition: stroke 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-related-item-content:focus .jw-related-autoplay-frame-progress,
.jw-related-item-content:hover .jw-related-autoplay-frame-progress {
    stroke: rgba(255, 255, 255, .6)
}

.jw-breakpoint-5 .jw-related-autoplay-frame-progress,
.jw-breakpoint-6 .jw-related-autoplay-frame-progress,
.jw-breakpoint-7 .jw-related-autoplay-frame-progress {
    stroke-width: 8px
}

.jw-related .jw-icon-inline {
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    z-index: 1
}

.jw-breakpoint-5 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 30px;
    width: 30px
}

.jw-breakpoint-6 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 36px;
    width: 36px
}

.jw-breakpoint-7 .jw-related .jw-icon-inline .jw-svg-icon-close {
    height: 42px;
    width: 42px
}

.jw-related .jw-icon-inline.jw-related-page {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.jw-related .jw-icon-inline.jw-related-page-left {
    left: 0
}

.jw-related .jw-icon-inline.jw-related-page-right {
    right: 0
}

.jw-breakpoint-5 .jw-related .jw-icon-inline {
    height: 55px;
    width: 55px
}

.jw-breakpoint-6 .jw-related .jw-icon-inline {
    height: 66px;
    width: 66px
}

.jw-breakpoint-7 .jw-related .jw-icon-inline {
    height: 77px;
    width: 77px
}

.jw-related-shelf-container {
    display: flex;
    flex-wrap: wrap;
    transform: translate(0, 100%) translate(0, -43px);
    transition: 150ms 150ms cubic-bezier(0, .25, .25, 1);
    transition-property: opacity, transform;
    margin: 0 12px
}

.jw-related-shelf-container .jw-related-shelf-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

.jw-related-shelf-container .jw-related-more {
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: none;
    text-shadow: 0 0 4px rgba(0, 0, 0, .65);
    font-size: 12px;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    pointer-events: auto;
    white-space: nowrap;
    width: auto;
    outline: 0
}

.jw-related-shelf-container .jw-related-more:focus,
.jw-related-shelf-container .jw-related-more:hover {
    color: #fff
}

.jw-related-shelf-container .jw-related-more .jw-svg-icon {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5));
    margin: 0 10px 0 0;
    flex: 0 0 auto;
    width: 16px
}

.jw-related-shelf-container .jw-related-close {
    cursor: pointer;
    margin-left: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0
}

.jw-related-shelf-container .jw-related-close .jw-svg-icon {
    margin: 0 6px;
    width: 12px
}

.jw-flag-small-player .jw-related-shelf-container .jw-related-close {
    display: none
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete) .jw-controls:not(.jw-settings-open) .jw-related-shelf-container {
    transform: translate(0, 0);
    transition-delay: 0s
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete) .jw-controls:not(.jw-settings-open) .jw-related-shelf-container .jw-related-close {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.jw-flag-ads .jw-related-shelf-container,
.jw-flag-small-player .jw-related-shelf-container {
    padding: 0;
    display: none
}

.jw-button-container .jw-related-shelf-container {
    position: absolute;
    bottom: 100%;
    left: 0;
    pointer-events: none;
    margin-bottom: 10px;
    right: 0
}

.jwplayer.jw-flag-overlay-open-related-shelf:not(.jw-flag-small-player) .jw-settings-open .jw-related-shelf-container * {
    pointer-events: none
}

.jwplayer.jw-flag-overlay-open-related-shelf:not(.jw-flag-small-player) .jw-settings-open .jw-related-shelf {
    opacity: 0;
    transition-delay: 0s
}

.jw-related-control {
    align-items: center;
    border-radius: 0;
    color: rgba(255, 255, 255, .8);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: auto;
    justify-content: center;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    outline: 0
}

.jwplayer:not(.jw-flag-touch) .jw-related-control {
    width: 28px
}

.jw-related-control .jw-svg-icon {
    width: 16px
}

.jw-related-control.jw-off {
    opacity: .25
}

.jw-breakpoint-4:not(.jw-flag-touch) .jw-related-control {
    width: 22px
}

.jw-breakpoint-4:not(.jw-flag-touch) .jw-related-control .jw-svg-icon {
    width: 12px
}

.jw-related-control:focus,
.jw-related-control:hover {
    color: #fff
}

.jw-related-control:focus {
    border: solid 1px rgba(255, 255, 255, .6)
}

.jw-state-buffering:not(.jw-flag-user-inactive):not(.jw-flag-ads) .jw-related-more,
.jw-state-complete:not(.jw-flag-ads) .jw-related-more,
.jw-state-paused:not(.jw-flag-ads) .jw-related-more,
.jw-state-playing:not(.jw-flag-user-inactive):not(.jw-flag-ads) .jw-related-more {
    display: flex
}

.jw-state-buffering:not(.jw-flag-user-inactive).jw-flag-touch .jw-related-more,
.jw-state-complete.jw-flag-touch .jw-related-more,
.jw-state-paused.jw-flag-touch .jw-related-more,
.jw-state-playing:not(.jw-flag-user-inactive).jw-flag-touch .jw-related-more {
    bottom: 6px
}

.jw-state-buffering:not(.jw-flag-user-inactive) .jw-logo-bump,
.jw-state-complete .jw-logo-bump,
.jw-state-paused .jw-logo-bump,
.jw-state-playing:not(.jw-flag-user-inactive) .jw-logo-bump {
    bottom: 88px
}

.jw-related-shelf {
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    opacity: 0;
    order: 1;
    pointer-events: none;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    width: 100%;
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none
}

.jw-flag-overlay-open-related-shelf.jw-state-buffering:not(.jw-flag-user-inactive) .jw-related-shelf,
.jw-flag-overlay-open-related-shelf.jw-state-paused .jw-controls:not(.jw-settings-open) .jw-related-shelf,
.jw-flag-overlay-open-related-shelf.jw-state-playing:not(.jw-flag-user-inactive) .jw-related-shelf {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transition-delay: 150ms
}

.jw-flag-small-player .jw-related-shelf {
    display: none
}

.jw-related-shelf-list {
    backface-visibility: hidden;
    overflow: hidden
}

.jw-related-shelf-items {
    display: flex;
    overflow: visible;
    transition: transform 0s cubic-bezier(0, .25, .25, 1);
    transform: translate(-100%, 0)
}

.jw-related-shelf-items.jw-related-shelf-start {
    transform: translate(0, 0)
}

.jw-related-shelf-items.jw-related-shelf-animating {
    transition-duration: 450ms;
    pointer-events: none
}

.jw-related-shelf-items.jw-related-shelf-slide-next {
    transform: translate(-200%, 0)
}

.jw-related-shelf-items.jw-related-shelf-slide-prev {
    transform: translate(0, 0)
}

.jw-related-shelf-item {
    height: 100%;
    width: 20%;
    background: 50% 50%/cover no-repeat rgba(0, 0, 0, .25);
    display: inline-block;
    flex: 0 0 auto;
    padding: 0;
    position: relative;
    transition: background-size 150ms cubic-bezier(0, .25, .25, 1);
    outline: 0
}

.jw-related-shelf-item:focus .jw-related-shelf-item-contents,
.jw-related-shelf-item:hover .jw-related-shelf-item-contents {
    opacity: 1
}

.jw-related-shelf-item .jw-text {
    font-weight: 700;
    flex: 0 0 100%;
    line-height: 1.25;
    overflow: hidden
}

.jw-related-shelf-item .jw-related-shelf-item-duration {
    flex: 0 0 100%;
    font-size: 11px;
    margin: 0 0 auto;
    text-align: right
}

.jw-related-shelf-item .jw-related-shelf-item-title {
    height: auto;
    margin: auto 0 0
}

.jw-breakpoint-2 .jw-related-shelf-item,
.jw-breakpoint-3 .jw-related-shelf-item {
    width: calc(100% / 3)
}

.jw-breakpoint-2 .jw-related-shelf-item .jw-text,
.jw-breakpoint-3 .jw-related-shelf-item .jw-text {
    font-size: 11px
}

.jw-breakpoint-4 .jw-related-shelf-item {
    width: 25%
}

.jw-related-shelf-item-aspect {
    height: 0;
    padding: 0 0 56.25%;
    position: relative
}

.jw-related-shelf-item-contents {
    background-color: rgba(0, 0, 0, .5);
    align-items: flex-end;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    padding: 8px;
    position: absolute;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-flag-touch .jw-related-shelf-item-contents {
    opacity: 1
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-2 .jw-display,
.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-3 .jw-display {
    padding-top: 0
}

.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-2 .jw-display-container,
.jw-flag-overlay-open-related-shelf:not(.jw-state-complete).jw-breakpoint-3 .jw-display-container {
    transform: translateY(-10%)
}

.jw-flag-overlay-open-related-shelf .jw-nextup-container.jw-nextup-container-visible,
.jw-flag-overlay-open-related-shelf .jw-nextup-sticky .jw-nextup-close {
    opacity: 0;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: hidden
}

.jw-shelf-widget {
    box-sizing: border-box;
    display: block;
    min-width: 270px;
    transform: none;
    width: 100%
}

.jw-shelf-widget,
.jw-shelf-widget * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    background-color: transparent;
    border: 0;
    color: inherit;
    direction: ltr;
    float: none;
    font-size: 100%;
    font-stretch: inherit;
    font-variant: inherit;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: none;
    vertical-align: baseline
}

.jw-shelf-widget * {
    box-sizing: inherit
}

.jw-shelf-widget .jw-related-more {
    color: inherit;
    cursor: default;
    display: flex;
    height: auto;
    font-size: 106.25%;
    line-height: 1.2;
    margin: 0 0 5px 38px;
    text-shadow: none
}

.jw-shelf-widget .jw-related-more:hover {
    color: inherit
}

.jw-shelf-widget .jw-related-shelf-contents {
    padding: 20px 8px;
    position: relative
}

.jw-shelf-widget .jw-related-shelf {
    background-color: transparent;
    display: flex;
    font-size: 100%;
    height: auto;
    opacity: 1;
    order: 1;
    pointer-events: auto;
    position: relative;
    transition: opacity 150ms 0s cubic-bezier(0, .25, .25, 1), visibility 0s 150ms linear;
    visibility: visible;
    width: 100%
}

.jw-shelf-widget:not(.jw-flag-touch) .jw-related-control:hover {
    opacity: 1
}

.jw-shelf-widget:not(.jw-flag-touch) .jw-related-shelf-item:hover .jw-related-shelf-item-image::before,
.jw-shelf-widget:not(.jw-flag-touch) .jw-related-shelf-item:hover .jw-svg-icon {
    opacity: 1
}

.jw-shelf-widget .jw-related-control {
    height: auto;
    width: 28px;
    align-items: center;
    border-radius: 0;
    color: currentColor;
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    opacity: .7;
    outline: 0;
    margin: 0 0 4.25em;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-control:focus {
    opacity: 1
}

.jw-shelf-widget .jw-related-control.jw-off {
    opacity: .3;
    pointer-events: none
}

.jw-breakpoint-4.jw-shelf-widget .jw-related-control {
    width: 28px
}

.jw-breakpoint-4.jw-shelf-widget .jw-related-control .jw-svg-icon {
    width: 24px
}

.jw-shelf-widget .jw-related-control .jw-svg-icon {
    width: 24px
}

.jw-shelf-widget .jw-related-shelf-item-title {
    color: inherit
}

.jw-shelf-widget .jw-svg-icon-play {
    height: 50%;
    width: 50%;
    color: #fff;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .3));
    margin: auto;
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1);
    z-index: 1
}

.jw-shelf-widget .jw-related-shelf-item {
    height: 100%;
    width: 25%;
    background: 0 0;
    cursor: pointer;
    display: inline-block;
    flex: 0 0 auto;
    outline: 0;
    padding: 0 10px;
    position: relative;
    transition: background-size 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image {
    background-color: transparent;
    background-size: cover;
    overflow: hidden;
    padding: 0 0 56.25%;
    position: relative
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::before {
    background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.00787) 10.79%, hsla(0, 0%, 0%, 0.02963) 21.99%, hsla(0, 0%, 0%, 0.0625) 33.34%, hsla(0, 0%, 0%, 0.1037) 44.59%, hsla(0, 0%, 0%, 0.15046) 55.48%, hsla(0, 0%, 0%, 0.2) 65.75%, hsla(0, 0%, 0%, 0.24954) 75.14%, hsla(0, 0%, 0%, 0.2963) 83.41%, hsla(0, 0%, 0%, 0.3375) 90.28%, hsla(0, 0%, 0%, 0.37037) 95.51%, hsla(0, 0%, 0%, 0.39213) 98.83%, hsla(0, 0%, 0%, 0.4));
    pointer-events: none;
    transition: opacity 150ms cubic-bezier(0, .25, .25, 1)
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-image::after {
    height: 150%;
    width: 100%;
    pointer-events: none;
    transform-origin: 0 0
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading {
    pointer-events: none
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image .jw-svg-icon {
    display: none
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::after,
.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::before {
    background: currentColor;
    opacity: .15
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-image::after {
    animation: jw-shimmer 1.5s cubic-bezier(.46, .03, .52, .96) both infinite
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+2) .jw-related-shelf-item-image::after {
    animation-delay: .2s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+3) .jw-related-shelf-item-image::after {
    animation-delay: .4s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+4) .jw-related-shelf-item-image::after {
    animation-delay: .6s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading:nth-child(5n+5) .jw-related-shelf-item-image::after {
    animation-delay: .8s
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loading .jw-related-shelf-item-title {
    background: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-position: 0 0, 0 50%;
    background-repeat: no-repeat;
    background-size: 100% 1em, 65% 1em;
    opacity: .15;
    height: 3.75em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-loaded .jw-related-shelf-item-image::after {
    animation: jw-shimmer 1.5s -.5s cubic-bezier(.46, .03, .52, .96) forwards 1;
    background: currentColor
}

.jw-shelf-widget .jw-related-shelf-item.jw-related-displayed .jw-related-shelf-item-image::after {
    display: none
}

.jw-shelf-widget .jw-related-shelf-item:focus .jw-related-shelf-item-image::before,
.jw-shelf-widget .jw-related-shelf-item:focus .jw-svg-icon {
    opacity: 1
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-contents {
    align-items: flex-start;
    background: 0 0;
    height: 3.75em;
    margin: .5em 0 0;
    opacity: 1;
    padding: 0;
    position: static;
    transition: none
}

.jw-shelf-widget .jw-related-shelf-item .jw-related-shelf-item-title {
    font-size: 100%;
    font-weight: 400;
    height: 3.75em;
    line-height: 1.25;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.jw-shelf-items-5.jw-shelf-widget .jw-related-shelf-item {
    width: 20%
}

.jw-shelf-items-4.jw-shelf-widget .jw-related-shelf-item {
    width: 25%
}

.jw-shelf-items-3.jw-shelf-widget .jw-related-shelf-item {
    width: calc(100% / 3)
}

.jw-shelf-items-2.jw-shelf-widget .jw-related-shelf-item {
    width: 50%
}

@keyframes jw-shimmer {
    0% {
        transform: translate(0, -100%) skewY(-15deg)
    }

    100%,
    66.6% {
        transform: translate(0, 100%) skewY(-15deg)
    }
}

@keyframes jw-related-item {
    0% {
        opacity: 0;
        transform: scale(.85, .85);
        visibility: hidden
    }

    to {
        opacity: 1;
        transform: scale(1, 1);
        visibility: visible
    }
}

@keyframes jw-dash {
    to {
        stroke-dashoffset: 0
    }
}