/* Critical (front page) */


html.dark {background-color:#1e1c1f; color:#dcdcdd;}
.date-today .small-date, .date-tomorrow .small-date {font-size:11px;}
html, body {margin:0px; padding:0px; width:100%; font-family:Sans-serif, Arial, Tahoma; font-size:14px; font-weight:normal; line-height:1.33;}
p, a, h1, h2, h3, h4, input, label, .ui-tooltip {font-family:sans-serif, Arial, Tahoma;}
#content {width:100%; display:block; float:left;}
#main {width:100%; max-width:100%; min-height:100%; position:relative; padding-top:60px;}
#programtable {display:block; float:left; width:100%; position:relative;}
.channel {display:block; float:left; position:relative; overflow-y:hidden;}
.dark .channel a {color:#dcdcdd;}
.channel a {text-decoration:none; color:#000;}
.channel-header {display:block; position:relative;}
.channel h2 {display:flex;text-align:center; width:100%; height:55px; box-sizing:border-box; text-align:center; justify-content:center; align-items:center; margin:0px; overflow:hidden;}
.program-info h1, h2 {font-weight:500;}
.channel h2 picture {display:flex; justify-content:center; align-items:center;}
.channel h2 img {max-height:90%; display:block; max-width:90%; height:auto;}
.dark .channel .daypart-block {background:linear-gradient(to right,#282828 39px,transparent 39px,transparent 100%); border-color:#3d3d3d;}
.channel .daypart-block {background:linear-gradient(to right,#f2f6f9 39px,transparent 39px,transparent 100%); border-style:solid; border-color:#cccccc; border-width:0px 0px 1px 0px; width:100%; float:left; overflow:hidden; height:auto;}
.channel li, .channel ul {list-style:none; padding:0px; margin:0px; display:inline-block;}
.dark .running, .dark li.running {background-color:#1c648a;}
.running, li.running {background-color:#bfe8ff; font-weight:bold;}
.channel li {font-weight:normal; display:block; float:left; width:100%; position:relative;}
.dark .channel li.running time {color:#fff;}
.dark .channel li time {color:#dcdcdd;}
li.running time {padding-top:3px;}
.channel li .pl, .channel li time {padding-top:3px; padding-bottom:3px;}
.channel li time {width:39px; display:block; float:left; text-align:center; font-size:13px; color:#000;}
.channel li .pl {width:calc(100% - 39px); font-weight:normal; box-sizing:border-box; display:block; float:left; text-align:left; font-size:13px; padding-left:5px; padding-right:5px;}
.channel .pl .op {display:inline;}
.dark .running a {color:#fff;}
.dark .stream-link img {-webkit-filter:invert(1); filter:invert(1);}
.stream-link img {display:inline-block; height:14px;}
.dark .duration {background-color:#1a4862;}
.duration {display:block; float:left; width:calc(100% + 5px); margin-left:-5px; height:2px; position:relative; padding:0px; background-color:#bfe8ff;}
.duration > div {display:block; float:left; height:2px;}
.stream-link {display:inline-block; height:14px; vertical-align:middle;}
.dark #main-header {background:linear-gradient(to bottom,#464646 0%,#343434 100%);}
#main-header {width:100%; height:60px; position:fixed; background:linear-gradient(to bottom,#414141 0%,#292929 100%); top:0px; left:0px; z-index:20; transform:translateZ(0);}
#header-logo {margin:10px 0px 10px 15px; display:block; float:left;}
#main-header h1 {text-indent:-1000px; overflow:hidden; position:absolute;}
#main-nav {display:block; float:right; margin-right:15px;}
#main-nav .nav-link {display:block; float:right; height:60px; color:#fff;}
.dark #secondary-nav .nav-submenu a.active, .dark #main-nav .not-today, .dark #main-nav .logged-in {color:#ff4eb6;}
@media only screen and (max-width: 1200px) {#secondary-nav {display:none;}}
@media only screen and (max-width: 600px) {.hide-sm {display:none !important;}
#main-nav .nav-icon {margin:15px 10px;}
#main-nav {margin-right:0px !important;}}
@media only screen and (max-width: 800px) {.hide-md {display:none !important;}}
#main-nav .not-today, #main-nav .logged-in {color:#ee008d;}
#user-menu {float:right;}
.nav-menu-wrapper {height:60px; display:inline-block;}
.nav-icon {display:block; float:left; height:30px; width:auto; margin:15px;}
#date-selector .nav-icon {margin-left:5px; margin-right:5px;}
#usermenu-open-link.logged-in span {color:#ee008d;}
#main-nav .nav-link > span {display:block; float:left; height:60px; text-transform:uppercase; font-size:15px; padding-top:22px; box-sizing:border-box; font-weight:normal;}
#date-selector {display:block; float:right;}
#date-selector .nav-link {text-align:center;}
#date-selector .nav-icon {margin-left:5px; margin-right:5px;}
#secondary-nav .nav-link {float:left;}
#secondary-nav .nav-icon {height:20px; margin:20px 5px;}
#main-nav .nav-link.date-today > span, #main-nav .nav-link.date-tomorrow > span {padding-top:14px;}
#nav-search-wrapper {padding-top:16px; box-sizing:border-box;}
#nav-search-form {display:block; float:left;}
#nav-search-input {padding:5px; background:transparent; background:rgba(0,0,0,0.5); color:#fff; outline:none; border:none; width:95px; width:150px; font-weight:normal; display:block; float:left; height:32px; padding:5px 10px; border-radius:10px 0 0 10px; box-sizing:border-box;}
#nav-search-submit {display:block; float:left; border:none; padding:4px; padding:5px 7px; outline:none; height:22px; background:rgba(0,0,0,0.5); border-radius:0 10px 10px 0;}

@media only screen and (min-width: 1201px) {
.hide-l {display:none !important;}
}

@media only screen and (min-width: 1441px) {
.channel {width:calc(100% / 8);}
}

@media only screen and (min-width: 1201px) {
nav .theme-selection {display:none !important;}
}

@media only screen and (max-width: 360px) {
.channel {width:100%;}
.channel li .pl, .channel li time {font-size:14px !important;}
}

@media only screen and (min-width: 361px) and (max-width:600px) {
.channel {width:50%;}
.channel li .pl, .channel li time {font-size:14px !important;}
.channel li img {width:17px !important; height:17px !important;}
}

@media only screen and (min-width: 601px) and (max-width:900px) {
.channel {width:25%;}
}

@media only screen and (max-width: 1200px) {
#secondary-nav {display:none; position:absolute; top:60px; right:0px; background-color:#333; width:100%; max-width:200px; text-align:right; min-height:1000px; z-index:11;}
}

@media only screen and (min-width: 901px) and (max-width:1440px) {
.channel {width:calc(100% / 6);}
}

@media only screen and (min-width: 1201px) {
#secondary-nav {display:block; float:right;}
#secondary-nav .nav-menu-wrapper {margin-right:20px;}

}

.ad-wrapper-top, .ad-wrapper-program-info-top {min-height:280px;float:left;width:100%;box-sizing: border-box}
.ad-wrapper-top {/*! margin-top:10px; */}
@media (min-width:500px) {
	.ad-wrapper-top, .ad-wrapper-program-info-top {min-height:150px;}
	.ad-wrapper-top-frontpage{min-height:140px}
}


/* Non Critical */

.container {max-width:100%; width:1000px; padding:10px; box-sizing:border-box; margin:auto;}
#main-header.uiwebview {position:relative; margin-top:-60px;}

.nav-submenu {position:absolute; top:60px; z-index:20;}
#calendar-wrapper {right:0px;}
.calendar a {display:inline-block; padding:8px 15px; text-decoration:none; color:#000;}
.calendar a:hover {background-color:#eee;}
.calendar .calendar-month {display:inline-block; background:#fff; border:1px solid #ccc; padding:5px; text-align:center;}
.calendar-month-selector {display:inline-block; width:100%;}
.calendar .calendar-month .previous-month, .calendar .calendar-month .next-month {padding:8px 18px; border:solid 1px #ccc;}
.calendar .month-name {margin-top:8px; display:inline-block;}
.calendar .calendar-month .previous-month {float:left;}
.calendar .calendar-month .next-month {float:right;}
.calendar .today a {font-weight:bold;}
.calendar .current-date a {background-color:#f280be;}
.calendar table {border-collapse:collapse; margin-top:10px;}
.calendar td {padding:0px; border:solid 1px #ccc;}
#secondary-nav .nav-submenu {background:#404040;}
#secondary-nav .nav-submenu a {color:#fff; display:block; float:left; width:100%; text-decoration:none; padding:4px 10px; box-sizing:border-box; font-weight:normal; font-size:16px;}
#secondary-nav .nav-submenu a:hover {background-color:#247eb0;}
#secondary-nav .nav-submenu a.active {color:#ff4eb6;}
#user-menu .nav-submenu {background:#fff; border:1px solid #ccc; max-width:500px; width:100%; right:0px; display:inline-block; padding:10px; box-sizing:border-box;}
#user-menu.logged-in .nav-submenu {width:auto; min-width:200px;}
#user-menu.logged-in .nav-submenu a {color:#000; display:block; float:left; width:100%; text-decoration:none; padding:4px 10px; box-sizing:border-box; font-weight:normal; font-size:16px;}
#user-menu.logged-in .nav-submenu a:hover {background-color:#bfe8ff;}
#user-menu #navi-login-submit-button {float:right;}
#user-menu .user-login-name {font-weight:bold; text-align:center; display:inline-block; width:100%; color:#fff; background:#353535; padding:5px; box-sizing:border-box; font-size:13px; overflow:hidden;}
#login-form > div {display:block; float:left; box-sizing:border-box; padding:0px 5px; width:50%; position:relative;}
#login-form label, #login-form input[type="text"], #login-form input[type="password"] {display:block; float:left; width:100%; box-sizing:border-box;}
#login-form input[type="text"], #login-form input[type="password"] {margin-bottom:5px;}
#login-form-links {text-align:center; display:inline-block; color:#ee008d; padding:5px; margin-top:10px; width:100%; box-sizing:border-box;}
#login-form-links a {color:#ee008d; font-size:12px; text-decoration:none;}
#top-recommendation {background-color:#e4f5ff; width:100%; display:inline-block; color:#000; text-align:center; margin-top:10px; padding:5px; box-sizing:border-box;}
#top-recommendations h2 {font-size:12px; font-weight:bold; display:inline;}
#top-recommendations a {color:#000; font-size:12px;}
.programtable-footer {padding:2rem 0; text-align:center; display:block; float:left; width:100%;}
.programtable-footer a {color:#a80065; white-space:nowrap;}
.imdb {text-decoration:none; font-size:10px; font-weight:bold; display:inline-block; padding:0px; margin:0px 0px 0px 0px; background:#f5c518 !important; opacity:1 !important; border-radius:2px; overflow:hidden; line-height:13px; height:12px; vertical-align:middle;}
.imdb .imdb-t {background-color:#f5c518; color:#000000; padding:0px 2px; display:inline-block; font-weight:bold;}
.imdb .imdb-r {color:#000000; padding:0px 2px; display:inline-block; font-weight:bold; background:#fff !important;}
.imdb:hover {opacity:1 !important;}
.trailer {vertical-align:middle;}
.running.g-e, li.running.g-e {background-color:#fdd1ec;}
.channel h2 img {transition:transform .1s ease-in;}
.channel h2 img:hover {transform: scale(1.2);}
#channel-106 h2 img {max-width:80%;}
.channel li .pl a:hover {text-decoration:underline;}
li.g-e .pl {background-color:#fdd1ec; font-weight:bold;}
li.g-ur .pl .op:after {content:"\00a0⚽"; font-size:10px; filter:grayscale(100%);}
li.user-hilight .pl a {color:#ee008d; font-weight:bold;}
li.user-dim .pl a {opacity:0.25;}
.program-info .program-image {width:100%;}
.program-info .program-image-cropped {height: auto; aspect-ratio: 16 / 9;object-fit: cover;background-color: black;display: block;}
.button-bar {width:100%; display:inline-block; border:solid #ccc; border-width:1px 0px;}
.button-bar > * {padding:10px;}
.button-bar a {text-decoration:none;}
.button-bar a img {display:block; float:left; height:30px; width:auto;}
.button-bar a:hover {background-color:#ddd;}
.dark .button-bar a:hover {background-color:#262626;}
.higlight-button {display:block; float:left; text-transform:uppercase; color:#000; font-weight:bold;}
.higlight-button span {display:inline-block; margin:7px 0px 0px 10px;}
.higlight-button.highlight {color:#ee008d;}
.higlight-button.dim {color:#ccc;}
.share-cta {display:block; float:right; text-transform:uppercase; font-weight:bold; padding:17px 10px 0px 0px;}
.share-button {display:block; float:right;}
.highlight-form {border:solid #ccc; border-width:0px 0px 1px 0px; display:block; float:left; padding-bottom:10px; margin-bottom:10px; width:100%;}
.highlight-form input[type="text"] {max-width:calc(100% - 95px);}
.highlight-form p {font-weight:500; margin-bottom:0px;}
.highlight-form .input-group, .highlight-form p {display:block; float:left; width:100%; margin:5px 0px;}
.highlight-form .input-group label {font-weight:normal;}
.highlight-form .hilight-delete-link {font-weight:normal; text-decoration:none; color:#ee008d; margin-left:10px;}
.highlight-form .hilight-delete-link:hover {font-weight:normal; text-decoration:underline;}
.program-info h2 {font-size:21px; margin:5px 0px 20px; font-weight:normal !important;}
.program-info h2 a {color:#000; text-decoration:none;}
.program-info p {font-weight:normal; font-size:15px; margin:10px 0px;}
h1.program-main-title {display:inline; font-size:22px;}
.age-symbol, .program-imdb-link {display:inline-block;}
.age-symbol {margin-bottom:-4px; margin-right:10px;}
.program-imdb-link {background-color:#f6c700; color:#000 !important; font-size:18px; text-decoration:none; border-radius:5px; padding:0px 5px; font-weight:bold;}
.highlight-form input:read-only {background-color:#ddd;}
.highlight-form input[type="text"], .highlight-form input[type="submit"] {height:30px;}
.highlight-form input[type="submit"] {background-color:#931c65; color:#fff; border:1px solid #931c65; padding:7px 8px;}
.highlight-form input[type="submit"]:hover {background-color:#a41b70; border:1px solid #931c65;}
.highlight-form input[type="submit"]:disabled {color:rgba(255,255,255,.33);}
.future-progam {color:#333; text-decoration:none; font-size:13px; padding:5px 0px; display:block; width:100%; float:left; font-weight:normal; margin-bottom:2rem; font-size:15px;}
.future-progam time {font-size:16px; margin:0px; display:block; font-weight:bold; margin-bottom:.5rem;}
.future-progam h3 {font-weight:bold; font-size:14px; margin:0px; display:inline;}
.all-episodes-link, .back-to-programtable {color:#000; text-decoration:none;}
.all-episodes-link:hover, .back-to-programtable:hover {color:#009ee0;}
.episode-list {display:block; width:100%; float:left; margin-top:15px;}
.program-modal {position:fixed; top:0px; left:0px; width:100%; height:100%; box-sizing:border-box; padding:0; overflow-y:auto; -webkit-overflow-scrolling:touch; background-color:rgba(255,255,255,0.7); z-index:90;}
.program-modal #modal-background-close {z-index:91; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.program-modal .program-info {background-color:#fff; border:1px solid #ccc; margin:0 auto; position:relative; z-index:99; display:flex; flex-flow:column;}
.program-modal .program-info .main-header-row {width:calc(100% - 30px); display:inline-block; margin-right:30px;}
.program-close-x {display:block; float:right; border:1px solid #ccc; background-color:#fff; position:absolute; right:10px; top:10px;}
.program-close-x img {display:block; float:left;}
.program-close-x:hover {background-color:#ddd;}
.modal-inner {background:#f4f4f4; padding:1rem; border-radius:0.5rem; overflow:hidden; box-sizing:border-box;}
#main-footer {background-color:#333; display:block; width:100%; float:left; padding:50px 0px; margin-top:10px; color:#fff; text-align:center;}
.footer-links {display:block; width:100%; float:left; margin:20px 0px; color:#fff;}
.footer-links a {color:#fff; text-decoration:none; margin:0px 10px;}
.footer-recommendations {text-align:center;}
.footer-recommendations > div {width:980px; display:inline-block; max-width:100%;}
.footer-links a > img {-webkit-filter:invert(1); filter:invert(1);}
.footer-recommendations h2 {font-size:12px; font-weight:bold; display:inline;}
.footer-recommendations a {font-size:12px; margin:0px;}
#footer-logo {display:inline-block; margin-bottom:30px;}
.channel-sort-list {display:block; float:left; width:100%; box-sizing:border-box; padding:5px; margin:10px 0px; border:solid 1px #ccc; list-style:none;}
.channel-sort-list li {display:block; float:left; height:40px; box-sizing:border-box; padding:5px; margin:5px; border:solid 1px #ccc; list-style:none; position:relative;}
.channel-sort-list li img {max-height:100%; width:auto; height:100%;}
.programtable-save {display:block; color:#000; text-decoration:none; border:1px solid #ccc; padding:5px 10px; float:right;}
.programtable-save:hover {background-color:#eee;}
#programtable-sort-form-wrapper {display:inline-block;}
#programtable-sort-form-wrapper p {display:block; width:100%; float:left; margin:0px 0px;}
.program-list-intro {background:#f4f4f4; padding:0.5rem; border-radius:0.5rem; margin-bottom:1rem;}
.program-list-intro p:last-of-type {margin-bottom:0;}
.list-program {display:block; color:#000; float:left; width:100%; margin-bottom:15px; padding:1rem; background:#f4f4f4; border-radius:0.5rem; box-sizing:border-box;}
.list-program h3 {display:block; color:#000; float:left; width:100%; margin:2px 0px; font-size:16px; font-weight:bold;}
.list-program h3 a {margin-right:10px;}
.list-program h4 {display:block; color:#000; float:left; width:100%; margin:0px 0px; font-size:14px; font-weight:bold;}
.list-program h3 .age-symbol {margin-bottom:-5px;}
.list-program h3 .program-imdb-link {font-size:13px;}
.list-program h4 img {max-height:20px; width:auto;}
.list-program a {text-decoration:none; color:#000;}
.list-program p:last-of-type {margin-bottom:0;}
.list-program h3 a.op:hover {text-decoration:underline;}
.pagination-link {text-decoration:none; color:#000; padding:6px 8px; border:solid 1px #ccc; font-weight:normal;}
#pagination-links {display:inline-block; padding:25px 0px;}
.pagination-link.pagination-now {font-weight:500; text-decoration:underline;}
.day-h2 {font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; color:#000; text-decoration:none; display:block; float:left; width:100%;}
.container h1 {font-weight:500; font-size:24px; margin:0px;}
.day-wrapper {display:block; float:left; margin-bottom:20px; width:100%;}
input[type="text"], input[type="email"], input[type="password"], textarea {border:1px solid #ccc; padding:7px 8px; margin-bottom:10px; width:100%; box-sizing:border-box;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, input[type="submit"]:focus {outline-width:0;}
input[type="submit"] {border:1px solid #333; padding:2px 10px; background-color:#333; color:#fff; cursor:pointer; font-weight:bold; text-transform:uppercase; display:block; float:right;}
input[type="submit"]:hover {border:1px solid #009ee0; background-color:#009ee0;}
.container.form {width:600px; max-width:95%; position:relative; margin:10px auto 50px; padding:20px; border:1px solid #ccc;}
.container.form form {width:100%; display:inline-block; box-sizing:border-box;}
.form .error {display:block; float:left; width:100%; margin-top:-10px; margin-bottom:10px; color:#ee008d;}
#searchform-wrapper {margin:15px 0;}
#searchform-wrapper .form-fields {display:flex; flex-flow:row; gap:15px; margin-top:15px;}
.form-fields input {display:block; height:35px; padding:0 10px; line-break:35px; box-sizing:border-box; border-radius:5px; border:1px solid #333333; width:100px;}
#search-input {width:calc(100% - 100px);}
#movie-remmendations-wrapper {display:block; float:left; width:100%; text-align:center; margin-top:20px;}
#movie-remmendations-wrapper .recommendations-box {display:inline-block; width:1279px; max-width:100%; text-align:center; position:relative; display:flex; flex-wrap:wrap; margin:0 auto; gap:0 1rem; padding:0 1rem; box-sizing:border-box;}
.premiere-box {margin-top:1rem !important;}
.recommendations-box h2 {background-color:#f4f4f4; color:#333; display:block; float:left; box-sizing:border-box; font-weight:bold; margin:0 0 1rem; border-radius:.5rem; padding:10px; font-size:px; width:100%;}
.dark .recommendations-box h2 {background-color:#333; color:#fff;}
.movie-recommanrations .img-frame, .movie-spotlight .img-frame {width:100%; background:#000; display:flex; max-width:379px; justify-content:center;}
.movie-spotlight {display:flex; width:100%; gap:1rem; text-align:left; margin:0 0 1rem;}
.movie-spotlight img, .movie-spotlight-text {display:block; object-fit:contain; object-position:center; height:auto;}
.movie-spotlight img {max-width:379px;}
.movie-title a {text-decoration:none;}
.movie-spotlight, .movie-spotlight a {color:inherit;}
.dark .movie-spotlight, .dark .movie-spotlight a {color:#fff;}
.movie-spotlight h3 {margin-top:0;}
.movie-spotlight, .movie-recommendation {padding:1rem; border-radius:.5rem; background:#f4f4f4;}
.dark .movie-spotlight, .dark .movie-recommendation {background:#363636;}
.movie-recommendation {flex:1; text-decoration:none; display:flex; flex-wrap:wrap; color:inherit; justify-content:center; gap:.5rem; min-width:25%;}
.movie-recommendation:nth-of-type(4) {display:none;}
.movie-recommendation img {object-fit:cover; object-position:center; display:block; width:100%; height:auto; aspect-ratio:16 / 9;}
.movie-recommendation .movie-title {bottom:0px; left:0px; box-sizing:border-box;}
.dark .movie-recommendation .movie-title {color:#fff;}
.movie-recommendation .program-imdb-link {font-size:14px; height:1.3em;}
#newsboxes-wrapper {display:block; float:left; width:100%; text-align:center; margin-top:10px;}
.newsbox {display:inline-block; width:300px; height:380px; margin:5px; vertical-align:top; border:1px solid #ccc;}
.ui-tooltip {padding:5px; color:white; border-radius:0px; border-width:0px !important; font-weight:normal; font-size:13px; background-color:rgba(0,0,0,0.8); box-shadow:0 0 7px black;}
.note {color:#ee008d;}
.page-message {text-align:center; padding:10px; font-weight:bold; margin:10px auto; max-width:90%;}
.page-message {cursor:pointer;}
.success-message {color:#009ee0; border:1px solid #009ee0;}
.error-message {color:#ee008d; border:1px solid #ee008d;}
.align-right {text-align:right;}
.responsive-youtube {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%;}
.responsive-youtube iframe, .responsive-youtube object, .responsive-youtube embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.active-ad-wrapper, .ad-wrapper {/*! float:left; */ /*! width:100%; */ text-align:center; /*! max-width:100vw; */ /*! overflow-x:hidden; */}
.theme-selection {line-height:1.25rem;}
nav .theme-selection {text-align:center; border-top:solid 1px rgba(128,128,128,.33); padding-top:1.5rem; margin:0; display:block; width:100%; float:left; color:#fff;}
button.switch {display:inline-block; margin-left:1rem; width:2.5rem; height:1.25rem; border-radius:1.25rem; background-color:#ccc; border:0; margin:0; padding:0; text-indent:-9999px; position:relative; cursor:pointer; transition:all .1s ease-in-out;}
button.switch.switch-on {background-color:#e01f79;}
button.switch:after {z-index:999; position:absolute; top:0; left:0; content:""; display:inline-block; width:1.25rem; height:1.25rem; border-radius:1.25rem; background-color:#fff; transition:all .1s ease-in-out;}
button.switch.switch-on:after {margin-left:1.25rem;}
.notification-bar {height:2rem; line-height:2rem; background:rgb(242,246,249); color:#000 !important; padding:0 .5rem; text-align:center; font-size:.9rem; position:relative; display:none;}
.notification-bar.show {display:block;}
.notification-bar a {color:#000;}
.notification-bar-close {display:block; background:none; border:0; width:2rem; height:2rem; line-height:2rem; color:#000; margin:0; padding:0; position:absolute; top:0; right:0; cursor:pointer; font-size:1.25rem;}
.hidden {display:none;}
.trending-wrapper {display:block; float:left; width:100%; text-align:center; margin-top:20px;}
.trending {width:100%; padding:30px; display:inline-block; width:1279px; max-width:100%; margin:0 auto 20px; padding:0 1rem; box-sizing:border-box;}
.trending-program-info {opacity:.66;}
.trending a {color:#000; text-decoration:none; font-weight:bold;}
.dark .trending a {color:#fff;}
.trending > div {text-align:left; float:left; width:100%; box-sizing:border-box; background-color:#f4f4f4; padding:20px; border-radius:.5rem; margin:10px 0 0 0; color:#000;}
.dark .trending > div {text-align:left; float:left; width:100%; box-sizing:border-box; background-color:#333; padding:20px; border-radius:.5rem; margin:10px 0 0 0; color:#fff;}
.trending div div:not(:last-child) {margin-bottom:30px;}
.trending h2 {background-color:#f4f4f4; color:#333; display:block; float:left; box-sizing:border-box; font-weight:bold; margin:0 0 1rem; border-radius:.5rem; padding:10px; width:100%;}
.dark .trending h2 {background-color:#333; color:#fff;}
.trending h3 {margin:0; display:inline-block;}
.trending .genretag {display:inline-block; vertical-align:middle; background:rgba(0,0,0,.07); font-size:80%; line-height:20px; height:20px; padding:0 5px; border-radius:3px; font-weight:normal; text-transform:uppercase;}
.dark .trending .genretag {background:rgba(255,255,255,.1);}
.dark .running.g-e {background-color:#931c65;}
.dark .trailer {-webkit-filter:invert(1); filter:invert(1);}
.dark li.user-hilight .pl a {color:#ff4eb6; font-weight:normal;}
.dark li.g-e .pl {background-color:#931c65;}
.dark li.g-e .pl a {color:#fff;}
.dark .program-modal {background-color:rgba(0,0,0,0.7);}
.dark .program-modal .program-info {background-color:#404040; border:none; color:#fff;}
.dark .modal-inner {background:#363636;}
.program-close-x {-webkit-filter:invert(1); filter:invert(1);}
.dark .higlight-button.highlight {color:#ff4eb6;}
.dark .program-info h2 a {color:#fff;}
.dark .button-bar {border:none;}
.dark .higlight-button img {-webkit-filter:invert(1); filter:invert(1);}
.dark .button-bar a img {filter:invert(1);}
.dark .higlight-button {color:#fff;}
.dark .all-episodes-link, .dark .back-to-programtable {color:#fff;}
.dark .day-h2 {color:#dcdcdd;}
.dark .list-program a {text-decoration:none;}
.dark .calendar a {color:#000;}
.dark #top-recommendations {background-color:#1f2021; color:#fff;}
.dark #top-recommendations a {color:#fff;}
.dark .list-program a {color:#dcdcdd;}
.dark .list-program h4 {color:#dcdcdd;}
.dark .future-progam {color:#dcdcdd;}
.dark .programtable-footer a {color:#ff4eb6;}
.dark #user-menu .nav-submenu {background:#404040; border:none;}
.dark #login-form-links a, .dark #login-form-links {color:#ff9ad7;}
.dark .programtable-save {color:#fff; border:1px solid #555;}
.dark .container.form {border:1px solid #555;}
.dark .channel-sort-list {border:solid 1px #555;}
.dark .channel-sort-list li {border:solid 1px #555;}
.dark #user-menu.logged-in .nav-submenu a {color:#fff;}
.dark #user-menu.logged-in .nav-submenu a:hover {background-color:#247eb0;}
.dark .calendar .calendar-month {background:#404040; border:1px solid #555;}
.dark .calendar a {color:#fff;}
.dark .calendar a:hover {background-color:#777;}
.dark .pagination-link {text-decoration:none; color:#ccc;}
.dark .newsbox {border:1px solid #555;}
.dark .program-list-intro {background:#363636;}
.dark .notification-bar {background:rgba(0,0,0,.33); color:#fff !important;}
.dark .notification-bar a {color:#fff;}
.dark .notification-bar-close {color:#fff;}
.dark .list-program {background:#363636;}
.ios-a2hs {float:left; margin:15px 0; width:100%; overflow:hidden; display:flex; justify-content:center; align-items:center; display:none;}
.ios-a2hs-inner {background:#fdd1ec; border-radius:6px; color:#000; margin:0 15px; padding:1rem 1rem 0; box-sizing:border-box; text-align:center; overflow:hidden;}
.dark .ios-a2hs-inner {background:#931c65; color:#fff;}
.ios-a2hs p {line-height:25px;}
.ios-a2hs p img {height:25px; vertical-align:middle; border-radius:5px;}
.ios-a2hs-show {display:flex;}
.channel-number {position:absolute; top:0; left:0; width:18px; height:18px; font-size:10px; background-color:#f2f6f9; text-align:center; line-height:18px; color:#8a8d90;}
.dark .channel-number {background-color:#282828; color:#878787;}
.ad-wrapper-top { /*! text-align:center; */ /*! width:100%; */ :relative;}
.ad-wrapper iframe {vertical-align:top;}
.banner-quiz:has(+ .sadblob-empty + .sadblob-empty) {display:flex !important; opacity:1 !important; text-align:center; text-align:left; color:#666; margin:0 auto; border-radius:.25rem; background:#f4f4f4;}
.dark .banner-quiz:has(+ .sadblob-empty + .sadblob-empty) {background:#282828 !important;}
.banner-quiz .modal-inner {background:none; padding-top:1.5rem;}
.banner-quiz button.open-quiz {font-size:18px; padding:0; font-family:sans-serif; margin-top:.33rem; line-height:2rem;}
.open-quiz-icon {width:17px; height:17px; vertical-align:middle; margin-left:.1rem; margin-top:-1px;}
.banner-quiz .quiz-title {line-height:2rem; margin-top:.33rem;}
.tooltip {position:absolute; padding:8px; color:rgba(255,255,255); background:rgba(12, 11, 13, 0.8); border-radius:4px; font-size:13px; display:none; z-index:1000; max-width:300px; opacity:0; transition:opacity 0.3s ease-in-out; pointer-events:none;}
.dark .tooltip {color:rgba(255,255,255,.9); background:rgba(6, 5, 7, 0.90);}


@media (min-width: 768px) {
.program-modal .program-info {margin:10px auto; border-radius:0.75rem;}
}

@media only screen and (min-width: 501px) {
.program-list-intro {font-size:120%; padding:1.5rem;}
.program-list-intro h1 {font-size:25px;}
}

@media (max-width:700px) {
.movie-recommendation {min-width:40%;}
.movie-recommendation:nth-child(odd):last-child {display:none;}
}

@media (max-width:500px) {
.movie-recommendation {min-width:60%;}
.movie-recommendation:nth-child(odd):last-child {display:flex;}
}

@media (max-width:800px) {
.movie-spotlight {flex-wrap:wrap;}
.movie-recommanrations .img-frame, .movie-spotlight .img-frame {max-width:100%;}
.movie-spotlight img, .movie-spotlight-text {width:100%;}
}

@media (max-width: 1900px) and (min-width:1200px) {
.newsbox:nth-child(n+6) {display:none;}
}

@media (max-width: 1600px) and (min-width:1200px) {
.newsbox:nth-child(n+5) {display:none;}
}

@media only screen and (max-width: 600px) {
.hide-sm {display:none !important;}
#main-nav .nav-icon {margin:15px 10px;}
#main-nav {margin-right:0px !important;}
}

@media only screen and (max-width: 800px) {
.hide-md {display:none !important;}
}

@media only screen and (min-width: 601px) {
#secondary-nav .nav-submenu {width:150px;}
.nav-menu-wrapper {}
}

@media only screen and (max-width: 380px) {
#header-logo img {width:150px; height:auto; margin-top:5px;}
.hide-xs {display:none !important;}
}

@media only screen and (max-width: 320px) {
#header-logo img {width:150px; height:auto; margin-top:7px;}
}

@media only screen and (max-width: 1200px) {
#secondary-nav {display:none; position:absolute; top:60px; right:0px; background-color:#333; width:100%; max-width:200px; text-align:right; min-height:1000px; z-index:11;}
#secondary-nav .nav-submenu {width:100%; max-width:100%; position:relative; display:block; float:left; top:initial;}
#secondary-nav .nav-submenu a {width:100%; max-width:100%; padding:10px; box-sizing:border-box;}
#secondary-nav .nav-menu-wrapper {width:100%; height:auto; display:block; float:left;}
#secondary-nav .nav-link {width:100%; max-width:100%; padding:10px 10px; box-sizing:border-box; height:auto;}
#secondary-nav .nav-icon {height:20px; margin:2px 5px; float:left;}
#secondary-nav .nav-link > span {height:auto; padding-top:0px; float:right;}
#nav-search-wrapper {box-sizing:border-box; padding:10px; position:relative;}
#nav-search-form {width:100%; position:relative;}
#nav-search-input {width:calc(100% - 35px); box-sizing:border-box;}
}


@media only screen and (max-width: 1300px) and (min-width:1201px) {
#nav-search-input {width:115px;}
#secondary-nav .nav-menu-wrapper {margin-right:10px;}
}

@media only screen and (max-width: 600px) {
.notification-bar {height:auto; line-height:1.33rem; padding:.5rem 2rem;}
}

@keyframes fadeIn {
0% {opacity:0; filter:blur(.5rem);}
100% {opacity:1; filter:blur(0);}
}

 .ad-wrapper-program-info-top {margin-bottom:10px;}
 
 .program-modal .container {margin-bottom:0;}
 .ad-wrapper-program-info-bottom {margin-top:10px;}


@media (min-width:500px) {

.banner-quiz {min-height:120px;}
.banner-quiz:has(+ .sadblob-empty + .sadblob-empty) {width:960px; min-height:100px; margin-top:15px;}
}

@media (max-width:500px) {
.banner-quiz {min-height:250px;}
.banner-quiz:has(+ .sadblob-empty + .sadblob-empty) {width: calc(100% - 40px); min-height:150px; margin-top:20px;align-items: center}
.quiz-title {padding: 0 15px;font-size: 1.25rem;}
}

@media (min-width:500px) and (max-width:979px) {
.ad-wrapper-top {padding:0 10px; box-sizing:border-box;}
.banner-quiz:has(+ .sadblob-empty + .sadblob-empty) {width:100%;}
}

.sadblob-loaded.sadblob-empty {
  display:none
}

.sadblob-loaded:not(.sadblob-empty) {
  padding:15px;
}

.ad-wrapper-top-frontpage .sadblob-loaded:not(.sadblob-empty) {
  padding:15px 15px 5px;
}