/*= Header ==================== */

/** Header >> Site description **/
#site-description {
	display: none !important;
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/*= Header ==================== */

	/** Header >> Site title heading 1 **/
	#site-title h1 {
		font-family: Arial !important;
		font-weight: bold !important;
	}
}

/*= Main ====================== */

/** Main >> Elements to Hide **/
.menu, #searchform div, .home .header {
	display: none !important;
}

/** Main >> Control Column **/
.ctrl_col {
	width: 312px !important;
	min-height: 100vh !important;
	padding-top: 16px !important;
	padding-left: 16px !important;
	display: inline-block !important;
}

/** Main >> TV Column **/
.tv_col {
	max-width: -webkit-calc(100vw - 366px);
	max-width: -moz-calc(100vw - 366px);
	max-width: calc(100vw - 366px);
	max-height: -webkit-calc(100vh - 16px);
	max-height: -moz-calc(100vh - 16px);
	max-height: calc(100vh - 16px);
	width: 100% !important;
	height: 100vh !important;
	border-bottom-color: rgb(221, 221, 221) !important;
	border-left-color: rgb(221, 221, 221) !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-bottom-style: solid !important;
	border-left-style: solid !important;
	right: 0px !important;
	float: right !important;
	display: inline-block !important;
	-webkit-overflow-scrolling: touch;
	padding-top: 8px !important;
	padding-right: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 8px !important;
	position: fixed !important;
  	overflow-y: scroll !important;
/*  	overflow-x: scroll !important;
  	overflow: scroll !important; */
}

/** Main >> TV Page **/
#tv_page {
	width: 100% !important;
	height: 100% !important;
}

/** Main >> Branding **/
.home #branding {
	display: none !important;
}

/** Main >> Home Ad **/
.home_ad {
	background-color: rgb(134, 43, 43) !important;
	width: 300px !important;
	height: 250px !important;
	margin-top: 0px !important;
	margin-bottom: 8px !important;
}

/** Main >> Footer **/
.home #footer {
	height: 48px !important;
	padding-right: 16px !important;
	padding-left: 16px !important;
	margin-top: 24px !important;
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/*= Main ====================== */

	/** Main >> Control Column **/
	.ctrl_col {
		/* Custom CSS DISABLED */
		width: 100% !important;
		padding-left: 0px !important;
	}

	/** Main >> TV Column **/
	.tv_col {
		max-width: -webkit-calc(100vw);
		max-width: -moz-calc(100vw);
		max-width: calc(100vw);
		width: 100% !important;
		height: 50vh !important;
		border-top-color: rgb(221, 221, 221) !important;
		border-bottom-color: rgb(221, 221, 221) !important;
		border-top-width: 2px !important;
		border-top-style: solid !important;
		border-left-style: none !important;
		float: none !important;
		display: block !important;
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		position: static !important;
	}

	/** Main >> Branding **/
	.home #branding {
		margin-top: 8px !important;
		margin-bottom: 8px !important;
		margin-left: 16px !important;
		display: block !important;
	}

	/** Main >> Home Ad **/
	.home_ad {
		width: 320px !important;
		height: 100px !important;
		margin-left: -160px !important;
		position: relative !important;
		left: 50% !important;
	}
}

/*= Content =================== */

/** Content >> Mobile Only **/
.mob_only {
	display: none !important;
}

/** Content >> TV Paragraph **/
.tv_para {
	text-align: center !important;
	width: 80% !important;
	max-width: 600px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/*= Content =================== */

	/** Content >> PC Only **/
	.pc_only {
		display: none !important;
	}

	/** Content >> Mobile Only **/
	.mob_only {
		display: inline !important;
	}
}

/*= Channel =================== */

/** Channel >> Channel **/
.channel {
	font-family: 'Roboto Condensed' !important;
	text-decoration: none !important;
	text-align: center !important;
	background-color: rgb(221, 221, 221) !important;
	width: 284px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	margin-bottom: 4px !important;
	border-top-color: rgb(127, 127, 127) !important;
	border-right-color: rgb(127, 127, 127) !important;
	border-bottom-color: rgb(127, 127, 127) !important;
	border-left-color: rgb(127, 127, 127) !important;
	font-family: 'Roboto Condensed' !important;
	color: rgb(0, 0, 0) !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** Channel >> Ctrl Col H1 **/
.ctrl_col h1 {
	font-family: Arial !important;
	font-size: 24px !important;
	line-height: 24px !important;
	width: auto !important;
	margin-bottom: 16px !important;
	display: block !important;
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {


	/*= Channel =================== */

	/** Channel >> Channel **/
	.channel {
		vertical-align: top !important;
		width: 43% !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		padding-left: 2% !important;
		padding-right: 2% !important;
		margin-bottom: 8px !important;
		margin-left: 2% !important;
		display: inline-block !important;
	}

	/** Channel >> Ctrl Col H1 **/
	.ctrl_col h1 {
		display: none !important;
	}

	/** Channel >> Home Site Title **/
	.home #site-title h1 a {
		font-size: 20px !important;
		text-decoration: none !important;
	}
}

/*= Framed Pages ============== */

/** Framed Pages >> Framed Page Ads **/
.child_ads {
	text-align: center !important;
	margin-top: 32px !important;
}

/** Framed Pages >> Framed Page Ad **/
.child_ad {
	background-color: rgb(134, 43, 43) !important;
	width: 300px !important;
	height: 250px !important;
	margin-right: 8px !important;
	margin-bottom: 8px !important;
	margin-left: 8px !important;
	display: inline-block !important;
}

/*= Off ======================= */

/** Off >> TV Icon **/
.tv_icon {
	text-align: center !important;
	width: 400px !important;
	max-width: 60% !important;
	margin-top: 32px !important;
	margin-right: auto !important;
	margin-bottom: 24px !important;
	margin-left: auto !important;
	display: block !important;
}

/*= Redirect ================== */

/** Redirect >> Redirect Button **/
.btn_redir {
	font-family: Arial !important;
	font-size: 24px !important;
	text-align: center !important;
	width: 120px !important;
	padding-top: 16px !important;
	padding-right: 48px !important;
	padding-bottom: 16px !important;
	padding-left: 48px !important;
	margin-top: 32px !important;
	margin-right: auto !important;
	margin-bottom: 32px !important;
	margin-left: auto !important;
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-top-style: solid !important;
	border-right-style: solid !important;
	border-bottom-style: solid !important;
	border-left-style: solid !important;
	position: relative !important;
	display: table !important;
	cursor: pointer !important;
}

/** Redirect >> Redirect Name **/
#chn_name {
	font-family: Arial !important;
	font-size: 32px !important;
	font-weight: bold !important;
	text-align: center !important;
	margin-top: 32px !important;
	margin-right: auto !important;
	margin-bottom: 32px !important;
	margin-left: auto !important;
}

/** Copyright >> Copyright **/
#copyright {
	width: 300px !important;
}

/*[ Tablet & Phone ]*/
@media (max-width: 767px) {

	/** Copyright >> Copyright **/
	#copyright {
		width: auto !important;
	}
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsDrvev4WAjW489CRDHIkJ90.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsCGXDOnx9ptx3UTSPTrfsgk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsAZ98xO_Wnt-JIem4AuLGfs.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsE1G989qbVg6RT5ly5jB8V8.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsJ84zb0nVte6liF9gGtpo1Y.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsD86pq2NkPzVgw_9lpT6RGI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(http://fonts.gstatic.com/s/robotocondensed/v16/Zd2E9abXLFGSr9G3YK2MsDAdhzWOYhqHvOZMRGaEyPo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}