@import"bootstrap.min.css?hello";@import"fontawesome-6.4.2/css/fontawesome.min.css";@import"fontawesome-6.4.2/css/solid.min.css";@import"fontawesome-6.4.2/css/regular.min.css";@import"fontawesome-6.4.2/css/brands.min.css";@import"flag-icons-6.11.0/css/flag-icons.min.css";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"multiselect.min.css";body {
    background-color: #e8e8e8;
    color: #414141;
    font-family: "Lato";
    background-image: linear-gradient(180deg, #d5d5d5, white)
}

input,button {
    background-color: #f5f5f5;
    color: #414141
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

#content-con {
    min-height: 90vh
}

#content-con #content-con-wrapper {
    display: flex
}

#content-con #content-con-wrapper #main-content-wrap {
    flex-grow: 1
}

#content-con #content-con-wrapper #sidebar-content-wrap {
    width: 18rem;
    flex-shrink: 0;
    margin: 0 0 1rem .75rem
}

@media(max-width: 992px) {
    #content-con #content-con-wrapper {
        display:block
    }

    #content-con #content-con-wrapper #sidebar-content-wrap {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        justify-content: center
    }
}

@media(max-width: 768px) {
    #content-con #content-con-wrapper #sidebar-content-wrap {
        display:block
    }
}

.content-width {
    width: auto;
    max-width: 1280px;
    margin: 0 auto;
    padding: .6rem
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 700
}

#main-header {
    height: 50px;
    background: rgba(255,255,255,.9);
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%
}

#main-header .mh-container {
    display: flex
}

#main-header .mh-container .mh-search-con {
    flex-grow: 1;
    margin-left: 1rem
}

#main-header .mh-container .mh-search-con .mh-search-in {
    display: flex
}

#main-header .mh-container .mh-search-con .mh-search-in input {
    background: rgba(255,255,255,.9);
    width: 100%;
    height: 50px;
    border: none;
    padding: .5rem;
    flex-grow: 1
}

#main-header .mh-container .mh-search-con .mh-search-in button {
    height: 50px;
    border: none;
    padding: .5rem 1.5rem
}

#main-header .mh-container .mh-logo {
    padding: .5rem
}

#main-header .mh-container .mh-logo img {
    max-height: 30px
}

#main-header-spacer {
    margin-top: 50px
}

.header-metadata {
    margin: .5rem 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.header-metadata li {
    padding: 0 .5rem .25rem 0;
    margin: 0 .25rem .25rem 0
}

h1,h2,.h1,.h2 {
    font-family: "Playfair Display",serif
}

#page-h1-con {
    margin: 1.5rem 0;
    font-family: "Playfair Display",serif
}

#page-h1-con #page-h1-small {
    font-size: 1rem;
    padding: .5rem 1rem .5rem 0
}

#home {
    min-height: 90vh;
    display: flex;
    align-items: center;
    width: 100%
}

#home .home-con {
    width: 100%
}

#home .home-con .search-logo {
    text-align: center;
    margin: 1rem 2rem
}

#home .home-con .search-logo img {
    max-width: 15rem
}

#home .home-con .search-form {
    margin: 4rem 0
}

#home .home-con .search-form .search-box-con {
    display: flex;
    justify-content: center;
    align-items: center
}

#home .home-con .search-form .search-box-con input.search-box {
    padding: .85rem;
    font-size: 1rem;
    min-width: 80%;
    display: inline-block;
    border: 1px solid #424242;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
}

#home .home-con .search-form .search-box-con button.search-box-btn {
    padding: .85rem;
    font-size: 1rem;
    border: 1px solid #424242;
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem
}

#home .home-con .search-links {
    text-align: center
}

#home .home-con .search-links ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#home .home-con .search-links ul li {
    display: inline-block;
    margin: .5rem .75rem;
    padding: .25rem
}

#home .home-con .search-links ul li a {
    color: #414141;
    font-weight: 700
}

#home .home-con .search-history,#home .home-con .search-trends {
    padding: .75rem 1rem;
    text-align: center;
    opacity: .8
}

#home .home-con .search-history i.fas,#home .home-con .search-trends i.fas {
    font-size: 80%
}

#home .home-con .search-history .sh-one,#home .home-con .search-history .st-one,#home .home-con .search-trends .sh-one,#home .home-con .search-trends .st-one {
    display: inline-block;
    margin: 0 .5rem .5rem .5rem
}

@media(max-width: 992px) {
    #home .home-con .search-form .search-box-con input.search-box {
        font-size:.9rem;
        padding: .8rem
    }

    #home .home-con .search-form .search-box-con button.search-box-btn {
        font-size: .9rem;
        padding: .8rem
    }
}

@media(max-width: 640px) {
    #home .home-con .search-form .search-box-con input.search-box {
        font-size:.8rem;
        padding: .8rem
    }

    #home .home-con .search-form .search-box-con button.search-box-btn {
        font-size: .8rem;
        padding: .8rem
    }
}

.latest-updates,.featured-updates {
    text-align: center;
    margin: 2.5rem 0
}

.latest-updates .lu-list,.featured-updates .lu-list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap
}

.latest-updates .lu-list .lu-one,.featured-updates .lu-list .lu-one {
    display: block;
    width: 8rem;
    margin: .5rem;
    color: #414141;
    text-decoration: none;
    flex: 0 0 auto;
    transition: padding 300ms ease-in
}

.latest-updates .lu-list .lu-one .lu-thumb img,.featured-updates .lu-list .lu-one .lu-thumb img {
    width: 100%
}

.latest-updates .lu-list .lu-one h3,.featured-updates .lu-list .lu-one h3 {
    font-size: .85rem;
    text-align: left
}

.latest-updates .lu-list .lu-one .lu-info,.featured-updates .lu-list .lu-one .lu-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .25rem 0
}

.latest-updates .lu-list .lu-one .lu-info .lu-time,.featured-updates .lu-list .lu-one .lu-info .lu-time {
    font-size: .75rem
}

.latest-updates .lu-list .lu-one:hover,.featured-updates .lu-list .lu-one:hover {
    background-color: #111;
    padding: .75rem;
    color: #f5f5f5
}

@media(max-width: 1080px) {
    .latest-updates .lu-list .lu-one,.featured-updates .lu-list .lu-one {
        flex:0 1 26%
    }
}

@media(max-width: 640px) {
    .latest-updates .lu-list .lu-one,.featured-updates .lu-list .lu-one {
        width:7rem;
        margin: .5rem
    }

    .latest-updates .lu-list .lu-one h3,.featured-updates .lu-list .lu-one h3 {
        font-size: .8rem;
        font-weight: 700
    }

    .latest-updates .lu-list .lu-one .lu-info .lu-time,.featured-updates .lu-list .lu-one .lu-info .lu-time {
        font-size: .7rem
    }
}

@media(max-width: 576px) {
    .latest-updates .lu-list .lu-one,.featured-updates .lu-list .lu-one {
        width:42.5%;
        flex: 0 1 auto
    }
}

.latest-updates .lu-more,.featured-updates .lu-more {
    text-align: center
}

.latest-updates .lu-more a,.featured-updates .lu-more a {
    display: inline-block;
    padding: .3rem 2rem;
    color: #f5f5f5;
    font-family: "Poppins",sans-serif;
    background: #424242;
    border: .5px solid #dedede;
    text-decoration: none
}

.latest-updates .lu-more a:hover,.featured-updates .lu-more a:hover {
    background: #111
}

.featured-updates h2 {
    text-align: left
}

.featured-updates .lu-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start
}

.featured-updates .lu-list .lu-one {
    flex-shrink: 0
}

.featured-updates .lu-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,.3);
    background-color: #dedede
}

.featured-updates .lu-list::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f5f5f5
}

.featured-updates .lu-list::-webkit-scrollbar-thumb {
    background-color: #000
}

@media(max-width: 1080px) {
    .featured-updates .lu-list .lu-one {
        flex:0 0 auto
    }
}

@media(max-width: 640px) {
    .featured-updates .lu-list .lu-one {
        width:8rem
    }

    .featured-updates .lu-list .lu-one h3 {
        font-size: .8rem
    }

    .featured-updates .lu-list .lu-one .lu-info .lu-time {
        font-size: .7rem
    }
}

@media(max-width: 576px) {
    .featured-updates .lu-list .lu-one {
        width:8rem;
        flex: 0 0 auto
    }
}

#browse .browse-filter {
    padding: .5rem 1.2rem
}

#browse .browse-filter .bf-list {
    justify-content: space-between
}

#browse .browse-filter .bf-list .bf-list-small {
    margin-right: 1rem
}

#browse .browse-filter .bf-list.bf-list-1 {
    margin: 0
}

#browse .browse-filter .bf-buttons {
    display: flex;
    justify-content: space-between;
    flex-shrink: 1
}

#browse .browse-filter .bf-buttons>div {
    padding: .75rem
}

#browse .browse-filter .bf-buttons>div:first-of-type {
    padding-left: 0
}

#browse .browse-filter .bf-buttons>div:last-of-type {
    padding-right: 0
}

#browse .titles-many {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 1.5rem 0
}

#browse .titles-many .titles-one {
    width: 12rem;
    margin: .75rem;
    transition: padding 300ms ease-in
}

#browse .titles-many .titles-one .to-info {
    display: flex;
    font-size: .7rem;
    font-weight: 700;
    justify-content: space-between;
    opacity: .8;
    padding: .125rem;
    color: #686868
}

#browse .titles-many .titles-one .to-h3 {
    font-size: 1rem;
    color: #414141
}

#browse .titles-many .titles-one .toi-meta {
    font-size: .7rem;
    color: #686868;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .125rem 0
}

#browse .titles-many .titles-one .toi-meta .toi-rating {
    margin: .125rem 0;
    font-size: .7rem
}

#browse .titles-many .titles-one:hover {
    background: #121212;
    padding: .75rem
}

#browse .titles-many .titles-one:hover a {
    text-decoration: none
}

#browse .titles-many .titles-one:hover .to-h3 {
    color: #f5f5f5;
    text-decoration: none;
    font-weight: 700
}

@media(max-width: 640px) {
    #browse .titles-many .titles-one {
        width:8rem;
        margin: .5rem
    }

    #browse .titles-many .titles-one .to-h3 {
        font-size: .8rem;
        font-weight: 700
    }

    #browse .titles-many .titles-one .toi-rating {
        font-size: .65rem
    }
}

@media(max-width: 576px) {
    #browse .titles-many .titles-one {
        width:42.5%
    }
}

#browse.related-titles .titles-many {
    justify-content: space-evenly
}

#browse.related-titles .titles-many .titles-one {
    width: 8rem
}

#browse.related-titles .titles-many .titles-one .toi-meta {
    display: block
}

#title-entry #title-metadata {
    display: flex;
    flex-shrink: 0
}

#title-entry #title-metadata .te-thumb {
    width: 15rem;
    flex-shrink: 0
}

#title-entry #title-metadata .te-info {
    padding: .5rem 1rem
}

#title-entry #title-metadata .te-info .tei-info-inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between
}

#title-entry #title-metadata .te-info .tei-list {
    list-style: none;
    margin: 0;
    padding: 0
}

#title-entry #title-metadata .te-info .tei-list>li {
    display: flex;
    max-height: 12.5rem;
    overflow-x: auto
}

#title-entry #title-metadata .te-info .tei-list>li .tei-name {
    width: 8rem;
    flex-shrink: 0
}

@media(max-width: 640px) {
    #title-entry #title-metadata {
        display:block
    }

    #title-entry #title-metadata .te-thumb {
        width: auto;
        max-height: 400px;
        text-align: center
    }

    #title-entry #title-metadata .te-thumb img {
        max-height: 400px
    }
}

.title-seasons-con,.title-episodes-con {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0
}

.title-seasons-con .title-seasons-name,.title-seasons-con .title-episodes-name,.title-episodes-con .title-seasons-name,.title-episodes-con .title-episodes-name {
    width: 8rem;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 1.25rem;
    padding: .5rem;
    text-align: right
}

.title-seasons-con .title-seasons-list,.title-seasons-con .title-episodes-list,.title-episodes-con .title-seasons-list,.title-episodes-con .title-episodes-list {
    padding: .5rem;
    flex-grow: 1
}

.title-seasons-con .title-seasons-list ul,.title-seasons-con .title-episodes-list ul,.title-episodes-con .title-seasons-list ul,.title-episodes-con .title-episodes-list ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.title-seasons-con .title-seasons-list ul li,.title-seasons-con .title-episodes-list ul li,.title-episodes-con .title-seasons-list ul li,.title-episodes-con .title-episodes-list ul li {
    display: inline-block;
    margin: .25rem .25rem .45rem
}

.title-seasons-con .title-seasons-list ul li .link,.title-seasons-con .title-episodes-list ul li .link,.title-episodes-con .title-seasons-list ul li .link,.title-episodes-con .title-episodes-list ul li .link {
    display: inline-block;
    padding: .25rem .75rem;
    border: 1px solid #dedede;
    background-color: #424242;
    color: #f5f5f5;
    position: relative
}

.title-seasons-con .title-seasons-list ul li .link .comments,.title-seasons-con .title-episodes-list ul li .link .comments,.title-episodes-con .title-seasons-list ul li .link .comments,.title-episodes-con .title-episodes-list ul li .link .comments {
    display: inline-block;
    position: absolute;
    top: -0.5rem;
    left: 0;
    height: 1rem;
    width: 100%;
    text-align: center;
    font-size: .65rem;
    padding: .1rem .3rem;
    background-color: #424242;
    color: #f5f5f5
}

.title-seasons-con .title-seasons-list ul li .link.active,.title-seasons-con .title-episodes-list ul li .link.active,.title-episodes-con .title-seasons-list ul li .link.active,.title-episodes-con .title-episodes-list ul li .link.active {
    background-color: #dedede;
    color: #424242
}

.title-seasons-con .title-seasons-list ul li .link.active .comments,.title-seasons-con .title-episodes-list ul li .link.active .comments,.title-episodes-con .title-seasons-list ul li .link.active .comments,.title-episodes-con .title-episodes-list ul li .link.active .comments {
    background-color: #dedede;
    color: #424242
}

@media(max-width: 640px) {
    .title-seasons-con,.title-episodes-con {
        display:block
    }

    .title-seasons-con .title-seasons-name,.title-seasons-con .title-episodes-name,.title-episodes-con .title-seasons-name,.title-episodes-con .title-episodes-name {
        width: auto;
        text-align: left
    }
}

.breadcrumbs-list {
    margin: .75rem 0
}

.breadcrumbs-list ol {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: "Poppins",sans-serif
}

.breadcrumbs-list ol li {
    display: inline;
    padding: 0 0 0 .5rem
}

.breadcrumbs-list ol li+li:before {
    color: #9b9b9b;
    content: "> "
}

.breadcrumbs-list ol li.active {
    color: #9b9b9b
}

.trailer-player-con {
    padding: .75rem 0
}

.trailer-player-con .trailer-player {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

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

.breadcrumbs-nav {
    margin: .5rem 0;
    padding: .5rem .25rem .5rem 1rem;
    background-color: #cfcfcf
}

.breadcrumbs-nav .breadcrumb {
    margin-bottom: 0
}

.breadcrumbs-nav .active {
    color: #9b9b9b
}

#episode-entry #episode-entry-head {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

#episode-entry .episode-entry-meta .eem-one {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start
}

#episode-entry .episode-entry-meta .eem-one .eem-name {
    text-align: right;
    width: 9rem;
    padding: .4rem
}

#episode-entry .episode-entry-meta .eem-one .eem-value {
    flex-grow: 1;
    padding: .4rem
}

.release-list .rl-head {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.release-list .rl-one {
    margin-top: 1rem
}

.release-list .rl-one .rlo-head {
    font-weight: 700
}

.release-list .rl-one .rlo-link {
    display: flex;
    margin: 1rem 0 1rem .75rem;
    align-items: flex-start;
    flex-shrink: 0
}

.release-list .rl-one .rlo-link .rlo-link-left {
    width: 6rem;
    text-align: right;
    padding: .25rem
}

.release-list .rl-one .rlo-link .rlo-link-right {
    padding: .25rem;
    flex-grow: 1
}

.release-list .rl-one .rlo-link .rlo-link-right .rlo-link-languages ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.release-list .rl-one .rlo-link .rlo-link-right .rlo-link-languages ul li {
    display: inline-block;
    border: 1px solid #9b9b9b;
    margin-top: .125rem;
    margin-right: .125rem;
    font-size: .8rem;
    padding: .125rem .25rem
}

.release-list .rl-one .rlo-link .rlo-link-right .rlo-link-dl {
    margin-top: 1rem
}

@media(max-width: 640px) {
    .release-list .rl-one .rlo-link .rlo-link-left {
        width:4rem
    }
}

.download-btn {
    background-color: #393e46;
    color: #f5f5f5;
    font-weight: 700;
    padding: .6rem 1.2rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: 700;
    text-decoration: none
}

.download-btn:hover {
    background-color: #5b6370;
    color: #f5f5f5;
    text-decoration: none
}

.empty-list {
    min-height: 30vh;
    display: flex;
    margin-top: 2vh;
    align-items: center;
    justify-content: center
}

.empty-list .message {
    font-size: 1.5rem;
    font-weight: 700
}

#error-page-con {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Playfair Display",serif;
    min-height: 50vh
}

#error-page-con #error-page {
    font-weight: 700
}

#error-page-con #error-page .e-code {
    font-size: 8rem
}

#error-page-con #error-page .e-reason {
    font-size: 3rem
}

.props-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.props-list .props-one {
    display: inline-block;
    padding: 2px 8px;
    border: .5px solid #9b9b9b;
    color: #414141;
    margin: 0 3px 3px 0
}

.props-list .props-one a {
    color: #414141
}

.props-list .props-one .po-name {
    text-transform: capitalize
}

@media(max-width: 640px) {
    .props-list .props-one {
        font-size:.8rem
    }
}

.cast-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.cast-list .cast-one {
    display: inline-block;
    border: .5px solid #9b9b9b;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px
}

.cast-list .cast-one .cast-person {
    background-color: #c9c9c9;
    padding: 3px 5px
}

.cast-list .cast-one .cast-person a {
    color: #414141
}

.cast-list .cast-one .cast-character {
    padding: 3px 5px
}

@media(max-width: 640px) {
    .cast-list .cast-one {
        font-size:.8rem
    }
}

.references-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.references-list>li {
    display: inline-block;
    padding: 0;
    margin: 3px 5px 0 0
}

.references-list>li .rl-one {
    display: inline-block;
    padding: 2px 8px;
    border: .5px solid #9b9b9b;
    color: #414141
}

.references-list>li .rl-one .rl-name {
    text-transform: capitalize
}

@media(max-width: 640px) {
    .references-list>li .rl-one {
        font-size:.8rem
    }
}

.spo-reel {
    text-align: center
}

.spo-reel .spo-one {
    margin: 1.5rem auto;
    text-align: center
}

.spo-reel .spo-one img {
    max-width: 100%
}

#main-footer {
    background-color: #222;
    color: #dedede;
    padding: 1.5rem 0
}

#main-footer .mf-con {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center
}

#main-footer .mf-con .links ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#main-footer .mf-con .links ul li {
    padding: .25rem;
    margin: 0;
    display: inline-block
}

#main-footer .mf-con .links ul li a {
    color: #dedede
}

#main-footer .mf-con .links ul.socials {
    text-align: right
}

@media(max-width: 640px) {
    #main-footer .mf-con {
        display:block;
        text-align: center
    }

    #main-footer .mf-con .copy {
        padding: 1.2rem 0
    }

    #main-footer .mf-con .links ul.socials {
        text-align: center
    }
}

.pagination {
    justify-content: center;
    font-family: "Playfair Display",serif
}

.pagination li a {
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #dedede
}

.pagination li.active a {
    background-color: #f5f5f5;
    color: #9b9b9b
}

.pagination.short {
    justify-content: space-between
}

#dm-logo {
    display: none
}

#trends .trends-list,#trends .side-trends,.side-trends-wrap .trends-list,.side-trends-wrap .side-trends {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start
}

#trends .trends-list .trends-one-con,#trends .side-trends .trends-one-con,.side-trends-wrap .trends-list .trends-one-con,.side-trends-wrap .side-trends .trends-one-con {
    width: 45%
}

#trends .trends-list .trends-one-con .trends-one,#trends .side-trends .trends-one-con .trends-one,.side-trends-wrap .trends-list .trends-one-con .trends-one,.side-trends-wrap .side-trends .trends-one-con .trends-one {
    display: flex;
    margin: .75rem;
    color: #414141;
    text-decoration: none;
    background: #f5f5f5;
    box-shadow: 3px 3px 3px #9b9b9b;
    flex-shrink: 0
}

#trends .trends-list .trends-one-con .trends-one .to-thumb,#trends .side-trends .trends-one-con .trends-one .to-thumb,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-thumb,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb {
    position: relative;
    flex-shrink: 0
}

#trends .trends-list .trends-one-con .trends-one .to-thumb img,#trends .side-trends .trends-one-con .trends-one .to-thumb img,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-thumb img,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb img {
    height: 9rem
}

#trends .trends-list .trends-one-con .trends-one .to-thumb .to-position,#trends .side-trends .trends-one-con .trends-one .to-thumb .to-position,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-thumb .to-position,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb .to-position {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    padding: .25rem;
    background: rgba(0,0,0,.75);
    color: #f5f5f5;
    text-align: center;
    font-weight: 700
}

#trends .trends-list .trends-one-con .trends-one .to-info-con,#trends .side-trends .trends-one-con .trends-one .to-info-con,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con {
    padding: .5rem .25rem .25rem .5rem;
    flex-grow: 1
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-title,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-title,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "Poppins",sans-serif
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre {
    margin: .5rem 0
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li {
    display: inline
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:after,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:after,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:after,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:after {
    content: ", "
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:last-child:after,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:last-child:after,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:last-child:after,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre ul li:last-child:after {
    content: ""
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year {
    padding: .125rem .5rem;
    background: #121212;
    color: #f5f5f5;
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    margin-right: .5rem;
    border-radius: .25rem
}

#trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-country .to-comments,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-comments,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-country .to-comments,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-comments {
    display: inline-block;
    margin-left: .5rem;
    opacity: .8
}

#trends .trends-list .trends-one-con .trends-one:hover,#trends .side-trends .trends-one-con .trends-one:hover,.side-trends-wrap .trends-list .trends-one-con .trends-one:hover,.side-trends-wrap .side-trends .trends-one-con .trends-one:hover {
    background: #222;
    color: #cdcdcd
}

@media(max-width: 640px) {
    #trends .trends-list,#trends .side-trends,.side-trends-wrap .trends-list,.side-trends-wrap .side-trends {
        display:block
    }

    #trends .trends-list .trends-one-con,#trends .side-trends .trends-one-con,.side-trends-wrap .trends-list .trends-one-con,.side-trends-wrap .side-trends .trends-one-con {
        width: auto
    }

    #trends .trends-list .trends-one-con .trends-one .to-thumb img,#trends .side-trends .trends-one-con .trends-one .to-thumb img,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-thumb img,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb img {
        min-height: 7rem
    }

    #trends .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-title,#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-info-con .to-info .to-title,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title {
        font-size: 1rem
    }
}

#trends .side-trends,.side-trends-wrap .side-trends {
    display: block
}

#trends .side-trends .trends-one-con,.side-trends-wrap .side-trends .trends-one-con {
    width: auto
}

#trends .side-trends .trends-one-con .trends-one,.side-trends-wrap .side-trends .trends-one-con .trends-one {
    margin: 0 0 .5rem 0;
    box-shadow: 1px 1px 3px #9b9b9b
}

#trends .side-trends .trends-one-con .trends-one .to-thumb img,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb img {
    height: 6rem
}

#trends .side-trends .trends-one-con .trends-one .to-thumb .to-position,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb .to-position {
    width: 1.2rem;
    padding: .125rem;
    font-weight: 700;
    font-size: .75rem
}

#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-title {
    font-size: .95rem
}

#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-genre {
    font-size: .8rem
}

#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country {
    font-size: .75rem
}

#trends .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-info-con .to-info .to-country .to-release-year {
    padding-left: .25rem;
    padding-right: .25rem
}

#trends .side-trends .side-trends-more,.side-trends-wrap .side-trends .side-trends-more {
    text-align: center;
    font-size: 1rem
}

#trends .side-trends .side-trends-more a,.side-trends-wrap .side-trends .side-trends-more a {
    color: #9b9b9b;
    font-weight: bold
}

.btn-black {
    color: #f5f5f5;
    background-color: #121212;
    border-color: #9b9b9b
}

.btn-black:hover {
    color: #fff;
    background-color: #454545;
    border-color: #454545
}

.btn-black:disabled {
    background-color: #454545;
    opacity: .5
}

.rating-stars {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    color: #9b9b9b
}

.rating-stars .vote-count {
    line-height: 1;
    margin-left: .2rem;
    word-break: keep-all
}

.rating-stars .filled {
    color: #f2b01e
}

.rating-stars .rating-source {
    display: inline-block;
    padding-right: .5rem
}

.rating-stars .color-imdb {
    color: #111;
    background: #dba506
}

#sidebar-content-wrap .sidebar-section {
    max-width: 18rem;
    margin-bottom: 1.5rem
}

#sidebar-content-wrap .sidebar-section .sidebar-section-name {
    font-family: "Playfair Display",serif;
    margin-bottom: .75rem
}

@media(max-width: 992px) {
    #sidebar-content-wrap {
        margin-top:1rem
    }

    #sidebar-content-wrap .sidebar-section {
        flex-shrink: 0;
        margin: 1rem
    }
}

@media(max-width: 768px) {
    #sidebar-content-wrap .sidebar-section {
        margin:1rem .5rem .5rem
    }
}

@media(max-width: 768px) {
    #sidebar-content-wrap .sidebar-section {
        max-width:none
    }
}

@media(prefers-color-scheme: dark) {
    body {
        color:#cdcdcd;
        background: #222
    }

    a {
        color: #fb422c
    }

    a:hover {
        color: #2c7efb
    }

    input,button {
        background: #121212;
        color: #cdcdcd
    }

    .form-control,.input-group-text {
        background-color: #121212;
        color: #cdcdcd;
        border-color: #444
    }

    .form-control:focus,.input-group-text:focus {
        background-color: #3c3c3c;
        color: #eee
    }

    .form-control:disabled,.form-control[readonly],.input-group-text:disabled,.input-group-text[readonly] {
        background-color: #3c3c3c;
        color: #b4b4b4
    }

    img {
        filter: brightness(0.8) contrast(1.2)
    }

    #dm-logo {
        display: inline-block
    }

    #lm-logo {
        display: none
    }

    #main-header {
        background-color: rgba(0,0,0,.8)
    }

    #main-header .mh-container .mh-search-con .mh-search-in input {
        background: rgba(0,0,0,.8)
    }

    #home .home-con .search-links ul li a {
        color: #eee
    }

    .latest-updates .lu-list .lu-one,.featured-updates .lu-list .lu-one {
        color: #9a9a9a
    }

    .latest-updates .lu-more a,.featured-updates .lu-more a {
        color: #111;
        background: #9b9b9b
    }

    .latest-updates .lu-more a:hover,.featured-updates .lu-more a:hover {
        color: #f5f5f5;
        background: #414141
    }

    .featured-updates .lu-list::-webkit-scrollbar-track {
        background-color: #121212
    }

    .featured-updates .lu-list::-webkit-scrollbar {
        background-color: #4e4e4e
    }

    .featured-updates .lu-list::-webkit-scrollbar-thumb {
        background-color: #4e4e4e
    }

    #browse .titles-many .titles-one,#browse .titles-many .titles-one .to-h3 {
        color: #cdcdcd
    }

    .ms-options-wrap>.ms-options {
        background-color: #121212;
        color: #cdcdcd
    }

    .ms-options-wrap>button:focus,.ms-options-wrap>button {
        background-color: #121212;
        color: #cdcdcd
    }

    .ms-options-wrap>button[disabled] {
        background-color: #121212;
        color: #cdcdcd
    }

    .ms-options-wrap>.ms-options>ul label.focused,.ms-options-wrap>.ms-options>ul label:hover {
        background-color: #3c3c3c;
        color: #cdcdcd
    }

    .ms-options-wrap>.ms-options>ul li.selected label {
        background-color: #3c3c3c
    }

    .ms-options-wrap.ms-has-selections>button {
        color: #cdcdcd
    }

    .props-list .props-one,.props-list .props-one a {
        color: #cdcdcd
    }

    .cast-list .cast-one .cast-person {
        background-color: #3c3c3c
    }

    .cast-list .cast-one .cast-person a {
        color: #cdcdcd
    }

    .references-list li .rl-one {
        color: #cdcdcd
    }

    #trends .trends-list .trends-one-con .trends-one,#trends .side-trends .trends-one-con .trends-one,.side-trends-wrap .trends-list .trends-one-con .trends-one,.side-trends-wrap .side-trends .trends-one-con .trends-one {
        color: #cdcdcd;
        background: #121212;
        box-shadow: 2px 2px 2px #3c3c3c
    }

    #trends .trends-list .trends-one-con .trends-one .to-thumb .to-position,#trends .side-trends .trends-one-con .trends-one .to-thumb .to-position,.side-trends-wrap .trends-list .trends-one-con .trends-one .to-thumb .to-position,.side-trends-wrap .side-trends .trends-one-con .trends-one .to-thumb .to-position {
        background: rgba(255,255,255,.6);
        color: #121212
    }

    #trends .trends-list .trends-one-con .trends-one:hover,#trends .side-trends .trends-one-con .trends-one:hover,.side-trends-wrap .trends-list .trends-one-con .trends-one:hover,.side-trends-wrap .side-trends .trends-one-con .trends-one:hover {
        background: #cfcfcf;
        color: #222
    }

    #trends .side-trends .trends-one-con .trends-one,.side-trends-wrap .side-trends .trends-one-con .trends-one {
        box-shadow: 1px 1px 1px #3c3c3c
    }

    #main-footer {
        background-color: #121212
    }

    #main-footer .mf-con .links ul li a {
        color: #b4b4b4
    }

    .pagination li a {
        background-color: #121212
    }

    .title-seasons-con .title-seasons-list ul li .link,.title-seasons-con .title-episodes-list ul li .link,.title-episodes-con .title-seasons-list ul li .link,.title-episodes-con .title-episodes-list ul li .link {
        border: .5px solid #eee;
        background-color: #121212;
        color: #cdcdcd
    }

    .title-seasons-con .title-seasons-list ul li .link .comments,.title-seasons-con .title-episodes-list ul li .link .comments,.title-episodes-con .title-seasons-list ul li .link .comments,.title-episodes-con .title-episodes-list ul li .link .comments {
        background-color: #121212;
        color: #cdcdcd
    }
}
