.hoverDiv:hover {background: #cccccc;}
/* Frame */
.frame {
	height: 300px;
	line-height: 250px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
}
.frame ul li {
	float: left;
	width: 500px;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;
	background: #333;
	color: #ddd;
	text-align: center;
	cursor: pointer;
}
.frame ul li.active {
	color: #fff;
	background: #a03232;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }
.bmpui-ui-watermark {
  display: none;
}
#vod_pagination ul li{
	cursor: pointer;
}
.alphabet-letters{
	cursor: pointer;
}
.bi:hover{
	color: #6a6aa2;
	cursor: pointer;
	user-select: none;
}
.program-attributes{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
	padding-left: 15px;
}
.program-attributes li{
	margin-right: 35px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.program-attributes li::before{
	content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #2f80ed;
    margin-top: 0px;
    margin-left: -20px;
}
.show-background-image{
	position: absolute;
    left: 0;
    right: 0;
    height: 450px;
}
.show-background-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    background: linear-gradient(
180deg
, rgba(19,23,32,0.5) 0%, #343a40 100%);
    pointer-events: none;
}
.vod-content-slider{
	list-style:none;
}
.vod-content-container{
	width:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	
}
.vod-content-container a{
	text-decoration:none;
	position: relative;
}
.vod-box{
	width:350px;
	background-color:#343a40;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 2px 30px rgb(0 0 0 / 20%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 20px 10px;
}
.vod-box .vod-details span{
	z-index: 3;
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #e0e0e0;
}
.vod-model{
	max-height: 100%;
	max-width: 100%;
}
.vod-details{
	background-color: #ff0000;
    width: 45%;
    height: 30px;
    position: absolute;
    bottom: 0px;
	border-radius: 0px 10px;
}
.vod-name{
	background-color: #ff0000;
    width: 40%;
    height: 30px;
    position: absolute;
    top: 0px;
	border-radius: 0px 10px;
}
.vod-details p{
	margin: 0px;
}
.vod-marvel{
	color:#32323e;
	font-weight: bold;
	letter-spacing: 2px;
	font-family: bebas kai;
	font-size: 25px;
}
.vod-logo{
	height: 60px;
}
.vod-content-container a:hover::before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(
180deg
, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0.9) 100%);
    opacity: 0.65;
    transition: 0.5s;
}
.vod-box a .vod-name-text{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility:hidden;
	color: white;
	font-weight: 600;
	text-decoration: underline;
}
.vod-box a:hover .vod-name-text{
	visibility:visible;
}
.vod-box:hover{
	background-color: #17171d;
	transform-style: preserve-3d;
	transform: scale(1.02);
	transition: all ease 0.3s;
}
.vod-box:hover .vod-marvel{
	color:white;
	transition: all ease 0.5s;
}
.vod-container{
	padding-top: 1rem;
}
/*--responsive for mobile phone--*/
@media(max-width:720px){
	.vod-box{
		width: 94%;
	}
	.vod-container{
		padding-top: 0;
	}
 	.vod-model{
		height:200px;
	}
	
}
#hor-scroll{
	width: 100%;
	height: 250px;
	overflow-x: auto;
	white-space: nowrap;
	position: relative;
}
.vod-item{
	display: inline-block;
	height: 200px;
	
}
.rowClass{
	background-color: #c9c9c9;
	color: teal;
	border: 1px solid black;
}
.rowClassHeader{
	padding: 10px;
	background-color: #383838;
	color: white;
}
.titleClass{
	background-color: teal;
	color: #c9c9c9;
}
.currentProgramColor{
	background-color: #ccca49;
	color: black;
	padding: 10px;
}
.nextProgramColor{
	padding: 10px;
}
.guide{
	margin: auto;
	margin-top: 20px;
}
.programs{
	height: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btn-roku{
	color: white;
	background-color: #662D91;
}
.btn-roku:hover{
	background-color: #592680;
	color:white;
}
.rokubtn{
	margin-left: 10px;
}
.btn-outline-roku{
	color: #662D91;
	border-color: #662D91;
}
.btn-outline-roku:hover{
	background-color: #662D91;
	color: white;
	border-color: #662D91;
}
.rokuFixed {
	position: fixed;
	background-color: #662D91;
	width: 100%;
	color: White;
	bottom: 0px;
	text-align: center;
	padding: 20px;
	display: none;
	z-index: 10000000000;
} 
.rokuInput {
	position: fixed;
	background-color: #662D91;
	width: 100%;
	color: White;
	bottom: 0px;
	text-align: center;
	padding: 20px;
	display: none;
	z-index: 10000000000;
} 
#image-carousel, #image-carousel-espn, #image-carousel-nbc, #image-carousel-bein, #image-carousel-nba, #image-carousel-nhl, #image-carousel-sportsnetworks, #image-carousel-sports, #image-carousel-foxlocal, #image-carousel-nbclocal, #image-carousel-premium, #image-carousel-entertainment, #image-carousel-entertainment-world, #image-carousel-news, #image-carousel-news-world, #image-carousel-locast, #image-carousel-cast, #image-carousel-director{
    width: 100%;
	height: 400px;
	overflow: hidden;
	white-space:nowrap;
}
#image-carousel a, #image-carousel-espn a, #image-carousel-nbc a, #image-carousel-bein a, #image-carousel-nba a, #image-carousel-nhl a, #image-carousel-sportsnetworks a, #image-carousel-sports a, #image-carousel-foxlocal a, #image-carousel-nbclocal a, #image-carousel-premium a, #image-carousel-entertainment a, #image-carousel-entertainment-world a, #image-carousel-news a, #image-carousel-news-world a, #image-carousel-locast a, #image-carousel-cast a, #image-carousel-director a{
	color: white;
}
#image-carousel, #image-carousel-espn .image-slide, #image-carousel-nbc .image-slide, #image-carousel-bein .image-slide, #image-carousel-nba .image-slide, #image-carousel-nhl .image-slide, #image-carousel-sportsnetworks .image-slide, #image-carousel-sports .image-slide, #image-carousel-foxlocal .image-slide, #image-carousel-nbclocal .image-slide, #image-carousel-premium .image-slide, #image-carousel-entertainment .image-slide, #image-carousel-entertainment-world .image-slide, #image-carousel-news .image-slide , #image-carousel-news-world .image-slide, #image-carousel-locast .image-slide, #image-carousel-cast .image-slide, #image-carousel-director .image-slide {
	display: inline-block;
	margin-left: 15px;
	margin-top: 35px;
}
.image-carousel-nav{
	position: absolute;
	background-color: black;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 3%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease;
}
.carousel-buttons{
  width: 100%;
  height: 400px;
  position: relative;
}

#epg-wrap {
	width: 100%;
	max-width: 100%;
	min-height: 100%;
	margin: 0 auto -242px;
	overflow-x: hidden !important;
	background-color: inherit
}

#epg-wrap:before,
#epg-wrap:after {
	content: " ";
	display: table
}

#epg-wrap:after {
	clear: both
}

#epg-content-wrap {
	position: relative;
	padding-bottom: 242px;
	margin-top: 105px
}

.sticky #epg-content-wrap {
	margin-top: 0
}

#epg-content {
	position: relative;
	z-index: 251;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
	background-color: #fff;
	border-bottom: 1px solid #dadada
}

@media (max-width: 767px) {
	#epg-content {
		padding-left: 0;
		padding-right: 0
	}
}

.epg-content-wrapper {
	background-color: #fff
}

.epg-content-main,
.epg-content-section-full {
	background-color: #fff
}

.epg-content-main {
	background-color: #fff
}
.epg-container .epg-power-bar.full-width-ad {
	padding-top: 15px
}

@media (max-width: 400px) {
	.epg-container .epg-power-bar.full-width-ad {
		padding-top: 25px
	}
}

@media (max-width: 767px) {
	.epg-container .epg-right-rail-item .power-bar.full-width-ad {
		padding-top: 25px
	}
}
#epg-content {
	border-bottom: none
}

#epg-content-wrap {
	margin-top: 0 !important
}

.epg-content-main {
	padding-top: 0 !important
}
.epg-listings-timebar-container {
	position: relative;
	height: 35px;
	-moz-transition: height, ease 0.25s;
	-o-transition: height, ease 0.25s;
	-webkit-transition: height, ease 0.25s;
	transition: height, ease 0.25s
}

@media (max-width: 991px) {
	.epg-listings-timebar-container {
		height: 30px
	}
}

.epg-listings-header-container-fixed .epg-listings-timebar-container {
	height: 27px
}

.epg-listings-timebar {
	height: 35px;
	line-height: 35px;
	color: #d2d4d9;
	font-size: 13px;
	border-top: 1px solid #D8D8D8;
	border-bottom: 1px solid #D8D8D8;
	display: inline-block;
	width: 100%;
	background: #F4F3F3;
	-moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15)
}

@media (max-width: 991px) {
	.epg-listings-timebar {
		height: 30px;
		line-height: 30px
	}
}

.epg-listings-header-container-fixed .epg-listings-timebar {
	height: 27px;
	line-height: 27px
}

.epg-listings-header-container-fixed .epg-listings-content .epg-listings-timebar {
	border-top: none;
	height: 35px;
	line-height: 35px
}

.epg-listings-timebar-fixed {
	display: block;
	opacity: 1;
	-moz-transition: opacity, ease 0.25s;
	-o-transition: opacity, ease 0.25s;
	-webkit-transition: opacity, ease 0.25s;
	transition: opacity, ease 0.25s
}

.epg-listings-header-container-fixed .epg-listings-timebar-fixed {
	position: fixed;
	top: 45px;
	left: 0;
	z-index: 5000000;
	width: 100%
}

.epg-listings-search-modal .epg-listings-timebar-fixed,
.epg-listings-search-result-modal .epg-listings-timebar-fixed {
	opacity: 0
}

.epg-listings-timebar-spacer,
.epg-listings-timebar-times,
.epg-listings-timebar-time,
.epg-listings-timebar-jumper {
	display: inline-block;
	height: 33px;
	vertical-align: top
}

@media (max-width: 991px) {
	.epg-listings-timebar-spacer,
	.epg-listings-timebar-times,
	.epg-listings-timebar-time,
	.epg-listings-timebar-jumper {
		height: 28px
	}
}

.epg-listings-header-container-fixed .epg-listings-timebar-spacer,
.epg-listings-header-container-fixed .epg-listings-timebar-times,
.epg-listings-header-container-fixed .epg-listings-timebar-time,
.epg-listings-header-container-fixed .epg-listings-timebar-jumper {
	height: 25px
}

.epg-listings-timebar-time {
	position: relative;
	left: -1px;
	padding-left: 11px;
	border-left: 1px solid #D8D8D8;
	font-weight: 600;
	font-size: 12px;
	color: #444;
	line-height: 35px;
	letter-spacing: 0.3px
}

@media (max-width: 991px) {
	.epg-listings-timebar-time {
		left: 0;
		line-height: 30px
	}
}

.epg-listings-timebar-time.epg-listings-timebar-time-last-child {
	border-right: none;
	left: -2px
}

@media (max-width: 991px) {
	.epg-listings-timebar-time.epg-listings-timebar-time-last-child {
		left: -1px
	}
}

.epg-listings-grid-small .epg-listings-timebar-time {
	font-size: 11px;
	text-indent: 4px
}

.epg-listings-header-container-fixed .epg-listings-timebar-time {
	line-height: 27px
}

.epg-listings-timebar-spacer+.epg-listings-timebar-time {
	left: 0
}

@media (max-width: 991px) {
	.epg-listings-timebar-spacer+.epg-listings-timebar-time {
		left: -1px
	}
}

.epg-listings-timebar-text {
	padding-left: 10px;
	font-family: tvg-sans-serif, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #2E2E2E
}

.epg-listings-content .epg-listings-timebar-text {
	padding-left: 30px;
	font-size: 12px
}

@media (max-width: 991px) {
	.epg-listings-content .epg-listings-timebar-text {
		padding-left: 20px;
		text-transform: none
	}
}

.epg-listings-timebar-jumper {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	width: 50px !important;
	height: 50px !important;
	background: rgba(68, 68, 68, 0.8);
	color: #fff;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-moz-box-shadow: 0 3px 4px -2px rgba(39, 39, 39, 0.07), 0 5px 20px -5px rgba(39, 39, 39, 0.13);
	-webkit-box-shadow: 0 3px 4px -2px rgba(39, 39, 39, 0.07), 0 5px 20px -5px rgba(39, 39, 39, 0.13);
	box-shadow: 0 3px 4px -2px rgba(39, 39, 39, 0.07), 0 5px 20px -5px rgba(39, 39, 39, 0.13);
	-moz-transition: background-color, ease 0.25s;
	-o-transition: background-color, ease 0.25s;
	-webkit-transition: background-color, ease 0.25s;
	transition: background-color, ease 0.25s
}

.epg-listings-timebar-jumper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent url("data:image/svg+xml,%3Csvg width='12px' height='19px' viewBox='0 0 12 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='DT' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='DT.epg-listings.970x66' transform='translate(-28.000000, -301.000000)' stroke-width='2' stroke='%23FFFFFF'%3E%3Cg id='Bottom-Layer' transform='translate(-40.000000, 275.000000)'%3E%3Cg id='next-btn' transform='translate(50.000000, 10.000000)'%3E%3Cpolyline id='Page-1' transform='translate(24.005818, 25.833333) rotate(90.000000) translate(-24.005818, -25.833333) ' points='15.8333333 21.6666667 24.0058177 30 32.1783021 21.6666667'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 45% 50% no-repeat;
	-moz-transition: -moz-transform, ease 0.25s;
	-o-transition: -o-transform, ease 0.25s;
	-webkit-transition: -webkit-transform, ease 0.25s;
	transition: transform, ease 0.25s
}

@media (max-width: 991px) {
	.epg-listings-timebar-jumper::after {
		-moz-transform: translate3d(0, 0, 0) scale(0.8);
		-ms-transform: translate3d(0, 0, 0) scale(0.8);
		-webkit-transform: translate3d(0, 0, 0) scale(0.8);
		transform: translate3d(0, 0, 0) scale(0.8)
	}
}

.epg-listings-timebar-jumper:hover {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjMmJkOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4MmI0ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%);
	background: -webkit-linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%);
	background: linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%)
}

.epg-listings-timebar-jumper:hover::after {
	background-position: 40% 50%
}

@media (max-width: 991px) {
	.epg-listings-timebar-jumper:hover::after {
		-moz-transform: translate3d(0, 0, 0) scale(0.8);
		-ms-transform: translate3d(0, 0, 0) scale(0.8);
		-webkit-transform: translate3d(0, 0, 0) scale(0.8);
		transform: translate3d(0, 0, 0) scale(0.8)
	}
}

.epg-listings-timebar-jumper:active {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjMmJkOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4MmI0ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%);
	background: -webkit-linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%);
	background: linear-gradient(45deg, #bc2bd9 0%, #d82b4e 100%)
}

.epg-listings-timebar-jumper.epg-listings-timebar-jumper-next-block::after {
	background-position: 55% 50%
}

.epg-listings-timebar-jumper.epg-listings-timebar-jumper-next-block:hover::after {
	background-position: 60% 50%
}

@media (max-width: 991px) {
	.epg-listings-timebar-jumper {
		top: 0;
		width: 40px !important;
		height: 40px !important
	}
}

.franchise-on .epg-listings-timebar-jumper {
	top: -17px
}

.epg-listings-header-container-fixed .epg-listings-timebar-jumper {
	top: 5px !important
}

.epg-listings-timebar-jumper-previous-day,
.epg-listings-timebar-jumper-next-day {
	display: none
}

.epg-listings-timebar-jumper-next-block {
	left: auto;
	right: 10px
}

.epg-listings-timebar-jumper-next-block::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='12px' height='19px' viewBox='0 0 12 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='DT' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='DT.epg-listings.970x66' transform='translate(-1360.000000, -300.000000)' stroke-width='2' stroke='%23FFFFFF'%3E%3Cg id='Bottom-Layer' transform='translate(-40.000000, 275.000000)'%3E%3Cg id='next-btn' transform='translate(1405.000000, 35.000000) rotate(180.000000) translate(-1405.000000, -35.000000) translate(1380.000000, 10.000000)'%3E%3Cpolyline id='Page-1' transform='translate(24.005818, 25.833333) rotate(90.000000) translate(-24.005818, -25.833333) ' points='15.8333333 21.6666667 24.0058177 30 32.1783021 21.6666667'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

@media (max-width: 991px) {
	.epg-listings-timebar-jumper-next-block:hover::after {
		-moz-transform: translate3d(0, 0, 0) scale(0.8);
		-ms-transform: translate3d(0, 0, 0) scale(0.8);
		-webkit-transform: translate3d(0, 0, 0) scale(0.8);
		transform: translate3d(0, 0, 0) scale(0.8)
	}
}

.epg-listings-channel-row,
.epg-listings-ad-row,
.epg-listings-outstream-row {
	height: 67px;
	border-left: 1px solid #e3e4e6;
	border-right: 1px solid #e3e4e6;
	border-top: none;
	display: block
}

.epg-listings-channel-row-franchise {
	height: 127px;
	background-position: top left;
	background-repeat: no-repeat;
	border-left: none;
	border-right: none
}

.epg-listings-channel,
.epg-listings-channel-franchise {
	display: inline-block;
	line-height: 67px;
	vertical-align: middle;
	text-align: center
}

.epg-listings-channel {
	height: inherit;
	border-bottom: 1px solid #e3e4e6;
	border-right: 1px solid #e3e4e6;
	background: #343a40
}

.epg-listings-channel-icon,
.epg-listings-channel-number-name,
.epg-listings-channel-favorite {
	vertical-align: middle
}

.epg-listings-channel-number-name {
	width: 52%;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: left
}

.epg-listings-channel-number-name-inner {
	display: block;
	height: 30px;
	line-height: 15px
}

.epg-listings-channel-number-name-overflow {
	overflow: hidden;
	text-overflow: ellipsis
}

.epg-listings-container{
	margin-top: 35px;
}

.epg-listings-container:before,
.epg-listings-container:after {
	content: " ";
	display: table
}

.listings-container:after {
	clear: both
}

.epg-listings-channel-number,
.epg-listings-channel-name {
	display: inline-block;
	font-size: 13px;
	height: 15px;
	width: 100%;
	text-indent: 10px;
	white-space: nowrap
}

.epg-listings-channel-number {
	font-weight: 700
}

.epg-listings-channel-name-only {
	height: 30px;
	line-height: 30px
}

.epg-listings-channel-name {
	color: white
}

.epg-listings-channel-icon {
	background: transparent none no-repeat 30px 20px;
	width: 30px;
	height: 20px;
	line-height: 20px;
	display: inline-block
}

@media (max-width: 700px) {
	.epg-listings-channel {
		text-align: center;
		line-height: 34px;
		padding-top: 5px
	}
	.epg-listings-channel-number-name {
		width: 100%;
		text-align: center
	}
	.epg-listings-channel-number {
		text-indent: 0
	}
	.epg-listings-channel-favorite,
	.epg-listings-channel-name {
		display: none
	}
}
.epg-listings-program {
	display: inline-block;
	margin-left: -4px;
	padding-top: 10px;
	height: 67px;
	line-height: 67px;
	vertical-align: middle;
	border-bottom: 1px solid #e3e4e6;
	background: #fff;
	border-right: 1px solid #e3e4e6;
	-moz-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;
	outline: none !important
}

.epg-listings-program.movies {
	-moz-box-shadow: inset 0 3px 0 #f8ef93;
	-webkit-box-shadow: inset 0 3px 0 #f8ef93;
	box-shadow: inset 0 3px 0 #f8ef93;
	background: #fdfbe3
}

.epg-listings-program.movies.epg-listings-program-selected {
	border-bottom-color: #fdfbe3 !important
}

.epg-listings-program.movies .epg-listings-program-time {
	color: #444 !important
}

.epg-listings-program.sports {
	-moz-box-shadow: inset 0 3px 0 #b4eec4;
	-webkit-box-shadow: inset 0 3px 0 #b4eec4;
	box-shadow: inset 0 3px 0 #b4eec4;
	background: #f5fff5
}

.epg-listings-program.sports.epg-listings-program-selected {
	border-bottom-color: #f5fff5 !important
}

.epg-listings-program.sports .epg-listings-program-time {
	color: #444 !important
}

.epg-listings-program.family {
	-moz-box-shadow: inset 0 3px 0 #b7eded;
	-webkit-box-shadow: inset 0 3px 0 #b7eded;
	box-shadow: inset 0 3px 0 #b7eded;
	background: #ebfbfb
}

.epg-listings-program.family.epg-listings-program-selected {
	border-bottom-color: #ebfbfb !important
}

.epg-listings-program.family .epg-listings-program-time {
	color: #444 !important
}

.epg-listings-program.news {
	-moz-box-shadow: inset 0 3px 0 #c4c5e2;
	-webkit-box-shadow: inset 0 3px 0 #c4c5e2;
	box-shadow: inset 0 3px 0 #c4c5e2;
	background: #eeeef6
}

.epg-listings-program.news.epg-listings-program-selected {
	border-bottom-color: #eeeef6 !important
}

.epg-listings-program.news .epg-listings-program-time {
	color: #444 !important
}

.epg-listings-program.epg-listings-program-selected {
	border-bottom-color: #fff
}
.epg-listings-program-inner {
	display: inline-block;
	height: 34px;
	line-height: 17px;
	width: 100%;
	margin: 0;
	vertical-align: middle;
	padding-left: 8px
}

.epg-listings-grid-small .epg-listings-program-inner {
	padding-left: 5px;
	line-height: 15px;
	height: 30px
}

.epg-listings-program-franchised .epg-listings-program-inner {
	height: 39px
}

.epg-listings-grid-small .epg-listings-program-franchised .epg-listings-program-inner {
	height: 34px
}

.epg-listings-program-last-child {
	border-right: none
}

.epg-listings-program-title,
.epg-listings-program-time,
.epg-listings-grid-small .epg-listings-program-attr {
	display: inline-block;
	width: 100%;
	margin: 0;
	white-space: nowrap;
	vertical-align: top
}

.epg-listings-program-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.14;
	letter-spacing: 0.5px;
	font-weight: 600;
	letter-spacing: normal
}

.epg-listings-grid-small .epg-listings-program-title,
.epg-listings-program-title.epg-listings-program-title-calc-small {
	font-size: 13px
}

.epg-listings-program-time {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #444;
	letter-spacing: .5px;
	font-weight: 300;
	color: #444
}

.epg-listings-grid-small .epg-listings-program-time {
	font-size: 11px
}

.epg-listings-details-row {
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
	overflow: hidden;
	background-color: #101B2E
}

.epg-listings-details-indicator {
	width: 38px;
	height: 19px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -15px;
	z-index: 10;
	-moz-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	-webkit-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out
}

.epg-listings-details-indicator-chevron {
	width: 38px;
	height: 38px;
	margin-top: -38px;
	background: white;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-moz-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out
}

.epg-listings-details-movies .epg-listings-details-indicator-chevron {
	background: #fdfbe3 !important
}

.epg-listings-details-sports .epg-listings-details-indicator-chevron {
	background: #f5fff5 !important
}

.epg-listings-details-family .epg-listings-details-indicator-chevron {
	background: #ebfbfb !important
}

.epg-listings-details-news .epg-listings-details-indicator-chevron {
	background: #eeeef6 !important
}

.epg-listings-details-loading {
	position: relative;
	z-index: 1;
	background: transparent !important;
	color: #fff
}

.epg-listings-details-loading,
.epg-listings-details-error {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #fff
}

.epg-listings-details-loading {
	z-index: 2
}

.epg-listings-details-error {
	z-index: 3
}

.epg-listings-details-inner {
	border-top: none;
	padding: 0;
	position: relative;
	min-height: 320px;
	background: #101B2E
}

.epg-listings-details-franchise .epg-listings-details-inner {
	border: none
}

.epg-listings-details-content-wrapper {
	position: relative;
	z-index: 1;
	display: flex
}

@media (max-width: 767px) {
	.epg-listings-details-content-wrapper {
		flex-direction: column;
		padding-top: 16px
	}
}

.epg-listings-details-content {
	display: flex !important;
	flex-direction: column;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 60px 32px 80px 115px;
	background: transparent !important;
	color: #fff;
	max-width: 50%
}

@media (max-width: 767px) {
	.epg-listings-details-content {
		padding: 20px;
		max-width: 100%
	}
}

.epg-listings-details-content a {
	color: #fff
}

.epg-listings-details-content .epg-listings-details-content-left {
	padding-right: 32px
}

@media (max-width: 767px) {
	.epg-listings-details-content .epg-listings-details-content-left {
		padding: 0;
		width: auto
	}
}

.epg-listings-details-content .epg-listings-details-content-right.epg-listings-details-buttons {
	margin-top: 32px
}

@media (max-width: 1239px) {
	.epg-listings-details-content .epg-listings-details-content-right {
		margin-top: 32px
	}
	.epg-listings-details-content .epg-listings-details-content-right .epg-listings-details-button-watchlist-wrapper {
		position: relative;
		top: 0;
		-moz-transform: none;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none
	}
}

@media (max-width: 767px) {
	.epg-listings-details-content .epg-listings-details-content-right {
		margin-bottom: 10px;
		width: auto
	}
	.epg-listings-details-content .epg-listings-details-content-right.--empty {
		margin-top: 10px;
		margin-bottom: 0
	}
	.epg-listings-details-content .epg-listings-details-content-right .epg-listings-details-button-watchlist-wrapper .btn-utility {
		width: 100%
	}
}

.epg-listings-details-inner-video .epg-listings-details-content {
	display: flex !important;
	flex-direction: column;
	padding: 24px;
	padding-left: 8px;
	width: 100%;
	max-width: 43%
}

@media (max-width: 767px) {
	.epg-listings-details-inner-video .epg-listings-details-content {
		padding: 20px;
		margin-top: -40px;
		width: auto;
		max-width: 100%
	}
}

.epg-listings-details-franchise .epg-listings-details-inner-video .epg-listings-details-content {
	background-color: transparent !important
}

.epg-listings-details-inner-video .epg-listings-program-wallpaper {
	display: none
}

@media (max-width: 767px) {
	.epg-listings-details-inner-video .epg-listings-details-title {
		margin-bottom: 20px
	}
}

@media (max-width: 767px) {
	.epg-listings-details-inner-video .epg-listings-details-content-left {
		padding: 0
	}
}

.epg-listings-details-inner-video .epg-listings-details-content-right {
	margin-top: 32px;
	width: auto
}

.epg-listings-details-inner-video .epg-listings-details-content-right .epg-listings-details-button-watchlist-wrapper {
	position: relative;
	top: 0;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none
}

.epg-listings-details-title {
	margin: 0;
	margin-bottom: 10px;
	font-size: 48px;
	font-weight: 700;
	letter-spacing: -0.5px;
	line-height: 56px
}

@media (max-width: 991px) {
	.epg-listings-details-title {
		font-size: 40px;
		line-height: 48px
	}
}

@media (max-width: 767px) {
	.epg-listings-details-title {
		font-size: 28px;
		line-height: 36px
	}
}

@media (max-width: 767px) {
	.epg-listings-details-title {
		margin-top: 24px;
		margin-bottom: 45px;
		text-align: center
	}
}

.epg-listings-details-subtitle {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.17px;
	text-transform: uppercase
}

.epg-listings-details-subtitle-title,
.epg-listings-details-subtitle-details {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #444;
	color: #fff
}

.epg-listings-details-subtitle-title {
	margin-bottom: 0
}

.epg-listings-details-subtitle-title a:hover {
	color: #f5232b
}

.epg-listings-details-subtitle-details,
.epg-listings-details-close {
	color: #fff
}

.epg-listings-details-airing-status {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: #2294E9;
	text-transform: uppercase
}

.epg-listings-details-body .epg-listings-details-body-text {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7
}

.epg-listings-details-franchise .epg-listings-details-body {
	color: #fff !important
}

.epg-listings-details-button-watchlist-wrapper .btn-utility-container {
	margin-bottom: 4px
}

.epg-listings-details-button-watchlist-wrapper .btn-utility-text {
	font-weight: 600
}

.epg-listings-details-more {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: 24px;
	color: #fff
}

.epg-listings-details-more:hover {
	color: #f5232b
}

@media (max-width: 991px) {
	.epg-listings-details-more:hover {
		color: #fff
	}
}

.epg-listings-details-more.epg-listings-details-provider-change-text {
	font-size: 14px;
	letter-spacing: 1.35px;
	color: #2B9ED8
}

.epg-listings-details-more.epg-listings-details-provider-change-text:hover {
	color: #E66781
}

.clearfix {
	clear: both
}

.epg-listings-program-wallpaper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	width: 770px;
	background-color: #101B2E;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover
}

.epg-listings-program-wallpaper .epg-listings-program-wallpaper-shade,
.epg-listings-program-wallpaper .epg-listings-program-wallpaper-fade {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(16, 27, 46, 0.5);
	background: linear-gradient(to right, #101b2e, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #101b2e)
}

.epg-listings-program-wallpaper .epg-listings-program-wallpaper-fade {
	z-index: 2;
	background: rgba(16, 27, 46, 0.5);
	background: linear-gradient(rgba(16, 27, 46, 0.5), #101b2e)
}

@media (max-width: 767px) {
	.epg-listings-program-wallpaper {
		right: 0;
		width: auto
	}
	.epg-schedule{
		padding-top: 5rem;
	}
}

#epg-listings-channel,
#epg-listings-search-results {
	display: none
}

.epg-listings-grid {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.epg-listings-grid-fixed-height {
	border-bottom: 1px solid #e3e4e6
}

.epg-listings-fixed-container {
	overflow: auto;
	overflow-x: hidden
}
.episode-logo:hover{
	transform: scale(1.15);
	transition: all .50s ease;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
}
.sports-logos:hover{
	background-color: #343a40;
}

/* Wiki Events Styles */
.wiki-events-section {
	background: #19272e;
	border-radius: 8px;
	padding: 1.5rem;
	margin-top: 1rem;
}

.wiki-events-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
	gap: 1rem;
}

.wiki-events-header h3 {
	margin: 0;
	color: #fff;
	font-weight: 600;
}

.year-selector select {
	background: #0d1b21;
	border: 1px solid #2a3f4a;
	color: #fff;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
}

.year-selector select:focus {
	outline: none;
	border-color: #0d6efd;
	box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.wiki-sport-section {
	margin-bottom: 1.5rem;
}

.wiki-sport-toggle {
	background: none;
	border: none;
	color: #0d6efd;
	font-weight: 600;
	font-size: 1.25rem;
	padding: 0;
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	cursor: pointer;
	transition: color 0.2s;
}

.wiki-sport-toggle:hover {
	color: #0b5ed7;
}

.wiki-sport-toggle:focus {
	outline: none;
}

.wiki-sport-toggle:focus-visible {
	outline: 2px solid #0d6efd;
	outline-offset: 2px;
	border-radius: 4px;
}

.wiki-sport-title {
	margin: 0;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #2a3f4a;
	flex: 1;
}

.wiki-toggle-icon {
	font-size: 0.75rem;
	color: #adb5bd;
	transition: transform 0.2s ease, color 0.2s;
	flex-shrink: 0;
	margin-left: 1rem;
}

.wiki-sport-toggle:hover .wiki-toggle-icon {
	color: #0d6efd;
}

.wiki-sport-toggle[aria-expanded="true"] .wiki-toggle-icon {
	transform: rotate(180deg);
}

.wiki-events-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.wiki-event-card {
	background: #0d1b21;
	border: 1px solid #2a3f4a;
	border-radius: 8px;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: transform 0.2s, box-shadow 0.2s;
}

.wiki-event-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	border-color: #0d6efd;
}

.wiki-event-date {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #adb5bd;
	font-size: 0.875rem;
	white-space: nowrap;
}

.wiki-event-separator {
	color: #6c757d;
}

.wiki-event-details {
	flex: 1;
	margin-left: 1.5rem;
	text-align: right;
}

.wiki-event-name {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0.25rem;
}

.wiki-event-status {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.status-in-progress {
	background: #198754;
	color: #fff;
}

.status-upcoming {
	background: #0044cc;
	color: #fff;
}

.status-concluded {
	background: #6c757d;
	color: #fff;
}

.nav-item.sports-logos img.active {
	box-shadow: 0 0 0 3px #0d6efd;
	border-radius: 8px;
}

.nav-item.sports-logos img {
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	border-radius: 8px;
}

.nav-item.sports-logos img:hover {
	transform: scale(1.05);
}

@media (max-width: 768px) {
	.wiki-event-card {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}
	
	.wiki-event-details {
		margin-left: 0;
		text-align: left;
		width: 100%;
	}
	
	.wiki-events-header {
		flex-direction: column;
		align-items: flex-start;
	}
}