/*
@font-face {
	font-family: 'NANDIWebMedItalic';
	src: url('fonts/NANDIWebMedItalic.eot');
	src: local('☺'), url('fonts/NANDIWebMedItalic.woff') format('woff'), url('fonts/NANDIWebMedItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
/* @import url("//hello.myfonts.net/count/329d16"); */
@font-face {font-family: 'AvantGardeGothicITCW01Bk';src: url('fonts/329D16_4_0.eot');src: url('fonts/329D16_4_0.eot?#iefix') format('embedded-opentype'),url('fonts/329D16_4_0.woff2') format('woff2'),url('fonts/329D16_4_0.woff') format('woff'),url('fonts/329D16_4_0.ttf') format('truetype');}
@font-face {font-family: 'AvantGardeGothicITCW02Md';src: url('fonts/329D16_C_0.eot');src: url('fonts/329D16_C_0.eot?#iefix') format('embedded-opentype'),url('fonts/329D16_C_0.woff2') format('woff2'),url('fonts/329D16_C_0.woff') format('woff'),url('fonts/329D16_C_0.ttf') format('truetype');}
@font-face {font-family: 'AvantGardeGothicITCW02XLt';src: url('fonts/329D16_A_0.eot');src: url('fonts/329D16_A_0.eot?#iefix') format('embedded-opentype'),url('fonts/329D16_A_0.woff2') format('woff2'),url('fonts/329D16_A_0.woff') format('woff'),url('fonts/329D16_A_0.ttf') format('truetype');}


* {
	margin:0px;
	padding:0px;
}


html {
	width:100%;
	height: 100%;
}

body {
	background: #ab00af url('images/BG_pattern.jpg') no-repeat top;
	background-size: 100% auto;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-family: AvantGardeGothicITCW01Bk;
	font-size:14px;
	overflow: auto;
	width:100%;
	height: 100%;
	min-width: 640px;
	white-space: normal;
}


img {
	border: none;
	vertical-align: middle;
}

input[type=button]{
	cursor: pointer;
}

table {
	margin-left: auto;
	margin-right: auto;
	
	border-spacing: 0px;
	border: 0px;
	
}

th, td {
	padding: 0px;
	text-align: center;
}


a {
	color: inherit;
	text-decoration:none;
	outline: none;
	cursor: pointer;
}

a:focus {
	text-decoration:none; 
	color: inherit;
	outline: none;
}

a:hover {
	text-decoration:none; 
	color: #00fcff;
}

.clearFix:after {
	content: "";
	display: table;
	clear: both;
}

.vCenterA {
    display: table;
    height: 100%;
}

.vCenterB {
    display: table-cell;
    vertical-align: middle;
}

.bold{
	font-weight: bold;
}

.fine_print{
	font-size: 10px;
}

.hidden{
	display: none;
}

.no_wrap{
	white-space: nowrap;
}

.centered{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
/*
.corrBtnOut{
	cursor: pointer;
}

.corrBtnOver{
	display: none;
	cursor: pointer;
}
*/
.corrLinkOver{
	display:none;
}
/*
.hover_friendly a:HOVER .corrLinkOut{
	display: none;
}

.hover_friendly a:HOVER .corrLinkOver{
	display: inline-block;
}
*/
.pointer_mouse a:HOVER .corrLinkOut{
	display: none;
}

.pointer_mouse a:HOVER .corrLinkOver{
	display: inline-block;
}

/*
.hitCover{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	left: 0px;
	background: url("images/1x1_A0.png") repeat;
}
*/

/* ------- X ------- */

#partialsContain{
	display: none;
}

#bootstrapContain{
	/*
	margin: 0px;
	padding: 0px 0px 72px 0px;
	*/
	padding-bottom: 72px;
	min-height: 100%;
	position: relative;
	overflow: hidden;
}

.toFarEdge{
	margin-left: -15px;
	margin-right: -15px;
}
/*
#marginHandle{
	position: relative;
	width: 100%;
	min-height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 72px 0px;
}
*/
.mainContain{
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 0px;
}

#headerSection{
	position: relative;
	width: 100%;
	text-align: center;
	margin: 26px 0px 40px 0px;
}

#headerLogo{
	position: relative;
	width: 45%;
}

#socialHeader{
	position: absolute;
	right: 10px;
	top: 50%;
	/*display: none;*/
	width: 100%;
}

.socialHeaderItem{
	float: right;
	/*margin-left: 30px;*/
	margin-left: 1.25%;
}

#menuBtn{
	position: absolute;
	left: 10px;
	top: 50%;
	cursor: pointer;
}
/*
#menuBtnOver{
	position: absolute;
	left: 10px;
	top: 50%;
	display: none;
	cursor: pointer;
}
*/
#heroSection{
	position: relative;
	margin-bottom: 26px;
}

#heroImage{
	width: 100%;
}

#heroVideo{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}

.imageTile{
	width: 100%;
}

.sectionLabelSM{
	font-size: 38px;
	line-height: 1.0;
	padding-left: 35px;
}

.sectionSep{
	/*
	background: url("images/8x2_FFF.gif") center repeat-x;
	*/
	text-align: center;
	min-height: 14px;
}

.sectionLabelLG{
	font-family: AvantGardeGothicITCW02Md;
	font-size: 48px;
	line-height: 1.0;
	/*
	background: #69cff7;
	*/
	display: inline-block;
	padding: 10px 12px 0px 12px;
}

.hardEdge{
	margin-left: 0px;
	margin-right: 0px;
	
}

.showTile{
	padding: 10px;
}

#showsSecRow {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#scheduleSec{
	margin-top: 20px;
	margin-bottom: 40px;
	position: relative;
	min-height: 180px;
}

#scheduleLabel{
	font-size: 3.8vw;
	line-height: 1.0;
	/*
	float: left;
	margin-left: 16px;
	*/
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	
}

/* - shedule carousel - */

.carouselContain{
	width: 100%;
	padding: 0px 40px 0px 40px;
	margin: 0px -40px 0px -40px;
	position: relative;
}

#carouselContainDates{
	margin-top: 23px;
	margin-bottom: 36px;
}

#carouselContainSchedule{
	padding: 0px;
}

#corrCarouselDates{
	width: 100%;
}

#corrCarouselSchedule{
	width: 100%;
}

#corrCarouselDates .carouselViewport{
	padding-right: 75.0%;
}

#corrCarouselSchedule .carouselViewport{
	padding-right: 0.0%;
}

.scheduleDateItem{
	font-size: 22px;
	cursor: pointer;
}

.scheduleDateItem:HOVER{
	color: #000000;
}

.scheduleDateItemSeleccted{
	cursor: auto;
}

.scheduleDateItemSeleccted:HOVER{
	color: inherit;
}


/* --- */

#corrCarousel0{
	width: 64%;
	float: right;
}

.corrCarousel{
	margin-left: 40px;
	margin-right: 40px;
	position: relative;
}

.carouselArrowL{
	position: absolute;
	left: -40px;
	top: 0px;
	bottom: 0px;
	width: 40px;
	background: url("images/arrowL.png") center no-repeat;
	cursor: pointer;
}

.carouselArrowL:HOVER{
	background: url("images/arrowL_lit.png") center no-repeat;
}

.carouselArrowR{
	position: absolute;
	right: -40px;
	top: 0px;
	bottom: 0px;
	width: 40px;
	background: url("images/arrowR.png") center no-repeat;
	cursor: pointer;
}

.pointer_mouse .carouselArrowR:HOVER{
	background: url("images/arrowR_lit.png") center no-repeat;
}

#corrCarousel0 #carouselArrowL0, #corrCarousel0 #carouselArrowR0{
	top: 20%;
}

.carouselViewport{
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	
	font-size: 0; /* hack around HTML's whitespace bug */
	
	/*
	formula for padding right:
	(  ((numTilesToShow - 1)/numTilesToShow) - marginPctOfWhole  ) / (  1 - marginPctOfWhole  )
	marginPctOfWhole = marginPctOfTile / numTilesToShow
	
	numTilesToShow = 5
	marginPctOfTile = 1/5 (20%)
	padding-right: 79.16666666666666%; (19/24)
	
	numTilesToShow = 3
	marginPctOfTile = 1/5 (20%)
	padding-right: 64.285714285714%; (9/14)
	
	*/
}

#corrCarousel0 .carouselViewport{
	padding-right: 64.285714285714%;
}

.carouselTile{
	display: inline-block;
	white-space: normal;
	position: relative;
	width: 100%;
	vertical-align: top;
}

.tileContent{
	width: 80%;
	font-size: 2.3vw;
	overflow: hidden;
}

.tileMargin{
	width: 20%;
	
	position: absolute;
	right: 0px;
	top: 20%;
	bottom: 0px;
	background: url("images/bullet.png") center no-repeat;
}

.scheduleTime, .scheduleName{
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scheduleTime{
	color: #00fcff;
	line-height: 1.0;
	padding-top: 3px;
}

.scheduleName{
	font-family: AvantGardeGothicITCW02Md;
	color: #ffffff;
	text-transform: uppercase;
}

.scheduleImageWrap{
	position: relative;
	width: 100%;
}

.scheduleImage{
	width: 100%;
}


/* --- menu --- */
.menuOut #menuBtnOut{
	display: none !important;
}

.menuOut #menuBtnOver{
	display: block !important;
}

.greyOut{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #000000;
	opacity: 0.0;
	cursor: pointer;
	display: none;
}

.menuOut #menuGreyOut{
	display: block;
}

#sideMenu{
	width: 414px;
	min-height: 100%;
	background: #69cff7;
	position: absolute;
	left: -414px;
	top: 0px;
	
	border-style: solid;
	border-color: #b4e7fc;
	border-width: 0px 8px 0px 0px;
	
	display: none;
}

.menuOut #sideMenu{
	display: block;
}

.menuOutDone .mainContain{
	margin-left: 0px;
	margin-right: 0px;
	left: 414px !important; /* sideMenu width */
}

.sideMenuOption{
	font-size: 48px;
	padding: 10px 0px 10px 50px;
	border-style: solid;
	border-color: #b4e7fc;
	border-width: 0px 0px 2px 0px;
	cursor: pointer;
}

.sideMenuSubSection{
	font-size: 38px;
	color: #000000;
	line-height: 1.0;
	padding-top: 45px;
}

.sideMenuSubOption{
	margin-bottom: 45px;
}

.sideMenuOptionFOOpen{
	background: #ff6700;
}

a:HOVER .sideMenuOptionFOOpen, .sideMenuOptionFOOpen a:HOVER{
	color: #000000;
}

/* --- animated gif over --- */

.gifStatic{
	display: none;
}

.gifAnimated{
	display: none;
}


/* --- footer --- */

#footWrap{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#footMargins{
	position: relative;
	background: #ff6700;
	padding: 0px 30px 0px 30px;
}

#footContent{
	height: 40px;
	font-size: 19px;
}

#footContent .vCenterA, #footContent .vCenterB{
	width: 100%;
}

#footContent img{
	vertical-align: middle;
}

#footContent a:HOVER{
	color: #ffffff;
}

/*
.hover_friendly #footContent a:HOVER{
	color: #000000;
}
*/
.pointer_mouse #footContent a:HOVER{
	color: #000000;
}

.footerBtn{
	position: relative;
}

.footerBtnLeft{
	float: left;
	margin-right: 16px;
	padding-top: 3px;
}

.footerBtnRight{
	float: right;
	margin-left: 40px;
}

.footerArrow{
	margin-left: 10px;
	margin-bottom: 4px;
}

.footerLogo{
	height: 24px;
}

.footerMenuLogo{
	height: 32px;
}

.footerLogoLg{
	display: none;
}

/* - generic footer menu - */

.footerMenu{
	position: absolute;
	bottom: 100%;
	overflow: hidden;
	
	display: none;
}

#footerMenuA{
	left: 67px;
}

#footerMenuB{
	left: 168px;
}

.footerMenuPanel{
	padding-bottom: 22px;
	margin-bottom: -100%;
}

.footerMenuContent{
	background: #ffffff;
	color: #000000;
	padding: 10px;
	font-size: 18px;
	line-height: 1;
	position: relative;
}

.footerMenuTri{
	position: absolute;
	left: 21px;
	bottom: -17px;
}

.footerMenuContent a:HOVER .footerMenuItem, .footerMenuContent a:HOVER{
	color: #ff6700;
}

.footerMenuItem{
	padding: 10px;
}

.footerMenuFinePrint{
	text-align: right;
	color: #888888;
	font-family: Arial, sans-serif;
	font-size: 9px;
}

/* - footer channel menu - */

#footerChanMenu{
	width: 330px;
	position: absolute;
	right: -15px;
	bottom: 100%;
	overflow: hidden;
	display: none;
}

#footerChanMenuItemBottom{
	margin-bottom: -100%;
}

.footerChanMenuItem{
	border-style: solid;
	border-color: #ffb380;
	border-width: 0px 0px 1px 0px;
}

.footerChanMenuItemContentOut, .footerChanMenuItemContentOver{
	width: 100%;
	padding: 24px;
}

.footerChanMenuItemContentOut{
	background: #ff6700;
}

.footerChanMenuItemContentOver{
	background: #ffffff;
}

.onMenuOpen{
	display: none;
}

.corrMenuOpen .onMenuClosed{
	display: none;
}

.corrMenuOpen .onMenuOpen{
	display: inline;
}

/* --- shows Pg --- */
.gifContain{
	margin-bottom: -10px;
}

.gifTile{
	width:100%;
}

.showGifTile{
	width: 100%;
	max-width: 370px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	font-size: 26px;
	line-height: 1;
}

.showGifTileImages{
	margin: 0px 0px 4px 0px;
}

.gifTileAR{
	width: 100%;
	padding: 0px;
	/*
	padding-bottom: 56.216216216%;
	*/
	padding-bottom: 100%;
	position: relative;
}

.gifARFIll{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
}

#gifsSec{
	margin-top: 12px;
}

/* --- schedule pg --- */

#mainPgLoading{
	font-size: 24px;
    padding-top: 40px;
    padding-left: 20%;
}

.loadingLayer{
	text-align: center;
}

#schedulePgLoading{
	padding-top: 90px;
	font-size: 34px;
}

.schedulePgSpacer{
	margin-bottom: 82px;
}
/*
#scheduleDates{
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 24px;
}
*/
.scheduleDateItem{
	color: #00fcff;
	/*
	float: left;
	width: 25%;
	*/
	text-align: center;
	overflow: hidden;
}

.scheduleDateItemSeleccted .dateItemText{
	background: #00fcff;
	color: #000000;
}

.dateItemText{
	display: inline-block;
	padding: 10px 12px 3px 12px;
	white-space: nowrap;
	text-transform: uppercase;
}
/*
.dateItem5, .dateItem6, .dateItem7{
	display: none;
}
*/
#scheduleTableSec{
	margin-bottom: 40px;
}

.scheduleTable{
	width: 100%;
	font-size: 30px;
}

.scheduleTable td{
	vertical-align: top;
	text-align: left;
	padding: 20px 15px 20px 15px;
	line-height: 1.0;
}

.scheduleTableRow{
	border-style: solid;
	border-color: #ffffff;
	border-width: 0px 0px 1px 0px;
}

td.timeCell{
	font-family: AvantGardeGothicITCW02Md;
	min-width: 120px;
}

td.showTitleCell{
	font-family: AvantGardeGothicITCW02Md;
	min-width: 360px;
	text-transform: uppercase;
}

td.epTitleCell{
	font-family: AvantGardeGothicITCW02XLt;
	display: none;
	text-transform: uppercase;
}

td.ratingCell{
	text-align: right;
	min-width: 140px;
	display: none;
	text-transform: uppercase;
}

/* --- TN --- */

.sectionHead{
	background-color: rgba(0, 0, 0, 0.5);
}

.headerBG{
	background-color: rgba(0, 0, 0, 0.5);
	
	position: absolute;
	width: 100%;
	padding-bottom: 9%;
}

.headerBGHOffset{
	width: 100%;
	height: 26px;
}

.scheduleLabelSub{
	background-color: rgba(64, 64, 64, 0.5);
	font-size: 1.3vw;
	display: inline-block;
	padding: 11px 12px 6px 12px;
}

/* --- screensize breakpoints --- */

/* below smallest break point */
@media (max-width: 767px) {
	#scheduleLabel{
		font-size: 5.0vw;
	}
	
	.scheduleLabelSub{
		font-size: 1.6vw;
	}
	
	#corrCarousel0{
		width: 60%;
	}
	
	#corrCarousel0 .carouselViewport{
		padding-right: 0.0%;
	}
	
	.tileContent{
		width: 100%;
		font-size: 7.0vw;
		padding-left: 5%;
	}
	
	#corrCarousel0 #carouselArrowL0, #corrCarousel0 #carouselArrowR0{
		top: 0.0%;
	}
	
	#scheduleSec{
		margin-top: 14px;
		margin-bottom: 0px;
		min-height: 120px;
	}
	
	/* - schedule pg - */
	#corrCarouselDates .carouselViewport{
		padding-right: 66.6666666666666666%;
	}
	/*
	.scheduleDateItem{
		width: 33.333333333333333%;
	}
	
	.dateItem4{
		display: none;
	}
	*/
	/*
	#heroVideo{
		display: none;
	}
	*/
}


/* below min, at stop scale point */
@media (max-width: 640px) {
	#scheduleLabel{
		font-size: 32px;
	}
	
	.scheduleLabelSub{
		font-size: 10px;
	}
	
	/*
	.tileContent{
		font-size: 14.7px;
	}
	*/
	.tileContent{
		font-size: 44.7px;
	}
	
	.headerBG{
		height: 84px;
		padding-bottom: 0px;
	}
}


/* above 991 */
@media (min-width: 992px) {
	#corrCarousel0{
		width: 68%;
	}
	
	#corrCarousel0 .carouselViewport{
		padding-right: 79.16666666666666%;
	}
	
	.tileContent{
		font-size: 1.4vw;
	}
	/*
	#socialHeader{
		display: block;
	}
	*/
	#headerLogo{
		width: auto;
	}
	
	.headerBG{
		height: 116px;
		padding-bottom: 0px;
	}
	
	.socialHeaderItem{
		margin-left: 30px;
	}
	
	/* - show pg - */
	.showGifTile{
		margin-bottom: 90px;
	}
	
	/* - schedule pg - */
	/*
	.scheduleDateItem{
		width: 20%;
	}
	*/
	#corrCarouselDates .carouselViewport{
		padding-right: 80.0%;
	}
	/*
	.dateItem5{
		display: block;
	}
	*/
	td.epTitleCell{
		display: table-cell;
	}
	
}

/* above max */
@media (min-width: 1280px) {

	#scheduleLabel{
		font-size: 48.6px;
	}
	
	.scheduleLabelSub{
		font-size: 16.6px;
	}
	
	.tileContent{
		font-size: 18px;
	}
	
	#footerChanMenu{
		display: none !important;
	}
	
	#footerChanGreyOut{
		display: none !important;
	}
	
	#footerPlus{
		display: none;
	}
	
	.footerLogoLg{
		display: block;
	}
	
	/*
	#footerNickAtNite{
		border-style: solid;
    	border-color: #ffffff;
    	border-width: 0px 0px 2px 0px;
    	padding-bottom: 2px;
	}
	*/
	
	/* - schedule pg - */
	/*
	.scheduleDateItem{
		width: 14.2857142857%;
	}
	*/
	#corrCarouselDates .carouselViewport{
		padding-right: 85.7142857142857%;
	}
	/*
	.dateItem6, .dateItem7{
		display: block;
	}
	*/
	td.ratingCell{
		display: table-cell;
	}
}

/* maxWidth + (sideMenuWidth * 2) + main gutters */
@media (min-width: 2138px) {
	.menuOut .mainContain{
		
		margin-left: auto !important;
		margin-right: auto !important;
		left: 0px !important; 
	}
}