
* {
	font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a:focus {
	background: none;
}
/*a {display: block;}*/

body {
  padding-top: 110px;
  background: #1f1f1f;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
body.navbar-collapsed {
  padding-top: 65px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}
.animate-1s {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.animate-2s {
    -webkit-transition: all 2s ease; /* Safari and Chrome */
  	-moz-transition: all 2s ease; /* Firefox */
  	-o-transition: all 2s ease; /* IE 9 */
  	-ms-transition: all 2s ease; /* Opera */
  	transition: all 2s ease;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

/* custom style */
.container {
	padding: 0px;
}
.navbar {
	background: rgba(25, 25, 25, 1.0);
	border: 0;
    /* box shadow */
	-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);
}
.unsubsrcibed_img {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.navbar-nav {
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 10px
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open>a {
/* 	background: #080808; */
	background: transparent;
	box-shadow: none;
	color: #f89a1c;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {
	text-shadow: none;
	color: #ffffff;
/* 	text-transform: uppercase; */
	font-size: 18px;
}
.navbar-brand {
    padding: 20px 0px 0px;
    height: auto;
}
.navbar-brand img {
    height: 67px;
    width: 110px;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li.active>a:focus, .navbar-inverse .navbar-nav>li.active>a:hover {
	color: #f89a1c;
/* 	background: #080808; */
	background: none;
}
.navbar-nav > li {
	float: left;
	/*width: 120px;*/
	text-align: center;
	margin: 15px
}
.navbar-nav > li.menu-mynow, .navbar-nav > li.more-setting { display:none}

.navbar-nav > li.menu-livechat {
	display: none;
}

.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.navbar-inverse .navbar-toggle {
    margin-top: 18px;
    border: 0px;
    padding-right: 0px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    border: 0px;
    background-color: transparent;
    background-image: none;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar {
	background: #FFF;
}
.navbar-inverse .navbar-search {
    margin-top: 16px;
    position: absolute;
    right: 50px;
    top: 0px;
    background: none;
    border: 0px;
    outline: 0px;
    display: none;
}
.navbar-inverse .lang-text-mobile {
    margin-top: 16px;
    position: absolute;
    right: 90px;
    top: 0px;
    background: none;
    border: 0px;
    outline: 0px;
    display: none;
}
.navbar-inverse .input-search-m {
    margin-top: 16px;
    position: absolute;
    right: 50px;
    top: 0px;
    background: none;
    border: 0px;
    border-bottom: 1px solid #CCC;
    outline: 0px;
    display: none;
    height: 30px;
    border-radius: 0px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.navbar-inverse .btn-cancel {
	display: none;
}
.left { float:left}
.right { float:right}

/* nav top right */
.nav > li > a:hover {
	background: none;
}
.nav-options {
	float: right;
	margin-top: 20px;
    margin-right: 0px;
}
.nav-options .nav li {
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}
.nav-options .nav li.more {
	/*display: none;*/
}
.nav-options .nav li:last-child { padding-right:0}
.nav-options .nav li.more img, .nav-options .nav li.profile img, .nav-options .nav li.search img, .nav-options .nav li.help img { width: 30px; height: 30px }
.nav-options .nav .sepa {
	padding-left: 0px;
	padding-right: 0px;
	background: #828280;
	width: 1px;
    height: 14px;
    margin-top: 2px;
    padding-bottom: 4px;
}
.nav-options .nav li.lang-text {
	padding-right: 0px;
}
.nav-options .nav li a {
	padding: 0px;
	color: #828280;
	font-size: 13px;
}
.nav-options .nav li.profile a { color:#FFF}
.nav-options .nav li a {
	background: transparent;
}
.nav-options .nav li.search a {padding: 0}
.nav-options .nav li a:hover {
	color: #FFF;
}
.nav-options .nav-lang {
	float: right;
}
.navbar.navbar-inverse .nav-lang {
	height: 18px;
	overflow: hidden;
}
.navbar.navbar-inverse.navbar-collapsed .nav-lang {
	height: 0px !important;
}
.nav-options .nav li.chat {
	padding-right: 0px;
}
.navbar.navbar-inverse.navbar-collapsed {
	min-height: auto;
	height: auto;
	background: rgba(25, 25, 25, 0.9);
}
.navbar.navbar-inverse.navbar-collapsed .navbar-brand {
	padding: 10px 0px;
}
.navbar.navbar-inverse.navbar-collapsed .navbar-nav li>a {
	padding-top: 0px;
	padding-bottom: 0px;
}
.navbar.navbar-inverse.navbar-collapsed ul.navbar-nav  { margin-top: 10px }
.navbar.navbar-inverse.navbar-collapsed .navbar-brand img {
	height: 44px;
	width: 74px;
}
.navbar.navbar-inverse.navbar-collapsed .nav-profile {
	margin-top: 0px;
	margin-right: 0px;
}
.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li a {
	padding: 2px 0px;
}
.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li.welcome-text {
	padding: 8px 10px;
}
.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li.welcome-text,
	.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li.profilepic,
	.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li.world,
	.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li.fav{
	display: none;
}
.navbar.navbar-inverse.shownav .nav-options div.nav-profile {
	display: block;
}
.nav-options .nav li.search.active a {
    float: left;
}
.nav-options .nav li.search .input-search {
	margin-left: 0px;
	float: left;
	background: none;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	outline: 0px;
    color: #FFF;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: #FFF;
    width: 0px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
    font-size: 16px;
}
.nav-options .nav li a.btn-search {
	float: left;
}
.nav-options .nav li.search.active .input-search {
    width: 200px;
	margin-left: 10px;
	border-bottom: 1px solid #CCC;
}
.nav-options .nav li.search.active .btn-search {
	display: none;
}
.nav-options .nav li.search a.btn-cancel {
    position: absolute;
    right: 8px;
	display: none;
}
.nav-options .nav li.search.active a.btn-cancel {
	display: block;
}

/* nav profile */
div.nav-profile {
	float: right;
	margin-top: 15px;
    margin-right: 0px;
}
div.nav-profile li {
	padding-left: 0px;
	float: left;
}
div.nav-profile li a {
	padding: 0px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.nav-options .nav li > a > span {
	display: none;
	padding-left:10px
}
.nav-options .nav li.profile > a > span {
	display: inline;
	font-size:18px;
	vertical-align:text-top
}
.nav-options .nav li.chat > a > span {
	display: inline;
}
.chat {
	padding-right: 0px;
}
.chat a {
	color: #828280;
	text-decoration: none;
}
.chat a:hover {
	color: #FFF;
}
.chat a img {
	padding-right: 10px;
	width: 40px;
	height: 40px
}

/* .carousel */
.carousel {
    margin-bottom: 20px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 80%;
    margin-left: 10%;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 20%;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 20%;
}

/* ================= BREADCRUMB ==================*/
.breadcrumb {
	padding-top: 20px;
	background: none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right:0;
	float:left;
}
.breadcrumb > div {
	float: left;
	color: #828280;
}
.breadcrumb > div.bc-sepa {
	padding: 0px 4px;
}
.breadcrumb > div a {
	color: #828280;
	font-size: 13px;
}
.breadcrumb .bc-curlink a{ color:#ef9727}
/* ================= BREADCRUMB ==================*/


/* ================= HOME SLIDER ==================*/
body.fixed-banner .home-sldr-fixed {
	position: fixed;
	top: 30px;
    width: 100%;
	cursor: pointer;
    -webkit-transition: all 0.6s ease; /* Safari and Chrome */
  	-moz-transition: all 0.6s ease; /* Firefox */
  	-o-transition: all 0.6s ease; /* IE 9 */
  	-ms-transition: all 0.6s ease; /* Opera */
  	transition: all 0.6s ease;
    z-index: 10;
}
body.fixed-banner .home-sldr-fixed.toFront {
    z-index: 10;
}
body.fixed-banner.navbar-collapsed .home-sldr-fixed {
	top: 30px;
}
body.fixed-banner .home-sldr-fixed .black-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.0;
    display: none;
    background: rgba(25,25,25,1.0);
}
body.fixed-banner .home-sldr-fixed .home-sldr .bk-cover{
    position: absolute;
    top: 0px;
    background: #1f1f1f;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.home-sldr a {
	color: #FFF;
	-webkit-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
       -moz-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
         -o-transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
            transition: color 0.25s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */
}

.home-sldr {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
    position: relative;
}
body.navbar-collapsed .home-sldr div.skew > div.wrap > div.bk-cover {
	background: rgba(0, 0, 0, 0.3);
}
.home-sldr .focalPoint div.skew > div.wrap > div.bk-cover {
	background: transparent;
}
.home-sldr img {
	max-width: 668px;
	width: 668px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.home-sldr .selectors {
    margin-top: 0px;
    height: 36px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.home-sldr .selectors li {
	font-size: 46px;
	line-height: 32px;
	display: inline;
	padding: 0 2px;	
}
.home-sldr .selectors li a {
	text-decoration: none;
}
.home-sldr .selectors li.focalPoint a {
	color: #f89a1c;
	cursor: default;
	broder: 1px solid #f89a1c;
}
.home-sldr .captions div {
	left: 200%;
	position: fixed;
	opacity: 0;

	-webkit-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
       -moz-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
         -o-transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); 
            transition: opacity 0.75s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */
}
.home-sldr .captions div.focalPoint {
	opacity: 1;
	left: inherit;
	position: static;
}
.home-sldr .clear {
	display: block;
	width: 100%;
	height: 0px;
	overflow: hidden;
	clear: both;
}
/* ================= HOME SLIDER ==================*/

/* ================= BANNER ITEM ==================*/
.carousel-inner > .item {
}
/* ================= BANNER ITEM ==================*/

/* ================= NAVBAR ACTIONBAR ==================*/
.navbar-actionbar {
	display: none;
}
/* ================= NAVBAR ACTIONBAR ==================*/

.row-header h2 {
	color: #f89a1c;
	padding: 20px 0px 10px;
	font-size: 18px;
	float: left;
}
.row-header .btn-seeall {
	float: right;
    margin-top: 20px;
    padding: 20px 0px 10px;
}
.row-header .btn-seeall a {
    color: #909090;
    background: url(../img/icon/arrow-r.svg) no-repeat top right;
    padding-right: 20px;
}

/*.nav-options .nav li .dropbtn {color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.nav-options .nav li .dropbtn > span { display:none}
.nav-options .nav li .dropdown {position: relative;display: inline-block;}
.nav-options .nav li .dropdown-content {display: none;position: absolute;background-color: #101010;;min-width: 250px;z-index: 1;padding-left: 15px; padding-right: 15px; right:-45px; margin-top:10px}
.nav-options .nav li .dropdown-content a {color: #fff;padding: 12px 16px;text-decoration: none;display: block;border-bottom: 1px #6a6a6a solid; font-size: 16px;}
.nav-options .nav li .dropdown-content a.chat span { font-size: 16px }
.navbar.navbar-inverse.shownav ul.navbar-nav li.more-setting ul li.chat a span {font-size: 18px }
.nav-options .nav li .dropdown-content a:last-child { border:none}
.nav-options .nav li .dropdown-content a:hover {background-color: #000; color:#ef9727}
.nav-options .nav li .dropdown:hover .dropdown-content {display: block;}*/

.nav-profile ul li .dropbtn {color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.nav-profile ul li .dropbtn span { display:none}
.nav-profile ul li .dropdown {position: relative;display: inline-block;}
.nav-profile ul li .dropdown-content {display: none;position: absolute;background-color: #101010;z-index: 1;padding-left: 15px; padding-right: 15px; right:-15px; margin-top:10px; min-width: 280px}
.nav-profile ul li.help .dropdown-content { min-width: 180px}
.nav-profile ul li .dropdown-content a {color: #fff;padding: 12px 16px;text-decoration: none;display: block;border-bottom: 1px #6a6a6a solid; font-size: 16px;}
.nav-profile ul li .dropdown-content a:last-child { border:none}
.nav-profile ul li .dropdown-content a:hover {background-color: #000; color:#ef9727}
.nav-profile ul li .dropdown:hover .dropdown-content {display: block;}


/* product item */
.product-list {
/* 	border-bottom: 1px solid #c4c4c4; */
/* 	padding-bottom: 40px; */
}
.product-list.row { margin:0  }
.product-list .image {
	position: relative;
}
.product-list .image img {
    width: 100%;
	color:#FFF;
}
.product-list .image .img-name {
	text-transform: uppercase;
	position: absolute;
	top: 8px;
	left: 10px;
	color: #FFF;
	font-size: 24px;
	z-index: 1000;
	display: none;
}
.product-list .product-item {
	padding-left: 0px;
	padding-right: 10px;
	cursor:pointer
}
.product-list .product-item .content {
	position: relative;
	padding: 8px 10px 8px 0px;
}
.product-list .product-item .content .title {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 0px;
}
.product-list .product-item .content .desc {
	color: #929292;
	font-size: 12px;
	width:100%;overflow: hidden;
	white-space: nowrap; text-overflow: ellipsis;
}
.tv-guide-s-g .product-list .product-item .content .desc {
    color: #fff;
    margin-top: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin-bottom: 0px; font-size: 14px
}
.tv-guide-s-g .product-list .product-item .content .desc span { display: contents; }
.tv-guide-s-g .product-list .product-item .content .channel {color: #929292;width: 100%;font-size: 12px; margin-bottom: 0}
.product-list .product-item .content .price {
	position: absolute;
    bottom: 10px;
    right: 8px;
	margin-bottom: 0px;
}
.product-list .thumbnail {
	height: auto;
	width: 100%;
/* 	width: 258px; */
    overflow: hidden;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
	margin-bottom: 0px;
	background: none;
	position: relative;
}
.product-item .image {
    width: 100%;
    height: 100%;  
	border:1px #373737 solid;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background: url(../img/poster/none.png);
	background-repeat: no-repeat;
	background-size: cover;
	display:block;
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(top, #333 0%, #000 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #333 0%,#000 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #333 0%,#000 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=0 ); /* IE6-9 */
}
.product-item .image:hover { -webkit-transform: scale(.95);transform: scale(.95);/*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/}
.product-item .image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.product-item .image img.ch-list-icon {margin-top: 39%; margin-bottom: 39%;}
.product-item .image .product-title {
    color: #FFF;
    width: 100%;
    padding: 10px 20px;
    font-size: 24px;
    text-transform: uppercase;
}
/* ch item */
.ch-list {
/* 	border-bottom: 1px solid #c4c4c4; */
/* 	padding-bottom: 40px; */
}
.ch-list.row { margin: 0 }
.ch-list .image {
	position: relative;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background: url(../img/poster/none.png);background-repeat: no-repeat;background-size: cover;
}
.ch-list .image:hover {-webkit-transform: scale(.95);transform: scale(.95);}
.ch-list .image .img-name {
	text-transform: uppercase;
	position: absolute;
	top: 8px;
	left: 10px;
	color: #FFF;
	font-size: 24px;
	z-index: 1000;
	display: none;
}
.ch-list .ch-item {
	padding-left: 0px;
	padding-right: 10px;
	cursor:pointer; /*margin-bottom: 30px*/
}
.ch-list .ch-item .content {
	position: relative;
	padding: 8px 10px 8px 0px;
}
.ch-list .ch-item .content .title {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 4px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ch-list .ch-item .content .desc {
	color: #929292;
	width: 100%;
	font-size: 12px;
    /*font-style: italic;*/
}
.ch-list .ch-item .content .time {
	font-size: 12px;
	margin-bottom: 0px;
	color: #909090;
}
.ch-list .ch-item .content .price {
	position: absolute;
    bottom: 10px;
    right: 8px;
	margin-bottom: 0px;
}
.ch-list .thumbnail {
	height: auto;
	width: 100%;
/* 	width: 258px; */
    overflow: hidden;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
	margin-bottom: 0px;
    background: none;
}
.col-md-3.ch-item {
    padding-left: 0px;
    padding-right: 10px;
}

.ch-item .image {
	text-align: center;
	margin: 0 auto;
    background: url("../img/vod/pc_bk.png") no-repeat; 
    background-size: cover;
	padding:10%;
	display: block;
}
.ch-item .image.channel-cat {padding:0;}

.ch-item .image.sports {
	/*height: 93px;
	height: 127px;*/
	text-align: center;
	margin: 0 auto;
    background: url("../img/ch/sport_ch_bg.png") no-repeat; 
    background-size: cover;
}
/*.ch-item .image:before {
  content: '';
  display: inline-block;
  vertical-align: middle ;
  height: 100%;
}*/
.ch-item .image img {
   /* -webkit-transition: all 1s ease; 
  	-moz-transition: all 1s ease; 
  	-o-transition: all 1s ease; 
  	-ms-transition: all 1s ease; 
  	transition: all 1s ease;
  display: inline-block;
  vertical-align: middle;
  position:absolute; left:0; top:0; width:85%; left: 50%;
    transform: translate(-50%, 0);*/
    width: 100%;
}
.product-item .image .product-title {
    color: #FFF;
    width: 100%;
    padding: 10px 20px;
    font-size: 24px;
    text-transform: uppercase;
}
.product-list .product-item .content .title, .ch-list .ch-item .content .title {
	width: 100%;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ch-list .ch-item .content .title {width: 100%;}

.lSSlideOuter {
	padding-bottom: 20px; border-right:2px #373737 solid
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li a {
	background: #fff;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background: #428bca;
}

/* slider */
.carousel-inner > .item .caption {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -4px;
    padding-top: 8px;
    font-size: 20px;
    text-transform: uppercase;
    
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}
.carousel-inner > .item .caption p {
    background: #FFF;
    width: 40%;
    margin: 4px auto;
    padding: 20px 40px;
    font-size: 28px;
    color: #434343;
    
    /* box shadow */
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.carousel-inner > .item.left .caption, .carousel-inner > .item.right .caption {
    bottom: -200px;
}
.carousel-inner > .item.active .caption {
    bottom: -4px;
}
.carousel-indicators {
	display: none;
}
.lSAction > a {
	opacity: 1;
	width: 50px;
	height: 50px;
	top:38%
}
.lSAction > .lSPrev {
	background: url('../img/icon_circle_l.png') no-repeat;
    background-size: contain;
	display:block;
}
.lSAction > .lSNext {
	background: url('../img/icon_circle_r.png') no-repeat;
    background-size: contain;
	display:block;
}
.lSSlideOuter .lSSlideWrapper .lSAction {
	opacity: 0;
    -webkit-transition: all 0.6s ease; /* Safari and Chrome */
  	-moz-transition: all 0.6s ease; /* Firefox */
  	-o-transition: all 0.6s ease; /* IE 9 */
  	-ms-transition: all 0.6s ease; /* Opera */
  	transition: all 0.6s ease;
}
.lSSlideOuter:hover .lSSlideWrapper .lSAction {
	opacity: 1;
}
/*.lSSlideOuter .lSPager.lSpg {
	display: none;
}*/



/* vod */
.vod {
	padding-top: 26px;
}
.vod-left-desc {
	color: #FFF;
	padding-bottom: 20px;
}
.vod .vod-left {
	float: left;
	width: 23%;
	margin-right: 4%;
}
.vod .vod-left > img {
	width: 100%;
}
.vod .vod-left .group-title, .vod .vod-left .vod-ch {
	display: none;
}
.vod .vod-left .vod-ch img { width: 100px }
.vod-controls {
	padding-top: 30px;
	padding-bottom: 20px;
}
.vod-controls .ic-control {
	float: left;
}
.vod-controls .ic-control a {
	color: #FFF;
	display: block;
}
.vod-controls .ic-control .active {
	color: #f38e24;
}
.vod-left .vod-support > p {
	float: right;
	color: #e420a0;
}
.vod-left .vod-support a:link {
	text-decoration:underline;
}

.vod .vod-right {
	width: 73%;
    float: left;
	position:relative
}
.vod .vod-right .series-list-all.bonus-video h4 { color: white }
.vod .vod-right .series-list-all.bonus-video .series-list-num { padding-left: 0; padding-right: 0 }
.vod .vod-right .series-list-all.bonus-video ul li:hover { background: none; cursor: auto; text-decoration: none; }
.vod .vod-right-content { padding-right:30px; border-right:1px #575655 solid; float:left; width:80%}
.vod .group-title { /*padding-bottom:24px;*/ width:100%}
.vod .vod-infos { width:100%}
.vod .hidden {display:none;}
.vod .series-pop-des { float:left; margin-left:12%; margin-top:15px; color:#FFF; font-size:14px; width:75%}
.vod .series-pop-des .date { color:#929292; font-size:14px}
.vod .series-pop-des .new-series { color:#ff9000; font-size:11px; text-transform:uppercase; padding-top:4px; margin-left:5px; font-style:italic}
.vod .series-pop-des .end-day { color:#929292; font-size:10px; font-style:italic}
.vod .vod-title {
	color: #FFF;
	font-size: 24px;
}
.vod .vod-sub-title {
	color: #FFF;
	font-size: 20px;
    padding-top: 4px;
}
.vod .vod-right .vod-desc {
	color: #a4a3a3;
	padding-bottom: 20px;
	width: 100%;
	font-size: 16px;
}
.vod .vod-right .vod-desc .hidden-desc {
	display: none;
}

.vod .vod-right .vod-desc a {
	color: #6a6a6a;
}
.vod .series-list-all { margin:0; padding:0; width:100%; margin-top:30px; position:relative}
.vod .series-list-all ul { margin:0; padding:0; list-style:none}
.vod .series-list-all ul li { /*padding:20px;*/ border-top:1px #545961 solid; display:block; position:relative}
.vod .series-list-all ul li:hover { background-color:#2a2a2a; cursor:pointer}
.vod .series-list-all ul li:hover .series-name { text-decoration:underline}
.series-list-num { padding:20px}
.vod .series-epi, .vod .series-name  { float:left; color:white; font-size:15px}
.vod .series-epi { width:12%;}
.vod .series-name { width:75%}
.vod .series-btn { width:30px; height:inherit; position:absolute; top:10px; right:20px}
.vod .series-btn.disable-btn { opacity: 0.2; filter: alpha(opacity=20); /* msie */}
.vod .series-list-num .series-epi ~ .content .series-pop-des { margin-left: 12% }
.vod .series-list-num .content .series-pop-des { margin-left: 0 }
.vod .head { display:block; }
.vod .content { display:none; float:left; width: 100%}
.vod .non-ep .series-pop-des { margin-left:0}
.vod img.pic-border, .pic-border { border:1px #565756 solid}
.vod .vod-right .vod-ch {
	margin-left:5%; float:left; width:15%
	/*float: right;*/
	/*position:absolute; right:0px*/
}
.vod .vod-right .vod-ch > img { width:100%}
.vod .vod-right .vod-cert {
	padding-bottom: 20px;
}
.vod .vod-right .vod-cert > img { width:30px; height: 30px}
.vod .vod-right .vod-infos .vod-info {
	padding-bottom: 10px;
	/*padding-right:20px*/
}
.vod .vod-right .vod-infos .vod-info .param {
	float: left;
	width: 20%;
	color: #929292;
}
.vod .vod-right .vod-infos .vod-info .value {
	float: left;
	color: #FFF;
	width: 80%;
}
.vod .vod-right .vod-infos .vod-info .value a {
	color: #fff;
	border-radius: 20px;
	background: #3e3e3e;
	padding: 2px 15px;
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;

}
.vod .vod-right .vod-infos .vod-info .value a:hover {
	color:#f89a1c
}

.vod-series-detail {
	display: none;
}

#vod-pinpasswordincorrect, #topup_errormsg {
	color: #f48e1f;
	display: none;
    font-size: 14px;
    margin-bottom: 10px; font-weight: normal;
}

.sub-link-vod, .sub-link-vod a { font-size:16px; color:#f38e24; text-decoration:underline}

.ic-control {
    height: 40px;
    width: 100%;
	margin-bottom:20px
}
.ic-control:last-child { margin-bottom:0}
.ic-control a {
	font-size: 20px;
}
.ic-control a > img {
    margin-right: 10px;
	width:35px; height: 35px;
}
.row-header { margin-top: 20px }
.row-header.row-header-h2  h2 { color:#fff;}
.spacer-line { border-top:1px #575655 solid; height:1px; margin-top:40px}
.subscr-btn_ondemand {border: 1px solid #fff; color:#fff; padding: 4px 15px; background: none; border-radius: 8px; float:left; width:100%; text-align:center; min-height: 34px;}
.subscr-btn_ondemand .sub { margin-right:0px}

.btn-orange {border: 1px solid #ef9727; color:#fff; padding: 4px 15px; background: #ef9727; border-radius: 8px; float:left; width:100%; text-align:center; min-height: 34px;}
.btn-orange-s  {border: 1px solid #ef9727; color:#fff; padding: 4px 15px; background: #ef9727; border-radius: 8px; width: 50%; font-size: 20px}
.subscr-btn img { margin-right:10px; margin-top: -5px; width: 25px; height: 25px}
.subscr-btn.rent-btn { background: #f38e24; border:#f38e24; color:#fff}
.trailer-btn {border: 1px solid #fff; color:#fff; padding: 4px 15px; background: none; border-radius: 8px; float:left; width:100%; text-align:center; min-height: 34px;}
.trailer-btn img { margin-right:10px; margin-top: -3px; margin-left:-10px}
.btn:hover { background: #ef9727; border: 1px #ef9727 solid }


/* Ondemand */
.main-header {border-bottom:1px #6a6a6a solid; margin-top:30px; position:relative}
.main-header h3 { font-size:26px; color:#fff; float:left}
.main-header.on-demand-m-t .filter-box { margin-top:34px}
.left-img-b { width:180px; margin-right:10px}
.demand-des { width:40%; margin-top:25px; color:#fff; margin-left:20px}
/*.right-sub-b { position:absolute; right:0; top:42px}*/
.right-sub-b { float:left; margin-top:38px}
.right-sub-b .subscr-btn { margin-right:0; color:#FFF}

.theme-ondemand.seeall-style { margin-top:30px}
.row-seeall-m.product-list .product-item { width:15%; padding-right:0; margin-right:2%; margin-bottom:2.5%; /*height: 350px;*/ cursor:pointer}
.row-seeall-m.product-list .product-item:nth-child(6n+0) { margin-right:0}

/*.npx-modal .table-list .list-detail th { float:right}*/

.table-list.radio .top-header th.title-l { padding-left:60px}
.table-list.radio { display:inline-table}
.table-list.radio input[type="radio"] {position: absolute;opacity: 0;}
.table-list.radio input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 1.4em;height: 1.4em;position: relative;top: 0em;margin-right: .6em;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease;}
.table-list.radio input[type="radio"]:checked + .radio-label:before { background-color: #f48e1f;box-shadow: inset 0 0 0 3px #f4f4f4;}
.table-list.radio input[type="radio"]:focus + .radio-label:before { outline: none;border-color: #3197EE;}
.table-list.radio input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.table-list.radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

.theme-ondemand.premium-catalogs {margin-top: 30px;}
.premium-catalogs .product-list .product-item { padding-right:0; margin-right:2%; width:23.5%; margin-bottom:2%}
.premium-catalogs .product-list .product-item:nth-child(4n+0) { margin-right:0}

.left-sidebar-m { position: -webkit-sticky; position: sticky; top: 130px;}
.l-nav { width:90%; float:left}
.l-nav ul { padding:0; margin:0; margin:28px auto 0 auto; width:500px}
.l-nav ul li { list-style:none; font-size:16px; color:#929291; float:left; margin-right:30px}
.l-nav ul li:last-child{ margin-right:0}
.l-nav ul li a { list-style:none; font-size:16px; color:#929291}
.l-nav ul li a:hover, .l-nav ul li.active a { color:#fff; border-bottom:2px #f38e24 solid; text-decoration:none; padding-bottom:2px}
.l-nav.servicenotice { width:80%}
.l-nav.servicenotice ul { width:335px}
.right-content-m { width:100%; position:relative}
.right-content-m .no-content-m { width:100%; text-align:center; margin-top:10%; margin-bottom:10%; color:#909090; font-size:16px}
.right-content-m .top-nav-watchlist { width: 100%; text-align: center;}
.right-content-m .top-nav-watchlist ul { margin:0; padding:0; margin: 2px auto; padding-top:25px}
.right-content-m .top-nav-watchlist ul li { list-style:none; color:#FFF; display: inline-flex; text-align: center; font-size:16px}
.right-content-m .top-nav-watchlist ul li a { color:#FFF; padding:4px 30px}
.right-content-m .top-nav-watchlist ul li.active a, .right-content-m .top-nav-watchlist ul li.active a:hover { background:#f38e24; color:#000; font-weight:bold; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.right-content-m .top-nav-watchlist ul li a:hover { background:#f38e24; color:#000; font-weight:normal; text-decoration:none; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
.right-content-m .top-nav-watchlist .right-text-m { position:absolute; right:0; top:32px}
.right-content-m .top-nav-watchlist .right-text-m a { color:#f38e24}
.right-content-m .content-list { margin-top:50px; position:relative; float:left}
.right-content-m .content-list ul { margin:0; padding:0}
.right-content-m .content-list ul li {width:50%; list-style:none; position:relative; float:left; border-top:1px #545961 solid;border-right:1px #545961 solid; padding:20px; padding-right:0; max-height:10%}
.right-content-m .content-list ul li:hover { background:#191919}
.right-content-m .content-list ul li:nth-child(2n+0) { border-right:none}
.right-content-m .content-list ul li:nth-child(1), .right-content-m .content-list ul li:nth-child(2) { border-top:none}
.right-content-m .content-list ul li.disabled h2, .right-content-m .content-list ul li.disabled .demand-name, .right-content-m .content-list ul li.disabled .re-text, .right-content-m .content-list ul li.disabled { color:#444; background:#191919}
.right-content-m .content-list ul li.disabled .icon-play { display:none}
.right-content-m .content-list .icon-play { position:absolute; right:5%; color:#f38e24; font-size:14px; top:50%; transform: translateY(-50%);; text-align:center; height:70px}
.right-content-m .content-list .icon-play img { width:45px; margin:0 auto}
.right-content-m .content-list .icon-play img.history-arrow { width:30px}
.right-content-m .content-list .icon-play span.icon-n { color: #fff;font-size: 12px;text-align: right;position: relative;display: block; display:none}

.right-content-m .content-list .left-img { width:25%; margin-right:5%; border:1px #363636 solid}
.right-content-m .content-list .left-img img { width:100%;}
.right-content-m .content-list .right-content { position:relative; margin-right:15%; width:55%}
.right-content-m .content-list.tv-recording .right-content { position:relative; margin-right:22%; width:48%}
.right-content-m .content-list h2 { font-size:16px; margin:0; padding:0; margin-top:17px; color:#FFF; line-height:22px; max-height:45px; overflow:hidden}

.right-content-m .content-list .demand-name { font-size:14px; color:#929291; margin-top:5px}
.right-content-m .content-list .re-text { font-size:13px; color:#f38e24; margin-top:15px}
.right-content-m .content-list .re-text.color1 { color:#929291}

.right-content-m .recrding-head { width:100%; text-align:center; margin-top:20px; color:#909090; font-size:16px }
.right-content-m .rec-bk { background: url('../img/hdd_2.png') no-repeat 50% 130px; text-align:center; margin-top:40px; margin-bottom:40px}
.right-content-m .title {font-size: 27px;margin-top: 14px;margin-bottom: 20px;margin-left: 0;color: #f38e26}
.right-content-m .sub_title {font-size: 20px;margin-top: 20px;margin-bottom: 23px;color: #bdbdbd;width: 100%;}
.right-content-m .remark_lg{ color: #999; font-size:20px; margin-top:270px}
.right-content-m .topsider { width:70%; margin:0 auto}

.right-content-m .content-m { margin-top:20px; margin-bottom:29px}

/* history edit */
.right-content-m .content-list ul li.edit-mm .right-content { width:42%}
.right-content-m .content-list ul li.edit-mm .edit-checkbox { display:block; top: 50%; transform: translateY(-50%); position:absolute; left:10px; width:30px}  
.right-content-m .content-list ul li.edit-mm .left-img { margin-left:35px}
/*.right-content-m .content-list ul li.edit-mm .edit-checkbox input[type='checkbox'] { opacity: 0}
.right-content-m .content-list ul li.edit-mm .edit-checkbox input[type='checkbox'] + span{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACLSURBVDiN7Y4hDoNAAAR3rxeCxyBaX15ADsG3SPhAU9tP3RP4AgZbQbLZKlQNtJbxM7t0398kjQYqA2/sowz2cpEeUdIo6VXkPO2UAQBrSg1iHIKB6qgMAEXOk8k6HLj9hW2FX+WNM3AGtkD5h88Q7GVNqTlqrl13JznTbXtVjIPJ2rb2LpOco/38ABW9OK5LzYh0AAAAAElFTkSuQmCC) no-repeat center left;
	padding-left: 18px;
	margin-left: -18px;
}
.right-content-m .content-list ul li.edit-mm .edit-checkbox input[type='checkbox']:checked + span{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAEbgAABG4B0KOyaAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFiSURBVDiNlZAxSyNRFIW/+3wTBBvRxsK12kLBWsmMSbkLu62dYB2xsBQE0UIQO5HdztY/4A/YJiEZxHpdsFOLNO52C0nmzbGKmMTI5JTn3e++c4+pWv0UQjgQzAv+U0zTTnqeCuHUhxAOQggXpVbrriAMQLdcXsH7fSeYnxQGKLVadzJbcBPEHpGk4ApPm7ksSc47cfz5re2L8iFJfgI1B3PAdt8fTbC6Whq2skrlWFAD0qjTqb19G1iQVatJb3b2vhfHa32vlyQ7SEfAb5/n37m9Hehs4ASTtoAlnPuVVSqbluczZvZD8Bhl2VfS9O9wuoEEU43GLmYXwAzStcyugH/K8y+k6dNoM8MdSPL1+h5mh0AEZMrzb6Vm88978MgJr2a9ftLb2Gib9BA1mzfj4LELAKJG4/IjsC8HTBcZHCNzTnrulssrk5LdOF42s7ZpfX0xeL8vswVJoejPZtb20tkLKyaJLiCC000AAAAASUVORK5CYII=) no-repeat center left;
}*/
.round {position: relative;}
.right-content-m .content-list ul li.edit-mm .round label {background:none ;border: 1px solid #545961;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;}
.right-content-m .content-list ul li.edit-mm .round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"] {visibility: hidden;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label {background-color: #f38e24;border-color: #f38e24;}
.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label:after {opacity: 1;}

.right-content-m .noncon-text { display:none}
.right-content-m.non-content .top-nav-watchlist .right-text-m { display:none}
.right-content-m.non-content .noncon-text { display:block; margin-top: 50px; margin-bottom:100px; position: relative}
.right-content-m.non-content .noncon-text .sub_title { width:70%; text-align:center; margin:0 auto}
.right-content-m.non-content .content-list { display:none}

/* history edit */
img.classification-all { width:40px; height: 40px} 

/* ================= MODAL WINDOW ==================*/
/*.npx-modal .modal-dialog { width:70%}*/
.npx-modal .modal-content { background:#1f1f1f; ; padding:30px}
.npx-modal .close { color:#909090; text-shadow:none; font-weight:normal; font-size:21px; filter: alpha(opacity=100);
opacity: 1;}
.npx-modal .back { float: left;font-style: 14px; display: none; margin-top: -8px;}
.npx-modal .back a { color: #fff; background: url(../img/icon/arrow-l-white.svg) no-repeat left; padding-left: 20px } 
.npx-modal .modal-header { padding:0 0 10px 0; border-bottom: 1px solid #6a6a6a;}
.npx-modal .modal-header h3 { margin:0; padding:0; float:left; color:#fff; line-height:10px}
.npx-modal .modal-body { color:#919191; padding:20px 15px;}
.npx-modal .modal-footer { text-align:center/*; padding:35px 0 0 0*/; padding:0; border:none}
.npx-modal .btn-npx-style { background:none; border:1px #fff solid; font-size:16px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:#ef9727; border:1px #ef9727 solid}
.npx-modal .btn-npx-style:hover { background:#ef9727; color:#1f1f1f}
.npx-modal .modal-body .left-image { width:30%; max-width:30%; margin-right:5%}
.npx-modal .modal-body .left-image img { width:100%}
.npx-modal .modal-body .right-text { width:65%}
.npx-modal .modal-body .des-detail { position:relative}
.npx-modal .modal-body .des-detail h2 { margin:0; font-size:22px; color:#FFF; line-height:26px; padding-right: 60px;}
.npx-modal .modal-body .des-detail .left-image > h2 { padding-right:0}
.npx-modal .modal-body .des-detail .price { position:absolute; right:0; color:#f48e1f; font-size:26px}
.npx-modal .modal-body .des-detail .vod-cert { margin-top:30px; margin-bottom:30px}
.npx-modal .modal-body .des-detail .vod-cert > img { width:30px; height: 30px}
.npx-modal .modal-body .des-detail .right-text p.watch-until-m { margin-top:15px}
.npx-modal .modal-body .des-detail .right-text p { margin:0; font-size:16px; color:#919191}

.npx-modal .modal-body .other-des, .other-des { margin-top:40px}
.npx-modal .modal-body .other-des .title { font-size:15px; color:#fff}
.npx-modal .modal-body .other-des .text-f-m { margin-top:10px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px #6a6a6a solid}
.npx-modal .modal-body .other-des .text-f-m input { border:none; background:none; font-size:15px; color:#919191}
.npx-modal .modal-body .other-des p.remark, p.remark { font-size:13px; color:#919191}
.npx-modal .modal-body .other-des p.remark a, p.remark a { color:#919191; text-decoration:underline}
.npx-modal .modal-body .des-detail .top-des { margin-top:10px; margin-bottom:30px}
.npx-modal .modal-body .des-detail p { color:#FFF; font-size:16px; margin-bottom:10px}
.npx-modal .dollar-balance { font-size:15px; position:relative; padding:20px}
.npx-modal .dollar-balance .price { position:absolute; right:15px; color:#f48e1f; font-size:26px}
.npx-modal .dollar-balance .now-balance { color:#fff; margin-top: 5px; margin-right:100px}
.npx-modal .dollar-balance.after-nd { padding: 0; margin-top: 30px; border-top: 1px solid #6a6a6a; padding-top: 10px  }
.npx-modal .dollar-balance.after-nd .price { right: 0 }
.npx-modal .dollar-balance .ex-date-m { color:#919191}
.npx-modal .dollar-balance.after-topup .ex-date-m { width:100%; margin-top:10px}
.npx-modal .dollar-balance.after-topup { border:none; color:#919191; border-top:1px #6a6a6a solid;}
.npx-modal .exp-date { background:#151515; width:100%; font-size:16px; text-align:center; color:#919191; padding-top:10px; padding-bottom:10px; margin-bottom:20px}
.npx-modal .top-up-dollars { padding-bottom:10px; border-bottom:1px #6a6a6a solid}
.npx-modal .top-up-dollars h2 { margin:0; font-size:18px; color:#FFF; padding-left:20px;}
.npx-modal .dollar-balance.after-topup .enter-pass-m { margin-top:20px}
.npx-modal .dollar-balance.after-topup .enter-pass-m input { background:#3e3c3b; color:#919191; margin-right:20px; border:none; height:40px; font-size:16px}
.npx-modal .table-list { margin-bottom:30px; font-size:15px}
.npx-modal .table-list .top-header { background:#0b0d0c; color:#FFF}
.npx-modal .table-list .list-detail { background:#151515; color:#a1a1a0}
.npx-modal .table-list .top-header th, .npx-modal .table-list .list-detail td { border: none; padding: 10px; line-height: 20px;}
.npx-modal .modal-body .other-time .left-image {width: 25%;margin-right: 5%}
.npx-modal .modal-body .other-time .left-image img { margin-bottom:10px}
.npx-modal .modal-body .other-time ul { padding:0; margin:0; list-style:none; color:#929291;}  
.npx-modal .modal-body .other-time ul li { border-bottom:1px #545961 solid; padding-bottom:15px; position:relative; padding-top:15px; padding-left:10px; width:100%; float:left}
.npx-modal .modal-body .other-time ul li:nth-child(1) { padding-top:0}
.npx-modal .modal-body .other-time ul li:last-child { border:none}
.npx-modal .modal-body .other-time ul li a { display:block; color:#929291}
.npx-modal .modal-body .other-time ul li a:hover { text-decoration:none}
.npx-modal .modal-body .other-time ul li h3 { font-size:16px; color:#FFF; padding:0; margin:0; margin-bottom:5px; width:75%; line-height:24px}
.npx-modal .modal-body .other-time ul li .scheduled-style { position:absolute; right:10px; color:#f38e24; font-size:14px; top:50%; transform: translateY(-50%);}
.npx-modal .modal-body .other-time ul li .channel { font-size:14px;}
.npx-modal .modal-body .other-time ul li .timeday { font-size:13px; margin-top:15px; }
.npx-modal .top-up-now-dollar ul {padding: 0; margin: 0 }
.npx-modal .top-up-now-dollar ul li{ list-style: none; padding: 0; margin: 0; float: left}
.npx-modal .top-up-now-dollar { border-bottom: 1px solid #6a6a6a; margin-bottom: 5px; padding-bottom: 5px}
.npx-modal .top-up-now-dollar ul li:nth-child(1) { width: 50% }
.npx-modal .top-up-now-dollar ul li:nth-child(2) { width: 30% }
.npx-modal .top-up-now-dollar ul li:nth-child(3) { width: 20% }
.npx-modal .top-up-now-dollar.n-dollars-1 {border: none; margin-bottom: 0px; padding-bottom: 0px}
.npx-modal .top-up-now-dollar.n-dollars-1 ul li { padding: 5px 0 }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(1) { color: #f48e1f }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(2) { color: #fff }
.npx-modal .top-up-now-dollar.n-dollars-1 ul li:nth-child(3) { color: #f48e1f }
.npx-modal .modal-body p.thanks-text { font-size:26px}
.npx-modal .top-up-dollars h2.title-h, .title-h { font-size:24px}

.other-time-con { display: none }
.other-time-con .other-time-t {font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.other-time-con .time-desc { margin-bottom: 20px }
.other-time-con .time-desc:last-child() { margin-bottom: 0 }
.other-time-con .time-desc .date { color: #fff; font-size: 14px; border-bottom: 1px #6a6a6a solid; margin-bottom: 10px; padding-bottom: 5px }
.other-time-con .time-desc ul { margin: 0; padding: 0}
.other-time-con .time-desc ul li { margin: 0; padding: 0; list-style: none; float: left; width: 100%; margin-bottom: 10px}
.other-time-con .time-desc ul li .time-t { float: left; font-size: 14px; color: #fff;  width: 75px }
.other-time-con .time-desc ul li .channel-l { float: left; width: 40px}
.other-time-con .time-desc ul li .channel-l img { width: 100% }
.other-time-con .time-desc ul li .syn-name { float: left; font-size: 14px; color: #909090; width: 180px; margin-left: 15px}
/* ================= MODAL WINDOW ==================*/


/* ================= FILTER ==================*/
/*.filter-box { text-align:center}*/
.filter-box { width:100px; float:right; margin-top:12px}
.filter-box .nice-select {-webkit-tap-highlight-color: transparent;background-color:nonoe;border-radius: none;border: none;box-sizing: border-box;clear: both;cursor: pointer;display: block;/*float: right;*/font-family: inherit;font-size: 18px;font-weight: normal;/*height: 42px;*/line-height: 26px;outline: none;position: relative;/*text-align: left !important;*/-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: auto; color:#ffffff; /*right:10px*/}
.filter-box .nice-select:hover {border-color: #dbdbdb; }
.filter-box .nice-select:active, .filter-box .nice-select.open,.filter-box  .nice-select:focus {border-color: #999; }
/*.filter-box .nice-select .current { margin-left:-20px}*/
.filter-box .nice-select .current {border: 1px solid #fff;padding: 2px 30px;background: none;border-radius: 8px;float: right;text-align: center}
/*.filter-box .nice-select .current:after {border-style: solid;border-width: 7px 7px 0 7px;;border-color: #909090 transparent transparent transparent;content: '';height: 5px;margin-top: -4px;pointer-events: none;position: absolute;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 5px; margin-left:10px}*/
.filter-box .nice-select.open:after {border-style: solid;border-width: 0 7px 7px 7px;;border-color: transparent transparent #909090 transparent;}
.filter-box .nice-select.open .list {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0); }
.filter-box .nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
.filter-box .nice-select.disabled:after {border-color: #cccccc; }
.filter-box .nice-select.wide {width: 100%; }
.filter-box .nice-select.wide .list {left: 0 !important;right: 0 !important; }
.filter-box .nice-select.right {float: right; }
.filter-box .nice-select.right .list {left: auto;right: 0; }
/*.filter-box .nice-select .list {background-color: #000;border-radius: 5px; opacity: 0;overflow: hidden;padding: 0;pointer-events: none;-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9; margin:0 auto; padding:10px 15px; width:50%;position: absolute; left:25%}*/
.filter-box .nice-select .list {background-color: #000;border-radius: 5px; opacity: 0;/*overflow: hidden;*/padding: 0;pointer-events: none;-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9; margin:0 auto; padding:10px 15px; position: absolute; right:-1%; top:48px}
.filter-box .nice-select .list li { border-bottom:1px #545961 solid; padding:10px 18px}
.filter-box .nice-select .list li:nth-child(1) { display:none}
.filter-box .nice-select .list li:last-child { border:none}
.filter-box .nice-select .list li:hover { color:#FFF}
.filter-box .nice-select .option {cursor: pointer;list-style: none;outline: none;padding-left: 18px;padding-right: 18px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; }
.filter-box .nice-select .option:hover, .filter-box .nice-select .option.focus, .filter-box .nice-select .option.selected.focus {}
.filter-box .nice-select .option.selected {}
.filter-box .nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list { display: block; z-index:9999}

.filter-style-m { float:right; margin-top: 12px;}
.filter-style-m .btn .caret { display:none}
.filter-style-m .dropdown-menu { left:inherit; right:0; background:#000; margin-top:16px; }
.filter-style-m .btn-primary { background:none; border:1px white solid; padding: 3px 30px; font-size: 18px; color: #f89a1c;}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {color: #fff;background:none; border:1px white solid}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background:none; border:1px white solid; }
.filter-style-m .dropdown-menu > li > a { font-size:18px; color:#FFF; padding:15px 30px;}
.filter-style-m .dropdown-menu > li > a:hover, .filter-style-m .dropdown-menu > li > a:focus { background:none; color:#f89a1c}
.filter-style-m .dropdown-menu > li { border-bottom:1px #545961 solid}
.filter-style-m .dropdown-menu > li:last-child { border:none}
.filter-style-m.btn-group>.btn:first-child > span {display: inline-block;}
.filter-style-m .dropdown-menu > li > a > span {display: block;font-size: 16px;color: #666;}
.on-demand-m-t .filter-style-m { float:right; margin-top:42px;}


/* ================= FILTER ==================*/



/* ================= TV-Guide ==================*/
.theme-tv-guide .tv-guide-iframe { width:100%; height:1000px; margin-top:30px; border:none; overflow:auto}

/* ================= TV-Guide ==================*/


/* ================= FOOTER ==================*/
.footer {
	background: #000;
	width: 100%;
	padding-bottom: 30px;
	margin-top:30px
}
.footer .footer-container {
	height: 200px;
	width: 1120px;
	margin: 0px auto;
	padding-top: 30px;
}
.footer .footer-menu {
	float: left;
}
.footer .footer-menu .footer-list {
	float: left;
}

.footer .footer-menu .footer-list-items {
	list-style: none;
    padding-left: 0px;
	/*padding-right: 90px;*/
}
.footer .footer-menu .footer-list-items li { margin-bottom: 6px }
.footer .footer-menu .footer-list.last {
	padding-right: 50px;
	width:250px
}
.footer .footer-menu .footer-list:nth-child(1) { width:250px; margin-left: 70px}
.footer .footer-menu .footer-list:nth-child(2) { width:200px}
.footer .footer-menu .footer-list li a {
	color: #FFF;
	font-size: 13px;
}
.footer .footer-menu .footer-list div.title {
	color: #828280;
	padding-bottom: 10px;
	font-size: 14px;
}
.footer .footer-menu .footer-list li.chat a {
	color: #FFF;
}
.footer .footer-menu .footer-list li.chat a span::before, .chat-icon-m::before {content: "";
    display: block;
    background: url("/img/icon/chat-chevron.svg") no-repeat;
    float: left; width: 30px; height: 30px; margin: 0 5px 0 0; background-position-y: -5px}
/* .subscr-btn_ondemand .sub::before {content: "";
    display: inline-block;
    background: url("/img/icon/chat-chevron.svg") no-repeat;
    float: left; width: 35px; height: 35px; margin: 0; vertical-align: middle; margin-right: 5px} */
.subscr-btn_ondemand .sub img { width: 40px; height: 30px; margin-right: 5px;}
.footer .sepa {
	width: 1px;
	height: 100px;
	background: #504f4e;
	float: left;
}

/* footer-bottom */
.footer-bottom {
	background: #292828;
	width: 100%;
	padding-bottom: 30px;
}
.footer-bottom .footer-bottom-container {
	height: 100px;
	width: 1200px;
	margin: 0px auto;
	padding-top: 10px;
}
.footer-bottom .footer-bottom-menu .footer-bottom-list, .footer-bottom .footer-bottom-menu .footer-bottom-cr {
	list-style: none;
    padding-left: 0px;
    font-size: 13px;
}
.footer-bottom .footer-bottom-menu .footer-bottom-list li {
	float: left;
	color: #828280;
}
.footer-bottom .footer-bottom-menu .footer-bottom-cr li {
	float: right;
}
.footer-bottom .footer-bottom-menu .footer-bottom-cr, .footer-bottom .footer-bottom-menu .footer-bottom-list li a {
	color: #828280;
}
.footer-bottom .footer-bottom-menu .footer-bottom-list li.sepa {
	padding: 0px 6px;
}

/* footer app download */
.app-download {
    width: 195px;
    float: left;
    margin-left: 100px;
}
.app-download .app-left {
    float: left;
}
.app-download .app-rt, .app-download .app-rb {
	float: right;
}
.app-download .app-rt {
    margin-bottom: 6px;
}
.app-download .app-download-txt {
	color: #FFF;
	padding-top: 10px;
	font-size: 13px;
}
.subscribe-online {
	float: right;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}


.container {
	width: 1200px; z-index:1; position: relative;
}
.navbar > .container .navbar-brand {
}
body.fixed-banner .theme-showcase {
	padding-top: 244px;
	opacity:0;
}
.theme-ondemand {
	opacity:0;
}
.footer .footer-container {
	height: auto;
	width: 1200px;
	margin: 0px auto;
}

iframe.pop-if { width:100%; border:none; margin-top:0px; margin-bottom:30px; height:500px}

/* footer link in mobile */
.footer-mobile-title {
	color: #828280;
	display: none;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #333;
    cursor: pointer;
    text-align: center;
}
/* ================= FOOTER ==================*/

/* ================= SETTING ==================*/
.theme-setting { margin-bottom:30px}
.theme-setting .content-m p {font-size: 16px;font-family: Arial, Helvetica, sans-serif;color: #fff;font-weight: 300;}
.theme-setting .content-m h2 {font-size: 20px;font-weight: 300;color: #FFF;}
.theme-setting .content-m h3 {font-size: 16px;font-weight: bold;color: #FFF;margin-bottom: 15px;; margin-top:40px}
.theme-setting .content-m p a, .theme-setting .content-m a {color: #f38e26;}
.theme-setting .content-m ul.tc-ul {margin: 0;padding: 0;padding-left: 0px;padding-left: 20px;margin-top: 5px;}
.theme-setting .content-m ul.tc-ul li {list-style: none;color: #FFF;font-size: 16px;font-weight: 300;margin-bottom: 15px;}
.theme-setting .content-m ul.tc-ul li a { display: inline-block; }
.theme-setting .faq-list .faq-block { opacity:1}
.theme-setting .starter-template { margin-top:30px; margin-bottom:30px}
.theme-setting .forwebsite { margin-top:30px; margin-bottom:30px}
.theme-setting .forwebsite .appicon-m > img { width:100%}
.theme-setting .right-content-m .title { font-size:22px; margin-bottom:10px}
.theme-setting .right-content-m p.dec { color:#929291; font-size:15px}
.theme-setting .download-app-btn img { width: 100% }
.theme-setting .right-content-m .min-height-m { margin-bottom: 40px; min-height: 170px; }

.theme-setting .download-app-btn { margin-top: 15px }
.theme-setting .download-app-btn > div { padding: 0; margin-bottom: 10px }
.theme-setting .download-app-btn > div:last-child { margin: 0 }

/* ================= SETTING ==================*/
.app-download .app-left img { width:76px; height: 76px; border:1px #828280 solid; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.app-download .app-rt {margin-bottom: 12px;}
.app-download .app-rt img, .app-download .app-rb img {width: 104px; height:31px}

/*.container .slick-slider .slick-track, .container .slick-slider .slick-list { border-right: 2px #373737 solid; }*/
.container .ch-list.slick-slider, .container .product-list.slick-slider { border-right: 2px #373737 solid; }

.slick-next, .slick-prev { -webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;opacity: 1; pointer-events: auto;}
/*.product-list:hover > .slick-next.slick-disabled, .product-list:hover > .slick-prev.slick-disabled, .ch-list:hover > .slick-next.slick-disabled, .ch-list:hover > .slick-prev.slick-disabled {opacity: 0!important;}*/
/*.product-list:hover > .slick-next, .product-list:hover > .slick-prev, .ch-list:hover > .slick-next, .ch-list:hover > .slick-prev, .slick-dotted.slick-slider:hover > .slick-next, .slick-dotted.slick-slider:hover > .slick-prev{ -webkit-transition: opacity .5s ease-in-out!important;-moz-transition: opacity .5s ease-in-out!important;-ms-transition: opacity .5s ease-in-out!important;-o-transition: opacity .5s ease-in-out!important;transition: opacity .5s ease-in-out!important;opacity: 1!important;}*/
.slick-prev.slick-disabled {-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;opacity: 0; pointer-events: none;}
.slick-next.slick-disabled {-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;opacity: 0; pointer-events: none;}


/* ============== FILTER ================>*/
.filter-select-m .form-control { display:none}
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
  height: 0 !important;
  padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/* ============== FILTER ================>*/


/*#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
    z-index: 9999
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 100px;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -25%;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	opacity: 1;
}
#search .close img { width: 35px; height: 35px }
#search .tt-search { position: absolute; top: 300px ;margin: 0px auto;padding-left: 30px;padding-right: 30px;text-align: center; width: 100%}
#search .tt-search .title { color: #828280; font-size: 13px; margin-top: 30px; margin-bottom: 10px}
#search .tt-search .title:nth-child(1) { margin-top:0px; }
#search .tt-search .programmes span { margin-right: 20px }
#search .tt-search .programmes span a { color: #fff;cursor: pointer; font-size: 14px; word-wrap: break-word;}*/


/* Jacob Lett - https//BootstrapCreative.com - Reference / Refresh / Repetition */
#searchModal .navbar-form { margin-top: 30px }
#searchModal button img { width: 35px; height: 35px }
#searchModal .modal-header {border-bottom: none; float: right}
#searchModal .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
#searchModal .modal-backdrop {background-color:#fff;opacity:1!important;border: 10px solid rgba(136, 136, 136, .4);}
#searchModal .modal-content {height: auto;min-height: 100%;border-radius: 0;background: rgba(0, 0, 0, .8);;box-shadow: none; padding: 15px}
#searchModal .modal-body {text-align: center;}
#searchModal .modal-body form {margin: 0 auto;float: none;width: 300px;}
#searchModal .modal-content .close {opacity: 1;font-size: 30px;}
#searchModal .navbar-default .navbar-collapse, #searchModal .navbar-default .navbar-form {border: none;}
#searchModal .tt-search { margin: 0px auto;text-align: center; width: 1200px}
#searchModal .tt-search .title { color: #828280; font-size: 16px; margin-top: 30px; position: relative; text-align: left; border-bottom: 1px #828280 solid}
#searchModal .tt-search .title:nth-child(1) { margin-top:0px; }
#searchModal .tt-search .title img { width: 25px; height: 25px; position: absolute; right: 5px; top: -8px}
#searchModal .tt-search .programmes { margin-bottom: 20px }
#searchModal .tt-search .programmes ul { margin: 0; padding: 0 }
#searchModal .tt-search .programmes ul li { margin-right: 20px; float: left;list-style: none; padding: 14px 0; position: relative;}
#searchModal .tt-search .programmes ul li a { float:left; color: #fff;cursor: pointer; font-size: 16px; word-wrap: break-word; display: block}
#searchModal .tt-search .programmes.p-result ul li a .search-arrow { width: 20px; position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#searchModal .tt-search .programmes .programme-n { width: 90%; float: left; font-size: 16px;}
#searchModal .tt-search .programmes .channel-n { width: 90%; float: left; color: #828280; font-size: 14px}

#searchModal input[type="text"] {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 0 none;color: #999;font-size: 25px;font-weight: 300;margin: 0 auto;outline: medium none; border-bottom: 1px #333 solid; padding-bottom: 5px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#searchModal input:before { content: "dfasdf" }
#searchModal .btn { margin-top: -20px; padding: 4px 15px;}
#searchModal .btn img { width: 30px; height: 30px }
#searchModal .btn-lg, .btn-group-lg > .btn {border-radius: 8px;font-size: 18px;}
#searchModal .btn-site {background: #f89a1c none repeat scroll 0 0;color: #fff !important;}
#searchModal .lSSlideOuter { padding-bottom: 0; margin-top: 20px } 
#searchModal .search-list { margin-left: 0; margin-top: 20px }
#searchModal .search-list .content .title { border-bottom: none; color: #fff; font-size: 14px; margin-bottom: 0 }
#searchModal .ch-list .ch-item .content .time { font-size: 12px;text-align: left; }
#searchModal .ch-list .ch-item .content .desc { font-size: 12px;text-align: left; }
#searchModal .tt-search .programmes ul li { width: 100%; border-bottom: 1px #828280 solid; text-align: left}


/* search results */
.results-s {}
.pagination {display: table; margin:20px auto;}
.pagination a {color: #fff;float: left;padding: 2px 15px;text-decoration: none;}
.pagination a.active {color: #f89a1c;border-radius: 30px;}
.pagination a:hover:not(.active) {border-radius:30px; color: #f89a1c}
.pagination a.non-padding { padding: 0 }
.pagination a.non-padding:hover:not(.active) { background: none }
.pagination a.non-padding img { width: 25px }
.justify-con.content .section-m ul.select-muti li .rs-areatent-center {-ms-flex-pack: center !important;justify-content: center !important;}




/* =========== TV GUIDE ==============*/
.guide-pop.vod { padding: 0; margin-top: 30px }
.guide-pop.vod .vod-right-content { width: 100%; border: none }
.guide-pop.vod .vod-left { width: 43% }
.guide-pop.vod .vod-left .vod-controls .ic-control{ margin-bottom: 10px; width: 100%; }
.guide-pop.vod .vod-right { width: 52% }
.guide-pop.vod .vod-right .group-title { border-bottom: 1px #6a6a6a solid; margin-bottom: 15px }
.guide-pop.vod .vod-right .group-title .datetime, .guide-pop.vod .vod-left .group-title .datetime { font-size: 14px; color: #909090 }
.guide-pop.vod .vod-right .group-title .live, .guide-pop.vod .vod-left .group-title .live {color: #f38e24; text-transform: uppercase; font-size: 13px;}
.guide-pop.vod .vod-right .vod-right-content { padding-right: 0 }
.guide-pop.vod .vod-right .synopsis-t { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px }
.guide-pop.vod .vod-right .vod-desc { font-size: 14px; color: #fff;}


.single-guide .left-area { width: 19%; margin-right: 1%; margin-top: 20px; float: left }
.single-guide .left-area .channel-logo { padding: 10px; padding-left: 0; text-align: left; width: 180px }
.single-guide .left-area .channel-logo img { width: 100% }
.single-guide .left-area .channel-name { font-size: 16px; color: #fff }
.single-guide .left-area .channel-num { font-size: 12px; color: #fff }
.single-guide .left-area .vod-controls { float: left }
.single-guide .right-area { width: 80%; float: left }
.single-guide .right-area .top-date-7 { background: #1c1b1c }
.single-guide .right-area .top-date-7 ul { margin-top: 25px; padding: 0 }
.single-guide .right-area .top-date-7 ul li { list-style: none; margin:0; padding:0; float: left; text-align: center; width: 60px; padding-bottom: 5px}
.single-guide .right-area .top-date-7 ul li.active a, .single-guide .right-area .top-date-7 ul li:hover a, .single-guide .right-area .top-date-7 ul li.active { color: #fff; cursor: pointer}
.single-guide .right-area .top-date-7 ul li.active, .single-guide .right-area .top-date-7 ul li:hover { border-bottom: 1px #ea8c2c solid; cursor: pointer }
.single-guide .right-area .top-date-7 ul li a, .single-guide .right-area .top-date-7 ul li { color: #929292 }
.single-guide .right-area .all-data-day {}
.single-guide .right-area .all-data-day ul { padding:0; margin: 0; padding-left: 25px}
.single-guide .right-area .all-data-day ul li { float: left; list-style: none; padding:0; margin: 0; padding: 20px 15px; border-bottom: 1px #535860 solid; width: 100%; color: #fff }
.single-guide .right-area .all-data-day ul li:hover { cursor: pointer;; background: #1c1b1c }
.single-guide .right-area .all-data-day ul li .time { float: left; display: block;}
.single-guide .right-area .all-data-day ul li .function { float: left; width:15px; margin-left: 20px; margin-right: 20px }
.single-guide .right-area .all-data-day ul li .function img { width: 15px;}
.single-guide .right-area .all-data-day ul li .prograam-name { float: left; width: 80% }
.single-guide .right-area .all-data-day ul li .live-btn { color: #f38e26; font-size: 13px; margin-left: 10px;}

.modal-body.guide-tv .vod-controls .ic-control > a > span { display: block; float: left; margin-top: 8px }
.modal-body.guide-tv .vod-controls .ic-control a > img { float: left }
.modal-body.guide-tv .vod-controls .ic-control { width: 100%; margin-bottom: 15px }
.modal-body.guide-tv .vod-controls .ic-control:last-child { margin-bottom: 0 }
.modal-body.guide-tv .other-des { margin-top: 10px; border-top: 1px #535860 solid; padding-top: 15px; color: #fff }
.modal-body.parental-con .other-des { margin-top: 0 }
.parental-con .title { font-size: 16px }
.allcap { text-transform: uppercase; }

.vod-controls .ic-control > a > span { font-size: 20px }

/*.guide-g-play .play-btn { width: 25px; position: absolute; right: 0; top: 0px}
.guide-g-play .play-btn img { width: 100% }*/
.tv-guide-s-g .product-list .product-item .content { padding: 0; margin-top: 10px }
.tv-guide-s-g .product-list .product-item .content a { display: block; }


.product-item.tv-guide-all .image { background: none }
.product-item.tv-guide-all .content { display: block }
.tv-guide-s-g .product-list .product-item .content .title { display: none }
.row-seeall-m.product-list .product-item.tv-guide-all { /*height: 155px;*/ margin-bottom: 20px; min-height: 200px; cursor:auto }
.single-guide .left-area { position: relative; }
.tv-guide-s-g .product-item .image { padding: 5% }
.tv-guide-s-g a.play-btn { display: block; position: absolute; bottom: 10%; left: 5%; width: 35px; z-index: 1}
.tv-guide-s-g a.play-btn img{ display: block; width: 100%}

.m-banner-a, .text-ad { text-align: center; position: relative; width: 1030px; margin: 30px auto;  }
.m-banner-a img, .text-ad img { width: 100% }

/* Resume - Home */

.add-resume.fixed-banner .theme-showcase {padding-top: 403px;}
.add-resume .home-resume { background: url(../img/resume-bk.png) 0 0 repeat-x; position: absolute; height:59px; top: 336px;width: 100%; z-index: 999; opacity: 1;transition: opacity 250ms ease; }
.add-resume .home-resume .resume-content { width: 1200px; margin: 0 auto; position: relative; }
.add-resume .home-resume .resume-content .play-btn { position: absolute; top: -80px; left: 23px; z-index: 9999; width: 55px }
.add-resume .home-resume .resume-content .play-btn img { width: 100% }
.add-resume .home-resume .resume-content a > img.poster { position: absolute; width: 100px; bottom: 0px; left: 0px}
.add-resume .home-resume.fade-inout {transition: opacity 250ms ease; opacity: 0;}
.add-resume .home-resume .re-con { margin-top: 16px; }
.add-resume .home-resume p { display:inline-block; color: #fff; margin:0; }
.add-resume .home-resume p.title { margin-left: 135px; font-size: 16px; margin-right: 20px }
.add-resume .home-resume p.title-name { font-size: 16px; color: #909090; margin-right: 20px }
.add-resume .home-resume p.time { font-size: 12px; color: #909090; font-style: italic }
.add-resume .home-resume .btn-close { position: absolute; right: 0; width: 30px; top: -2px }
.add-resume .home-resume .btn-close img { width: 100% }

.home-sldr .slick-prev {left: 5%}
.home-sldr .slick-next {right: 5%}


.slick-prev {left: 1%}
.slick-next {right: 1%}


.home-sldr .slick-prev {top: 60%}
.home-sldr .slick-next {top: 60%}


.nav-options .nav li .dropdown-content { min-width: 300px }
.switch {position: relative;display: inline-block;width: 40px;height: 24px; float: right;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background:none;-webkit-transition: .4s;transition: .4s; border: 1px white solid}
.slider:before {position: absolute;content: "";height: 18px;width: 19px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #f89a1c; border: 1px #f89a1c solid;}
input:focus + .slider { box-shadow: 0 0 1px #f89a1c;}
input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.navbar-nav label.switch {margin-bottom: -5px; margin-left: 10px;float: none}
.navbar.navbar-inverse.shownav ul.navbar-nav li.more-setting ul li {font-size: 18px;line-height: 28px;color: #9d9d9d;}
#entertainment > li > a, #help > li > a { color: #9d9d9d}
#entertainment > li > a:hover, #help > li > a:hover, #entertainment > li > a:focus, #help > li > a:focus { background: none; color:#f89a1c }

.modal.in .modal-dialog { height: 100vh }
.dropdown-menu { box-shadow:none; margin-bottom: 20px }

.alert-message { background: #f89a1c; border: none; color: #fff;  margin: 0; width: 100%; padding: 15px; position: fixed; bottom: 0; z-index: 9999; border-radius:0;}
.alert-dismissable .close, .alert-dismissible .close { filter: alpha(opacity=100);opacity:1; width: 25px; top: inherit;right: inherit;}
.alert-message a img { width: 25px; height: 25px }

.row-header.non-content-mm h2 {text-align: center;width: 100%;margin-bottom: 50px;}
.npx-modal .close span { font-size: 21px }

.btn-group.filter-style-m.open span.caret {transform: rotate(180deg);-webkit-transition: .4s;transition: .4s;}
.btn-group.filter-style-m span.caret {transform: rotate(0deg);-webkit-transition: .4s;transition: .4s;}


#parentalModal .round {position: relative;}
#parentalModal .right-content-m .content-list ul li.edit-mm .round label, .check-mao .round label{background:none ;border: 1px solid #545961;border-radius: 50%;cursor: pointer;height: 28px;left: 0;position: absolute;top: 0;width: 28px;}
#parentalModal .right-content-m .content-list ul li.edit-mm .round label:after , .check-mao .round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
#parentalModal .right-content-m .content-list ul li.edit-mm .round input[type="checkbox"], .check-mao .round input[type="checkbox"] {visibility: hidden;}
#parentalModal .right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label, .check-mao .round input[type="checkbox"]:checked + label {background-color: #f38e24;border-color: #f38e24;}
#parentalModal .right-content-m .content-list ul li.edit-mm .round input[type="checkbox"]:checked + label:after, .check-mao .round input[type="checkbox"]:checked + label:after {opacity: 1;}

#parentalModal .check-mao { float: left; display: flex; margin-bottom: 10px; width: 100% }
#parentalModal .check-mao p { margin-left: 10px; margin-top: 5px; width: 100%; }
#parentalModal .check-mao .edit-checkbox {width:30px}
.parental-con a { display: inline-block; color: #ef9727; cursor: pointer; }
#mcl_tnc_Modal p, #acc_player_faq_Modal p { font-size: 16px } 
#mcl_tnc_Modal h2, #acc_player_faq_Modal h2{float: left;margin: 0;color: white;font-size: 20px;font-weight: normal;}

#alreadysubModal .btn-app-style { font-size:16px; color:#fff; border:1px #fff solid; background:none; padding:10px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; text-shadow: none}
#alreadysubModal .subnow { width: 25px;height: 25px;margin-right: 10px;margin-top: -5px;}

.npx-modal .modal-body.pvr-con-con .other-des { margin-top: 20px }
.pvr-con-con ul li { border-bottom: 1px solid #6a6a6a; margin-bottom: 20px; padding-bottom: 20px; display: block;  }
.pvr-con-con ul li:last-child { border: none; margin: 0; padding: 0 }
.pvr-con-con ul li .title-con { font-size: 14px; color: white }
.pvr-con-con ul li .subcontent-m { font-size: 12px }


.npx-table-faq { border: 1px #6a6a6a solid; width: 96%; margin: 0 25px 30px 20px; }
.npx-table-faq th { font-size: 14px; font-weight: normal; border: 1px #6a6a6a solid!important; background: #4f5052; text-align: center; }
.npx-table-faq td { text-align: center; }
.table-striped.npx-table-faq > tbody > tr:nth-of-type(2n+1) { background: none; border: none!important  }
.table-bordered.npx-table-faq > tbody > tr > td { font-size: 14px; font-weight: normal; border: 1px #6a6a6a solid!important}

.ic-control.ic-watchlist.formobile { display: none }
.ic-control.ic-watchlist.forweb { display: block }

.ic-control.ic-subscribe a { display: block; }



