:root{
	--sticky-video-right: 170px;
}
body {line-height: 1.5;overflow-x: hidden;box-sizing: border-box; height: auto;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.livetv-container {background: #0b122b;max-width: 990px;width: 100%;padding: 20px;display: flex;margin: 0 auto;}
.livetv-container.clearfix{ overflow:hidden; }
/*left Section css*/
.livetv-left-container {float: left;padding-right: 20px;max-width: 646px;width: 100%;}
.livetv-heading {font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 26px;letter-spacing: normal;text-align: left;color: #fff;text-transform: uppercase;padding-left: 40px;background: url('../../img/live-tv-icon.svg')no-repeat left;}
.livetv-status-container {width: 100%;margin: 0;}
.livetv-status-container .livetv-status {font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #fff;display: inline-block;}
.livetv-status-container .livetv-status strong {font-weight: 700;}
.livetv-status-container .livetv-status:first-child {padding-right: 15px;border-right: 1px solid #fff;margin-right: 15px;}
.livetv-embbed-container {width: 100%;height: 100%;max-height: 340px;}
.livetv-embbed-container figure {position: relative;margin-top: 0;}
.livetv-embbed-container figure img {display: block;max-width: 100%;height: 340px;}
/*Right Section css*/
.livetv-right-container {float: right;max-width: 344px;padding-left: 20px;}
.prev-lives-heading {font-size: 16px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;text-align: left;color: #fff;margin-bottom: 1px;text-transform: uppercase;padding-bottom: 10px;margin-top: 0;}
.prev-live-listing ul { list-style: none; padding-left: 0;}
.prev-live-listing ul li, .prev-live-listing p, .prev-live-listing ul li a, .prev-live-listing h2 { font-family: 'PT Serif', serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: normal; text-align: left; color: #fff; text-decoration: none; }
.prev-live-listing ul li {padding: 10px 0;border-top: 1px dotted #fff;display: flex;clear: both;}
.prev-live-listing figure {float: right;margin-left: 10%;position: relative;height: 73px;width: 98px;clear: both;}
.prev-live-listing figure img {width: 100%;height: auto;display: block;max-width: 100%;}
.m-player-icon {display: none;}
.clearfix {overflow: auto;}
.clearfix::after {content: "";clear: both;display: table;}
/*Play arrow*/
.play-small {top: 50%;left: 50%;margin-left: -15px;margin-top: -15px;width: 30px;height: 30px;}
.play-iconbox {border: none;border-radius: 50%;background-color: rgba(0, 0, 0, .45);display: block;position: absolute;cursor: pointer;color: #fff;-webkit-transition: border-color .4s, outline .4s, background-color .4s;-moz-transition: border-color .4s, outline .4s, background-color .4s;-ms-transition: border-color .4s, outline .4s, background-color .4s;-o-transition: border-color .4s, outline .4s, background-color .4s;transition: border-color .4s, outline .4s, background-color .4s;}
.arrow-small {margin-left: -3px;margin-top: -6px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #fff;}
.play-arrow {width: 0;height: 0;position: absolute;top: 50%;left: 50%;border-radius: 2px;}
/*scroll content block*/
.embbed-scorll-container {width: 300px;height: 170px;padding: 10px;box-shadow: 0 15px 13px 0 rgba(0, 0, 0, 0.25);background-color: #0b122b;position: absolute;bottom: 30px;right: 30px;}
.embbed-scorll-heading {position: relative;font-size: 14px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 26px;letter-spacing: normal;text-align: left;color: #fff;text-transform: uppercase;padding-left: 40px;background: url('../../img/live-tv-icon.svg')no-repeat left;}
.embbed-close {position: absolute;right: 0;top: 5px;width: 16px;height: 16px;display: inline-block;line-height: 16px;z-index: 2;}
.livetv-video.stuck .embbed-close img {height: auto;}
.livetv-video.stuck .embbed-close:hover {cursor: pointer;}
.embbed-scroll-content {position: relative;width: 280px;height: 115px;margin-top: 8px;}
.livetv-video iframe {max-width: 100%;max-height: 100%;}
.livetv-video.stuck {position: fixed;right: var(--sticky-video-right);bottom:10px;width: 318px;height: 216px;z-index: 999;padding: 8px;box-shadow: 0 15px 13px 0 rgba(0, 0, 0, 0.25);background-color: #0b122b; animation: slideFromBottomRight; animation-duration: 1s; animation-timing-function: linear;overflow: hidden;}
@keyframes slideFromBottomRight { from { right: -100px; } to { right: var(--sticky-video-right); }}
.embbed-scorll-heading {display: none;}
.livetv-video .embbed-scorll-heading > a { color: inherit; }
.livetv-video.stuck iframe {width: 100%;height: 170px;margin-top: 5px;}
.livetv-video.stuck .embbed-scorll-heading {display: block;}
.categorybox li h3 { color: #2e404a;font-size: 15px;line-height: 20px;min-height: 80px; }
.cate-title h2 a { font-weight: 600; }
@media only screen and (max-width: 767px) {
	.livetv-container {display: block;}
	.livetv-left-container {padding: 0;}
	.livetv-heading {font-size: 18px;font-weight: bold;line-height: 26px;color: #fff;margin-bottom: 12px;}
	.livetv-embbed-container {width: auto;margin-right: -20px;margin-left: -20px;}
	.livetv-status-container {display: none;}
	.livetv-status-container .livetv-status:first-child {padding-right: 0;border-right: none;margin-right: 0;display: block;width: 100%;margin-bottom: 5px;}
	.livetv-right-container {width: 100%;max-width: 100%;padding: 0;}
	.prev-lives-heading {border: none;}
	.prev-live-listing {margin-right: -20px;}
	.prev-live-listing ul {list-style: none;overflow-x: auto;width: 100%;display: flex;}
	.prev-live-listing p, .prev-live-listing h2,.prev-live-listing ul li a {font-family: 'PT Serif', serif;font-size: 15px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;text-align: left;color: #000;}
	.prev-live-listing h2 {padding: 10px 10px 15px 10px;clear: both;}
	.prev-live-listing ul li {border-top: none;background: #fff;border-radius: 8px;max-width: 200px;width: 100%;padding: 0;margin-right: 10px;}
	.prev-live-listing figure {margin-left: 0;width: 100%;display: block;width: 200px;height: 150px;}
	.prev-live-listing figure img {border-top-left-radius: 8px;border-top-right-radius: 8px;max-height: 150px;}
	.embbed-scorll-container {display: none;}
	.livetv-video iframe {height: 202px;}
	.m-player-icon {min-width: 58px;height: 19px;border-radius: 10px;background-color: #e30000;padding: 0 10px;font-size: 12px;line-height: 19px;font-weight: bold;text-align: left;color: #fff;position: absolute;right: 5px;top: 5px;display: inline-block;}
	.m-player-icon:before {content: '\25BA';color: #fff;line-height: 20px; position: relative; left: -2px;}
	.categorybox li h3 { position: relative; background: #fff; padding: 10px; line-height: 20px; font-size: 15px; font-weight: normal;}
	.categorybox ul { display: flex; overflow-x: auto; }
	.categorybox li {width: 270px; margin: 5px 10px 15px 0px; flex-shrink: 0; }
	.categorybox a { color: #000; }
	.categorybox { border-bottom: 1px dotted #122241; position: relative; padding: 20px 0 20px 20px;}
	.categorybox + .ads-container{ margin-top: 10px;}
	.categorybox:after{ content: ""; position: absolute; height: 1px; width: 100%; left: 0; border-bottom: 1px dotted #122241; bottom: -4px }
	.categorybox a figure{ position: relative;}
	.play-iconbox { border: none; border-radius: 50%; background-color: rgba(0,0,0,.75); display: block; position: absolute; cursor: pointer; color: #fff; top:0; bottom:0; margin:auto; left: 0; right: 0;}
	.livetv-video.stuck {position: fixed;height: 232px; width:100%;z-index: 999;padding: 10px;box-shadow: 0 15px 13px 0 rgba(0, 0, 0, 0.25);background-color: #0b122b; right: 0px; top: 92px;animation:none;}
	.cate-title {display: inline-block;color: #000;font-family: var(--content-font-roboto); font-size: 18px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;	}
	.wip-viewall {display: block; margin: 20px auto 0; text-align: center; color: #ea0500;font-size: 12px; font-weight: 400; width: 100%; font-family: var(--content-font-roboto); position: relative;}
	.wip-viewall a { color: #d80202; position: relative; background: url('../images/chevron-right.png') right 2px no-repeat; padding-right: 15px; text-transform: uppercase; }
	/* css live tv PIP */
	.livetv-video.stuck { position: fixed;height: 347px;top: 0;padding: 0;z-index: 99999;box-shadow: none;background-color: transparent;}
	.livetv-video.stuck .embbed-scorll-heading { display: block; position: absolute; color: #000; width: 100%; top: 0; background-position: 16px; padding-left: 50px; font-size: 16px; font-weight: 700; background-color: #fff; padding-top: 6px; padding-bottom: 4px; }
	.livetv-video.stuck iframe { width: 100%;height: auto;aspect-ratio: 16/9;position: absolute;top: 31px;}
	.livetv-video.stuck .embbed-scorll-heading .embbed-close {margin-right: 14px;top: 5px;width: 25px;height: 25px;text-align: center;border-radius: 50%;line-height: 30px;filter: invert(1);}
}
li.prev-live-video{ display: block; min-height: 6rem; }
.livetv-heading h1 { color: #fff; margin-top: 0;}

/* PIP Mobile */
@media screen and (max-width: 767px) {
	.live-tv-pip { display: flex; align-items: center; justify-content: space-between; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 0px -20px; background-color: #fff; height: 90px; margin-right: 0; }
	.live-tv-pip #yt-video-player { min-width: 160px; }
	.live-tv-pip .live-tv-title { width: 100%; }
	.live-tv-pip iframe { width: 160px; height: 90px; aspect-ratio: 16 / 9; }
	.live-tv-title { font-size: 14px; font-weight: 700; display: block; line-height: 18px; width: 80%; }
	.live-tv-title-container { margin-left: 10px; align-self: baseline; padding: 5px 0; }
	.tv-red-text { display: flex; justify-content: space-between; margin-right: 5px; font-size: 11px; font-weight: 700; color: #dc0505; margin-bottom: 3px; position: relative; }
	.tv-close-btn { display: none; }
	.tv-close-btn.active { display: block; font-size: 15px; font-weight: 400; color: #fff; background-color: #000; display: flex; height: 18px; width: 20px; align-items: center; justify-content: center; }
	.live-tv-container.stuck { position: fixed; top: 35px; z-index: 99999; }
	.close-count { background: #1a1a1a; border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; font-weight: 600; height: 18px; line-height: 18px; position: absolute; text-align: center; width: 18px; z-index: 2; right: 2px; top: 3px; }
	.close-count-boder { -webkit-animation: timeRotate 5s linear infinite; animation: timeRotate 5s linear infinite; background-color: transparent; background: linear-gradient(90deg, #bb08ff, #7cb3ff, transparent, transparent); position: absolute; right: 1px; top: 1px; height: 22px; width: 22px; border-radius: 50%; }
	.close-count-container { align-items: center; background: #ececec; border: 0.5px solid #ccc; border-radius: 50%; display: inline-block; display: flex; height: 23px; justify-content: center; width: 23px; }
	.close-count-container.stop, .close-count-boder.stop { display: none; }
	.live-tv-container.stuck-header { position: fixed; top: 87px; z-index: 99999; }
	@keyframes timeRotate {
		0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); }
	}

	/* AMP */
	.video-wrap.amp-live-tv{ position: sticky; top: 90px; z-index: 999; }
	.video-wrap.amp-live-tv.hidden{display:none}
	.video-wrap.amp-live-tv .live-tv-pip{ margin-right: -20px }
}