@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');
@font-face {
  font-family: 'Verlag-Black';
  src: url('fonts/verlag-black.eot?#iefix') format('embedded-opentype'),
       url('fonts/verlag-black.otf')  format('opentype'),
	   url('fonts/verlag-black.woff') format('woff'),
       url('fonts/verlag-black.ttf')  format('truetype'),
       url('fonts/verlag-black.svg#Verlag-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
font-family: 'Titillium Web', sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Verlag-Black';
*/

body{font-family:'Titillium Web', sans-serif; font-size: 18px; letter-spacing: 0.5px; color:#fff; background: #AB1A1D;}

h1{ font-size: 42px; line-height: 44px; font-family: 'Verlag-Black'; font-weight: 700; font-style: normal; letter-spacing: 1px;} 
h2{ font-size: 24px; font-weight: 700; letter-spacing: 1px; }
h3{ font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: 1px; }
h4{ font-size: 17px; font-weight: 700; letter-spacing: 1px; }
p{ letter-spacing: 0.5px;}

.wrapper{ max-width: 1400px; width: 100%; display: inline-block;}

a.button{ background: #fff; padding: 7px 20px; color: #272336; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px;  display: inline-block; border-radius: 7px; overflow: hidden;}

#roadBlockWrap{ max-width: 1024px; width: 75%; display: inline-block; padding: 0; background: #fff; position: relative;}
#roadBlockWrap .wrapInner{ width: 100%; float: left;}
#roadBlockWrap .wrapInner .imgBox{ width: 100%; float: left;}
#roadBlockWrap .wrapInner .imgBox img{ width: 100%; float: left;}
#roadBlockWrap .wrapInner .imgBox img.deskCook{ display:block;}
#roadBlockWrap .wrapInner .imgBox img.mobCook{ display:none;}
.mfp-content{ text-align: center !important;}
#roadBlockWrap button.mfp-close{background: #000; opacity: 1; border-radius: 50%; top: -20px; right: -20px; color: #fff;}

.header{ width: 100%; float: left; padding: 20px 50px; position: fixed; top: 0; left: 0; z-index: 200; background: #fff;}
.header.sticky{ box-shadow: 0px 2px 5.94px 0.06px rgba(23, 23, 23, 0.15);}
.header .logo{ float: left; width: 25%; text-align: left;}
.header .logo a{ width: 250px; float: left;}
.header .logo a img{ max-width: 100%;}

.header .nav{ width: 75%; float: right; text-align: right; padding: 10px 0 0;}
.header .nav ul{ width: auto; display: inline-block; text-align: right; position: relative;}
.header .nav ul li{ display: inline-block; vertical-align: middle; text-align: center; padding: 0;}
.header .nav ul li a{ font-weight: 700; font-size: 20px; color: #9c2427; display: inline-block; letter-spacing: 0.5px; padding: 0 20px; position: relative;}

.header .nav ul li a.active{ color:#9c2427; }
.header .nav ul li a.active:after{ position: absolute; left: 50%; top: calc(100% + 20px); height: 2px; width: calc(100% - 40px); content: ""; background: #9c2427; transform: translateX(-50%);}

.header .nav ul li a.seachClick{ color: #9c2427;}
.header .nav ul li a.seachClick.active{color: #9c2427;}
.header .nav ul li a.seachClick.active:after{ background: transparent;}
.header .nav ul li a.seachClick.active .fa-search:before { content: "\f00d";}

.header .nav ul li form{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; overflow: inherit !important; float: left;}
.header .nav ul li input.input{border: none; width: 100%; padding: 5px 0; text-indent: 10px; font-family:'Titillium Web', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; border: 1px solid #9c2427; border-radius: 5px; border-width: 0;}

.header .nav .social{ display: inline-block; vertical-align: middle; width: auto; padding: 0 0 0 15px; border-left: 1px solid #9c2427;}
.header .nav .social a{ font-size: 20px; color: #9c2427; display: inline-block; margin: 0 10px; }

.mobileSearch{width: 200px;position: absolute;right: 60px;top: 50%; transform: translateY(-50%); text-align: right; padding: 0 10px 0 0; display: none;}
.mobileSearch form{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; overflow: inherit !important; float: left;}
.mobileSearch input.input{border: none; width: 100%; padding: 5px 0; text-indent: 10px; font-family:'Titillium Web', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.5px; border: 1px solid #9c2427; border-radius: 5px;}
.mobileSearch a.seachClick{ color: #9c2427; position: relative;}
.mobileSearch a.seachClick.active{color: #9c2427;}
.mobileSearch a.seachClick.active:after{ background: transparent;}
.mobileSearch a.seachClick.active .fa-search:before { content: "\f00d";}

.header .nav .language{ display: inline-block; vertical-align: middle; width: auto; margin: 0 10px; background: #fff; border-radius: 5px; border: 1px solid #4d5f87; overflow: hidden;}
.header .nav .language a{ padding: 5px 10px; background: #fff; display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0.5px; font-weight: 600;}
.header .nav .language a.active{ background: #4d5f87; color: #fff;}
a.triggerMenu{ display: none; position: absolute; right: 20px; top: 50%;transform: translateY(-50%); font-size: 25px; color: #9c2427;}

.footer{ background: #fff; padding: 22px 50px;}
.footer .footmenu{ width: 100%; max-width: 1366px; display: inline-block; text-align: left;}
.footer .footmenu ul{ width: 60%; float: left;}
.footer .footmenu ul li{ display: inline-block; vertical-align: middle; padding: 0 10px; border-right: 1px solid #9c2427; font-size: 15px; color: #9c2427; font-weight: 700; letter-spacing: 0.5px; line-height: 12px;}
.footer .footmenu ul li:last-child{border-right:none;}
.footer .copy{float: right; text-align: center; font-size: 15px; color: #9c2427; font-weight: 700; letter-spacing: 0.5px;}

.content{ background: url("../images/contentBg.jpg") repeat center center; width: 100%; float: left; margin-top: 113px; padding: 0 0 30px;}

.sitelogo{ width: 100%; float: left; text-align: left; margin: 10px 0 25px;}
.sitelogo a{ display: inline-block; vertical-align: middle; margin: 0 10px;}

.homeSlider{ margin: 0 0 30px; position: relative;}
.homeSlider .bigSlider .item{ width: 100%; float: left; position: relative; border-radius: 10px; overflow: hidden; background: #000;}
.homeSlider .bigSlider .item img{ max-width: 100%;opacity: 0.7;}
.homeSlider .bigSlider .item .itemCnt{ position: absolute; max-width: 500px; bottom: 50px; left: 50px; text-align: left;}
.homeSlider .bigSlider .item .itemCnt h1{ font-family: 'Verlag-Black'; font-style: normal; font-size: 50px; text-transform: uppercase; width: 100%; float: left; font-weight: 700; letter-spacing: 1px;}
.homeSlider .bigSlider .item .itemCnt p{ width: 100%; float: left; letter-spacing: 0.5px; font-size: 20px; margin: 0 0 10px;}

.thumbSlider{ position: absolute; right: 50px; top: 50%; transform: translateY(-50%); width: 220px;}
.thumbSlider .item{border-radius: 10px; overflow: hidden; width: 100%; float: left; position: relative; margin: 7px 0; cursor: pointer;}
.thumbSlider .item .scontent{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 100%); display: flex; align-items: center;}
.thumbSlider .item .scontent h4{ float: right; width: 100%; text-align: right; padding: 15px; font-size: 18px; line-height: 18px; font-weight: 700; color: #182e41;}
.thumbSlider .item .scontent h4 span{ width: 60%; display: inline-block;}
.thumbSlider.slick-slider button{top: 100%; transform: translateY(50%);}

.thumbSlider .slick-center .scontent{ background: rgba(0,0,0,0.6);}
.thumbSlider .slick-center .scontent h4{ color: rgba(255,255,255,0.7);}

.featureShow{ margin: 30px 0; text-align: left;}
.featureShow .title{ width: calc(25% - 15px); float: left; margin: 0 15px 0 0;}
.featureShow .title h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative;}
.featureShow .title h1:after{ width: 60px; height: 2px; background: #fff; content: ""; position: absolute; left: 0; bottom: 0;}
.featureShow .title p{ opacity: 0.8; width: 100%; float: left;}
.featureShow .featureCnt{width: 75%; float: left;}
.featureShow .featureCnt ul{ width: 100%; float: left;}
.featureShow .featureCnt ul li{ width: calc(50% - 33px); float: left; margin: 0 15px;}
.featureShow .featureCnt ul li .imgBx{ border-radius: 10px; overflow: hidden; width: 100%; float: left;}
.featureShow .featureCnt ul li:last-child{ margin-right: 0;}
.featureShow .featureCnt ul li .imgBx img{ width: 100%;}
.featureShow .featureCnt h2{ color: #fff; width: 100%; float: left; margin: 10px 0 0; text-transform: uppercase;}
.featureShow .featureCnt p{ width: 100%; float: left; font-size: 18px; opacity: 0.8; text-transform: uppercase;}



.ourShow{ margin: 30px 0; padding: 30px 15px; background: #09051c; text-align: left; position: relative; border-radius: 10px; overflow: hidden;}
.ourShow .title{ width: calc(15% - 15px); float: left; margin: 0 15px 0 0; }
.ourShow .title h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative; color: #941a1d;}
.ourShow .title h1:after{ width: 60px; height: 2px; background: #941a1d; content: ""; position: absolute; left: 0; bottom: 0;}
.ourShow .title .customArrow{ width: 60%; float: left; text-align: left; display: flex; justify-content: space-between; margin: 20px 0 0;}
.ourShow .title .customArrow a{ display: inline-block; margin: 0;}
.ourShow .title a.more{ font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; letter-spacing: 0.5px; padding: 0 0 2px; text-align: left; position: absolute; left: 15px; bottom: 30px;}
.ourShow .title a.more:after{ content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
.ourShow .title .customArrow.snav{ display: none;}

.ourShow.bgno{ background: none;}
.ourShow.bgno .title h1{ color: #fff;}
.ourShow.bgno .title h1:after{ background: #fff;}

.ourShow .showCnt{width: 85%; float: left;}
.ourShow .showCnt ul{ width: 100%; float: left;}
.ourShow .showCnt ul li{ width: calc(25% - 14px); float: left; margin: 0 8px; position: relative;  border-radius: 10px; overflow: hidden;}
.ourShow .showCnt ul li .imgBx{ width: 100%; float: left;}
.ourShow .showCnt ul li:last-child{ margin-right: 0;}
.ourShow .showCnt ul li .imgBx img{ width: 100%;}
.ourShow .showCnt ul li .cnt{background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 14%, rgba(255,255,255,0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; padding: 80px 15px 30px 15px;}
.ourShow .showCnt ul li .cnt h3{ color: #152434;}

.season{ margin: 30px 0; text-align: left;}
.season .title{ width: calc(35% - 15px); float: left; margin: 0 15px 0 0;}
.season .title h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative;}
.season .title h1:after{ width: 60px; height: 2px; background: #fff; content: ""; position: absolute; left: 0; bottom: 0;}
.season .title h2{ margin: 0 0 5px; font-family: 'Verlag-Black';}
.season .title p{ opacity: 0.8; width: 100%; float: left; margin: 0 0 25px;}
.season .seasonCnt{width: calc(65% - 15px); float: left; margin: 0 0 0 15px;}
.season .seasonCnt .imgBx { border-radius: 10px; overflow: hidden;}
.season .seasonCnt .imgBx img{ width: 100%;}

.season.vidSeason .title{ width: 100%; margin: 0;}


/*.nowplaying{ margin: 30px 0; display: table; height: 140px;}
.nowplaying .title1{ display: table-cell; vertical-align: middle; width: 130px; background: #182e41;}
.nowplaying .title1 p{ font-weight: 700; font-size: 15px; margin: 0 0 10px;}
.nowplaying .title1 p span{ font-weight: 400; font-size: 20px;}
.nowplaying .title2{ display: table-cell; padding: 0 20px; vertical-align: middle; width: 100px;  background: #67c7d0; text-align: left;}
.nowplaying .title2 p{ color: #152434; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.nowplaying .nowCnt{display: table-cell; vertical-align: middle; background: #152434;}
.nowplaying .nowCnt ul{ width: 100%; float: left;}
.nowplaying .nowCnt ul li{ width: calc(33.3% - 24px); display: inline-block; vertical-align: middle; margin: 0 10px; text-align: left; opacity: 0.3;}
.nowplaying .nowCnt ul li.active{ opacity: 1;}
.nowplaying .nowCnt ul li .time{ padding: 0 10px 0 0; width: 30%; float: left; border-right: 1px solid #243f57;}
.nowplaying .nowCnt ul li .time h4{ font-size: 30px; line-height: 24px; font-weight: 700; width: 100%; float: left; margin: 0 0 10px;}
.nowplaying .nowCnt ul li .time h4 span{ font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 0 0 0 7px;}
.nowplaying .nowCnt ul li .time .ico{ width: 100%; float: left; padding: 0 0 0 7px;}
.nowplaying .nowCnt ul li .details{ padding: 0 0 0 15px; width: 70%; float: left;}
.nowplaying .nowCnt ul li .details h5{ width: 100%; float: left; font-size: 20px; font-weight: 700;}*/

.nowplaying{ margin: 30px 0; display: table; height: 140px; border-radius: 10px; overflow: hidden;}
.nowplaying .title1{ display: table-cell; vertical-align: middle; width: 130px; background: #272336;}
.nowplaying .title1 p{ font-weight: 700; font-size: 15px; margin: 0 0 10px;}
.nowplaying .title1 p span{ font-weight: 400; font-size: 20px;}
.nowplaying .title2{ display: table-cell; padding: 0 20px; vertical-align: middle; width: 100px;  background: #272336; text-align: left;}
.nowplaying .title2 p{ color: #fff; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase;}
.nowplaying .nowCnt{display: table-cell; vertical-align: middle; background: #fff;}
.nowplaying .nowCnt ul{ width: 100%; float: left;}
.nowplaying .nowCnt ul li{ width: calc(33.3% - 24px); display: inline-block; vertical-align: middle; margin: 0 10px; text-align: left; opacity: 0.3; color: #000;}
.nowplaying .nowCnt ul li.active{ opacity: 1;}
.nowplaying .nowCnt ul li .time{ padding: 0 10px 0 0; width: 30%; float: left; border-right: 1px solid #243f57;}
.nowplaying .nowCnt ul li .time h4{ font-size: 30px; line-height: 24px; font-weight: 700; width: 100%; float: left; margin: 0 0 10px;}
.nowplaying .nowCnt ul li .time h4 span{ font-weight: 600; font-size: 15px; text-transform: uppercase; padding: 0 0 0 7px;}
.nowplaying .nowCnt ul li .time .ico{ width: 100%; float: left; padding: 0 0 0 7px;}
.nowplaying .nowCnt ul li .details{ padding: 0 0 0 15px; width: 70%; float: left;}
.nowplaying .nowCnt ul li .details h5{ width: 100%; float: left; font-size: 18px; font-weight: 700;}
.nowplaying .nowCnt ul li .details p{ width: 100%; float: left; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

/*.videos{ margin: 30px 0; padding: 40px 15px; background: #152434;}
.videos .title{ width: 100%; float: left; margin: 0; text-align: left;}
.videos .title h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative;}
.videos .title h1:after{ width: 60px; height: 2px; background: #243f57; content: ""; position: absolute; left: 0; bottom: 0;}
.videos .videoSlider{ margin: 0 0 35px; padding: 0 25px;}
.videos .videoSlider .item{ width: calc(25% - 20px); margin: 0 10px; float: left; position: relative;}
.videos .videoSlider .item span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/

.videos{ margin: 30px 0; padding: 40px 15px; background: #09051c; border-radius: 10px; overflow: hidden;}
.videos .title{ width: 100%; float: left; margin: 0; text-align: left; margin: 0 0 40px;}
.videos .title h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative; color: #981b1e;}
.videos .title h1:after{ width: 60px; height: 2px; background: #981b1e; content: ""; position: absolute; left: 0; bottom: 0;}
.videos .videoSlider{ margin: 0 0 35px; padding: 0 10px;}
.videos .videoSlider .item{ width: calc(25% - 20px); margin: 0 10px; float: left; position: relative; border-radius: 10px; overflow: hidden;}
.videos .videoSlider .item img{ width: 100%;}
.videos .videoSlider .item span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 30px; color: #fff;}
.videos .videoSlider .item span img{ width: auto;}
.videos .videoSlider.slick-slider button.slick-prev{ left: -10px;}
.videos .videoSlider.slick-slider button.slick-next{ right: -10px;}


.socialTimeLine{margin: 30px 0 60px; border-radius: 10px; overflow: hidden;}
.socialTimeLine .tweetInsta{ width: 66.5%; float: left;}
.socialTimeLine .tweetInsta .twitterBx{ width: 100%; float: left; display: table;}
.socialTimeLine .tweetInsta .twitterBx .title{ background: #26a3fa; width: 30%; display: table-cell; vertical-align: middle;}
.socialTimeLine .tweetInsta .twitterBx .title h2{ color: #fff; width: 100%; float: left;}
.socialTimeLine .tweetInsta .twitterBx .title h3{color: #111010; width: 100%; float: left; margin: 0 0 50px;}
.socialTimeLine .tweetInsta .twitterBx .title .ico{ font-size: 40px;}
.socialTimeLine .tweetInsta .twitterBx .tweetCnt{ background: #fff; color: #000; font-weight: 600; display: table-cell; vertical-align: middle; text-align: left; padding: 30px;}
.socialTimeLine .tweetInsta .twitterBx .tweetCnt span{ margin: 0 0 20px; width: 100%; float: left; font-size: 13px;}
.socialTimeLine .tweetInsta .twitterBx .tweetCnt a{ color: #67c7d0;}

.socialTimeLine .tweetInsta .instaBx{ width: 100%; float: left; display: table;}
.socialTimeLine .tweetInsta .instaBx .title{ background: #d33a57; width: 30%; display: table-cell; vertical-align: middle;}
.socialTimeLine .tweetInsta .instaBx .title h2{ color: #fff; width: 100%; float: left;}
.socialTimeLine .tweetInsta .instaBx .title h3{color: #111010; width: 100%; float: left; margin: 0 0 50px;}
.socialTimeLine .tweetInsta .instaBx .title .ico{ font-size: 40px;}
.socialTimeLine .tweetInsta .instaBx .instaCnt{ background: #182e41; display: table-cell; vertical-align: middle; text-align: left; padding: 0;}
.socialTimeLine .tweetInsta .instaBx .instaCnt .imgBx{ width: 50%; float: left; overflow: hidden;}
.socialTimeLine .tweetInsta .instaBx .instaCnt .imgBx img{ width: 100%; float: left;}
.socialTimeLine .faceb{ width: 33.2%; float: left;}
.socialTimeLine .faceb .fbTitle{ text-align: left; padding: 10px; height: 45px; background: #466cb9;}
.socialTimeLine .faceb .fbTitle span{ width: 100%; float: left; font-weight: 700;}

.newStrip{ width: 100%; float: left; background: #b82020; padding: 15px 25px; font-weight: 700; color: #fff; letter-spacing: 0.5px; text-align: left;}
.newStrip span{ display: inline-block; vertical-align: middle;}
.newStrip img{ display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.newStrip a{ display: inline-block; vertical-align: middle; font-weight: 400; color: #000; text-decoration: underline;}

.newStrip1{ width: 100%; float: left; background: #cd201f; padding: 0; font-weight: 700; color: #fff; letter-spacing: 0.5px; text-align: left; border-radius: 10px; display: table; overflow: hidden;}
.newStrip1 .youtubeTitle{ display: table-cell; vertical-align: middle; text-align: center; width: 270px; padding: 40px 0;}
.newStrip1 .youtubeTitle h2{ color: #fff; width: 100%; float: left;}
.newStrip1 .youtubeTitle h3{color: #111010; width: 100%; float: left; margin: 0 0 50px;}
.newStrip1 .youtubeTitle a.tubeIco{ font-size: 40px; color: #fff;}
.newStrip1 .youtubeTitle img{ display: inline-block; vertical-align: middle; margin: 0 10px 0 0;}
.newStrip1 .tubeImg{display: table-cell; vertical-align: middle;}
.newStrip1 .tubeImg img{width: 100%;}

.showListWrap{margin: 30px 0; padding: 15px 7px 0; background: #09051c; position: relative; border-radius: 10px; overflow: hidden;}
.showListWrap ul{ width: 100%; float: left; text-align: left;}
.showListWrap ul li{ width: calc(33.3% - 33px); display: inline-block; vertical-align: top; margin: 15px 15px 40px;}
.showListWrap ul li a{ width: 100%; float: left; position: relative; margin: 0;}
.showListWrap ul li span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 40px; color: #fff;}
.showListWrap ul li img{ width: 100%; overflow: hidden; border-radius: 10px;}
.showListWrap h2{ color: #fff; width: 100%; float: left; margin: 10px 0 0; padding: 0 0 0 15px; position: relative; line-height: 24px;}
.showListWrap h2:after{ width: 2px; height: 20px; background: #fff; position: absolute; top: 3px; left: 0; content: "";}
.showListWrap a{ margin: 30px 0;}

.commonTitle{ width: 100%; float: left; margin: 30px 0 0 0; text-align: left;}
.commonTitle h1{ padding: 0 0 14px; margin: 0 0 20px; position: relative; width: calc(50% - 3px); display: inline-block; vertical-align: middle;}
.commonTitle span{ width: 100%; display: inline-block; vertical-align: middle; text-align: left; color: #fff; opacity: 1; font-weight: 700px; margin: -10px 0 20px 0; letter-spacing: 0.5px;}
.commonTitle h1:after{ width: 60px; height: 2px; background: #fff; content: ""; position: absolute; left: 0; bottom: 0;}
.commonTitle .rightContent{  width: calc(50% - 3px); display: inline-block; vertical-align: middle; text-align: right;}
.commonTitle .rightContent .imgBx{ display: inline-block;}

.showDetailWrap{margin:10px 0 30px 0;}
.showDetailWrap .imgBx{ width: 100%; float: left;}
.showDetailWrap .showCnt{ padding:30px 30px 0; width: 100%; float: left;}
.showDetailWrap .showCnt p{ width: 100%; margin: 0 0 15px; color: #fff; opacity: 0.8; text-align: left; line-height: 25px; letter-spacing: 1px;}

/*.videoListWrap{margin: 30px 0;}
.videoListWrap .categoryDD{ background: #182e41; width: calc(30% - 10px); float: left; margin: 0 10px 0 0; text-align: left;}
.videoListWrap .categoryDD .ddTitle{ background: #152434; font-size: 18px; font-weight: 700; padding: 15px; width: 100%; float: left; letter-spacing: 0.5px;  border-bottom: 1px solid #394a5c;}
.videoListWrap .categoryDD ul{ width: 100%; float: left; height: 406px;}
.videoListWrap .categoryDD ul li{font-size: 17px; font-weight: 700; padding: 13px 15px; width: 100%; float: left; letter-spacing: 0.5px; border-bottom: 1px solid #394a5c; text-transform: uppercase;}
.videoListWrap .selVideo{ width: calc(70% - 10px); float: left; margin: 0 0 0 10px; text-align: left;}
.videoListWrap .selVideo .imgBx{ width: 100%; float: left; position: relative;}
.videoListWrap .selVideo .imgBx a{ width: 100%; float: left;}
.videoListWrap .selVideo .imgBx span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoListWrap .selVideo h2{ color: #67c7d0; width: 100%; float: left; margin: 5px 0 0; padding: 0 0 0 15px; position: relative;}
.videoListWrap .selVideo h2:after{ width: 2px; height: 20px; background: #67c7d0; position: absolute; top: 9px; left: 0; content: "";}
.videoListWrap ul.listing{ width: 100%; float: left; text-align: left;}
.videoListWrap ul.listing li{ width: calc(33.3% - 33px); display: inline-block; vertical-align: top; margin: 15px 15px 40px;}
.videoListWrap ul.listing li .imgBx{ position: relative; width: 100%; float: left;}
.videoListWrap ul.listing li .imgBx span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.videoListWrap ul.listing li h2{ color: #67c7d0; width: 100%; float: left; margin: 5px 0 0; padding: 0 0 0 15px; position: relative;}
.videoListWrap ul.listing li h2:after{ width: 2px; height: 20px; background: #67c7d0; position: absolute; top: 9px; left: 0; content: "";}
.videoListWrap .vidListingInner{ margin: 60px 0 0; background: #152434;}
.videoListWrap .vidListingInner .title{ padding: 30px 15px 30px 15px; text-align: left;}
.videoListWrap .vidListingInner .title h2{ width: calc(50% - 3px); display: inline-block; vertical-align: middle;}*/

.videoListWrap{margin: 30px 0;}
.videoListWrap .categoryDD{ background: #09051c; width: calc(30% - 10px); float: left; margin: 0 10px 0 0; text-align: left; border-radius: 10px;}
.videoListWrap .categoryDD .ddTitle{ background: #272336; font-size: 18px; font-weight: 700; padding: 15px; width: 100%; float: left; letter-spacing: 0.5px;  border-bottom: 1px solid #394a5c;}
.videoListWrap .categoryDD ul{ width: 100%; float: left; height: 406px;}
.videoListWrap .categoryDD ul li{font-size: 17px; font-weight: 700; padding: 13px 15px; width: 100%; float: left; letter-spacing: 0.5px; border-bottom: 1px solid #394a5c; text-transform: uppercase;}
.videoListWrap .selVideo{ width: calc(70% - 10px); float: left; margin: 0 0 0 10px; text-align: left;}
.videoListWrap .selVideo .imgBx{ width: 100%; float: left; position: relative; border-radius: 10px; overflow: hidden;}
.videoListWrap .selVideo .imgBx a{ width: 100%; float: left;}
.videoListWrap .selVideo .imgBx span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 40px;}
.videoListWrap .selVideo h2{ text-transform: uppercase; color: #fff; width: 100%; float: left; margin: 5px 0 0; padding: 0 0 0 15px; position: relative;}
.videoListWrap .selVideo h2:after{ width: 2px; height: 20px; background: #fff; position: absolute; top: 9px; left: 0; content: "";}
.videoListWrap ul.listing{ width: 100%; float: left; text-align: left;}
.videoListWrap ul.listing li{ width: calc(33.3% - 33px); display: inline-block; vertical-align: top; margin: 15px 15px 40px;}
.videoListWrap ul.listing li .imgBx{ position: relative; width: 100%; float: left;}
.videoListWrap ul.listing li .imgBx span{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 30px;}
.videoListWrap ul.listing li h2{ color: #fff; width: 100%; float: left; margin: 5px 0 0; padding: 0 0 0 15px; position: relative;}
.videoListWrap ul.listing li h2:after{ width: 2px; height: 20px; background: #fff; position: absolute; top: 9px; left: 0; content: "";}
.videoListWrap .vidListingInner{ margin: 60px 0 0; background: #09051c; border-radius: 10px; overflow: hidden;}
.videoListWrap .vidListingInner .title{ padding: 30px 15px 30px 15px; text-align: left;}
.videoListWrap .vidListingInner .title h2{ width: calc(50% - 3px); display: inline-block; vertical-align: middle;}
.videoListWrap .vidListingInner.newListingInner{ margin: 0;}
.videoListWrap .vidListingInner.newListingInner .button{ margin: 30px 0;}

.tvGuideWrap{margin: 30px 0;}
.tvGuideWrap .searchWrap{ background: #fff; padding: 15px 50px; border-radius: 10px; overflow: hidden;width: 100%; float: left;}
.tvGuideWrap .searchWrap .searchBx{ position: relative; margin-bottom: 25px;}
.tvGuideWrap .searchWrap .searchBx input{ width: 100%; float: left; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; padding: 10px 15px; color: #161c2d; font-family: 'Titillium Web', sans-serif; border: none; -webkit-box-shadow: inset 4px 6px 42px -12px rgba(138,138,138,1);
-moz-box-shadow: inset 4px 6px 42px -12px rgba(138,138,138,1);
box-shadow: inset 4px 6px 42px -12px rgba(138,138,138,1); border-radius: 10px;}
.tvGuideWrap .searchWrap .searchBx a, .tvGuideWrap .searchWrap .searchBx .submitBtn{ color: #161c2d; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; border: none; background: none; cursor: pointer;}

.tvGuideWrap .searchWrap .timeWrap{margin-bottom: 25px;}
.tvGuideWrap .searchWrap .timeWrap .slick-list{ margin: 0 -10px;}
.tvGuideWrap .searchWrap .timeWrap .item{ width: calc(16.66% - 20px); padding: 10px 0; float: left; margin: 0 10px; background: #272336; border-radius: 10px; overflow: hidden;}
.tvGuideWrap .searchWrap .timeWrap .item h4{ text-transform: uppercase; width: 100%; float: left;}
.tvGuideWrap .searchWrap .timeWrap .item span{ font-size: 14px; width: 100%; float: left;}
.tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-prev{ left: -20px;}
.tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-next{ right: -20px;}
.tvGuideWrap .searchWrap .timeWrap .item.active{ background: #981b1e; color: #fff;}
.tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-prev {background: url(../images/prev.png) no-repeat center; left: -30px;}
.tvGuideWrap .searchWrap .timeWrap.slick-slider button.slick-next {background: url(../images/next.png) no-repeat center; right: -30px;}
.tvGuideWrap .searchWrap .timeWrap.slick-slider button{ width: 25px; height: 19px;}
.tvGuideWrap .searchWrap .timePagination{ width: 100%; float: left; text-align: left;}
.tvGuideWrap .searchWrap .timePagination a{ padding: 15px 60px; font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; background: #272336; margin: 0 2px; display: inline-block; vertical-align: middle; border-radius: 10px;}
.tvGuideWrap .searchWrap .timePagination a.active{ background: #981b1e; color: #fff;}
.tvGuideWrap .epgList{ background: #fff; margin: 15px 0 0; border-radius: 10px; overflow: hidden; color: #000;}
.tvGuideWrap .epgList ul{ width: 100%; float: left;}
.tvGuideWrap .epgList ul li{ width: 100%; float: left; border-bottom: 1px solid #2c3346;}
.tvGuideWrap .epgList .title1{ display: table-cell; vertical-align: middle; width: 130px; border-radius: 0 10px 10px 0;}
.tvGuideWrap .epgList .title1.active{ background: #272336;}
.tvGuideWrap .epgList .title1 p{ font-weight: 700; font-size: 15px; margin: 0 0 10px; color: #fff;}
.tvGuideWrap .epgList .title1 p span{ font-weight: 400; font-size: 20px;}
.tvGuideWrap .epgList .showCnt{ width: 91%; display: table-cell; vertical-align: middle; padding: 20px 0;  opacity: 1;}
.tvGuideWrap .epgList ul li.active .showCnt{ opacity: 1;}
.tvGuideWrap .epgList .showCnt .time{ padding: 0 20px 0 0; width: calc(15% - 3px); display: inline-block; vertical-align: middle; border-right: 1px solid #243f57;}
.tvGuideWrap .epgList .showCnt .time h4{ font-size: 42px; line-height: 32px; font-weight: 700; width: 100%; float: left; margin: 0; text-align: right;}
.tvGuideWrap .epgList .showCnt .time h4 span{ font-weight: 600; font-size: 17px; text-transform: uppercase; padding: 0 0 0 7px; width: 100%; float: left;}
.tvGuideWrap .epgList .showCnt .details{ padding: 0 0 0 20px; width: calc(85% - 3px); display: inline-block; vertical-align: middle; text-align: left;}


.commonPageWrap{ margin: 30px 0; text-align: left;}
.commonPageWrap .subsDesc{ padding: 25px; background: #09051c; position: relative; border-radius: 10px; overflow: hidden;}
.commonPageWrap .subsDesc h2{ margin: 0 0 15px; width: 100%; float: left;}
.commonPageWrap .subsDesc h3{ margin: 15px 0; width: 100%; float: left;}
.commonPageWrap .subsDesc p{ color: #c4c6c8; width: 100%; float: left; margin:15px 0;}
.commonPageWrap .subsDesc p.mt0{ margin-top: 0;}
.commonPageWrap .subsDesc ul{ width: 100%; float: left; margin: 0 0 15px;}
.commonPageWrap .subsDesc ul li{ width: 100%; float: left; color: #fff; font-size: 14px; list-style-type: disc; margin: 0 0 15px 20px; letter-spacing: 0.5px;}

.commonPageWrap.csrWrap .subsDesc ul{ width: 100%; float: left; margin: 0 0 15px 20px;}
.commonPageWrap.csrWrap .subsDesc ul li{ width: 100%; float: left; color: #c4c6c8; list-style-type: disc; margin: 0 0 5px 20px; letter-spacing: 0.5px;}
.commonPageWrap.csrWrap .subsDesc ul li span{color: #c4c6c8;}

.rightTitle{ display: inline-block; vertical-align: middle; text-align: right; width: calc(50% - 3px);}
.rightTitle .dropdownDD{ display: inline-block; vertical-align: middle; text-align: left; width: 150px; position: relative;}
.rightTitle .dropdownDD select{ width: 150px;}

.videoListWrap .newListingInner .rightTitle .dropdownDD, .videoListWrap .newListingInner .rightTitle .dropdownDD select{ width: 230px;}

/*.rightTitle .dropdownDD span{ width: 100%; float: left; padding: 5px 0; border-bottom: 2px solid #7aa4ab; position: relative; cursor: pointer;}
.rightTitle .dropdownDD span:after{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url(../images/downArrow.png) no-repeat center center; content: ""; width: 15px; height: 15px;}
.rightTitle .dropdownDD ul{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background: #182e41; z-index: 2;}
.rightTitle .dropdownDD ul li{ width: 100%; float: left; padding: 5px 10px; border-bottom: 1px solid #243e55;}
.rightTitle .dropdownDD ul li a{ font-size: 14px; width: 100%; float: left; letter-spacing: 0.5px;}*/

.select2-container--default .select2-selection--single{ background-color: transparent; border: none; border-bottom: 2px solid #fff; outline: none; border-radius: 0;}
.select2-search--dropdown{ display: none;}
.select2-dropdown{ background-color: #272336; text-align: left; border-color: #2B2543;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]{ background-color: transparent;}
.select2-results__option{border-bottom: 1px solid #243e55;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ color: #fff;}

.jspVerticalBar{ width: 5px;}

.no_result{ width: 100%; float: left; padding: 50px 0; background: #09051c; font-weight: 700; font-size: 25px; color: #fff; letter-spacing: 0.5px;}



.searchInner{ width: calc(50% - 3px); display: inline-block; vertical-align: top; margin: 12px 0 0; text-align: right; position: relative;}
.searchInner form{ width: 90%; display: inline-block; vertical-align: middle; position: relative;}
.searchInner input.input{border: 1px solid #fff; border-radius: 5px; width: 100%; padding: 5px 10px; font-family:'Titillium Web', sans-serif; font-weight: 600; font-size: 16px; letter-spacing: 0.5px;}
.searchInner button{ width: auto; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: transparent; border: none; font-size: 19px; background: #fff;}


#suggesstion-box, #suggesstion-box2, #suggesstion-box1{ width: 100%; float: left; position: absolute; z-index: 5; left: 0; top: 100%; text-align: left; background: #09051c; padding: 0; border-radius: 0px 0px 10px 10px;}
#suggesstion-box li, #suggesstion-box2 li, #suggesstion-box1 li{ width: 100%; float: left; text-align: left; padding: 5px 25px; letter-spacing: 1px; font-weight: 600; cursor: pointer;}
#suggesstion-box li.brdr, #suggesstion-box2 li.brdr, #suggesstion-box1 li.brdr{ border-bottom: 1px solid #1e2e3d; padding: 5px 0;}
#suggesstion-box li.brdr a, #suggesstion-box2 li.brdr a, #suggesstion-box1 li.brdr a{ padding: 0 25px; color: #941a1d;}



/* Cookie code Start  */
a.fot-boder {
    border-bottom: solid 1px #fff;
}
.sectionCookie{position: fixed;bottom: 0;left: 0;width: 100%;padding:157px 0;/*background-color: rgba(0, 0, 0, 0.8)*/background: url('../images/cookie-banner.jpg') no-repeat center; background-size:cover;z-index: 2; display: flex;justify-content: center;height: 100%;}/*---ishwar-2-4-20---*/
.sectionCookie .wrapper{max-width: 1360px;/*padding: 0 20px;*/  width: 100%;display: flex;justify-content:center ;align-items: center;flex-flow: row wrap;}
.sectionCookie .wrapper .textDiv{/*width: calc(85% - 10px);*/width: calc(100% - 10px);display:flex;justify-content: center; text-align: center;}/*---ishwar-2-4-20---*/
.sectionCookie .wrapper .textDiv p{color: #fff;font-family: 'Prompt', sans-serif; font-weight: 300;text-align: left; font-size: 16px;padding:155px 360px 0px 360px;}/*---ishwar-2-4-20---*/
.sectionCookie .wrapper .btndiv{width: calc(15% - 20px);display: inline-block;}
.sectionCookie .wrapper .btndiv button{font-family: 'Prompt', sans-serif; font-weight: 600; width: 100%;display: inline-block;padding: 8px 20px;background: transparent; border: 1px solid #fff; border-radius: 10px;color: #fff;font-size: 16px; vertical-align: middle;cursor: pointer;}
.sectionCookie .wrapper .btndiv button span{vertical-align: middle;display: inline-block;padding: 8px;}
.sectionCookie .wrapper .btndiv button span img{max-width: 100%;display: block;}

@media screen and (max-width:1280px){

  .sectionCookie .wrapper{max-width: 1120px;}
  .sectionCookie .wrapper .textDiv p{font-size: 14px;}
  .sectionCookie .wrapper .btndiv button{font-size: 14px;}
}

@media screen and (max-width:1024px){

  .sectionCookie .wrapper .textDiv {width: calc(75% - 10px);}
  .sectionCookie .wrapper .btndiv { width: calc(22% - 20px);}
  .sectionCookie .wrapper .btndiv button{padding: 4px 20px;}

}

@media screen and (max-width:700px){

  .sectionCookie .wrapper .textDiv {width: calc(65% - 10px);}
  .sectionCookie .wrapper .btndiv { width: calc(35% - 20px);}

}



@media screen and (max-width:500px){

  .sectionCookie .wrapper{justify-content: center;padding: 0 15px;}
  .sectionCookie .wrapper .textDiv {width: 100%;margin-bottom: 20px;text-align: center;}
  .sectionCookie .wrapper .textDiv p{text-align: center;}
  .sectionCookie .wrapper .btndiv { width: 50%;}

}


/* Cookie code Ends  */