* {
    font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:focus {
    background: 0;
}

body {
    padding-top: 93px;
    background: #1f1f1f;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    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;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.animate-2s {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.container {
    padding: 0;
}

.navbar {
    background: rgba(25, 25, 25, 1.0);
    border: 0;
    -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);
    margin-bottom: 0
}

.unsubsrcibed_img {
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.navbar-nav {
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.open>a {
    background: transparent;
    box-shadow: none;
    color: #f89a1c;
}

.navbar-inverse .navbar-brand,

.navbar-inverse .navbar-nav>li>a {
    text-shadow: none;
    color: #fff;
    font-size: 18px;
}

.navbar-brand {
    padding: 20px 0 0;
    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: 0;
}

.navbar-nav>li {
    float: left;
    text-align: center;
    margin: 15px;
}

.navbar-nav > li.menu-login-aera a {
    border-top: 1px #545861 solid;
    border-bottom: 1px #545861 solid;
    color: #f89a1c;
}

/* .navbar-nav > li.menu-login-aera, .navbar-nav > li.menu-setting, .navbar-nav > li.menu-moreapp, .navbar-nav > li.menu-help, .navbar-nav > li.menu-mynow { display: none } */



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

.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-inverse .navbar-toggle {
    margin-top: 18px;
    border: 0;
    padding-right: 0;
}

.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {
    border: 0;
    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: 0;
    background: 0;
    border: 0;
    outline: 0;
    display: none;
    top: 50%;
    transform: translate(0%, -50%);
}

.navbar-inverse .lang-text-mobile {
    /*margin-top: 16px;*/
    position: absolute;
    right: 90px;
    top: 0;
    background: 0;
    border: 0;
    outline: 0;
    display: none;
    top: 50%;
    transform: translate(0%, -50%);
}

.navbar-inverse .input-search-m {
    /*margin-top: 16px;*/
    position: absolute;
    right: 50px;
    top: 0;
    background: 0;
    border: 0;
    border-bottom: 1px solid #CCC;
    outline: 0;
    display: none;
    height: 30px;
    border-radius: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    top: 50%;
    transform: translate(0%, -50%);
}

.navbar-inverse .btn-cancel {
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.nav>li>a:hover {
    background: 0;
}

.nav-options {
    float: right;
    margin-top: 15px;
    margin-right: 0;
}

.nav-options .nav li {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.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: 0;
    padding-right: 0;
    background: #828280;
    width: 1px;
    height: 14px;
    margin-top: 2px;
    padding-bottom: 4px;
}

.nav-options .nav li.lang-text {
    padding-right: 0;
}

.nav-options .nav li a {
    padding: 0;
    color: #828280;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.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: 0 !important;
}

.nav-options .nav li.chat {
    padding-right: 0;
}

.navbar.navbar-inverse.navbar-collapsed {
    min-height: auto;
    height: auto;
    background: rgba(0, 0, 0, 0.9);
}

.navbar.navbar-inverse.navbar-collapsed .navbar-brand {
    padding: 10px 0;
}

.navbar.navbar-inverse.navbar-collapsed .navbar-nav li>a {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar.navbar-inverse.navbar-collapsed ul.navbar-nav {
    /*margin-top: 10px;*/
    margin-top: 25px;
    margin-bottom: 0;
    /*height: 64px;*/
}

.navbar.navbar-inverse.navbar-collapsed .navbar-brand img {
    height: 44px;
    width: 74px;
}

.navbar.navbar-inverse.navbar-collapsed .nav-profile {
    margin-top: 0;
    margin-right: 0;
}

.navbar.navbar-inverse.navbar-collapsed ul.nav-profile li a {
    padding: 2px 0;
}

.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: 0;
    float: left;
    background: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    outline: 0;
    color: #FFF;
    text-shadow: 0 0 0 #000;
    -webkit-text-fill-color: #FFF;
    width: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    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;
}

div.nav-profile {
    float: right;
    margin-top: 15px;
    margin-right: 0;
}

div.nav-profile li {
    padding-left: 0;
    float: left;
}

div.nav-profile li a {
    padding: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    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;
}

.nav-options .nav li.login-text {
    max-width: 180px;
}

.nav-options .nav li.login-text a {
    color: #f89a1c;
    overflow: hidden;
}

.nav-options .nav li.login-text a span {
    display: inline-block;
    padding: 0;
    margin-left: 5px;
}

.nav-options .nav li.login-text a span.caret {
    transform: rotate(0);
    -webkit-transition: .4s;
    transition: .4s;
}

.nav-profile ul li .dropdown-content a:hover {
    background-color: #000;
    color: #fff;
}

.nav-profile ul li .dropdown-content a {
    font-size: 18px;
    line-height: 22px;
}

.nav-profile ul li .dropdown-content a span.sub-text-org {
    color: #f89a1c;
    font-size: 16px;
}
/* .nav-profile ul li .dropdown-content .flex-div {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    border-bottom: 1px #6a6a6a solid;
} */

.nav-profile ul li .dropdown-content .flex-div .flex-div-left {
    flex: 1;
}

.nav-profile ul li .dropdown-content .flex-div .flex-div-right {
    width: 70px;
}

.nav-profile ul li .dropdown-content .flex-div .flex-div-right .btn-logout{
    background: none;color: white;border: 1px white solid;border-radius: 34px;padding: 1px 12px;margin-top: 12px;
}
.nav-profile ul li .dropdown-content .flex-div .flex-div-right .btn-logout:hover{
    color: #f89a1c;
}

.nav-profile ul li .dropdown-content .flex-div .switch.btn-logout{
    background: none;color: white;border: 1px white solid;border-radius: 34px;padding: 1px 12px;margin-top: 12px;
}
.nav-profile ul li .dropdown-content .flex-div .switch.btn-logout:hover{
    color: #f89a1c;
}
.nav-profile ul li .dropdown-content .flex-div .flex-div-right .btn-logout{
    background: none;color: white;border: 1px white solid;border-radius: 34px;padding: 1px 12px;margin-top: 12px;
}
.nav-profile ul li .dropdown-content .flex-div .flex-div-right .btn-logout:hover{
    color: #f89a1c;
}
.navbar-nav > li {
    text-align: left;
}

.navbar-nav > li.menu-login-aera a {
    border-top: 1px #545861 solid;
    border-bottom: 1px #545861 solid;
    color: #f89a1c;
}

.navbar-nav > li.menu-login-aera, .navbar-nav > li.menu-setting, .navbar-nav > li.menu-moreapp, .navbar-nav > li.menu-help {
    display: none;
}

.navbar-nav li ul {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;
}

.navbar-nav li ul li.live-chat a {
    padding-left: 30px;
}

.navbar-nav li ul li.live-chat a::before {
    display: inline-block;
    content: url('../img/icon/chat-chevron2.svg');
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0;
}

.navbar-nav li ul {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -moz-transform 0.8s;
    transition: transform 0.8s;
}

.navbar-nav li ul li {
    margin-top: 30px;
    position: relative;
}

.navbar-nav li ul li.go-back {
    margin-top: 0px;
}

.navbar-nav li ul li.go-back a {
    font-size: 15px;
    padding-left: 30px;
}

.navbar-nav li ul li.go-back a::before {
    display: inline-block;
    content: url('../img/icon/arrow-l-white.svg');
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0;
}

.navbar-nav li ul li a {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    display: block;
}

.navbar-nav li ul li a > span.sub-text-org {
    font-size: 16px;
    color: #f89a1c;
}

.navbar-nav li ul li a:hover {
    text-decoration: none;
    color: #f89a1c;
}

.navbar-nav li ul li a:hover .logout-mm {
    color: #fff
}

.navbar-nav.moves-out > li > a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

.sub1 {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    top: -360px;
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    -ms-transform: translateX(102%);
    -o-transform: translateX(102%);
    transform: translateX(102%);
}

.sub2 {
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    top: -420px;
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    -ms-transform: translateX(102%);
    -o-transform: translateX(102%);
    transform: translateX(102%);
}

.sub1.subnav {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    padding: 0;
}

.sub2.subnav2 {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    padding: 0;
}

.menu-setting~.menu-help .sub2 {
    top: -470px;
}

.chat {
    padding-right: 0;
}

.chat a {
    color: #828280;
    text-decoration: none;
}

.chat a:hover {
    color: #FFF;
}

.chat a img {
    padding-right: 10px;
    width: 40px;
    height: 40px;
}

.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 {
    padding-top: 20px;
    background: 0;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 0;
    float: left;
}

.breadcrumb>div {
    float: left;
    color: #828280;
}

.breadcrumb>div.bc-sepa {
    padding: 0 4px;
}

.breadcrumb>div a {
    color: #828280;
    font-size: 13px;
}

.breadcrumb .bc-curlink a {
    color: #ef9727;
}

.banner-panda img {
    display: block;
    margin: 0 auto;
    /* width: 1441px; */
    height: 420px;
}

body.fixed-banner .home-sldr-fixed {
    /*position: fixed;
    top: 93px;*/
    position: relative;
    top:0;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .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: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .0;
    display: none;
    background: rgba(25, 25, 25, 1.0);
}

body.fixed-banner .home-sldr-fixed .home-sldr .bk-cover {
    position: absolute;
    top: 0;
    background: #1f1f1f;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-sldr a {
    color: #FFF;
    -webkit-transition: color .25s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: color .25s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: color .25s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: color .25s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.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: 768px;
    width: 768px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.home-sldr .selectors {
    margin-top: 0;
    height: 36px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.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 .75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: opacity .75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: opacity .75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: opacity .75s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.home-sldr .captions div.focalPoint {
    opacity: 1;
    left: inherit;
    position: static;
}

.home-sldr .clear {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}

.navbar-actionbar {
    display: none;
}

.row-header.new-home-rail { 
    margin-bottom: 10px; 
    position: relative; 
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.row-header {
    position: relative;
    margin-bottom: 10px; 
    position: relative; 
    display: flex;
    align-items: center;
    flex-direction: column;
}
.row-header h2 {
    color: #f89a1c;
    /*padding: 20px 0 10px;*/
    font-size: 18px;
    float: left;
    margin-top: 0;
    width: 100%;
    /*padding-right:90px;*/
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height:24px;
    margin-bottom: 0px;
    padding-right: 0px
}
.row-header h2 { position: relative; width: 100% }
.row-header h2 ~ .allSubscribed { display: none }
.row.list1.loading {display: none}
.row-header h2.logined ~ .allSubscribed { 
    display: flex; 
    color:#929292; 
    align-items: center; 
    line-height: inherit;
    align-content: center;
    line-height: 13px; 
    width: 100%; 
    padding-left:0px; 
    margin-top: 5px
}
.row-header h2.logined ~ .allSubscribed .badge-icon {
    /*display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    content: url('../img/Badge-tick.svg');*/
    width: 15px;
    height: 15px;
    margin-right:5px;
}
.row-header h2 img {
	width: 180px;
    margin-left: 10px;
}
.row-header img.oneclickadv {
    /*width: 180px;*/
    /*margin-left: 10px;*/
    height: 26px;
    margin-bottom: 5px;
}
.row-header.new-home-rail.loading {
    display: none
}
.row-header.new-home-rail {
    display: flex;
}

.row-header .btn-seeall {
    /*float: right;*/
    /*margin-top: 20px;*/
    /*padding: 20px 0 10px*/
    position: absolute;
    right:15px;
    bottom:0px;
    display: block
}

.row-header .btn-seeall a {
    color: #909090;
    background: url(../img/icon/arrow-r.svg) no-repeat top right;
    padding-right: 20px;
}

.nav-profile ul li .dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: 0;
    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;
    position: relative;
}

.nav-profile ul li .dropdown-content a:last-child {
    border: 0;
}

.nav-profile ul li .dropdown-content a:hover {
    background-color: #000;
    color: #ef9727;
}

.nav-profile ul li .dropdown:hover .dropdown-content {
    display: block;
}

.content-list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.product-list.row {
    margin: 0;
    margin-bottom: 30px
}
.premium-catalogs .product-list.row { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; 
}

.product-list .image {
    position: relative;
}

.results-s .product-item .image img {width: 100%; padding:0;}

.product-list .image img {
    width: 100%;
    height: 100%;
    color: #FFF;
    display: block;
    margin:0 auto;
}

.product-list .image img[alt] {
    
}

.myondemand .product-list .image img {
    width: 100%;
    color: #FFF;
    display: block;
    margin:0 auto;
}

.mychannels .product-list .image img {
    width: 80%;
    color: #FFF;
    ;padding: 10% 0;
}

.product-list .image img.channel-m { width: 80% }

.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: 0;
    padding-right: 10px;
    cursor: pointer;
}

.product-list .product-item .content {
    position: relative;
    padding: 8px 10px 8px 0;
}

.product-list .product-item .content .title {
    color: #FFF;
    font-size: 14px;
    margin-bottom: 0;
}

.product-list .product-item .content .desc {
    color: #929292;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.myondemand {
    margin-top: 30px;
}

.myondemand .row-header h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
}

.myondemand .product-list .product-item {
    min-height: 0;
}

.myondemand .filter-style-m {
    float: none;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.myondemand .filter-style-m .dropdown-menu {
    left: 50%;
    top: 30px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    /*width: 450px;*/
}

.myondemand a.play-btn {
    display: block;
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 25px;
    z-index: 1;
}

.myondemand a.favorite-btn {
    display: block;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 25px;
    z-index: 1;
}

.myondemand.mychannels .product-item .image {
    padding: 5%;
    background: none;
}

.filter-style-m .btn-primary {
    color: #fff;
}

.series-list-all.mynow-detail-list {
    margin: 0;
    margin-bottom: 30px;
}

.series-list-all.mynow-detail-list:last-child {
    margin: 0;
}

.series-list-all.mynow-detail-list h4 {
    color: #fff;
}

.series-list-all.mynow-detail-list li.head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.series-list-all.mynow-detail-list li.head .cp-logo {
    width: 80px;
    margin-right: 20px;
}

.series-list-all.mynow-detail-list li.head .cp-logo img {
    width: 100%;
}

.series-list-all.mynow-detail-list li.head .series-list-num {
    width: 90%;
    padding: 0;
}

.series-list-all.mynow-detail-list li.head .series-list-num .series-name {
    width: 80%;
}

.series-list-all.mynow-detail-list li.head:hover .series-list-num .series-name {
    text-decoration: none;
}

.series-list-all.mynow-detail-list li.head.nonsub .cp-logo img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

.series-list-all.mynow-detail-list li.head.nonsub .series-list-num .series-name {
    color: #929291;
}

.series-list-all.mynow-detail-list li.head .series-list-num .status {
    color: #f38e26;
}

.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: 0;
    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: 0;
}

.product-list .thumbnail {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    background: 0;
    position: relative;
}

.tv-guide-s-g .product-list .thumbnail a.thumbnail{
	z-index: 0;
}

.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;
    background: -moz-linear-gradient(top, #333 0, #000 60%);
    background: -webkit-linear-gradient(top, #333 0, #000 60%);
    background: linear-gradient(to bottom, #333 0, #000 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);*/
}

.premium-catalogs .product-item .image {background: url(../img/ch/Catalog-bk.png); background-repeat: no-repeat; background-size: cover;}

.product-item .image:hover, .ch-item .image:hover {
    /*-webkit-transform: scale(.95);
    transform: scale(.95);*/
    border:1px #f89a1c solid;
}

.product-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;
}

.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;
}

.product-list .product-item.channel-item .image {
    /* width: 20%;
    margin-right: 5%;
    border: 1px #363636 solid;
    cursor: pointer; */
    background: linear-gradient(to bottom, #333 0, #000 60%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* justify-content: center; */
}

.product-list .product-item .image .home_epgimage.frontend-img{
    padding: 42.6% 5%;
}
.product-list .product-item .image .home_epgimage.frontend-img.slick-lazyload-error{
    padding: unset;
}

.product-list .product-item.channel-item.kid .image {
    background-image: url(/img/kids/kids-channel-background.png);
    /* /img/kids/kids-icon-single.svg */
}

.ch-list.row {
    margin: 0;
    margin-bottom: 30px
}

.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/non-image-l.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px #373737 solid;
    opacity: 1;
}

.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: 0;
    padding-right: 10px;
    cursor: pointer;
}

.ch-list .ch-item .content {
    position: relative;
    padding: 8px 10px 8px 0;
}

.ch-list .ch-item .content .title {
    color: #FFF;
    font-size: 14px;
    margin-bottom: 0px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ch-list .ch-item .content .desc {
    color: #929292;
    width: 100%;
    font-size: 12px;
}

.ch-list .ch-item .content .time {
    font-size: 12px;
    margin-bottom: 0;
    color: #909090;
}

.ch-list .ch-item .content .price {
    position: absolute;
    bottom: 10px;
    right: 8px;
    margin-bottom: 0;
}

.ch-list .thumbnail {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    background: 0;
}

.col-md-3.ch-item {
    padding-left: 0;
    padding-right: 10px;
}

.row .col-md-3 .image a {
    display: block;
    position: absolute;
    bottom: 10%;
    right: 5%;
    width: 35px;
    z-index: 1;
}

.ch-item .image {
    text-align: center;
    margin: 0 auto;
    /*background: url("../img/vod/pc_bk.png") no-repeat;
    background-size: cover;
    padding: 5%;*/
    display: block;
    border: 1px #373737 solid;
}

.ch-item .image.channel-cat {
    padding: 0;
}

.ch-item .image.sports {
    text-align: center;
    margin: 0 auto;
    background: url("../img/ch/sport_ch_bg.png") no-repeat;
    background-size: cover;
}

.ch-item .image img {
    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;
    -webkit-line-clamp: 2;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.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;
}

.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;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.carousel-inner>.item .caption p {
    background: #FFF;
    width: 40%;
    margin: 4px auto;
    padding: 20px 40px;
    font-size: 28px;
    color: #434343;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 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 .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
}

.lSSlideOuter:hover .lSSlideWrapper .lSAction {
    opacity: 1;
}

.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 img#program_logo {
  	padding-top: calc((100% * 410 / 274 - 100% * 197 / 274) / 2);
  	padding-bottom: calc((100% * 410 / 274 - 100% * 197 / 274) / 2)
}*/
#program_logo {
    width: 100%;
    position: absolute;
}

.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;
    display: flex;
}

.vod-controls .ic-control a {
    color: #FFF;
    /*display: block*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100%
}

.vod-controls .ic-control .active {
    color: #f38e24;
}

.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: 0;
    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;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.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 {
    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: #fff;
    font-size: 15px;
}

.vod .series-epi {
    width: 12%;
}

.vod .series-name {
    width: 75%;
}

.vod .series-btn {
    width: 30px;
    height: inherit;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0%,-50%);

}

.vod .series-btn.disable-btn {
    opacity: .2;
    filter: alpha(opacity=20);
}

.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;
    width: 100%;
}

.vod img.channel-bk-m-none, .vod img.channel-bk-m {
    /*border: 1px #565756 solid;
    background: url(../img/poster/none.png);
    background-repeat: no-repeat;
    background-size: cover;*/
    display: block;
    /*background: #333;
    background: -moz-linear-gradient(top, #333 0, #000 60%);
    background: -webkit-linear-gradient(top, #333 0, #000 60%);
    background: linear-gradient(to bottom, #333 0, #000 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);*/
    width: 100%;
}

/*.vod img.channel-bk-m {
    padding-top: calc(38%);padding-bottom: calc(38%);
}*/

.vod .vod-right .vod-ch {
    margin-left: 5%;
    float: left;
    width: 15%;
}

.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;
}

.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;
    display: block;
}

.ic-control a > img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.row-header {
    /*margin-top: 20px*/;
}

.row-header.row-header-h2 h2 {
    color: #fff;
}

.row-header.row-header-h2.recommended h2 { margin-top: 30px }

.spacer-line {
    border-top: 1px #575655 solid;
    height: 1px;
    margin-top: 40px;
    width: 100%;
    position: relative;
    display: block;
}

.subscr-btn_ondemand .sub {
	cursor: pointer;
}

.subscr-btn_ondemand.livechat{
	background: #F38E26;
    color: #000000;
    border: none;
}

.theme-tv-guide .left-area .group_single_button .ic-control .subscr-btn_ondemand {
    cursor: pointer;
}

.subscr-btn_ondemand {
    border: 1px solid #fff;
    color: #fff;
    padding: 4px 15px;
    background: 0;
    border-radius: 8px;
    /*float: left;*/
    width: 100%;
    text-align: center;
    min-height: 34px;
    display: block;
}

.subscr-btn_ondemand .sub {
    margin-right: 0;
}

.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: 0;
    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;
}

.main-header {
    border-bottom: 1px #6a6a6a solid;
    margin-top: 30px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.main-header h3 {
    font-size: 26px;
    color: #fff;
    float: left;
}

.main-header.on-demand-m-t .filter-box {
    margin-top: 34px;
}

.main-header.on-demand-m-t .btn-group.filter-style-m {
    z-index: 99;
}

.left-img-b {
    width: 180px;
    margin-right: 10px;
}

.demand-des {
    width: 40%;
    /*margin-top: 25px;*/
    color: #fff;
    margin-left: 20px;
}

.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: 1.97%;
    margin-bottom: 2.5%;
    cursor: pointer;
}

.row-seeall-m.product-list .product-item:nth-child(6n+0) {
    margin-right: 0;
}

.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: 0;
    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: 0;
    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*/
    margin-top: 0px;
}

.premium-catalogs .product-list .product-item {
    width: 15%;
    padding-right: 0;
    margin-right: 2%;
    margin-bottom: 2.5%;
}

.premium-catalogs .product-list .product-item:nth-child(6n) {
    margin-right: 0;
}

.left-sidebar-m {
    position: -webkit-sticky;
    position: sticky;
    /*top: 130px*/;
}

.l-nav {
    width: 90%;
    float: left;
}

.toptab .l-nav {
    width: 100%;
}

.l-nav ul {
    padding: 0;
    margin: 34px auto 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.l-nav ul li {
    list-style: none;
    font-size: 16px;
    color: #929291;
    float: left;
    margin-right: 30px;
    white-space: nowrap;
}

.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;
    /* color: #f38e24; */
    border-bottom: 2px #f38e24 solid;
    text-decoration: none;
    padding-bottom: 2px;
}
.l-nav ul li a:focus {
    color: #929291;
    border-bottom: none;
}

@media (hover: none) {
   .l-nav ul li a:link, .l-nav ul li a:visited, .l-nav ul li a:hover {
    	color: #929291;
    	border-bottom: none;
   }
   .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%;*/
    text-align: center;
    font-size: 16px;
    margin: 0;
    color: #909090; 
    min-height: 400px;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.right-content-m .top-nav-watchlist {
    margin-top: 25px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: 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 {
    margin-bottom: 20px;
}

.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;
    width: 100%;
}

.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%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.right-content-m .content-list ul li:hover {
    background: #101010;
}

.right-content-m .content-list ul li.last-non-list:hover {
    background: none;
}

.right-content-m .content-list ul li:nth-child(2n+0) {
    border-right: 0;
}

.right-content-m .content-list ul li:nth-child(1),

.right-content-m .content-list ul li:nth-child(2) {
    border-top: 0
}
.right-content-m .content-list ul li.last-non-list {
    border-bottom:0;
}


.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 .left-img img {
    -webkit-filter: grayscale(100%);
 /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.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;
}

.right-content-m .content-list li.non-sub .arrow-icon {
    display: none;
}

.right-content-m .content-list .icon-play img {
    width: 35px;
    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: 20%;
    margin-right: 5%;
    border: 1px #363636 solid;
    cursor: pointer;
    background: linear-gradient(to bottom, #333 0, #000 60%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.right-content-m .content-list .left-img img {
    width: 100%;
    height: 100%;
}

.right-content-m .content-list .left-img img.channel-logo-m {
    width: 80%;
}

.right-content-m .content-list .right-content {
    /* position: relative; */
    /*margin-right: 15%;*/
    width: 75%;
    cursor: pointer;
    padding-right: 18%;
}

.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;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.right-content-m .content-list .non-sub h2 {
    color: #929291;
}

.right-content-m .content-list .demand-name {
    font-size: 14px;
    color: #929291;
    margin-top: 0px;
}

.right-content-m .content-list .re-text {
    font-size: 13px;
    color: #f38e24;
    margin-top: 10px;
    word-break: break-all;
}

.right-content-m .content-list .non-sub .re-text {
    color: #929291;
}

.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;
}

.right-content-m .content-list ul li.edit-mm .right-content {
    width: 65%;
}

.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;
}

.round {
    position: relative;
}

.right-content-m .content-list ul li.edit-mm .round label {
    background: 0;
    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: 0;
    border-right: 0;
    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;
}

img.classification-all {
    width: 40px;
    height: 40px;
}

.npx-modal .modal-content {
    background: #1f1f1f;
    padding: 30px;
    overflow: hidden;
}

.npx-modal .title.ott {
    text-align: center;
    color: #f89a1c;
}

.npx-modal .content.ott {
    text-align: center;
    color: #fff;
}

.npx-modal .close {
    color: #909090;
    text-shadow: none;
    font-weight: normal;
    font-size: 21px;
    filter: alpha(opacity=100);
    opacity: 1;
}

.npx-modal .close img {
    width: 30px;
    height: 30px;
}

.npx-modal .back {
    float: left;
    font-style: 14px;
    display: none;
    /*margin-top: -8px*/
    margin-top: 6px;
}

.npx-modal .back a {
    color: #d5d5d5;
    background: url(../img/icon/arrow-l-white.svg) no-repeat left;
    padding-left: 30px;
    font-size: 20px;
    line-height: 20px;
}

.npx-modal .back a:hover {
    color: #fff
}

#programModal.npx-modal .back {
    display: none;
    height: 21px;
   /* margin-top: -2px;*/
}

.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: 0;
    border: 0;
}

.npx-modal .btn-npx-style {
    background: 0;
    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: 20%;
}

.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; line-height: 26px
}

.npx-modal .modal-body .des-detail .vod-cert {
    margin-top: 30px;
    margin-bottom: 15px;
}

.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;
}

#myModaltopup .modal-body .other-des .title{
    text-align: left;
}

#rentModal .modal-body .other-des .title{
    text-align: left;
}

.npx-modal .modal-body .other-des .title {
    font-size: 15px;
    color: #fff;
}

.npx-modal .modal-body .other-des .titleold {
    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: 0;
    background: 0;
    font-size: 15px;
    color: #919191;
    width: 100%;
}

.npx-modal .modal-body .other-des .text-f-m input[type="password"]::-webkit-input-placeholder{
     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: 0;
    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: 0;
    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: 0;
    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: 0;
}

.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: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.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*/
    width: 100%;
}

.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;
}

.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: 0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    outline: 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .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: #fff;
}

.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 {
    border: 1px solid #fff;
    padding: 2px 30px;
    background: 0;
    border-radius: 8px;
    float: right;
    text-align: center;
}

.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: #ccc;
}

.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;
    padding: 0;
    pointer-events: none;
    -webkit-transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .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: 0;
}

.filter-box .nice-select .list li:hover {
    color: #FFF;
}

.filter-box .nice-select .option {
    cursor: pointer;
    list-style: none;
    outline: 0;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.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;
}

.main-header .filter-style-m {
    position: absolute; right: 0
}

.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: 0;
    border: 1px #f89a1c 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: 0;
    border: 1px white solid;
}

.btn-primary:active,

.btn-primary.active,

.open>.dropdown-toggle.btn-primary {
    background: 0;
    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: 0;
    color: #f89a1c;
}

.filter-style-m .dropdown-menu>li {
    border-bottom: 1px #545961 solid;
}

.filter-style-m .dropdown-menu>li:last-child {
    border: 0;
}

.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;*/
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0
}
.on-demand-m-t .left-img-b { margin-bottom: 10px }

.theme-tv-guide .tv-guide-iframe {
    width: 100%;
    height: 1000px;
    margin-top: 30px;
    border: 0;
    overflow: auto;
}

.footer {
    background: #000;
    width: 100%;
    padding-bottom: 30px;
    margin-top: 30px;
}

.footer .footer-container {
    height: 200px;
    width: 1120px;
    margin: 0 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: 0;
}

.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: 33%;
}

.footer .footer-menu .footer-list:nth-child(2) {
    width: 33%;
}

.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 img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.footer .sepa {
    width: 1px;
    /*height: 100px;*/
    background: #504f4e;
    float: left;
}

.footer-bottom {
    background: #292828;
    width: 100%;
    padding-bottom: 30px;
}

.footer-bottom .footer-bottom-container {
    /*height: 100px;*/
    width: 1200px;
    margin: 0 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: 0;
    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: 0 6px;
}

.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: 0;
}

.container {
    width: 1200px;
    z-index: 1;
    position: relative;
}

body.fixed-banner .theme-showcase {
    /*padding-top: 314px;*/
    opacity: 1;
    margin-top: 20px;
}

.theme-ondemand {
    opacity: 0;
}

.container.theme-ondemand.content, 
.container.theme-ondemand.seeall-style,
.container.theme-ondemand.premium-catalogs,
.container.theme-ondemand.results-s { margin-top: 30px }

.container.theme-ondemand.content, 
.container.theme-ondemand.seeall-style,
.container.theme-ondemand.premium-catalogs,
.container.theme-ondemand.results-s { margin-top: 30px }

.container.theme-ondemand.content, 
.container.theme-ondemand.seeall-style,
.container.theme-ondemand.premium-catalogs,
.container.theme-ondemand.results-s { margin-top: 30px }

.container.theme-ondemand.results-s .no-result {
    text-align: center;
}
.container.theme-ondemand.results-s {
    margin: 0;
    margin-top: 30px;
    width: 100%;
}

.footer .footer-container {
    height: auto;
    width: 1120px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.footer .footer-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.footer .footer-more {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-self: center;
}


/* 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;
}

.check-mao {
    float: left;
    ; display: block;
    margin-bottom: 10px;
}

.check-mao p {
    margin-left: 10px;
    margin-top: 5px;
}

.check-mao .edit-checkbox {
    width: 30px;
    height: 30px;
}

/*.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, .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;
}

.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:10px;
    transform: rotate(-45deg);
    width: 12px;
}

.right-content-m .content-list ul li.edit-mm .round input[type="checkbox"], .check-mao .round input[type="checkbox"] {
    visibility: hidden;
}

.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;
}

.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;
}

.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;
}



/*.right-content-m .top-nav-watchlist .left-text-m.delete {

    position: absolute;

    left: 10;

    top: 65px;

}

.right-content-m .top-nav-watchlist .left-text-m a { color:#f38e24 }

.right-content-m .top-nav-watchlist .left-text-m.delete a img{ width: 30px;height: 40px; }

.right-content-m .top-nav-watchlist .right-text-m.cancel a { color: #fff }*/

.right-content-m .top-nav-watchlist .left-text-m a {
    color: #f38e24;
}

.right-content-m .top-nav-watchlist .right-text-m.cancel a {
    color: #fff;
}

.select-edit-con {
    /*display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: center;*/;
}

.right-content-m .top-nav-watchlist .left-text-m, .right-content-m .top-nav-watchlist .right-text-m {
    position: relative;
}

.right-content-m .top-nav-watchlist .left-text-m, .right-content-m .top-nav-watchlist .right-text-m {
    margin-top: 10px;
}

.right-content-m .top-nav-watchlist .left-text-m.select-all {
    float: left;
    padding-top: 6px;
}

.right-content-m .top-nav-watchlist .left-text-m.delete {
    float: left;
    margin-left: 15px;
}

.right-content-m .top-nav-watchlist .right-text-m.edit {
    float: right;
    padding-top: 6px;
}

.right-content-m .top-nav-watchlist .right-text-m.cancel {
    float: right;
    padding-top: 6px;
}

.right-content-m .top-nav-watchlist .left-text-m.delete {
}

.right-content-m .top-nav-watchlist .left-text-m.delete a img {
    width: 30px;
    height: 30px;
}

.theme-mynow .right-content-m .content-list {
    margin-top: 30px;
}



/* history edit */



/* ================= MODAL WINDOW ==================*/



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

.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;
}

.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: 0;
    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;
}

.theme-setting .afterhours {
    color: #FF2C87
}

.btn-openweb {
	border-radius: 15px;
	padding: 4px 16px;
	color: #000000;
	background-color: #F38E26;
}

.btn-openweb:hover {
    color: #000000!important;
    background: #e48336!important;
    border: 1px solid #e48336!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    outline: none!important;
}

.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-rb {
    margin-bottom: 12px;
}

.app-download .app-rt img,

.app-download .app-rb img {
    width: 104px;
    height: 31px;
}

.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;
}

.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-select-m .form-control {
    display: none;
}

select.bs-select-hidden,

select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
}

.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: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: 0;
}

.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 #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

.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: .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: .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;
}

#searchModal .navbar-form {
    margin-top: 50px;
}

#searchModal button img {
    width: 35px;
    height: 35px;
}

#searchModal .modal-header {
    border-bottom: 0;
    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: 0;
}

#searchModal .tt-search {
    margin: 0 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: 0;
}

#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(255, 255, 255) 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: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-left: 10px;
    height: 40px;
    width: 100%;
    padding-right: 110px;
}

#searchModal input:before {
    content: "";
}

#searchModal .form {
    position: relative;
    margin-bottom: 30px;
}

#searchModal .btn {
    /*margin-top: -10px;*/
    padding: 4px 15px;
}

#searchModal .btn img {
    width: 30px;
    height: 30px;
}

#searchModal .btn-lg,

.btn-group-lg>.btn {
    /*border-radius: 8px;*/
    border-radius: 0px;
    font-size: 18px;
}

#searchModal .btn-site {
    background: #f89a1c none repeat scroll 0 0;
    color: #fff !important;
    position: absolute;
    right: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#searchModal .lSSlideOuter {
    padding-bottom: 0;
    margin-top: 20px;
}

#searchModal .search-list {
    margin-left: 0;
    /*margin-top: 20px;*/
}

#searchModal .search-list .content .title {
    border-bottom: 0;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px
}

#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;
}

#recentSearch ul li a {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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: 0;
}

.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;
}

.guide-pop.vod {
    padding: 0;
    margin-top: 30px;
}

.guide-pop.vod .vod-right-content {
    width: 100%;
    border: 0;
}

.guide-pop.vod .vod-left {
    width: 40%;
    margin-right: 3%;
}

.guide-pop.vod .vod-left .vod-controls .ic-control {
    margin-bottom: 10px;
    width: 100%;
}

.guide-pop.vod .vod-right {
    width: 57%;
}

.guide-pop.vod .vod-right .group-title {
    border-bottom: 1px #6a6a6a solid;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.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: capitalize;
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.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 .vod-controls .ic-control a {
    width: inherit;
}

.single-guide .left-area .channel-logo {
    /*padding: 10px;*/
    padding: 0;
    text-align: left;
    width: 180px;
    margin: 10px;
    margin-left: 0
}

.single-guide .left-area .channel-logo img {
    width: 180px;
}

.single-guide .left-area .channel-info-m1 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    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 .channel-noContent {
    margin-top: 5%;
    width: 420px;
    text-align: center;
    color: #909090;
    min-height: 200px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.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;
}

.parental-con .titleold {
    font-size: 16px;
}

.allcap {
    text-transform: uppercase;
}

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

.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;
    background: url("../img/vod/pc_bk.png") no-repeat;
    background-size: cover;
}

.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 {
    margin-bottom: 20px;
    /*min-height: 200px;*/
    cursor: auto;
}

.row-seeall-m.product-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.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%;
}

.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: 368px;
    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: 0;
    left: 0;
}

.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: 50%;
}

.home-sldr .slick-next {
    top: 50%;
}



/* Resume Home */

.add-resume.fixed-banner .theme-showcase {
    padding-top: 340px;
}

.add-resume .home-resume {
    background: url(/img/resume-bk.png) 0 0 repeat-x;
    position: absolute;
    height: 59px;
    top: 368px;
    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%;
}

.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: 0;
    -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);
}

.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: 0;
    color: #f89a1c;
}

.modal.in .modal-dialog {
    height: 100%;
}

.dropdown-menu {
    box-shadow: none;
    margin-bottom: 20px;
}

.alert-message {
    background: #f89a1c;
    border: 0;
    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(0);
    -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: 0;
    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: 0;
    border-right: 0;
    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: 0;
    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;
}

#alreadysubModal .lib-logo,
#alreadysubModalVE .lib-logo {
    width: 20%;
}

#alreadysubModal .sub-highlight,
#alreadysubModalVE .sub-highlight,
#guestSubModal .sub-highlight {
    color: #F29631;
}

#upgradeTo4KVideo .btn-app-style {
    font-size: 16px;
    color: #fff;
    border: 1px #fff solid;
    background: 0;
    padding: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: none;
}

#upgradeTo4KVideo .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: 0;
    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;
    margin-bottom: 30px;
    width: 96%;
    margin-left: 20px;
}

.npx-table-faq th {
    font-size: 14px;
    font-weight: normal;
    border: 1px #6a6a6a solid !important;
    background: #4f5052;
    text-align: center;
}

.npx-table-faq th:nth-child(1) {
    text-align: left;
}

.npx-table-faq td:nth-child(1) {
    text-align: left;
}

.npx-table-faq td {
    text-align: center;
}

.table-striped.npx-table-faq>tbody>tr:nth-of-type(2n+1) {
    background: 0;
    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;
}

img.faq-dollar-img {
    display: none;
}

img.faq-icon-mm {
    width: 30px;
    height: 30px;
}

.des-ontv {
    margin-bottom: 0px;
}

.err_404 {
    min-height: 400px;
}

.err_404 p {
    text-align: center;
    font-size: 20px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.results-s .ch-list .ch-item .content .title {
    margin-bottom: 0;
}

.navbar-inverse .navbar-toggle {
    padding: 0;
}

.navbar-toggle {
    padding: 0px;
}

.navbar-toggle .icon-bar {
    width: 24px;
}

.ch-item .image img[alt] {
    overflow: hidden;
    white-space: nowrap;
}

.theme-tv-guide.openlayermask {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.theme-tv-guide {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}







/* Chatbot */

    /*.modal-body.chat-body {

        margin-left: 120px;

        margin-right: 120px;

    }*/

    

.chat-title {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.chat-title .chat-logo {
    width: 70px;
    height: 70px;
}

.chat-title .chat-sub {
    display: block;
    color: #ef9727;
    font-size: large;
}

.chat-main {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.chat-main .title {
    margin-bottom: 50px;
}

.chat-main .title span {
    color: white;
    font-size: 18px;
}

.rbtnc {
 /*display: none;*/
    font-size: 12px;
    text-align: left;
}

.menu-livechat {
    cursor: pointer;
}

.chat-main.technical-support .title {
    margin-bottom: 30px;
}

.chat-main.technical-support .tnc-title {
    margin-bottom: 60px;
}

.chat-main.technical-support .tnc-title span {
    color: #fff;
    font-size: 16px;
}

.chat-main.technical-support .sub-title span a {
    color: #ef9727;
}

.chat-main.livechat-support .tnc-title span a {
    color: #ef9727;
}

.chat-main.technical-support .tnc-title p {
    margin-top: 10px;
    color: #9c9c9c;
    font-size: 14px;
}

.chat-main.technical-support .tnc-title p a {
    color: #ef9727;
    text-decoration: underline;
}

.tnc-title a {
    cursor: pointer;
    text-decoration: underline;
}

.chat-main .ic-control.ic-subscribe {
    margin-top: 10px;
    height: auto;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.tncall-a {
    height: 100px;
    overflow-y: scroll;
    display: none;
}

   /* .modal-content {box-shadow:none; border:none;border-radius:0; height: 100vh}

    .modal-dialog { margin: auto; overflow-y: scroll; background: #1f1f1f}*/

    /* #techTncModal .modal-dialog { overflow: scroll} */





.slick-dots {
    bottom: 15px;
}

.slick-dots li {
    width: 15px;
    height: 15px;
    margin: 0 2px;
}

.slick-dots li button::before {
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 12px;
}

.ab-login-fgpw {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.ab-login-fgpw .text-f-m {
    flex: 1;
}

.ab-login-fgpw .fg-pw-m {
    flex: 1;
    margin-left: 10px;
    margin-top: 13px;
}

.ab-login-fgpw .fg-pw-m a {
    color: #919191;
    font-size: 12px;
}

.right-content-m .content-list .icon-play.arrow-icon img {
    width: 25px;
    margin: 0 auto;
}

.single-guide .left-area .favorite-btn {
    width: 30px;
}

.tv-table .channelbar .item img.favorite-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    bottom: 10px;
}

.thumbnail a.thumbnail span.image img.favorite-icon{
    margin: 0px 75%;
    position: absolute;
    width: 22px;
    height: 22px;
    bottom: 10px;
}

.info-right { display: none }


/*Update profile 20200226*/
.product-list .product-item .content .title, .ch-list .ch-item .content .title {
    /*overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical; 
   white-space:normal;
   line-height: 20px;*/
}
.nav-options { position: absolute; right: 0 }
/*.nav-options .nav li.login-text a { color: #fff }*/

/*.l-nav { width: 100% }
.l-nav ul {margin: 25px auto 0 auto;}
.l-nav ul li {margin-right: 5px;}
.l-nav ul li a {padding:5px 20px}
.l-nav ul li a:hover, .l-nav ul li.active a {border-bottom:none; background: #f38e24; border-radius: 30px; color: #000 }
right-content-m .top-nav-watchlist ul li.active a, .right-content-m .top-nav-watchlist ul li.active a:hover {font-weight: normal;}
.mynow .main-header h3 { float: none; margin-left: 40px }
.mynow .main-header h3:before {display: inline-block;content: url('../img/icon/my-now-chevron.svg');width: 30px;height: 30px;position: absolute;left: 0; top: 0; border-radius: 25px; background: #f89a1c; padding: 2px 5px 5px 5px}
.menu-mynow .mynowicon-family {border-radius: 50%; background: #f89a1c; margin-right: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width: 30px; height: 30px; position: absolute; left: 0; top:-5px; justify-content: center;

align-items: center;}
.menu-mynow a { padding-left: 40px!important }
.menu-mynow .mynowicon-family .mp-name { display: none }
.menu-mynow .mynowicon-family img { display: block; padding: 5px }
.menu-mynow .mynowicon-family.mp-add .mp-name { display:block; color: #000; text-transform: uppercase;}
.menu-mynow .mynowicon-family.mp-add img { display: none }

.nav-options .nav li.login-text a span { margin-left: 0px; }
.nav-lang ul li .dropdown {position: relative;display: inline-block}
.nav-lang 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-lang ul li.menu-login-aera .dropdown-content {min-width: 180px}
.nav-lang ul li .dropdown-content a {color: #fff;padding: 12px 16px; text-decoration: none; display: block;border-bottom: 1px #6a6a6a solid;font-size: 16px}
.nav-lang ul li .dropdown-content a span.sub-text-org {color: #f89a1c;font-size: 16px; margin-left: 0}
.nav-lang ul li .dropdown-content a:last-child {border: 0}
.nav-lang ul li .dropdown-content a:hover {background-color: #000;color: #ef9727}
.nav-lang ul li .dropdown:hover .dropdown-content {display: block}*/

/*.navbar-inverse.shownav .lang-text-mobile { right: 130px }
.navbar-inverse.shownav .navbar-search { right: 90px }
.navbar-inverse .navbar-help { margin-top: 16px;position: absolute;right: 50px;top: 0;background: 0;border: 0;outline: 0; display: none}
.navbar-inverse.shownav .navbar-help { display: block; }*/

/*Edit Profile*/
/*.editprofile-title {width: 100%;text-align: center;display: block;color: #fff;font-size: 18px;}
.edit-btn {border: 1px solid #808080; color:#808080; padding: 4px 15px;background: 0;border-radius: 8px;width: 100%;text-align: center;min-height: 34px;display: block;}
.edit-btn:hover {border: 1px solid #fff;color:#fff;}
.profile-content {width: 100%;margin-top: 20px; margin-bottom:40px; text-align: center;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; justify-content:space-around;flex-wrap: wrap;}
.profile-content .mp-default { width: 80px }
.profile-content .mp-default .mp-bg { background: #f89a1c; border-radius: 50%; width: 80px; height: 80px; margin-bottom: 10px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; justify-content: center; align-items: center;}
.profile-content .mp-default .mp-bg .mp-name { display: none; }
.profile-content .mp-default .mp-bg img { width: 45px }
.profile-content .mp-default .text { font-size: 16px; color: #fff }*/


/*resume*/
.add-resume .home-resume .btn-close { width: 20px }
.add-resume .home-resume p.title-name {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space:normal; max-width: 65%}
.add-resume .home-resume .resume-content a > img.poster {bottom: 0px;}
.add-resume .home-resume p.title { margin-left: 0 }
.add-resume .home-resume .re-con { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row; margin-left: 115px; position: absolute;transform: translate(0, -50%); top: 50%; margin-top:0; }
.add-resume .home-resume p.time {margin-top: 3px;}
.add-resume .home-resume .btn-close {transform: translate(0, -50%); top: 50%;}
.add-resume .home-resume .resume-content { height: 59px }
.add-resume .home-resume .resume-content a.resume-img { position:absolute; top: -105px; width: 100px; height: 150px}
.add-resume .home-resume .resume-content .play-btn {position: absolute; top: 50%;left: 50%; z-index: 9999;width: 55px; transform: translate(-50%, -50%);}


.mychannels .product-list .image img {width: 80%;color: #FFF;}
.tv-guide-s-g a.play-btn { width: 25px }
.myondemand a.play-btn { display: block; position: absolute; bottom: 5%;left: 5%;width: 25px; z-index: 1;}
/* width */
/*::-webkit-scrollbar {width: 10px;}*/
/* Track */
/*::-webkit-scrollbar-track { background: #f1f1f1; }*/
/* Handle */
/*::-webkit-scrollbar-thumb {background: #888; }*/
/* Handle on hover */
/*::-webkit-scrollbar-thumb:hover { background: #555; }*/

.slick-prev.slick-disabled,
.slick-prev,
.slick-next.slick-disabled,
.slick-next,
.container .ch-list.slick-slider:hover .slick-next.slick-disabled,
.container .ch-list.slick-slider:hover .slick-prev.slick-disabled,
.container .product-list.slick-slider:hover .slick-next.slick-disabled,
.container .product-list.slick-slider:hover .slick-prev.slick-disabled,
#searchModal .search-list:hover .slick-next.slick-disabled,
#searchModal .search-list:hover .slick-prev.slick-disabled,
#searchModal .product-list:hover .slick-next.slick-disabled,
#searchModal .product-list:hover .slick-prev.slick-disabled
{opacity: 0}

.container .ch-list.slick-slider:hover .slick-next,
.container .ch-list.slick-slider:hover .slick-prev,
#searchModal .search-list:hover .slick-next,
#searchModal .search-list:hover .slick-prev,
#searchModal .product-list:hover .slick-next,
#searchModal .product-list:hover .slick-prev,
.container .product-list.slick-slider:hover .slick-next,
.container .product-list.slick-slider:hover .slick-prev { opacity: 1}
.home-sldr .slick-next, .home-sldr .slick-prev { opacity: 1}
#channelMore { margin-top: 30px }

/*.product-list.row .slick-track > *,
.ch-list.row .slick-track > *
.row-seeall-m > * {opacity:1;}

.product-list.row .slick-track:hover > *,
.product-list.row .slick-track:focus-within > *,
.ch-list.row .slick-track:hover > *,
.ch-list.row .slick-track:focus-within > *,
.row-seeall-m:hover > *,
.row-seeall-m:focus-within > * {opacity:0.5;}

.product-list.row .slick-track:hover > :hover,
.product-list.row .slick-track:focus-within > :focus,
.ch-list.row .slick-track:hover > :hover,
.ch-list.row .slick-track:focus-within > :focus,
.row-seeall-m:hover > :hover,
.row-seeall-m:focus-within > :focus {opacity: 1;}*/


/* MUP add 20200318 */
.navbar-nav > li.menu-login-aera a {border:none}
.navbar-nav > li { text-align: left }
.navbar-nav > li.menu-login-aera, .navbar-nav > li.menu-setting, .navbar-nav > li.menu-moreapp, .navbar-nav > li.menu-help { display: none }
.navbar-nav li ul {position: absolute;left: 0; width: 100%;-webkit-transition: -webkit-transform 0.8s;-moz-transition: -moz-transform 0.8s;transition: transform 0.8s;}
.navbar-nav li ul li.live-chat a{ padding-left: 30px }
.navbar-nav li ul li.live-chat a::before {display: inline-block; content: url('../img/icon/chat-chevron2.svg'); width: 20px; height: 20px; position: absolute; top: 1px;left: 0;}
.navbar-nav li ul {position: absolute;left: 0;width: 100%;-webkit-transition: -webkit-transform 0.8s;-moz-transition: -moz-transform 0.8s;transition: transform 0.8s; }
.navbar-nav li ul li { margin-top: 30px; position: relative; }
.navbar-nav li ul li.go-back { margin-top: 0px }
.navbar-nav li ul li.go-back a { font-size: 15px; padding-left: 30px }
.navbar-nav li ul li.go-back a::before {display: inline-block; content: url('../img/icon/arrow-l-white.svg'); width: 20px; height: 20px; position: absolute; top: 1px;left: 0;}
.navbar-nav li ul li a { color: #fff; font-size: 20px; line-height: 22px; display: block;  }
.navbar-nav li ul li a > span.sub-text-org { font-size: 16px; color: #f89a1c }
.navbar-nav li ul li a:hover { text-decoration: none; color: #f89a1c }
.navbar-nav.moves-out > li > a, .navbar-nav.moves-out > li.menu-login-aera {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;pointer-events: none;cursor: default;text-decoration: none;}
.sub1 {  -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out; top: 0px;-webkit-transform: translateX(102%);-moz-transform: translateX(102%);-ms-transform: translateX(102%);-o-transform: translateX(102%);transform: translateX(102%);}
.sub2 {  -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out; top: 0px;-webkit-transform: translateX(102%);-moz-transform: translateX(102%);-ms-transform: translateX(102%);-o-transform: translateX(102%);transform: translateX(102%);}
.sub1.subnav  { opacity: 1;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%); padding:0}
.sub2.subnav2 { opacity: 1;-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%); padding:0}
.menu-setting~.menu-help .sub2 {top: 0px;}
.navbar-nav > li.menu-login-aera { border-top: none; border-bottom: 1px #545861 solid;  padding-top: 20px; padding-bottom: 20px}
.navbar-nav > li.menu-login-aera { display: none }
.navbar-nav {margin-left: 20px;margin-top: 50px;margin-bottom: 10px;}
.navbar-nav > li { float: left; margin: 0 15px;}
div.nav-profile { margin-top: 12px }
/*.navbar.navbar-inverse.navbar-collapsed ul.navbar-nav {margin-top: 25px;}*/
.navbar.navbar-inverse.navbar-collapsed .navbar-nav li > a { padding: 0 }
.nav-options .nav li {padding-left: 10px;padding-right: 10px;}
.nav-profile ul li.login-user .dropbtn span { display: block }
.nav-profile ul li.login-user .dropbtn:hover { text-decoration: none }
.nav-profile ul li.login-user .dropbtn { display: flex; flex-direction: row; width: 100% }
.nav-profile ul li.login-user .dropbtn .mp-proile-icon { width: 26px; height: 26px ; display: block; color: #000; display: flex; justify-content: center; align-items: center; font-size:14px; font-weight: bold; margin-right: 10px; background-size: 100%; text-transform: uppercase}
.nav-profile ul li.login-user .dropbtn .mp-proile-icon img { width: 100%; height: 100% }
.nav-profile ul li.login-user .dropbtn .addusernew {display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: column;}
.nav-profile ul li.login-user .dropbtn .addusernew .subtext1 { font-size: 12px; line-height: 12px; margin-bottom: 3px }
.nav-profile ul li.login-user .dropbtn .addusernew .subtext2 { font-size: 10px; line-height: 12px; color: #f89a1c }
.nav-profile ul li.login-user .dropbtn .addusernew .subtext2.switch-text { font-size: 11px; line-height: 12px; color: #828280 }
.nav-profile ul li.login-user .dropbtn #switchtop.subtext2 { font-size: 11px; line-height: 12px; color: #828280 }
.nav-profile ul li .dropdown-content { margin-top: 0px }
.nav-profile ul li.login-user .dropdown-content { right: -60px }
.nav-profile ul li.login-user .dropdown-content a {color: #fff;padding: 12px 0 12px 16px;text-decoration: none;display: block;/*border-bottom: 1px #6a6a6a solid;*/font-size: 16px; line-height: 18px}
.nav-profile ul li.login-user .dropdown-content a.cd-subnav-trigger { display: flex; border-bottom:none; }
.nav-profile ul li.login-user .dropdown-content a span.sub-text-org {color: #f89a1c;font-size: 16px;}
.nav-profile ul li .dropdown-content a:hover {background-color: #000;color:#f89a1c;}
.nav-profile ul li .dropdown-content a span.sub-text-org {color:#f89a1c;font-size: 16px; width: 170px;
display: block;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;}
/*.navbar-inverse .lang-text-mobile {margin-top: 16px;position: absolute;right: 90px;top: 0;background: 0;border: 0;outline: 0;display: none;}*/
.navbar-inverse .navbar-toggle {padding: 0;}
.navbar-toggle .icon-bar {width: 24px;}
.navbar-nav li ul li a > span.sub-text-org { font-size: 20px }
.nowid-mm { position: relative; }
.logout-mm {position: absolute;right: 0;}
.logout-mm .btn-logout {cursor: pointer; background: none;-webkit-transition: .4s;transition: .4s;border: 1px white solid;font-size: 12px;height: 24px;width: 70px;text-align: center; border-radius: 30px; padding-top: 2px;}
.logout-mm .btn-logout:hover { color: #f89a1c }
/*.navbar-inverse .lang-text-mobile {margin-top: 16px;position: absolute;right: 90px;top: 0;background: 0;border: 0;outline: 0;display: none;}*/
.lang-text-mobile.mob-eng ~ .profile-text-mobile {right: 150px;}

.login-user .logout-mm {padding-top: 2px;}
.nav-profile ul li.login-user.web .dropdown-content { min-width: 170px; padding:10px 15px 15px 15px }
.nav-profile ul li.login-user.web .dropdown-content a.cd-subnav-trigger-menu { border:none; display: flex; justify-content: flex-start ; flex-direction: row; padding: 8px 0; align-items: center;}
.nav-profile ul li.login-user.web .dropdown-content .addbtn { margin-top: 0px }
.nav-profile ul li.login-user.web .dropdown-content a  ~  .addbtn { margin-top: 20px }
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon { width: 26px; height: 26px ;color: #000; display: flex; justify-content: center;; align-items: center; font-size:14px; font-weight: bold; margin-right: 10px;text-transform: uppercase;}
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon img { width: 100%; height: 100% }
.nav-profile ul li.login-user.web .dropdown-content .title { color: #D8D8D8;font-size: 14px;margin-top: 10px;margin-bottom: 10px; }
/*.nav-profile ul li.login-user.web .profilename { color: #fff; font-size: 14px; line-height: 12px; margin-bottom: 3px;}*/
.nav-profile ul li.login-user.web a:hover .profilename { color: #f89a1c; }
.nav-profile ul li.login-user.web .addusers { background: #484848; color: #fff; border-radius: 30px;font-size: 14px; position: relative; padding: 4px 20px 4px 40px;}
.nav-profile ul li.login-user.web .addusers:hover { background: #f89a1c;}
.nav-profile ul li.login-user.web .manageusers { background: #484848; color: #fff; border-radius: 30px;font-size: 14px; position: relative; padding: 4px 20px 4px 20px;}
.nav-profile ul li.login-user.web .manageusers:hover { background: #f89a1c; }
.nav-profile ul li.login-user.web .addusers:before {display: inline-block;content: url('../img/icon/adduser-chevron.svg');width: 20px;height: 20px;position: absolute;left: 12px; top: 4px}
.nav-profile ul li.login-user.web .new { margin-left: 10px; margin-top: 4px;  color: #f89a1c; font-size: 14px}
.nav-profile ul li.login-user.web .addbtn {margin-bottom: 5px;}
.nav-profile ul li.login-user.web .addbtn a { padding: 0;}
.nav-profile ul li.login-user.web .dropdown-content a.outlink:last-child { border:none; }

.navbar-inverse .profile-text-mobile {/*margin-top: 16px;*/position: absolute;right: 130px;top: 0;background: 0;border: 0;outline: 0;display: none;
    top: 50%;
  transform: translate(0%, -50%);}
.navbar-inverse .profile-text-mobile .mp-proile-icon {width: 30px;height: 30px;display: block;color:#000;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: bold;margin-top: -3px;margin-right: 10px;text-transform: uppercase;}
.navbar-inverse .profile-text-mobile .mp-proile-icon img { width: 100%; height: 100% }
.allprofile .mp-proile-icon.adduser-icon-mm { background: #9b9b9b }
.allprofile .mp-proile-icon.adduser-icon-mm img { width: 25px; height: 25px }
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon.adduser-icon-mm { /*background: #9b9b9b */}
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon.adduser-icon-mm img { width: 20px; height: 20px }

.nav-options .nav li.more .outlink img {width: 18px;height: 18px;}
.nav-options .nav li a.outlink img {width: 20px; height: 20px;margin-left: 10px;margin-top: -6px;}
.navbar-nav label.switch, .nav li .setting-checkbox-wrapper .switch { width: 70px}
.navbar-nav label.switch, .nav li .flex-div .switch { width: 70px}
input:checked + .slider::before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);left: 32px;}
.nav-profile ul li .dropdown-content a {color: #fff;padding: 12px 0 12px 16px;text-decoration: none;display: block;border-bottom: 1px#6a6a6a solid;font-size: 16px;}
.nav-profile ul li .dropdown-content { padding-bottom: 15px }
.nav-profile ul li.login-user .dropbtn span { display: block;}
.nav-profile ul li.login-user .dropbtn {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;width: 100%;}
.nav-profile ul li.login-user.web .addbtn a {padding: 0;}
.nav-profile ul li.login-user .dropbtn span { display: block }
.nav-profile ul li.login-user .dropbtn:hover { text-decoration: none }
.nav-options .nav li.login-user a.dropbtn { display: flex; flex-direction: row; width: 100% }
.nav-profile ul li.login-user .dropbtn .mp-proile-icon { width: 26px; height: 26px ; display: block; color: #000; display: flex; justify-content: center; align-items: center; font-size:14px; font-weight: bold; margin-right: 10px; background-size: 100%;}
.nav-profile ul li.login-user .dropbtn .mp-proile-icon img { width: 100%; height: 100% }
.nav-profile ul li.login-user .dropbtn .addusernew { display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex; display: flex;flex-direction: column;}
.nav-profile ul li.login-user .dropbtn .addusernew .subtext1 { font-size: 12px; line-height: 12px; margin-bottom: 3px; color: #fff }
.nav-profile ul li.login-user .dropbtn .addusernew .subtext2 { font-size: 11px; line-height: 12px; color: #f89a1c }
.nav-profile ul li.login-user .dropbtn .addusernew .subtext2.switch-text { font-size: 11px; line-height: 12px; color: #828280 }
.nav-profile ul li .dropdown-content { margin-top: 0px }
.nav-profile ul li.login-user .dropdown-content { right: -60px }
.nav-profile ul li.login-user .dropdown-content a {color: #fff;padding: 12px 0 12px 16px;text-decoration: none;display: block;/*border-bottom: 1px #6a6a6a solid;*/font-size: 16px; line-height: 18px}
.nav-profile ul li.login-user .dropdown-content a.cd-subnav-trigger { display: flex; border-bottom:none; }
.nav-profile ul li.login-user .dropdown-content a span.sub-text-org {color: #f89a1c;font-size: 16px;}
.nav-profile ul li .dropdown-content a:hover {background-color: #000;color:#f89a1c;}
.nav-profile ul li .dropdown-content a span.sub-text-org {color:#f89a1c;font-size: 16px;}
.npx-modal .modal-header { border: none;}
.npx-modal .close {color: #d5d5d5;}
/*.navbar-inverse .profile-text-mobile {margin-top: 16px;position: absolute;right: 130px;top: 0;background: 0;border: 0;outline: 0;display: none;}*/
.navbar-inverse .profile-text-mobile .mp-proile-icon {width: 30px;height: 30px;display: block;color:#000;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: bold;margin-top: -3px;margin-right: 10px;}
.allprofile .mp-proile-icon.adduser-icon-mm { background: #9b9b9b }
.allprofile .mp-proile-icon.adduser-icon-mm img { width: 25px; height: 25px }
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon.adduser-icon-mm { /*background: #9b9b9b */}
.nav-profile ul li.login-user.web .dropdown-content .mp-proile-icon.adduser-icon-mm img { width: 20px; height: 20px }
.navbar-nav > li.menu-tvguide { padding: 0px; border: none; }
.nav-options .nav li.login-subscribe, .nav-options .nav li.login-user { margin-top: 4px; padding-left: 10px; padding-right: 10px;}
.nav-options .nav li.login-user a {font-size: 14px;color: #fff;}
.nav-options .nav li.login-subscribe a { font-size: 14px; color: #000;border-radius: 20px;background: #f89a1c; padding: 2px 15px;}

.npx-modal .modal-content {padding: 30px 30px 50px 30px; 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;}
#login.npx-modal .modal-content {padding: 30px;}
.modal-content .title { margin-top: 60px; text-align: center; color: #fff; font-size: 30px; line-height: 36px }
.modal-content .subtitle { margin-top: 10px; text-align: center; color: #fff; font-size: 20px; line-height: 26px }
.modal-content .profile-user { display: flex;justify-content: space-around; ; flex-direction: row; width: 100%; margin-top: 60px }
.modal-content .profile-user .user-p { cursor: pointer; width: 50%; margin-bottom: 60px; position: relative; }
.modal-content .profile-user.main-add.adduser-icon {flex-direction: column;align-items: center;margin-bottom: 60px;}
.modal-content .profile-user.main-add.adduser-icon .user-p {margin-bottom: 0px;width: initial;}
.modal-content .profile-user .user-p .bg-m { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; color: #000; font-size: 40px; font-weight: bold;margin: 0 auto; position: relative;text-transform: uppercase; }
.modal-content .profile-user .user-p .bg-m img { width: 80%; height: 80% }
.modal-content .profile-user.edit-p .user-p .bg-m img { width: 100%; height: 100% }
.modal-content .profile-user .user-p .name { text-align: center; margin-top: 15px; font-size: 17px; color: #fff; word-break: break-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-left: 5px; margin-right: 5px }
.modal-content .profile-user .user-p:hover { text-decoration: none }
.modal-content .profile-user .user-p:hover .name { color: #f89a1c; text-decoration: none }
.modal-content .profile-user .user-p:hover .bg-m { text-decoration: none }
.modal-content .profile-user.adduser-icon .user-p .bg-m img { width: 100%; height: 100% }
.modal-content .profile-user .submessage { font-size: 16px;color: #C4C4C4;line-height: 22px;text-align: center;width: 100%;margin-top: 20px;}
.modal-content .submessage { font-size: 16px;color: #C4C4C4;line-height: 22px;text-align: center;width: 100%;margin-top: 20px;padding:0 105px;}
.modal-content .profile-user.edit-p {display: flex; flex-direction: row; justify-content: center;margin-bottom: 30px;}
.modal-content .profile-user.edit-p .user-p { width: initial; margin:0; margin-right: 50px}
.modal-content .profile-user.edit-p .user-p .bg-m { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color: #000; font-size: 48px; font-weight: bold;margin: 0 auto; }
.modal-content .profile-user.edit-p .content-mpu { display: flex; flex-direction: column;justify-content: center; width: 100% }
.modal-content .profile-user.edit-p .content-mpu .input-con { display: flex; flex-direction: row }
.modal-content .profile-user.edit-p .content-mpu .input-con .usernameinput { background: none; border:none; border-bottom:1px #808080 solid; color:#fff; font-size: 20px;border-radius: 0; box-shadow: none; width: 320px}
.modal-content .profile-user.edit-p .content-mpu .input-con .note {color: #929292;font-size: 14px;margin-top: 5px;}
.modal-content .profile-user.edit-p .content-mpu .input-con .checkkid {/*  display: none; */ margin-top: 15px }
.modal-content .errormessage {color: #f89a1c;margin-top: 5px;display: none;text-align: center; margin-bottom: 30px;}

.modal-content .profile-user.edit-p .content-mpu .input-con .input-field { position: relative; /*margin-right: 10px;*/ width: 100%}
.modal-content .profile-user.edit-p .content-mpu .input-con .input-field input {font-size: 20px;padding: 10px 0;-webkit-appearance: none;display: block;color: #fff;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #808080; text-align:left; /*min-width: 320px*/}
.modal-content .profile-user.edit-p .content-mpu .input-con .input-field input:focus { outline: none!important;border-color: inherit;-webkit-box-shadow: none;box-shadow: none; }
.modal-content .profile-user.edit-p .content-mpu .input-con .input-field label {color: #fff; font-size: 18px;font-weight: normal;position: absolute;pointer-events: none;left: 0px;top: 10px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.modal-content .profile-user.edit-p .content-mpu .input-con .input-field input:focus ~ label, .modal-content .profile-user.edit-p .content-mpu .input-con .input-field input.used ~ label {top: -20px; left: 0px; font-size: 16px; color: #808080; text-align:left}
.modal-content .profile-user.edit-p .content-mpu .input-con .input-field.has-value input ~ label {top: -20px; left: 0px; font-size: 16px; color: #808080; text-align:left}
/*.modal-content .profile-user.edit-p .content-mpu .input-con .errormessage { display: none}
.modal-content .profile-user.edit-p .content-mpu .input-con.adderror .errormessage { color: #f89a1c; margin-top: 5px; display: block}
.modal-content .profile-user.edit-p .content-mpu .input-con.adderror ~ .changecolor-m { margin-top: 10px }*/

.modal-content .profile-user.delete-m { margin-top: 60px; margin-bottom: 30px; text-align: center; flex-direction: column;}
.modal-content .profile-user.delete-m .user-p { width: 100%; cursor: auto }
.modal-content .profile-user.delete-m .user-p:hover .name { color: #fff;}
.modal-content .profile-user.delete-m .content-mpu { margin-bottom: 20px }
.modal-content .profile-user.delete-m .content-mpu .title-d {text-align: center; color: #fff; font-size: 30px; margin-bottom: 20px; line-height: 36px; margin-left: 30px; margin-right: 30px}
.modal-content .profile-user.delete-m .content-mpu .sub-t, .modal-content .sub-title { text-align: center; color: #fff; font-size: 20px; margin-bottom: 12px; line-height: 26px; margin-left: 60px; margin-right: 60px}

textarea:focus, input:focus {color: #ff0000;border:none;}
input, select, textarea{color: #000;}

.modal-content .profile-user.edit-p .content-mpu .changecolor-m { margin-top: 20px; display: block; }
.modal-content .profile-user.edit-p .content-mpu .changecolor-m a { font-size: 16px; color: #c0c0c0; position: relative;padding-right: 20px; }

.modal-content .profile-user.edit-p .changecolor-m.mobile { margin-top: 20px; text-align: center; display: none }
.modal-content .profile-user.edit-p .changecolor-m.mobile a { font-size: 16px; color: #c0c0c0; position: relative;padding-right: 20px; }
.modal-content .profile-user.edit-p .content-mpu .changecolor-m a::before, 
.modal-content .profile-user.edit-p .changecolor-m.mobile a::before {content: "";display: block;background: url("../img/icon/change_icon.svg") no-repeat;background-position-y: 0%;background-position-y: 0%;float: left;width: 11px; height: 11px;position: absolute;top: 50%;right: 0; transform: translate(0,-50%);}
.modal-content .other-btn { margin-top: 60px; margin-bottom: 50px; display: flex; justify-content: space-around; }
.modal-content .other-btn a { display: flex; flex-direction: column; align-items: center; }
.modal-content .other-btn a .icon-bk { display: flex; justify-content: center; align-items: center; background: #484848; border-radius: 30px; width: 36px; height: 36px}
.modal-content .other-btn a .icon-bk img { width: 17px; height: 17px }
.modal-content .other-btn a .text { color: #808080; margin-top: 10px; font-size: 14px }
.modal-content .other-btn a:hover .text { color: #d5d5d5; text-decoration: none }

.modal-content .btn-area { display: flex;justify-content: center; flex-direction: row; margin-bottom: 50px }
.modal-content .btn-area:last-child {margin-bottom: 0px}
.modal-content .btn-area .border-btn { border-radius: 30px;border: 2px #d5d5d5 solid;padding: 4px 30px;font-size: 16px;color:#d5d5d5; cursor: pointer; text-align: center;}
.modal-content .btn-area .border-btn a { color: #d5d5d5  }
.modal-content .btn-area .border-btn:hover {border: 2px #808080 solid; color: #808080}
.modal-content .btn-area .border-btn:hover a { text-decoration: none; color: #808080 }
.modal-content .btn-area .border-btn.nonborder { border:none; }
.modal-content .btn-area .border-btn.nonborder:hover {color: #808080}
.modal-content .btn-area .border-btn.orange-btn { border: 2px #f89a1c solid; background: #f89a1c; color: #fff }
.modal-content .btn-area .border-btn.orange-btn:hover {border: 2px #F37D16 solid; background: #F37D16; color: #fff}
.modal-content .btn-area .border-btn.orange-btn a { color: #fff }
.modal-content .btn-area .border-btn.orange-btn a:hover { color: #fff }

.styled-checkbox {position: absolute;opacity: 0;}
.styled-checkbox + label {position: relative;cursor: pointer;padding: 0;color: #d5d5d5;font-size: 16px;}
.styled-checkbox + label:before {content: ''; margin-right: 10px;display: inline-block; vertical-align: text-top;width: 20px;height: 20px;background: #1f1f1f; border:2px #929292 solid;}
.styled-checkbox:hover + label:before {background: #1f1f1f; border:2px #929292 solid;}
.styled-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);}
.styled-checkbox:checked + label:before {background: #1f1f1f; border:2px #929292 solid;}
.styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
.styled-checkbox:checked + label:after {content: '';position: absolute;left: 5px;top: 10px;background: #f89a1c; width: 3px;height: 3px;box-shadow: 2px 0 0 #f89a1c, 4px 0 0 #f89a1c, 4px -2px 0 #f89a1c, 4px -4px 0 #f89a1c, 4px -6px 0 #f89a1c, 4px -8px 0 #f89a1c;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.modal-content .profile-user.edit-p .content-mpu.choosecolor-m { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row; justify-content: space-between; width: 60%; flex-wrap: wrap; align-items: flex-start; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer {width: 20%; height: 60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;margin: 0;justify-content: center; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"] {display: none;}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer img { cursor: pointer; width: 40px; height: 40px}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer .radiobtn {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row; justify-content: center;align-items: center; border-radius: 50px; /*width: 40px; height: 40px;*/}
/*.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"]:checked  ~  .radiobtn { border:1px solid #009aff; border-radius: 50px;width: 40px; height: 40px; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"]:checked  ~  .radiobtn img { width: 34px; height: 34px }*/
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"] ~ .radiobtn img.checked-color { position: absolute; display: none }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m .checkcontainer input[type="radio"]:checked  ~  .radiobtn img.checked-color { display:block; position: absolute; }
.addkidsmask { background: none; background: url(../img/icon/kid-chevron.svg) 0 0!important; border-radius:0 !important }

.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row; justify-content: space-between; width: 60%; flex-wrap: wrap; align-items: flex-start; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer {width: 20%; height: 60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;margin: 0;justify-content: center; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"] {display: none;}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer img { cursor: pointer; width: 40px; height: 40px}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer .radiobtn {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row; justify-content: center;align-items: center; border-radius: 50px; /*width: 40px; height: 40px;*/}
/*.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"]:checked  ~  .radiobtn { border:1px solid #009aff; border-radius: 50px;width: 40px; height: 40px; }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"]:checked  ~  .radiobtn img { width: 34px; height: 34px }*/
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"] ~ .radiobtn img.checked-color { position: absolute; display: none }
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"]:checked  ~  .radiobtn img.checked-color { display:block; position: absolute; }
.addkidsmask { background: none; background: url(../img/icon/kid-chevron.svg) 0 0!important; border-radius:0 !important }

.modal-content .edituser-btn-m { position: absolute; top: 50%;left: 50%;transform: translate(35%, -30%); }
.modal-content .edituser-btn-m a {display: flex; flex-direction: column;align-items: center;}
.modal-content .edituser-btn-m a .icon-bk {display: flex;justify-content: center;align-items: center;background: #484848;border-radius: 50%;width: 30px;height: 30px;}
.modal-content .edituser-btn-m a .icon-bk img {width: 17px;height: 17px;}
.modal-content .colorface {  margin-top: 40px;}
.modal-content .colorface ul { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row;margin: 0; padding: 0; list-style: none; justify-content: center; align-items: center; }
.modal-content .colorface ul li { margin: 0; padding: 0; list-style: none; border-radius: 50%; margin-left: 8px; margin-right: 8px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;; justify-content: center; width: 30px; height: 30px; }
.modal-content .colorface .color1 { background: #E8EF0D }
.modal-content .colorface .color2 { background: #E50A98 }
.modal-content .colorface .color3 { background: #2ABE76 }
.modal-content .colorface .color4 { background: #F38E26; margin-left: 12px; margin-right: 12px}
.modal-content .colorface .color5 { background: #50CDFF }
.modal-content .colorface .color6 { background: #5738FF }
.modal-content .colorface .color7 { background: #FF587E }
.modal-content .colorface ul li:nth-child(4) { width: 60px; height: 60px }
.modal-content .colorface ul li:nth-child(4) img { width: 100%; height: 100%}
.modal-content .title { font-size: 25px; line-height: 30px; margin-bottom: 20px; margin-top: 30px}
.modal-content .subcon { padding-left: 45px; padding-right: 45px }
.modal-dialog.mid .modal-content .subcon {
    padding-left: 15px; 
    padding-right: 15px
}
.modal-content .subcon p{font-size: 16px; line-height: 22px; text-align: center; color: #fff; margin-bottom: 10px}
.modal-content .subcon p:last-child { margin-bottom: 40px; margin-top: 40px }
.modal-content .welcometitle {text-align: center;color:#fff;font-size: 26px;line-height: 32px; margin-top: 30px}
.modal-content .welcometitle ~ .title { font-size: 30px; margin-top: 20px }
.npx-modal .close, .npx-modal .back {color: #d5d5d5;}
.npx-modal .close span, .npx-modal .back span {padding-top: 2px;font-size: 20px;}
.npx-modal .close span {position: relative;padding-right: 30px}
.npx-modal .close span:before {content: "";display: block;background: url("../img/icon/close-chevron.svg") no-repeat;background-position-y: 0%;float: left;width: 20px;height: 20px; position: absolute; top: 6px; right: 0}
.npx-modal .back span { position: relative; padding-left: 30px }
.npx-modal .back span:before {content: "";display: block;background: url("../img/icon/arrow-l-white.svg") no-repeat;background-position-y: 0%;float: left;width: 20px;height: 20px; position: absolute; top: 5px; left: 0}
.npx-modal .back {display: block;background: none;border: none;padding: 0; margin: 0; margin-top: -3px}
.npx-modal .close:hover, .npx-modal .back:hover { color: #fff }
.navbar-brand img {height: 53px;width: 90px;}
.navbar-brand {padding: 20px 0}
.navbar.navbar-inverse.shownav .navbar-nav > li.menu-livechat > a { margin-top: 20px }
#searchModal .modal-header { width: 1200px; float: none; margin: 0 auto }
#searchModal .navbar-form {margin-top: 20px;}
.navbar-nav > li.sublayer-1 { display: none }
.navbar-nav > li.sublayer-2 { display: none }
.nowtv-content {padding: 0;}

::-webkit-input-placeholder { color: #fff;}
:-ms-input-placeholder { color: #fff;}
::placeholder {color: #fff;opacity: 1}


.bcolor1 { background:url(../img/color/color01.png); background-size: 100% }
.bcolor2 { background:url(../img/color/color02.png); background-size: 100% }
.bcolor3 { background:url(../img/color/color03.png); background-size: 100% }
.bcolor4 { background:url(../img/color/color04.png); background-size: 100% }
.bcolor5 { background:url(../img/color/color05.png); background-size: 100% }
.bcolor6 { background:url(../img/color/color06.png); background-size: 100% }
.bcolor7 { background:url(../img/color/color07.png); background-size: 100% }
.bcolor8 { background:url(../img/color/color08.png); background-size: 100% }
.bcolor9 { background:url(../img/color/color09.png); background-size: 100% }
.bcolor10 { background:url(../img/color/color010.png); background-size: 100% }
.bcolor11 { background:url(../img/color/color011.png); background-size: 100% }
.bcolor12 { background:url(../img/color/color012.png); background-size: 100% }
.bcolor13 { background:url(../img/color/color013.png); background-size: 100% }
.bcolor14 { background:url(../img/color/color014.png); background-size: 100% }
.bcolor15 { background:url(../img/color/color015.png); background-size: 100% }
.bcolor16 { background:url(../img/color/color016.png); background-size: 100% }

.kbcolor1 { background:url(../img/color/kcolor01.png); background-size: 100% }
.kbcolor2 { background:url(../img/color/kcolor02.png); background-size: 100% }
.kbcolor3 { background:url(../img/color/kcolor03.png); background-size: 100% }
.kbcolor4 { background:url(../img/color/kcolor04.png); background-size: 100% }
.kbcolor5 { background:url(../img/color/kcolor05.png); background-size: 100% }
.kbcolor6 { background:url(../img/color/kcolor06.png); background-size: 100% }
.kbcolor7 { background:url(../img/color/kcolor07.png); background-size: 100% }
.kbcolor8 { background:url(../img/color/kcolor08.png); background-size: 100% }
.kbcolor9 { background:url(../img/color/kcolor09.png); background-size: 100% }
.kbcolor10 { background:url(../img/color/kcolor010.png); background-size: 100% }
.kbcolor11 { background:url(../img/color/kcolor011.png); background-size: 100% }
.kbcolor12 { background:url(../img/color/kcolor012.png); background-size: 100% }
.kbcolor13 { background:url(../img/color/kcolor013.png); background-size: 100% }
.kbcolor14 { background:url(../img/color/kcolor014.png); background-size: 100% }
.kbcolor15 { background:url(../img/color/kcolor015.png); background-size: 100% }

.bcolor1-1 { background:url(../img/color/color01_shape01.png); background-size: 100% }
.bcolor1-2 { background:url(../img/color/color01_shape02.png); background-size: 100% }
.bcolor1-3 { background:url(../img/color/color01_shape03.png); background-size: 100% }
.bcolor1-4 { background:url(../img/color/color01_shape04.png); background-size: 100% }
.bcolor1-5 { background:url(../img/color/color01_shape05.png); background-size: 100% }
.bcolor2-1 { background:url(../img/color/color02_shape01.png); background-size: 100% }
.bcolor2-2 { background:url(../img/color/color02_shape02.png); background-size: 100% }
.bcolor2-3 { background:url(../img/color/color02_shape03.png); background-size: 100% }
.bcolor2-4 { background:url(../img/color/color02_shape04.png); background-size: 100% }
.bcolor2-5 { background:url(../img/color/color02_shape05.png); background-size: 100% }
.bcolor3-1 { background:url(../img/color/color03_shape01.png); background-size: 100% }
.bcolor3-2 { background:url(../img/color/color03_shape02.png); background-size: 100% }
.bcolor3-3 { background:url(../img/color/color03_shape03.png); background-size: 100% }
.bcolor3-4 { background:url(../img/color/color03_shape04.png); background-size: 100% }
.bcolor3-5 { background:url(../img/color/color03_shape05.png); background-size: 100% }
.bcolor4-1 { background:url(../img/color/color04_shape01.png); background-size: 100% }
.bcolor4-2 { background:url(../img/color/color04_shape02.png); background-size: 100% }
.bcolor4-3 { background:url(../img/color/color04_shape03.png); background-size: 100% }
.bcolor4-4 { background:url(../img/color/color04_shape04.png); background-size: 100% }
.bcolor4-5 { background:url(../img/color/color04_shape05.png); background-size: 100% }
.bcolor5-1 { background:url(../img/color/color05_shape01.png); background-size: 100% }
.bcolor5-2 { background:url(../img/color/color05_shape02.png); background-size: 100% }
.bcolor5-3 { background:url(../img/color/color05_shape03.png); background-size: 100% }
.bcolor5-4 { background:url(../img/color/color05_shape04.png); background-size: 100% }
.bcolor5-5 { background:url(../img/color/color05_shape05.png); background-size: 100% }
.bcolor6-1 { background:url(../img/color/color06_shape01.png); background-size: 100% }
.bcolor6-2 { background:url(../img/color/color06_shape02.png); background-size: 100% }
.bcolor6-3 { background:url(../img/color/color06_shape03.png); background-size: 100% }
.bcolor6-4 { background:url(../img/color/color06_shape04.png); background-size: 100% }
.bcolor6-5 { background:url(../img/color/color06_shape05.png); background-size: 100% }
.bcolor7-1 { background:url(../img/color/color07_shape01.png); background-size: 100% }
.bcolor7-2 { background:url(../img/color/color07_shape02.png); background-size: 100% }
.bcolor7-3 { background:url(../img/color/color07_shape03.png); background-size: 100% }
.bcolor7-4 { background:url(../img/color/color07_shape04.png); background-size: 100% }
.bcolor7-5 { background:url(../img/color/color07_shape05.png); background-size: 100% }
.bcolor8-1 { background:url(../img/color/color08_shape01.png); background-size: 100% }
.bcolor8-2 { background:url(../img/color/color08_shape02.png); background-size: 100% }
.bcolor8-3 { background:url(../img/color/color08_shape03.png); background-size: 100% }
.bcolor8-4 { background:url(../img/color/color08_shape04.png); background-size: 100% }
.bcolor8-5 { background:url(../img/color/color08_shape05.png); background-size: 100% }
.bcolor9-1 { background:url(../img/color/color09_shape01.png); background-size: 100% }
.bcolor9-2 { background:url(../img/color/color09_shape02.png); background-size: 100% }
.bcolor9-3 { background:url(../img/color/color09_shape03.png); background-size: 100% }
.bcolor9-4 { background:url(../img/color/color09_shape04.png); background-size: 100% }
.bcolor9-5 { background:url(../img/color/color09_shape05.png); background-size: 100% }
.bcolor10-1 { background:url(../img/color/color010_shape01.png); background-size: 100% }
.bcolor10-2 { background:url(../img/color/color010_shape02.png); background-size: 100% }
.bcolor10-3 { background:url(../img/color/color010_shape03.png); background-size: 100% }
.bcolor10-4 { background:url(../img/color/color010_shape04.png); background-size: 100% }
.bcolor10-5 { background:url(../img/color/color010_shape05.png); background-size: 100% }
.bcolor11-1 { background:url(../img/color/color011_shape01.png); background-size: 100% }
.bcolor11-2 { background:url(../img/color/color011_shape02.png); background-size: 100% }
.bcolor11-3 { background:url(../img/color/color011_shape03.png); background-size: 100% }
.bcolor11-4 { background:url(../img/color/color011_shape04.png); background-size: 100% }
.bcolor11-5 { background:url(../img/color/color011_shape05.png); background-size: 100% }
.bcolor12-1 { background:url(../img/color/color012_shape01.png); background-size: 100% }
.bcolor12-2 { background:url(../img/color/color012_shape02.png); background-size: 100% }
.bcolor12-3 { background:url(../img/color/color012_shape03.png); background-size: 100% }
.bcolor12-4 { background:url(../img/color/color012_shape04.png); background-size: 100% }
.bcolor12-5 { background:url(../img/color/color012_shape05.png); background-size: 100% }
.bcolor13-1 { background:url(../img/color/color013_shape01.png); background-size: 100% }
.bcolor13-2 { background:url(../img/color/color013_shape02.png); background-size: 100% }
.bcolor13-3 { background:url(../img/color/color013_shape03.png); background-size: 100% }
.bcolor13-4 { background:url(../img/color/color013_shape04.png); background-size: 100% }
.bcolor13-5 { background:url(../img/color/color013_shape05.png); background-size: 100% }
.bcolor14-1 { background:url(../img/color/color014_shape01.png); background-size: 100% }
.bcolor14-2 { background:url(../img/color/color014_shape02.png); background-size: 100% }
.bcolor14-3 { background:url(../img/color/color014_shape03.png); background-size: 100% }
.bcolor14-4 { background:url(../img/color/color014_shape04.png); background-size: 100% }
.bcolor14-5 { background:url(../img/color/color014_shape05.png); background-size: 100% }
.bcolor15-1 { background:url(../img/color/color015_shape01.png); background-size: 100% }
.bcolor15-2 { background:url(../img/color/color015_shape02.png); background-size: 100% }
.bcolor15-3 { background:url(../img/color/color015_shape03.png); background-size: 100% }
.bcolor15-4 { background:url(../img/color/color015_shape04.png); background-size: 100% }
.bcolor15-5 { background:url(../img/color/color015_shape05.png); background-size: 100% }




/* setting-moreapp */
.theme-setting .forwebsite .row {display: flex;justify-content: flex-start;flex-wrap: wrap;}
.theme-setting .right-content-m .min-height-m {min-height: auto;}
#channelMore { /*margin-top: 30px*/ }



/*20200908*/
.app-download .app-rt img,
.app-download .app-rb img,
.app-download .app-huawei img {
    width: 104px;
    height: 31px;
}
.footer .footer-menu {width: 61%;}
.footer .footer-more {width: 39%;}
.footer .app-download .app-icon-all {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.footer .app-download .app-icon-all .all-app-m {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
    width: 85%;
}
.footer .app-download { width: 100%; float: inherit; margin-left: 40px; }
.footer .app-download .app-left { 
    float: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.results-s .product-item .image.channel-poster { padding: 5% }
.results-s .product-item .image.channel-logo { padding: 5% }
.product-item .image.auto-search-channel { padding: 5%}
#searchModal .ch-item .image {
    padding: 5% 15%;
    background: -moz-linear-gradient(top, #333 0, #000 60%);
    background: -webkit-linear-gradient(top, #333 0, #000 60%);
    background: linear-gradient(to bottom, #333 0, #000 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);
}

/* Panda Home */
.live-tag,
.panda-live-tag {
    position: absolute;
    z-index: 1;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #F38E26;
    border-radius: 4px;
    padding: 1px 3px;
    top: 10px;
    left: 12px;
}

.panda-replay-tag {
    position: absolute;
    z-index: 1;
    color: #000;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #9E9E9E;
    border-radius: 4px;
    padding: 1px 3px;
    top: 10px;
    left: 12px;
}

.panda-exclusive-text {
    color: #F38E26;
}

/* homeMenu */
.ch-list-live.row {
    margin: 0;
    margin-bottom: 30px;
}

.ch-list-live .image {
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: url(../img/ch/Catalog-bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px #373737 solid;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    aspect-ratio: 16/9;
    align-items: center;
    overflow: hidden;
}

.ch-list-live .image:hover {}
.ch-list-live .image .img-name {
    text-transform: uppercase;
    position: absolute;
    top: 8px;
    left: 10px;
    color: #FFF;
    font-size: 24px;
    z-index: 1000;
    display: none;
}

.ch-list-live .ch-item {
    padding-left: 0;
    padding-right: 10px;
    cursor: pointer;
}

.ch-list-live .ch-item .content {
    position: relative;
    padding: 8px 10px 8px 0;
}

.ch-list-live .ch-item .content .title {
    color: #FFF;
    font-size: 14px;
    margin-bottom: 0px;
    /*text-overflow: -o-ellipsis-lastline;
    overflow: auto;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ch-list-live .ch-item .content .desc {
    color: #929292;
    width: 100%;
    font-size: 12px;
}

.product-list .product-item .content .time {
    font-size: 12px;
    margin-bottom: 0;
    color: #929292;
}

.ch-list-live .ch-item .content .time {
    font-size: 12px;
    margin-bottom: 0;
    color: #929292;
}

.ch-list-live .ch-item .content .desc span.text-free-w {
    font-size: 12px;
    margin-bottom: 0;
    color: #F38E26;
    margin-left: 3px
}

.ch-list-live .ch-item .content .price {
    position: absolute;
    bottom: 10px;
    right: 8px;
    margin-bottom: 0;
}

.ch-list-live .thumbnail {
    height: auto;
    width: 100%;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    background: 0;
}

.favorite-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 10px;
    bottom: 10px;
}

.addsubbtn {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    bottom: 10px;
}

.badgebtn {
    position: absolute;
    z-index: 999;
}

.topleftcon {
    position: absolute;
    top: 0px;
    left: 0px;
}

.topleftbtn {
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    background: -webkit-linear-gradient(#FFC415, #F26723);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 999;
}

.topleftfreebtn {
    position: absolute;
    top: 14px;
    left: 14px;
    font-size: 14px;
    line-height: 16px;
    background: #F38E26;
    z-index: 999;
    color: #000;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 8px;
}

.product-list .product-item .content .desc { margin: 0 }
.product-list .product-item .content .newtime { color:#F38E26; /*display: none*/}
.ch-list .ch-item .content .desc { margin: 0 }
.ch-list .ch-item .content .newtime { color:#F38E26; /*display: none*/}

/* .ch-item .image.poster { padding:0; }
.ch-item .image.explorepacks { padding:0; }
.ch-item .image.explorepacks .text {display:none; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;font-size: 18px;line-height: 22px;color: #fff; text-align: center; width: 80%}
.ch-item .image.explorepacks .sport-mask { display:none; position: absolute;top: 0;left: 0;z-index: 99; }
.ch-item .image.explorepacks .sport-mask img { width: 100% }
.product-item.non-poster .image { padding: 0 }
.product-item.non-poster .image img { display: none }
.product-item.non-poster .image .logo {display: -webkit-flex;-webkit-flex-direction: row;align-items: center;justify-content: center;}
.product-item.non-poster .image .logo img { display:block; width: 100%; margin-top: 39%; margin-bottom: 39%;margin-left: 15px;margin-right: 15px;margin-top: 30px;margin-bottom: 5px; }
.product-list .product-item.non-poster .content .desc { display: none }

.ch-item .image.ondemandbk {position: relative; background: url(../img/ch/Catalog-bk.png); background-repeat: no-repeat; background-size: cover;}
.ch-list-live .image.channel169 { padding:2% 13.5%; }

.comingrail { display: none }
.non-right-line { border-right: none!important }
.non-right-line2 { border-right: none!important } */



/*Home Loading */
.loading-home-m {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.loading-home-m img { width: 35px; height: 35px }
.row-header h2:empty { margin-bottom: 0}

.ch-list-live .image { padding:5% 15.5%; background: url("../img/vod/pc_bk.png") no-repeat;background-size: cover;}
.ch-list-live.freezone-rail .image { padding:0; background: none}

#muploadingbufferve { background: rgba(0, 0, 0, .8); position: fixed; width: 100%; height: 100%; z-index: 9999; transform: translate(-50%,-50%);left: 50%; top: 50%;}
#muploadingbufferve img { width: 35px; height: 35px; top: 50%;left: calc(50% - 20px);;transform: translate(-50%,-50%); position: absolute; }

.loading-home-m.homepreload { height: 400px}
.loading-home-m.homepreload img
{
     position: absolute; z-index: 9999; top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.row-header.non-content-mm { position: relative; width: 100% }
.row-header.non-content-mm h2
{
    text-align: center;
    font-size: 16px;
    margin: 0;
    color: #909090; 
    min-height: 400px;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.ch-list.home-landscape-rail .image {
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: url(../img/ch/Catalog-bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding:5% 15.5%;
}

.row-header.row-header-h2.recommended-rail h2 { margin-top: 20px; padding:0; }
.newface-detail .pic-border { width: 100% }
.pic-border.popupmodal {
    display: flex;
    align-items: center;
    position: relative;
    background: -moz-linear-gradient(top, #333 0, #000 60%);
    background: -webkit-linear-gradient(top, #333 0, #000 60%);
    background: linear-gradient(to bottom, #333 0, #000 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000', GradientType=0);
}
.mask-img {
    width: 100%;
}
.vod .vod-right .vod-infos .vod-info .value .value-more {
    margin-left: 15px
}
.slick-dots li button {
    width: 5px; height: 5px; padding: 0
}
.slick-dots li button:before {
    width: 5px; height: 5px; line-height: 5px
}
.slick-dots li button:before {
    font-size: 5px;
    -webkit-transform : scale(0.75); 
    display : inline-block
}
.slick-dots li {
    width: 5px;
    height: 5px;
    margin: 0 2px;
}
.slick-dots {
    bottom: 10px;
}

#alreadysubModal h3 {
    text-align: center;
}

.modal-content .chat-main .sub-title {
    margin-left:10px;
    margin-right:10px;
}

.modal-content .chat-main .tnc-title {
    margin: 15px 0;
}

.row-header.new-home-rail h2:empty{
    display:none
}

.row.list1.loading {
    display:none
}

.wzrk-alert {
    width: 400px!important;
    padding: 30px 30px 15px 30px!important;
    top: 50%!important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)!important;
    transform: translate(-50%, -50%)!important;
    top: 50%!important;
    right: inherit!important;
    left: 50%!important;
    background-color: #191919!important;
    border: none!important;
}

.wzrk-overlay { 
    background-color: rgba(0,0,0,0.85)!important;
}

.wzrk-powered {
    margin-top: 20px!important;
}

.wzrk-alert-body {
    margin-bottom: 20px!important;
}

.wzrk-alert-heading {
    width: auto!important;
    color: #fff!important;
}

.wzrk-button-container button {
    border-radius: 25px!important;
}

.wzrk-button-container button#wzrk-confirm {
    background-color: #f89a1c!important;
    background: #f89a1c!important;
    color: #fff!important;
}

.wzrk-button-container button#wzrk-cancel {
    background-color: none!important;
    background: none!important;
    color: #929292!important;
}

.wzrk-powered a {
    color: #929292!important;
}

/*body.modal-open .container,
body.modal-open .home-sldr-fixed,
body.modal-open .footer,
body.modal-open .footer-bottom {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}*/



/*Kids color shape*/
.color01_shape01 { background:url(../img/color/color01_shape01.png); background-size: 100% }
.color02_shape01 { background:url(../img/color/color02_shape01.png); background-size: 100% }
.color03_shape01 { background:url(../img/color/color03_shape01.png); background-size: 100% }
.color04_shape01 { background:url(../img/color/color04_shape01.png); background-size: 100% }
.color05_shape01 { background:url(../img/color/color05_shape01.png); background-size: 100% }
.color06_shape01 { background:url(../img/color/color06_shape01.png); background-size: 100% }
.color07_shape01 { background:url(../img/color/color07_shape01.png); background-size: 100% }
.color08_shape01 { background:url(../img/color/color08_shape01.png); background-size: 100% }
.color09_shape01 { background:url(../img/color/color09_shape01.png); background-size: 100% }
.color010_shape01 { background:url(../img/color/color010_shape01.png); background-size: 100% }
.color011_shape01 { background:url(../img/color/color011_shape01.png); background-size: 100% }
.color012_shape01 { background:url(../img/color/color012_shape01.png); background-size: 100% }
.color013_shape01 { background:url(../img/color/color013_shape01.png); background-size: 100% }
.color014_shape01 { background:url(../img/color/color014_shape01.png); background-size: 100% }
.color015_shape01 { background:url(../img/color/color015_shape01.png); background-size: 100% }

.color01_shape02 { background:url(../img/color/color01_shape02.png); background-size: 100% }
.color02_shape02 { background:url(../img/color/color02_shape02.png); background-size: 100% }
.color03_shape02 { background:url(../img/color/color03_shape02.png); background-size: 100% }
.color04_shape02 { background:url(../img/color/color04_shape02.png); background-size: 100% }
.color05_shape02 { background:url(../img/color/color05_shape02.png); background-size: 100% }
.color06_shape02 { background:url(../img/color/color06_shape02.png); background-size: 100% }
.color07_shape02 { background:url(../img/color/color07_shape02.png); background-size: 100% }
.color08_shape02 { background:url(../img/color/color08_shape02.png); background-size: 100% }
.color09_shape02 { background:url(../img/color/color09_shape02.png); background-size: 100% }
.color010_shape02 { background:url(../img/color/color010_shape02.png); background-size: 100% }
.color011_shape02 { background:url(../img/color/color011_shape02.png); background-size: 100% }
.color012_shape02 { background:url(../img/color/color012_shape02.png); background-size: 100% }
.color013_shape02 { background:url(../img/color/color013_shape02.png); background-size: 100% }
.color014_shape02 { background:url(../img/color/color014_shape02.png); background-size: 100% }
.color015_shape02 { background:url(../img/color/color015_shape02.png); background-size: 100% }

.color01_shape03 { background:url(../img/color/color01_shape03.png); background-size: 100% }
.color02_shape03 { background:url(../img/color/color02_shape03.png); background-size: 100% }
.color03_shape03 { background:url(../img/color/color03_shape03.png); background-size: 100% }
.color04_shape03 { background:url(../img/color/color04_shape03.png); background-size: 100% }
.color05_shape03 { background:url(../img/color/color05_shape03.png); background-size: 100% }
.color06_shape03 { background:url(../img/color/color06_shape03.png); background-size: 100% }
.color07_shape03 { background:url(../img/color/color07_shape03.png); background-size: 100% }
.color08_shape03 { background:url(../img/color/color08_shape03.png); background-size: 100% }
.color09_shape03 { background:url(../img/color/color09_shape03.png); background-size: 100% }
.color010_shape03 { background:url(../img/color/color010_shape03.png); background-size: 100% }
.color011_shape03 { background:url(../img/color/color011_shape03.png); background-size: 100% }
.color012_shape03 { background:url(../img/color/color012_shape03.png); background-size: 100% }
.color013_shape03 { background:url(../img/color/color013_shape03.png); background-size: 100% }
.color014_shape03 { background:url(../img/color/color014_shape03.png); background-size: 100% }
.color015_shape03 { background:url(../img/color/color015_shape03.png); background-size: 100% }

.color01_shape04 { background:url(../img/color/color01_shape04.png); background-size: 100% }
.color02_shape04 { background:url(../img/color/color02_shape04.png); background-size: 100% }
.color03_shape04 { background:url(../img/color/color03_shape04.png); background-size: 100% }
.color04_shape04 { background:url(../img/color/color04_shape04.png); background-size: 100% }
.color05_shape04 { background:url(../img/color/color05_shape04.png); background-size: 100% }
.color06_shape04 { background:url(../img/color/color06_shape04.png); background-size: 100% }
.color07_shape04 { background:url(../img/color/color07_shape04.png); background-size: 100% }
.color08_shape04 { background:url(../img/color/color08_shape04.png); background-size: 100% }
.color09_shape04 { background:url(../img/color/color09_shape04.png); background-size: 100% }
.color010_shape04 { background:url(../img/color/color010_shape04.png); background-size: 100% }
.color011_shape04 { background:url(../img/color/color011_shape04.png); background-size: 100% }
.color012_shape04 { background:url(../img/color/color012_shape04.png); background-size: 100% }
.color013_shape04 { background:url(../img/color/color013_shape04.png); background-size: 100% }
.color014_shape04 { background:url(../img/color/color014_shape04.png); background-size: 100% }
.color015_shape04 { background:url(../img/color/color015_shape04.png); background-size: 100% }

.color01_shape05 { background:url(../img/color/color01_shape05.png); background-size: 100% }
.color02_shape05 { background:url(../img/color/color02_shape05.png); background-size: 100% }
.color03_shape05 { background:url(../img/color/color03_shape05.png); background-size: 100% }
.color04_shape05 { background:url(../img/color/color04_shape05.png); background-size: 100% }
.color05_shape05 { background:url(../img/color/color05_shape05.png); background-size: 100% }
.color06_shape05 { background:url(../img/color/color06_shape05.png); background-size: 100% }
.color07_shape05 { background:url(../img/color/color07_shape05.png); background-size: 100% }
.color08_shape05 { background:url(../img/color/color08_shape05.png); background-size: 100% }
.color09_shape05 { background:url(../img/color/color09_shape05.png); background-size: 100% }
.color010_shape05 { background:url(../img/color/color010_shape05.png); background-size: 100% }
.color011_shape05 { background:url(../img/color/color011_shape05.png); background-size: 100% }
.color012_shape05 { background:url(../img/color/color012_shape05.png); background-size: 100% }
.color013_shape05 { background:url(../img/color/color013_shape05.png); background-size: 100% }
.color014_shape05 { background:url(../img/color/color014_shape05.png); background-size: 100% }
.color015_shape05 { background:url(../img/color/color015_shape05.png); background-size: 100% }

iframe.pop-if {
    height: inherit;
    margin-bottom: 0
}

.modal.in .modal-dialog {
    height: inherit;
}

.nav {
    display: flex;
    align-items:  center;
}

.nav-options .nav li.login-subscribe, 
.nav-options .nav li.login-user {
    margin-top: 0
}

#login.tologinmodal iframe {
    min-height: 600px
}

#login.loginmodal iframe {
    min-height: 300px
}

.navbar-nav li ul li {
    display: flex;
}

.navbar-nav li ul li a {
    display: flex;
    flex-direction: column;
}

.navbar-nav label.switch, 
.nav li .setting-checkbox-wrapper .switch {
    position: absolute;
    right: 0;
}

.navbar-nav li ul li a.outlink {
    flex-direction: row;
    align-items: center;
    display: flex;
}



/*kids profile */
.single-kids-icon {
    position: absolute;
    top: 280px;
    right: -45px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.single-kids-icon-bottom {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.home-show-kid-icon {
	display:none;
}

.single-kids-icon-home{
    position: absolute;
    bottom: -30px;
    z-index: -1;
    transform: rotateX(180deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.single-kids-icon-home.left{
   left: 20%;
}

.single-kids-icon-home.current-icon{
   left: 60%;
}
.single-kids-icon-home span{
    width: 50px;
    height: 50px;
    display: block;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    font-weight: bold;
    margin-right: 10px;
    background-size: 100%;
}

.single-kids-icon-home.right{
   left: 74%;
}

.checkkid {
    margin-top: 35px;
}

.checkkid .styled-checkbox {position: absolute;opacity: 0;}
.checkkid .styled-checkbox + label {position: relative;cursor: pointer;padding: 0;color: #d5d5d5;font-size: 16px; margin: 0; line-height: 24px}
.checkkid .styled-checkbox + label:before {content: ''; margin-right: 10px;display: inline-block; vertical-align: text-top;width: 24px;height: 24px;background: #1f1f1f; border:1px #fff solid; border-radius: 30px}
.checkkid .styled-checkbox:hover + label:before {background: #1f1f1f; border:1px #929292 solid;}
.checkkid .styled-checkbox:focus + label:before { box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);}
.checkkid .styled-checkbox:checked + label:before {background: #f89a1c; border:1px #f89a1c solid;}
.checkkid .styled-checkbox:disabled + label {color: #b8b8b8;cursor: auto;}
.checkkid .styled-checkbox:disabled + label:before {box-shadow: none;background: #ddd;}
.checkkid .styled-checkbox:checked + label:after {content: '';position: absolute;left: 6px;top: 12px;background: #000; width: 3px;height: 3px;box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

.kids-checked-note {
    color: #c4c4c4;
    font-size: 14px;
    margin-top: 8px;
    display: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.modal-content .profile-user {
    width: inherit;
    padding-left: 30px;
    padding-right: 30px;
}

#adduser-1 .single-kids-icon {
    top: 290px;
}

#edituser-1 .single-kids-icon {
    top: 265px;
}

#copyuser-1 .single-kids-icon {
    top: 340px;
}

#edituser-1 .content-mpu .input-con .note,
#copyuser-1 .content-mpu .input-con .note {
    display: none
}

.choose-all-con {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    width: 60%;
}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m {
    width: 100%;
}
.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid {
    width: 100%;
    margin-top: 20px;
}


.modal-content .profile-user.edit-p .content-mpu.choosecolor-m-kid .checkcontainer input[type="radio"]:checked ~ .radiobtn img.checked-color {
    width: 60px;
    height: 60px;
}

#whowatching .modal-content .profile-user,
#edituser-landing .modal-content .profile-user {
    padding:0; 
}

.fixed-banner.kidshome {
    background: #0C0128;
}

.fixed-banner.kidshome .navbar {
    background: #0c011e;
}

.fixed-banner.kidshome .footer {
    background: #0c011e;
}

.fixed-banner.kidshome .footer-bottom {
    background: #0c0132;
}


#searchModal .product-item .image.auto-search-channel img {
    max-height: inherit!important;
    padding-top: calc(41.5%)!important;
    padding-bottom: calc(41.5%)!important;
    width: inherit!important;
}

body.fixed-banner.kidshome .theme-showcase {
    margin-top: 50px;
}

body.fixed-banner.kidshome .home-show-kid-icon {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-left,
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-current-icon,
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-right {
    position: absolute;
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-left {
    left: 0;
    height: 30px;
    overflow: hidden;
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-left img {
    width: 60px; 
    height: 60px;
    margin-top: -32px;
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-current-icon {
    right: calc(10px + 100px);
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-current-icon .mp-proile-icon {
    width: 60px; 
    height: 30px;
    transform: rotate(180deg);
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-right {
    right: -5px;
    height: 35px;
    overflow: hidden;
}
body.fixed-banner.kidshome .home-show-kid-icon .single-kids-icon-right img {
    width: 60px; 
    height: 60px;
    margin-top: -26px;
}
body.fixed-banner.kidshome .kids-banner-shadow {
     position: absolute;
     z-index: 99;
     width: 100%;
     background: url(/img/kids/kids-shadow.png) 0 0 repeat-x;
     height: 13px;
     display: block;
}

body.fixed-banner .kids-banner-shadow {
     display: none;
}

body.fixed-banner.kidshome .nav-profile ul li .dropdown-content {
    background-color: #0c011e;
}

body.fixed-banner.kidshome .ch-list-live .image {
    background: url("../img/vod/pc_bk_kids.png")
}

.checkcontainer .radiobtn .checked-text {
    position: absolute;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
}

/* New sports style */
.main-header.sport-newrail {
    margin-top: 0;
    margin-bottom: 30px
}
.main-header.sport-newrail .l-nav {
    width: 100%
}
.main-header.sport-newrail .l-nav ul li a {
    font-size: 20px;
}
.promobanner {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.promobanner .banner-master {
    width: 100%;
    margin-bottom: 50px;
}
.promobanner .banner-master:last-child {
    margin-bottom: 0
}
.promobanner .webmode {
    display: block;
}
.promobanner .mobilemode {
    display: none
}
.promobanner img {
    width: 100%
}
.ch-list-live .image.sport-live {
    padding:0;
}

.ch-item .image.ondemandbk {
    background: url("../img/vod/pc_bk.png") no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 5% 15.5%;
}
.right-content-m.sport-content ul.sport-content-ul {
    padding:0;
    margin: 0 
}
.right-content-m.sport-content ul.sport-content-ul li {
    margin-bottom: 20px 
}
.right-content-m.sport-content .scheduledate {
    font-size: 18px; 
    color: #f38e24;
}
.right-content-m.sport-content .content-list {
    margin-top: 15px
}
.right-content-m.sport-content .content-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    webkit-transition: all 1s ease;
    moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.right-content-m.sport-content .content-list ul li .left-content-info {
    width: 70px
}
.right-content-m.sport-content .content-list ul li .left-content-info .time {
    font-size: 13px;
    color: #fff;
    margin-bottom: 5px
}
.right-content-m.sport-content .content-list ul li .left-content-info .channel-no {
    font-size: 12px;
    color: #9e9e9e;
}
.right-content-m.sport-content .content-list ul li:hover {
    /*background: none;*/
    cursor: pointer;
}
.right-content-m.sport-content .content-list .left-img {
    width: 30%;
}

.right-content-m.sport-content .content-list .right-content {
    cursor: inherit;
    width: 50%;
    padding-right: 15%;
}
.right-content-m .content-list ul li:empty:hover {
    cursor: inherit;
    background: none
}
.right-content-m.top-nav-watchlist-main ul {
    margin: 0 auto;
    /*overflow: hidden;
    white-space: nowrap;*/
}

.theme-mynow .top-nav-watchlist.mywatchlist {
    margin-top: 25px;
}
.top-nav-watchlist ul {
    /* overflow-x: auto;
    white-space: nowrap;
    overflow-x: scroll; */
    height: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
/* .top-nav-watchlist ul::-webkit-scrollbar {
    background-color: transparent;
    height: 10px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.top-nav-watchlist ul::-webkit-scrollbar-track {
    background: #545961;
    border-radius: 30px;
    height: 10px;
}

.top-nav-watchlist ul:hover::-webkit-scrollbar {
    height: 10px;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    display: block;
}
.top-nav-watchlist ul:hover::-webkit-scrollbar-thumb {
    background-color: #929291;
    border-radius: 30px;
    height: 10px;
}

@media (hover: none) {
  .top-nav-watchlist ul::-webkit-scrollbar {
    height: 10px;
  }
  .top-nav-watchlist ul::-webkit-scrollbar-thumb {
    background-color: #929291;
  }
}


.left-sidebar-m.l-nav ul::-webkit-scrollbar {
    background-color: transparent;
    height: 10px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

.left-sidebar-m.l-nav ul::-webkit-scrollbar-track {
    background: #545961;
    border-radius: 30px;
    height: 10px;
}

.left-sidebar-m.l-nav ul:hover::-webkit-scrollbar {
    height: 10px;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    display: none;
}
.left-sidebar-m.l-nav ul:hover::-webkit-scrollbar-thumb {
    background-color: #929291;
    border-radius: 30px;
    height: 10px;
    display: block;
}

@media (hover: none) {
  .left-sidebar-m.l-nav ul::-webkit-scrollbar {
    height: 10px;
  }
  .left-sidebar-m.l-nav ul::-webkit-scrollbar-thumb {
    background-color: #929291;
  }
} */
.l-nav ul:hover::-webkit-scrollbar {  width: 11px; height: 8px; display: block}
.l-nav ul:hover::-webkit-scrollbar-track {background: #333333;}
.l-nav ul:hover::-webkit-scrollbar-thumb { background-color: #6a6a6a;  border-radius: 6px}

.top-nav-watchlist ul:hover::-webkit-scrollbar {  width: 11px; height: 6px; display: block}
.top-nav-watchlist ul:hover::-webkit-scrollbar-track {background: #333333;}
.top-nav-watchlist ul:hover::-webkit-scrollbar-thumb { background-color: #6a6a6a;  border-radius: 6px}

.l-nav ul::-webkit-scrollbar,
.top-nav-watchlist ul::-webkit-scrollbar {
    width: 11px;
    height: 8px;
    display:none;
}
.l-nav ul::-webkit-scrollbar-track,
.top-nav-watchlist ul::-webkit-scrollbar-track {
    background: #333333;
}
.l-nav ul::-webkit-scrollbar-thumb,
.top-nav-watchlist ul::-webkit-scrollbar-thumb {
    background: #6a6a6a;;
}

/*.right-content-m.top-nav-watchlist-main ul:hover {
    overflow-x: scroll;
}*/
/*.right-content-m.top-nav-watchlist-main ul {
    padding-top: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    \&: :-webkit-scrollbar{display:none};
}*/
/* .right-content-m.top-nav-watchlist-main ul:hover {
    overflow-x: auto;
    overflow-y: hidden;
    ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    \&: :-webkit-scrollbar{display:none};
} */

.navbar.navbar-inverse ul.navbar-nav {
    margin-top: 50px;
    margin-bottom: 0;
    /*height: 52px;*/
}
.navbar.navbar-inverse.navbar-collapsed ul.navbar-nav {
    align-items: center;
}
.navbar.navbar-inverse.navbar-collapsed .nav-options {
    margin-top: 0;
    top:50%;
    transform: translate(0,-50%);
}

.main-header.toptab {
    margin-top: 10px;
    margin-bottom: 30px;
}
.main-header.toptab .l-nav ul {
    margin: 0 auto;
}
.main-header.toptab .l-nav ul li a {
    font-size: 20px
}

.ahbanner-rail-h2 {
    display: none
}
.container .product-list.slick-slider.row-banner {
    border: none;
    display: flex;
    justify-content: center;
}
.slick-slider.row-banner  .slick-list {
    padding:0!important; 
}
.slick-slider.row-banner  .slick-list .slick-track {
    transform: none!important;
    width: inherit!important;
}
.slick-slider.row-banner .slick-slide img.webimg {
    display: block;
}
.slick-slider.row-banner .slick-slide img.mobimg {
    display: none;
}

.right-content-m.top-nav-watchlist-main,
.right-content-m.sport-content {
    float: inherit;
    width: inherit;
}

/*.slick-lazyload-error.live-epg {
	padding: 5% 15.5%;
}*/
.slick-lazyload-error.live-epg {
	background: url("../img/vod/pc_bk.png") no-repeat;
	background-size: cover;
    color: white;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 20% 10%;
}
.ch-item .image img.slick-lazyload-error.live-epg[alt] {
    white-space: normal;
}

#downloadModal .app-download {
        text-align: center;
        width: 100%;
        margin: 0;
    }

    #downloadModal .app-download .app-left {
        float: none;
        /*! width: 175px; */
    }
    
    #downloadModal .app-download .app-left img {
        width: 100px;
        height: 100px
    }

    #downloadModal .dlapp-icon {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        justify-content:center;
    }
    #downloadModal .dlapp-icon .app-rt,
    #downloadModal .dlapp-icon .app-rb,
    #downloadModal .dlapp-icon .app-huawei {
        margin-left: 10px;
        margin-right: 10px;
    }


.l-nav ul li.active {
    color: #fff;
    border-bottom: 2px #f38e24 solid;
    text-decoration: none;
}

.l-nav ul li.active a {
    border:none;
}

.l-nav ul li.active a:hover,
.l-nav ul li.active a:visited {
    border:none;
    color: #fff;
}

.subtrailer {
    display: flex;
    width: max-content;
    margin: 0 0 10px 0;
}

.subtrailer a {
    border: 1px white solid;
    border-radius: 8px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
}
/*.subtrailer:hover a {
    border: 1px #ef9727 solid;
}*/
.subtrailer a img {
    width: 10px;
    height: 10px;
    margin-right: 6px;
}

.subtrailer a span {
    color: #ffffff;
    font-size: 12px;
}
.subtrailer:hover a span{
    color: #ffffff;
    text-decoration: underline;
}

.smartbanner-show {
    margin: 0
}
.smartbanner-show body {
    padding-top: 91px;
    margin-top: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-show .navbar-fixed-top {
    top: 80px
}
.smartbanner-show .smartbanner {
    position: fixed;
    z-index: 10;
}
.smartbanner-show .fixed-banner .smartbanner {
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-show .fixed-banner.navbar-collapsed .smartbanner {
    top: -80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-show .fixed-banner .navbar-fixed-top {
	top: 80px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-show .fixed-banner.navbar-collapsed .navbar-fixed-top {
	top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fixed-banner #browser-alert {
    bottom: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.fixed-banner.navbar-collapsed #browser-alert {
    bottom: -100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.title-advertisment{
	position: relative;
}

.title-advertisment p.adver-p{
    display: flex;
    color:#616161;
    line-height: 14px;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.title-advertisment p.adver-p::after {
    content: url('../img/icon/icon_info.svg'); 
    width: 15px; 
    height: 15px;
    margin-left: 5px;
}

img.slick-lazyload-error {
    background: #404040;
}
.results-s img.slick-lazyload-error {
    background: none;
}
.results-s .ch-item .image {
    padding: 5% 15.5%;
}
.right-content-m.sport-content ul.sport-content-ul {
    margin-top: 15px
}

.theme-vod .vod .series-btn {
    width: 35px
}

.footer-bottom.main-footer-l {
    padding-bottom: 30px;
}

/* p : series part  */
.series-list-num .content .series-pop-des p{
	white-space: pre-line;
}







/* newdetailpage css begin*/
/* myself */
.subtext_expiry_time{
    /* width: 244px; */
    /*height: 19px;*/
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #F38E26;
    margin-top: 8px;
}
.detail-newcon .l-nav ul li.active a {
    color: #fff;
    /* color: #f38e24; */
    /* border-bottom: 2px #f38e24 solid;
    text-decoration: none;
    padding-bottom: 2px; */
}
.director .director-name, .cast .cast-name {
	cursor: pointer;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationM:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_M.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.M:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_M.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationG:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_G.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.G:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_G.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationPG:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_PG.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.PG:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_PG.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationR:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.R:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationA:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_A.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.A:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_A.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationC:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_C.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.C:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_C.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationMplus:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_Mplus.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.Mplus:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_Mplus.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationR-18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R-18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.R-18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R-18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationR18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.R18:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_R18.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationS:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_S.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.S:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_S.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationI:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_1.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.I:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_1.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationIIA:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2A.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.IIA:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2A.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationIIB:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2B.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.IIB:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2B.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classificationIII:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_3.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.classification.icon.III:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_3.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 0;
    /*transform: translate(0%, -50%);*/
    min-height: 16px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .main-play.none:before {
    display: none;
}
.newdetail-style .banner-area .detail-content .sub-more .sub-more-con {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
.newdetail-style .banner-area .detail-content .sub-more .classificationicon {
	margin-right: 5px;
    height: 20px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}
.newdetail-style .banner-area .detail-content .sub-more .classificationicon img {
	width: 16px;
    height: 16px;
}
.newdetail-style .banner-area .detail-content .sub-more .classificationicon.none {
	display: none;
}
.newdetail-style .banner-area .detail-content .sub-more .classificationname {
    /*width: 100%;*/
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-right: 2%;
    position: relative;
    max-width: 50%;
}
.newdetail-style .banner-area .detail-content .sub-more.sub-more-open .classificationname {
    max-width: inherit;
    overflow: inherit;
    -webkit-line-clamp: inherit;
    height: inherit;
}
.newdetail-style .banner-area .detail-content .sub-more .sub-more-left .smlist.classifi-con {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: flex-start;
}
.newdetail-style .banner-area .detail-content .sub-more .cast {
    /*width: 100%;*/
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-right: 2%;
    max-width: 50%;
}
/* myself end */



/* newdetailpage css */
.newdetail-style {
    
}
.detail-content {

}
.newdetail-style .vod { 
    padding: 0;
}
.newdetail-style .banner-area {
    position: relative;
}
.newdetail-style .banner-area .nonlandscapeposter.main-banner-bkbk { 
    /*width: 100%;*/
    /*object-fit: cover;*/
}
.newdetail-style .banner-area .main-banner-bkbk,
.banner-area .main-banner-bkbk { 
    width: 100%;
}
.newdetail-style .banner-area .main-banner-bkbk-non {
    width: 100%;
    position: absolute;
    z-index: -999;
}
.newdetail-style .banner-area .main-banner-image {
    width: 100%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
}
.banner-area .onlyposter {
    display: none;
}
.newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    justify-content: flex-end;
    top: 5%;
    right: 5%;
    left: inherit;
    transform: inherit;
    z-index: 9999;
}
.newdetail-style .nonlandscapeposter-banner.banner-area .onlyposter .nonimga-onlyposter {
    width: 65%;
}
.newdetail-style .nonlandscapeposter-banner.banner-area .nonlandscapeposter.main-banner-bkbk { 
    filter: blur(14px);
    width: 100%;
    height: auto!important;
}
.newdetail-style .banner-area .banner-image-bk {
    position: relative;
    z-index: 0;
    /*max-height: 675px;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden;
}
.newdetail-style .banner-area .gradient-banner {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.newdetail-style .banner-area .detail-content {
    color: #ffffff;
    padding: 0 24px 24px 24px
}
.newdetail-style .banner-area .detail-content .dcl-top {
    /*margin-bottom: 24px;*/
    position: absolute;
    /*bottom: 107px;*/
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    bottom: 102.1px!important;
    width: 95%;
}
.newdetail-style .banner-area .detail-content .detail-content-left .dcl-top {
    /*position: absolute;*/
    /*bottom: 24px;*/
    z-index: 9999;
    width: 80%;
}
.newdetail-style .banner-area .detail-content .detail-content-right {
    position: absolute;
    bottom: 17px;
    right: 24px;
    z-index: 9999;
    width: 20%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-end;
}
.newdetail-style .banner-area .detail-content .d1_text {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newdetail-style .banner-area .detail-content .d2_text {
    color: #ffffff;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
}
.newdetail-style .banner-area.nonlandscapeposter-banner .detail-content .d2_text {
    margin-right: 30%;
    width: 70%;
}
.newdetail-style .banner-area .detail-content .sub_text_a {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*flex-wrap: wrap;*/
    color: #ffffff;
    margin-top: 8px;
    flex-direction: row;
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t {
    margin-right: 16px;
    position: relative;
    font-size: 14px;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t:last-child {
    margin-right: 0
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang1 {
    padding-left: 21px;
    /*white-space: nowrap;*/
    max-width: 40%;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang1:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_AudioLang.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang2 {
    padding-left: 21px;
    max-width: 40%;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang2:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_Subtitle.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang3,
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist.version {
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 25ch;
}
.newdetail-style .banner-area .detail-content .sub_text_a .sub_t.lang3.label_4k {
    text-decoration: underline;
}
.newdetail-style .banner-area .detail-content .d-content {
    font-size: 16px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 16px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.newdetail-style .banner-area .detail-content .sub-more {
    /*margin-top: 16px;*/
    font-size: 14px;
    color: #BDBDBD;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.newdetail-style .banner-area .detail-content .sub-more .sub-more-left {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    width: 90%;
}
.newdetail-style .banner-area .detail-content .sub-more-open {
}
.newdetail-style .banner-area .detail-content .sub-more .classification {
    /* max-width: 43%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-right: 4%;
    position: relative;
    padding-left: 24px; */
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    margin-right: 10px;
}


.newdetail-style .banner-area .detail-content .sub-more .classification.only1 {
    overflow: hidden;
    white-space: inherit;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/* .newdetail-style .banner-area .detail-content .sub-more .classification:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_m.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
} */

/* .newdetail-style .banner-area .detail-content .sub-more .cast {
    max-width: 43%;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-right: 4%;
} */
.newdetail-style .banner-area .detail-content .sub-more .more-btn {
    /*width: 10%;*/
    text-align: right;
    white-space: nowrap;
}
.newdetail-style .banner-area .detail-content .sub-more .more-btn a:after {
    display: inline-block;
    content: url('../img/vod/icon/icon_more_d.svg');
    width: 9px;
    height: 9px;
    margin-left: 8px;
}
.newdetail-style .banner-area .detail-content .sub-more .more-btn a {
    position: relative;
    color: #BDBDBD;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
.newdetail-style .banner-area .detail-content .sub-more .more-btn a:hover {
    text-decoration: none;
    color: #ffffff;
}

.newdetail-style .banner-area .detail-content .sub-more-open {
    /*margin-top: 16px;*/
    font-size: 14px;
    color: #BDBDBD;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
    width: 100%;
}
.newdetail-style .banner-area .detail-content .su-mm-more {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left {
    width: 43%;
    margin-right: 2%;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-right {
    width: 43%;
    margin-right: 2%;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist {
    margin-bottom: 4px;
    position: relative;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist:last-child {
    margin-bottom: 0;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist.lang1::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_AudioLang2.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist.lang2::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_Subtitle2.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist.lang1,
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .smlist.lang2 {
    padding-left: 21px;
}
.newdetail-style .banner-area .detail-content .sub-more-open .cast,
.newdetail-style .banner-area .detail-content .sub-more-open .director  {
    width: 100%;
    overflow: hidden;
    margin-right: 0%;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    max-width: 100%;
    /*flex-wrap: wrap;*/
}
.newdetail-style .banner-area .detail-content .sub-more-open .cast .cast-t,
.newdetail-style .banner-area .detail-content .sub-more-open .director .director-t {
    margin-right: 8px;
    min-width: 28px;
}
.newdetail-style .banner-area .detail-content .sub-more-open .cast .cast-t-all,
.newdetail-style .banner-area .detail-content .sub-more-open .director .cast-t-all {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 85%;
}
.newdetail-style .banner-area .detail-content .sub-more-open .cast .cast-name,
.newdetail-style .banner-area .detail-content .sub-more-open .director .director-name  {
    background: #424242;
    border-radius: 20px;
    padding: 2px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.newdetail-style .banner-area .detail-content .sub-more-open .cast .cast-name:last-child {
    margin-right: 0px;
}

.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left .classification {
    max-width: 100%;
    overflow: inherit;
    white-space: wrap;
    text-overflow: inherit;
    -webkit-line-clamp: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-right: 0%;
    position: relative;
    padding-left: 24px;
}
/* .newdetail-style .banner-area .detail-content .sub-more-open .classification:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_m.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
    min-height: 16px;
} */
.newdetail-style .banner-area .detail-content .more-btn-less {
    width: 10%;
    text-align: right;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    justify-content: end;
    margin-bottom: -2px;
}
.newdetail-style .banner-area .detail-content .more-btn-less a {
    position: relative;
    color: #BDBDBD;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
.newdetail-style .banner-area .detail-content .more-btn-less a:after {
    display: inline-block;
    content: url('../img/vod/icon/icon_more_u.svg');
    width: 9px;
    height: 9px;
    margin-left: 8px;
}
.newdetail-style .banner-area .detail-content .more-btn-less a:hover {
    text-decoration: none;
    color: #ffffff;
}
.newdetail-style .banner-area .detail-content .btn-a-all {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    margin-top: 24px;
    align-items: flex-start;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.newdetail-style .banner-area .detail-content .btn-a-all a .main-play {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.newdetail-style .banner-area .detail-content .btn-a-all a:hover .main-play {
    background: #F37D16;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    /*margin-left: 32px;*/
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a {
    margin-right: 32px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a:last-child {
    margin-right: 0px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a .btn-style2 {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    cursor: pointer;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a:hover .btn-style2 {
    color: #f38e24;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub a:last-child {
    margin-right: 0;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .btn-style2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    color: #FFFFFF;
    min-height: 40px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .ntrailer:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_trailer.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .ntrailer:hover:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_trailer_hover.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nwatchlist:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_Add.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nwatchlist:hover:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_Add_hover.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nwatchlist.active {
    color: #f38e24;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nwatchlist.active:before {
    display: inline-block;
    content: url('../img/vod/icon/addedwatchlist-chevron.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nshare:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_Share.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_like.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate:hover:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_like_hover.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate.active:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_like_active.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate.like:before {
    /* content: url('../img/vod/icon/icon_btn_like.svg');
    border-style: solid;
    border-color: yellow; */
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nrate.disLike:before {
    /* content: url('../img/vod/icon/icon_btn_dislike.png');
    border-style: solid;
    border-color: yellow; */
}
#likeDilikeModal .pop.like:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_like.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
#likeDilikeModal .pop.like.active:before {
    content: url('../img/vod/icon/icon_btn_like_active.svg');
    border-style: solid;
    border-color: yellow;
}
#likeDilikeModal .pop.dislike:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_btn_dislike.svg');
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
#likeDilikeModal .pop.dislike.active:before {
    content: url('../img/vod/icon/icon_btn_dislike_active.svg');
    border-style: solid;
    border-color: yellow;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nothertime:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_othertime.svg');/* TODO */
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .group_btn_sub .nmoreondemand:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_moremore.svg');/* TODO */
    width: 24px;
    height: 24px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 8px;
}
.newdetail-style .banner-area .detail-content {
    /*margin-top: -296px;*/
    /*position: absolute;
    bottom: 0;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
}
.df-content {
    display: block;
}
.df-content-more {
    display: none;
}
.newdetail-style .banner-area .detail-content .detail-content-more {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    position: absolute;
    width: 95%;
    top: 613px;
    align-items: flex-start;
}
.newdetail-style .banner-area .detail-content .detail-content-more .detail-content-more-left {
    width: 80%;
}
.newdetail-style .banner-area .detail-content .detail-content-more .detail-content-more-right {
    width: 20%;
    text-align: right;
    position: absolute;
    right: 0;
}
.newdetail-style .banner-area .detail-content .detail-content-more .detail-content-more-right img {
    height: 80px;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
}
.newdetail-style .banner-area .detail-content .btn-a-all .newbtn {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 226px;
    min-height: 40px;
    background: #F38E26;
    border-radius: 30px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    position: relative;
    padding: 10px 30px;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
}
.newdetail-style .banner-area .detail-content .btn-a-all .newbtn .rentboldtext {
    font-weight: bold;
    margin-right: 10px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .newbtn .rentboldtt {
    font-weight: 600;
    margin-right: 15px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .main-play:before {
    display: inline-block;
    content: url('../img/vod/icon/icon_Playnocircle.svg');
    width: 20px;
    height: 20px;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 5px;
}
.newdetail-style .banner-area .detail-content .btn-a-all .main-play.freeandrent:before {
    display: inline-block;
    content: '';
    width:  inherit;
    height: inherit;
    /*display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;*/
    margin-right: 0;
}
.newdetail-style .banner-area .detail-content .btn-a-all a {
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    min-height: 40px;
}
.newdetail-style .banner-area .detail-content .btn-a-all a:hover {
    text-decoration: none;
}
.newdetail-style .banner-area .onlyposter {
    display: none;
}
.newdetail-style .banner-area.nonlandscapeposter-banner .onlyposter,
.banner-area.nonlandscapeposter-banner .onlyposter {
    display: flex;
}
.detail-newcon{
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.detail-newcon .main-header {
    /*margin-top: 26px;*/
    margin-bottom: 24px;
}
.detail-newcon .other-season-btn {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
}
.detail-newcon .other-season-btn a {
    background: none;
    color: white;
    border: 1px white solid;
    border-radius: 34px;
    padding: 6px 16px 6px 24px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-size: 14px;
}
.detail-newcon .other-season-btn a:hover {
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    color: #f38e24;
}
.detail-newcon .other-season-btn a:after {
    display: inline-block;
    content: url('../img/vod/icon/icon_arrow_r_btn.svg');
    width: 16px;
    height: 16px;
}
.newepisodes-list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 24px;
}
.newepisodes-list-tn {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 32px;
}
.newepisodes-list-tn:nth-child(4n+4) {
    margin-right: 0px;
}
.newepisodes-list-tn .tn-image-top {
    position: relative;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.newepisodes-list-tn .tn-image-top:hover {
    cursor: pointer;
}
.newepisodes-list-tn .tn-image-top:hover .tnimage-m {
    border: 1px solid #F38E26;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: .8;
}
.newepisodes-list-tn .tn-image-top .play-btn {
    position: absolute;
    bottom: 12px;
    right: 8px;
    z-index: 1;
}
.newepisodes-list-tn .tn-image-top .play-btn img {
    width: 30px;
    height: 30px;
}

.newepisodes-list-tn .tn-image-top .vodtngradient {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 0;
}
.newepisodes-list-tn .tn-image-top .vodtngradient img {
    width: 100%;
    height: 60%;
}

.os-poster .play-btn {
    position: absolute;
    bottom: 12px;
    right: 8px;
}
.os-poster  .play-btn img {
    width: 35px;
    height: 35px;
}

.newepisodes-list-tn .tn-image-top .tnimage-m {
    /*border: 1px solid #424242;*/
    border: 1px solid #373737;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-radius: 6px;
    aspect-ratio: 16/9;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding-top: calc(9 / 16 * 100%);
    
}
.newepisodes-list-tn-all.nonimagedisplaylogo .tn-image-top {
    background: linear-gradient(107.56deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 6px;
}
.newepisodes-list-tn-all.nonimagedisplaylogo .ep-image-n {
    display: none;
}
.newepisodes-list-tn .tn-image-top .tnimage-m .ep-image-n {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.newepisodes-list-tn .tnimage-m .ep-image-n.ch{
    padding: 5% 15.5%;
    background: url(../img/vod/pc_bk.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: inherit;
}
.newepisodes-list-tn-all.nonimagedisplaylogo .nonlandscapebk {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    border: 1px #424242 solid;
}
.newepisodes-list-tn-all.nonimagedisplaylogo .channellogo {
    position: absolute;
    width: 100%;
    text-align: center;
}
.newepisodes-list-tn-all.nonimagedisplaylogo .channellogo img {
    width: 70%;
    padding: 3% 0;
}
.newepisodes-list-tn .tn-image-top .tnimage-m .ep-image-n.nonimage {
    display: none;
}
.newepisodes-list-tn .progressbar_all {
    position: absolute;
    bottom: 6px;
    z-index: 9000;
    width: 100%;
}
.newepisodes-list-tn .progressbar_all .progressbar_bk {
    position: absolute;
    background: #616161;
    height: 6px;
    width: 100%;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.newepisodes-list-tn .progressbar_all .progresscurrent {
    position: absolute;
    background: #ffffff;
    height: 6px;
    z-index: 999;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 6px;
    -moz-border-radius-topleft: 0;
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-left-radius: 0;
}

.detail-newcon .l-nav ul li {
    margin-right: 0px;
    padding: 0 24px;
}
.detail-newcon .l-nav ul li a:hover {
    border: none
}
.detail-newcon .l-nav ul li:hover {
    color: #fff;
    border-bottom: 2px #f38e24 solid;
    text-decoration: none;
}
.newepisodes-list-tn .tn-des-text {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.newepisodes-list-tn .tn-des-text:hover .des-ep,
.newepisodes-list-tn .tn-des-text:hover .des-title,
.newepisodes-list-tn .tn-des-text:hover .des-text-t {
    text-decoration: underline;
}
.newepisodes-list-tn .tn-des-text .des-text-title {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
}
.newepisodes-list-tn .tn-des-text .des-text-title .group-t-1{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.newepisodes-list-tn .tn-des-text .des-text-title .des-ep {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #F1F1F1;
    margin-right: 6px;
    text-transform: uppercase;
}
.newepisodes-list-tn .tn-des-text .des-text-title .des-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #F1F1F1;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.newepisodes-list-tn .tn-des-text .des-text-title .newtag-m {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #212121;
    background: #F38E26;
    border-radius: 4px;
    padding: 0px 4px 0px 4px;
    height: 18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-top: 3px;
    white-space: nowrap;
}
.newepisodes-list-tn .tn-des-text .des-text-title .newtag-m.comingsoon {
    background: #9E9E9E;
/*    min-width: 80px;*/
}
.newepisodes-list-tn-all .newtag-m {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #212121;
    background: #F38E26;
    border-radius: 4px;
    padding: 8px 6px;
    height: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: max-content;
}
.newepisodes-list-tn-all .newtag-m.comingsoon {
    background: #9E9E9E;
}
.newepisodes-list-tn-all .newtag-m.notnewsep {
    display: none
}
.newepisodes-list-tn .tn-des-text .des-endday {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #929292;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t {
    padding-left: 24px;
    margin-right: 8px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification {
    padding-left: 0;
}
.newepisodes-list-tn .tn-des-text .des-endday .ens-day-t.tagstyle {
    background: #9E9E9E;
    border-radius: 4px;
    font-size: 12px;
    color: #212121;
    padding: 0px 4px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification1:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_1.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification2A:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2A.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification2B:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_2B.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification3:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_3.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-endday .mins-t.classification16:before {
    display: inline-block;
    content: url('../img/vod/icon/Classification_16.svg');
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    min-height: 16px;
}
.newepisodes-list-tn .tn-des-text .des-text-title .newtag-m.notnewsep {
    display: none
}
.newepisodes-list-tn .tn-des-text .des-text-t {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #A4A3A3;
    margin-top: 6px;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.detailimagegradient {
    background: linear-gradient(180deg, rgba(25, 25, 25, 0) 50%, #191919 100%);
    /*height: 675px;*/
    position: absolute;
    width: 100%;
    height: 675px;
    z-index: 99;
}
.mobilev-logo-a {
    position: relative;
    /*margin-right: 24px;*/
}
.mobilev-logo-a .detail-content-more-right {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    width: 12%;
}
.mobilev-logo-a .detail-content-more-right img {
    height: 100%;
    width: 100%;
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
    -webkit-box-shadow: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.5));
}
.newepisodes-list-tn .group-t-1 {
    display: none;
}
#otherseasonmore .modal-body .modal-title {
    font-weight: 400;
    font-size: 18px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}
#otherseasonmore.npx-modal .modal-body {
  padding: 0 0 20px 0;
}

.otherseason-poster-v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: row;
    flex-wrap: wrap;
}
.os-poster-all {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 39px;
}
.os-poster-all:nth-child(3n+3) {
    margin-right: 0
}
.os-poster-all:hover .os-poster{
    border: 1px solid #F38E26;
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.os-poster-all .os-poster {
    position: relative;
    border: 1px solid #373737;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.os-poster-all .otherseason-poster-img img {
    width: 100%;
}
.os-poster-all .os-poster {
    margin-bottom: 8px
}
.os-poster-all .otherdes .otherdes-title {
    font-weight: 600;
    font-size: 14px;
    color: #F1F1F1;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.os-poster-all .otherdes .otherdes-channel {
    font-size: 12px;
    color: #929292;
}
.detail-newcon .onlytittle {
    display: none;
}
.only-content-tt .onlytittle {
    /*padding: 0 24px;*/
    font-size: 20px;
    color: #F38E26;
    display: block;
}
.only-content-tt .other-season-btn {
    display: none
}
.only-content-tt .newepisodes-list {
    margin-top: 10px;
}
.only-content-tt .main-header.toptab {
    display: none;
}

.underbtnprogress,
.underbtnsubsciption {
    position: relative;
    margin-right: 32px;
}
.underbtnprogress .progressbar_all {
    margin-top: 14px;
    height: 6px;
}
.underbtnprogress .progressbar_bk {
    position: absolute;
    background: #616161;
    height: 6px;
    width: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.underbtnprogress .progresscurrent {
    position: absolute;
    background: #ffffff;
    height: 6px;
    z-index: 999;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.underbtnprogress .subtextsmall {
    margin-top: 6px;
    text-align: center;
    color: #F38E26;
    font-size: 14px;
}
.underbtnsubsciption .newbtn.cta-btn-style2 {
    background: none!important;
    border: 1px white solid;
    color: white!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.underbtnprogress a.pointer{
	cursor: pointer;
}
.newdetail-style .banner-area .detail-content .btn-a-all a:hover .cta-btn-style2 {
    border: 1px #F37D16 solid;
    color: #F37D16!important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


/*trailer css*/
.newepisodes-list.trailer-list .progressbar_all {
    display: none
}
.newepisodes-list.trailer-list .newepisodes-list-tn .tn-image-top .play-btn {
    bottom: 8px;
}

/*Recommended css*/
.newepisodes-list.recommended-list .os-poster-all {
    width: 15%;
    margin-right: 2%;
}
.newepisodes-list.recommended-list .os-poster-all:nth-child(6n+6) {
    margin-right: 0;
}
.newepisodes-list.recommended-list .os-poster-all:hover {
    cursor: pointer;
}
.newepisodes-list.recommended-list .no-content-m {
    text-align: center;
    font-size: 16px;
    margin: 0;
    color: #909090;
    min-height: 400px;
    float: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/*TV only*/
.tvonly-view .d1_text,
.tvonly-view .underbtnprogress,
.tvonly-view .df-content,
.tvonly-view .df-content-more .sub-more-right,
.tvonly-view.newdetail-style .banner-area .detail-content .sub_text_a,
.tvonly-view.newdetail-style .banner-area .detail-content .more-btn-less {
    display: none
}
.tvonly-view .df-content-more {
    display: block;
}
.tvonly-view .newepisodes-list-tn .tn-des-text .des-text-title .des-ep {
    text-transform: inherit;
}
.tvonly-view.newdetail-style .banner-area .detail-content .dcl-top {
    bottom: 87px!important;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left,
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-right {
    /*width: 100%;*/
    margin-right: 0;
}
.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-left {
    flex-direction: column;
}

.tvonly-view.newdetail-style .banner-area .detail-content .d-content,
.moreondemanddetil.newdetail-style .banner-area .detail-content .d-content {
    -webkit-line-clamp: inherit;
}

.moreondemanddetil {

}
.moreondemanddetil.newdetail-style .banner-area .detail-content .d1_text {
    background: #F38E26;
    border-radius: 4px;
    padding: 4px 8px;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.moreondemanddetil .underbtnprogress .progressbar_all {
    display: none;
}
.moreondemanddetil.newdetail-style .banner-area .detail-content .dcl-top {
    bottom: 97px!important;
}
.moreondemanddetil .df-content {
    display: none;
}
.moreondemanddetil .df-content-more {
    display: block;
}
.moreondemanddetil.newdetail-style .banner-area .detail-content .sub-more-open .sub-more-right,
.moreondemanddetil.newdetail-style .banner-area .detail-content .more-btn-less {
    display: none;
}

/*newdetail; more ondemand modal*/
#moremoreondemand.npx-modal .modal-content {
    padding: 0;
    position: relative;
}
#moremoreondemand.npx-modal .modal-header {
    position: relative;
    z-index: 9999;
    padding: 0;
}
#moremoreondemand.npx-modal .close {
    position: absolute;
    right: 20px;
    top: 20px;
}
#moremoreondemand .guide-pop.vod {
    margin-top: 0px;
}
#moremoreondemand .guide-pop.vod .banner-image-bk-modal {
    width: 100%;
    position: relative;
    z-index: 0;
    /*position: absolute;*/
}
#moremoreondemand .guide-pop.vod .banner-image-bk-modal .main-banner-bkbk-modal {
    width: 100%;
    height: 100%;
}
#moremoreondemand .guide-pop.vod .banner-image-bk-modal .detailimagegradient-modal {
    background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, #1f1f1f 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#moremoreondemand .guide-pop.vod .detail-content {
    padding: 15px;
}
#moremoreondemand .guide-pop.vod .dcl-top {
    /*position: absolute;
    top: 40%;*/
    width: 100%;
}
#moremoreondemand .guide-pop.vod .dcl-top .d1_text {
    background: #F38E26;
    border-radius: 4px;
    padding: 4px 8px;
    color: #000000;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    position: relative;    
}
#moremoreondemand .guide-pop.vod .dcl-top .d2_text {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    overflow: hidden;
    white-space: wrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 80%;
}
#moremoreondemand .guide-pop.vod .mobilev-logo-a .detail-content-more-right {
    display: block;
}
#moremoreondemand .guide-pop.vod .sub_text_a .sub_t.lang1 {
    padding-left: 21px;
}
#moremoreondemand .guide-pop.vod .sub_text_a .sub_t {
    position: relative;
    font-size: 14px;
}
#moremoreondemand .guide-pop.vod .sub_text_a {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  color: #ffffff;
  margin-top: 8px;
  flex-direction: row;
}
#moremoreondemand .guide-pop.vod .sub_text_a .sub_t.lang1::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_AudioLang.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}
#moremoreondemand .btn-a-all {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  margin-top: 24px;
  align-items: center;
  margin-bottom: 10px;
}
#moremoreondemand .btn-a-all .main-play::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_Playnocircle.svg');
  width: 16px;
  height: 16px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  margin-right: 5px;
}
#moremoreondemand .underbtnprogress {
    position: relative;
    margin-right: 0px;
    width: 100%;
}
#moremoreondemand .underbtnprogress a {
    width: 100%
}
#moremoreondemand .underbtnprogress .progressbar_all {
  margin-top: 14px;
  height: 6px;
  display: none;
}
#moremoreondemand .btn-a-all a {
  text-decoration: none;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  min-height: 40px;
}
#moremoreondemand .newbtn {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 226px;
  min-height: 40px;
  background: #F38E26;
  border-radius: 30px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  position: relative;
  padding: 10px 30px;
}
#moremoreondemand .group_btn_sub {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  margin-left: 0px;
  justify-content: space-around;
    width: 100%;
    margin-top: 20px;
}
#moremoreondemand .btn-style2 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  color: #FFFFFF;
  min-height: 40px;
  flex-direction: column;
}
#moremoreondemand .nwatchlist::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_Add.svg');
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 8px;
}
#moremoreondemand .nothertime::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_othertime.svg');/* TODO */
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 8px;
}
#moremoreondemand .nrecord::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_record.svg');/* TODO */
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 8px;
}
#moremoreondemand .nmoreondemand::before {
  display: inline-block;
  content: url('../img/vod/icon/icon_moremore.svg');/* TODO */
  width: 24px;
  height: 24px;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 8px;
}
#moremoreondemand .df-content-more {
    display: block
}
#moremoreondemand .d-content {
    color: #ffffff;
    font-size: 14px;
    -webkit-line-clamp: inherit;
    margin-bottom: 16px;
}
#moremoreondemand .classification {
  width: 100%;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-right: 0%;
  position: relative;
  padding-left: 24px;
  -webkit-line-clamp: inherit;
}
#moremoreondemand .classification.classm::before {
  display: inline-block;
  content: url('../img/vod/icon/Classification_M.svg');
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  top: 0;
  left: 0;
  transform: translate(0%, -50%);
  transform: translate(0%, 0%);
  min-height: 16px;
}
#moremoreondemand .detail-content-more {
    margin-top: 25px;
}
#moremoreondemand .sub-more-open {
  font-size: 14px;
  color: #BDBDBD;
}
#moremoreondemand .sub-more-right {
    display: none
}
#moremoreondemand .banner-area {
    padding-bottom: 20px;
}
#moremoreondemand .smlist {
    margin-bottom: 5px;
}
#moremoreondemand .group_btn_sub a:hover .btn-style2 {
    color: #f38e24;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .nonlandscapeposter.main-banner-bkbk-modal { 
    width: 100%;
    filter: blur(14px);
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .main-banner-bkbk-non-modal {
    width: 100%;
    position: absolute;
    z-index: 0;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area {
    position: relative;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .onlyposter {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    justify-content: center;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 9999;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .onlyposter .nonimga-onlyposter {
    width: 55%;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .main-banner-image-modal {
  width: 100%;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  overflow: hidden;
}
#moremoreondemand .nonlandscapeposter-banner.banner-area .banner-image-bk-modal {
    position: relative;
    z-index: 0;
    /*max-height: 675px;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden;
}
#moremoreondemand .main-banner-bkbk-non-modal {
    width: 100%;
    position: absolute;
    z-index: -1;
}
#moremoreondemand .main-banner-image-modal {
    width: 100%;
}
#moremoreondemand .main-banner-image-modal img {
    width: 100%;
}

.more-othertime-content {
    width: 100%;
    height: 100%;
    padding: 15px;
    background: #1f1f1f;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
}
.more-othertime-content .othertimetittle {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: white;
    margin-top: 15px;
}
.more-othertime-content .more-othertime-list {
    margin-bottom: 20px;
}
.more-othertime-content .more-othertime-list .more-othertime-date {
    color: #fff;
    font-size: 16px;
    border-bottom: 1px #6a6a6a solid;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.more-othertime-content .more-othertime-list ul {
    list-style: none;
    margin: 0;
    padding: 0; 
}
.more-othertime-content .more-othertime-list ul li {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}
.more-othertime-content .more-othertime-list ul li .channel-logo {
    background: linear-gradient(107.56deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border-radius: 6px;
    width: 140px;
    margin-right: 2%;
    padding: 5px 20px;
}
.more-othertime-content .more-othertime-list ul li .channel-logo img {
    width: 100%;
}
.more-othertime-content .more-othertime-list ul li  .showtime-t {
    font-size: 14px;
    color: #fff;
    width: 80px;
}
.more-othertime-content .more-othertime-list ul li  .channel-name {
    font-size: 14px;
    color: #909090;
}
.npx-modal .close span {
    text-shadow: #000 1px 0 10px;
}
.npx-modal .back {
    margin: 0;
    position: relative;;
}
.npx-modal .back a {
    background: none; 
    position: relative; 
}
.npx-modal .back a:before {
    content: "";
    display: block;
    background: url("../img/icon/arrow-l-white.svg") no-repeat;
    background-position-y: 0%;
    background-position-y: 0%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
.npx-modal .close span, .npx-modal .back span {
    padding-top: 0;
}
.npx-modal .close span::before {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
#moremoreondemand.npx-modal .close {
    right: 15px;
}
.btn-a-all.ifhave2ctabtn .underbtnsubsciption {
    display: flex;
}
.btn-a-all .underbtnsubsciption {
    display: none;
}
.rentedday {
    margin-top: 8px;
    font-size: 14px;
    color: #F38E26;
}
.d1_text:empty,
.sub_text_a .sub_t:empty,
.des-ep:empty,
.des-text-t:empty,
.smlist:empty { 
    display: none;
}

#searchModal .product-item .image.channel-poster {
    padding: 0%;
}

#searchModal .ch-item .image {
  background: url("../img/vod/pc_bk.png") no-repeat;
  background-size: cover;
  /*padding: 5%;*/
}

#searchModal .product-item .image {
  background: url("../img/vod/pc_bk.png") no-repeat;
  background-size: cover;
}

#searchModal .ch-item .image {
    background: url("../img/vod/pc_bk.png") no-repeat;
    background-size: cover;
}

#about4KVideoModal .about4k-video h3{
	color: #ef9727;
    text-align: center;
}

#about4KVideoModal .mess.m1{
	color: #fff;
}

#about4KVideoModal .mess.m2{
	color: #fff;
}

#about4KVideoModal .modal-footer1{
	/*position: absolute;
    left: 50%;*/
    margin-top: 25px;
    display: flex;
    justify-content: center;
}
#about4KVideoModal .check-mao {
	color: #fff;
	position: relative;
    float: left;
    /*left: -50%;*/
    /* width: 200px; */
    /*height: 200px;*/
}
#about4KVideoModal .check-mao .edit-checkbox {
    margin-right: 10px;
}
#about4KVideoModal .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
#about4KVideoModal .mess.notshow{
	justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}

#about4KVideoModal.npx-modal .btn-npx-style{
	background: none;
    border: 1px #fff solid;
}

#about4KVideoModal.npx-modal .btn-npx-style:hover{
	background: none;
    color: #ef9727;
    border: 1px #ef9727 solid;
}

#upgradeTo4KVideo .upgrade.title{
	color: #ef9727;
    text-align: center;
}

#upgradeTo4KVideo .upgrade.mess1{
	color: #fff;
    text-align: center;
}

#upgradeTo4KVideo .upgrade.mess2{
	color: #fff;
    text-align: center;
}

#upgradeTo4KVideo .upgrade.mess2 a{
	color: #ef9727;
}

#upgradeTo4KVideo .upgrade.mess3{
	color: #fff;
    text-align: center;
}

#upgradeTo4KVideo .foot4kclose{
    text-align: center;
    padding-left: 30%;
    padding-right: 30%;
    width: 100%;
}


/* Rate Tooltip */
#ratelikedislike .nrate.active{
	color: #f38e24;
}
.nrate:before {
    content: url('/img/vod/icon/icon_btn_like.svg')!important;
}
.nrate:hover:before {
    content: url('/img/vod/icon/icon_btn_like_hover.svg')!important;
}
/* .tippy-content .rate_like img:hover { */
.nrate.like img:hover:before {
    content: url('/img/vod/icon/icon_btn_like_hover.svg')!important;
}
.nrate.disLike img:hover:before {
    content: url('/img/vod/icon/icon_btn_dislike_hover.svg')!important;
}
.nrate.like:before {
    content: url('/img/vod/icon/icon_btn_like_active.svg')!important;
}
.nrate.disLike:before {
    content: url('/img/vod/icon/icon_btn_dislike_active.svg')!important;
}
.nrate.minus:before {
/*    content: url('/img/icon/close-chevron3.svg')!important;*/
}
.rate_background {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#ratelikedislike[aria-expanded="false"] {
    cursor: pointer;
}
#ratelikedislike[aria-expanded="false"] .nrate:hover {
    color: #f38e24;
}
#ratelikedislike[aria-expanded="true"] .nrate:before{
    cursor: pointer;
}
#ratelikedislike[aria-expanded="true"] .nrate:before {
    content: url('/img/icon/close-chevron3.svg')!important;
    z-index: 9999;
}
#ratelikedislike[aria-expanded="true"] .nrate:hover:before {
    content: url('/img/icon/close-chevron3_hover.svg')!important;
}
#ratelikedislike[aria-expanded="true"] .nrate span.text_t_likedis {
    z-index: 0;
}
.tippy-popper {
    left: -19px !important;
}
.tippy-tooltip.custom-theme {
    background-color: #212121;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    padding: 8px 24px;
}
.tippy-content {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
}
.tippy-tooltip[data-animation=shift-away][data-placement^=top][data-state=hidden]{
    transform:translateY(10px)
}
.tippy-tooltip[data-animation=shift-away][data-placement^=bottom][data-state=hidden]{
    transform:translateY(-10px)
}
.tippy-tooltip[data-animation=shift-away][data-placement^=left][data-state=hidden]{
    transform:translateX(10px)
}
.tippy-tooltip[data-animation=shift-away][data-placement^=right][data-state=hidden]{
    transform:translateX(-10px)}.tippy-tooltip[data-animation=shift-away][data-state=hidden]{
    opacity:0
}

.rate_pop {
    display: none;
    z-index: 9999;
}
#ratelikedislike {
/*    z-index: 9999;*/
}
.rate_modal {
    display: none;
}
#ratelikedislike[aria-expanded="false"] ~ .rate_modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 9990;
}
#ratelikedislike[aria-expanded="true"] ~ .rate_modal {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 9990;
}
#rate_modal_nav {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: .7;
    z-index: 9990;
}
/*#ratelikedislike[aria-expanded="true"] .nrate:before {
    content: url('/img/icon/close-chevron3.svg')!important;
}
#ratelikedislike[aria-expanded="true"] .nrate:hover:before {
    content: url('/img/icon/close-chevron3_hover.svg')!important;
}*/
.tippy-content .rate_like_dislike {
    background: #212121;
    border-radius: 50px;
    padding: 8px 24px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
}
.tippy-content .rate_like {
    width: 32px;
    height: 32px;
    margin-right: 16px!important;
    min-height: 32px!important;
}
.tippy-content a.rate_like {
    display: block;
}
.tippy-content a.rate_like img {
    width: 32px;
    height: 32px;
}
/* .tippy-content .rate_like img:hover { */
.tippy-content a.rate_like:hover {
    content: url('/img/vod/icon/icon_btn_like_hover.svg');
}
.tippy-content a.rate_like.active {
    content: url('/img/vod/icon/icon_btn_like_active.svg');
}
.tippy-content a.rate_dislike {
    width: 32px;
    height: 32px;
    min-height: 32px!important;
}
.tippy-content a.rate_dislike img {
    width: 32px;
    height: 32px;
}
.tippy-content a.rate_dislike:hover {
    content: url('/img/vod/icon/icon_btn_dislike_hover.svg');
}
.tippy-content a.rate_dislike.active {
    content: url('/img/vod/icon/icon_btn_dislike_active.svg');
}
.tippy-content .rate_close {
    margin-top: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
}
.tippy-content a.rate_close img {
    width: 24px;
    height: 24px;
}
#ratetemplate {
    display: none;
}

.ic-control.ic-button-contain {
    display: flex;
    justify-content: center;
}
.ic-control.ic-button-contain a {
}
.ic-control.ic-button-contain a:hover {
    text-decoration: none;
}
.ic-control.ic-button-contain a .newstyle_btn {
    min-width: 208px;
    display: flex;
    justify-content: center;
    border: 0;
    border-radius: 30px;
    background-color: #F38E26;
    color: #000000;
    border: 2px solid #F38E26;
    padding: 8px 35px;
    font-size: 16px;
    line-height: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none;
    text-decoration: none;
    font-family: Montserrat;
    cursor: pointer;
}
.ic-control.ic-button-contain a:hover .newstyle_btn {
    background-color: #F37D16;
    color: #000000;
    border: 2px solid #F37D16;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.margin_h_40px {
    margin-top: 40px
}
.add_ott_modal {

}
.add_ott_modal h2.pageHeading {
    color: #F29631;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.add_ott_modal .chat-main {
    margin-top: 0;
}
.add_ott_modal .livechat_main .title,
.add_ott_modal .subscribe_main .title {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 0;
}
.add_ott_modal .sub-highlight {
    color: #F29631;
}
.ic-control.ic-button-contain a .newstyle_btn.outline_bk_btn {
    background-color: unset;
    color: #ffffff;
    border: 2px solid #ffffff;
}
.ic-control.ic-button-contain a:hover .newstyle_btn.outline_bk_btn {
    color: #f1f1f1;
    border: 2px solid #f1f1f1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.subscriptions_modal {
    
}
.subscriptions_modal h2.pageHeading {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.subscriptions_modal .livechat_main .title, 
.subscriptions_modal .subscribe_main .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.subscriptions_modal .ic-control.ic-button-contain a .newstyle_btn {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.subscriptions_modal .chat-main .title span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.subscriptions_modal .livechat_main .title, 
.subscriptions_modal .subscribe_main .title {
    margin-bottom: 6px;
}
.subscriptions_modal .ic-control.ic-button-contain {
    margin-top: 20px;
}
.subscriptions_modal .ic-control.ic-button-contain.find_subscription_t {
    margin-top: 0px;
}
#alreadysubModal .subscriptions_modal a,
#alreadysubModalVE .subscriptions_modal a, 
#guestSubModal .subscriptions_modal a {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



/* Update 20240719 css*/
.nonlogin_btn_main .button_main_log,
.logined_btn_main .button_main_log {
    margin-right: 16px;
}
.nonlogin_btn_main .button_main_log:last-child,
.logined_btn_main .button_main_log:last-child {
    margin-right: 0px;
}

.nonlogin_btn_area,
.logined_btn_area {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.nonlogin_btn_area .login_signup_btn a {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    padding: 0 15px!important;
    justify-content: center;
    align-items: center;
    font-family: Roboto;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400;
    border-radius: 40px;
    border: 1px solid #ffffff;
    height: 26px;
    color: #ffffff!important;
}
.nonlogin_btn_area .login_signup_btn a:hover {
    color: #F38E26!important;
    border: 1px solid #F38E26!important;
    text-decoration: none;
}
.nonlogin_btn_area .login_signup_btn a:focus {
    color: #F38E26!important;
}
.nonlogin_btn_area .login_subscribe_btn a,
.logined_btn_area .logined_upgrade_btn a {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    padding: 0 15px!important;
    justify-content: center;
    align-items: center;
    font-family: Roboto;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 400;
    border-radius: 40px;
    border: 1px solid #F38E26;
    height: 26px;
    color: #000000!important;
    background: #F38E26!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.nonlogin_btn_area .login_subscribe_btn a:hover,
.logined_btn_area .logined_upgrade_btn a:hover,
.nonlogin_btn_area .login_subscribe_btn a:focus,
.logined_btn_area .logined_upgrade_btn a:focus {
    color: #000000!important;
    background: #e48336!important;
    border: 1px solid #e48336!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    Outline: 1px white solid!important;
}
.logined_mup_icon_main {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    padding: 2px 12px 2px 2px;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #828282;
    background: #424242;
    height: 28px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.logined_mup_icon_main:hover,
.logined_mup_icon_main:focus {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #fff!important;
}
.logined_mup_btn .mp-proile-icon {
    width: 22px;
    height: 22px;
    display: block;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    background-size: 100%;
    text-transform: uppercase;
    min-width: 22px;
    max-height: 22px;
    margin-right: 8px;
}
.mup_arrow_d {
    width: 10px;
    height: 10px;
}
/*.bcolor1 { background:url(../img/color/color03.png); background-size: 100% }*/

.logined_mup_btn .logined_mup_icon_main .mup_arrow_d {
    transition: transform 250ms linear;
}
.logined_mup_btn .logined_mup_icon_main:hover  .mup_arrow_d {
    transform: translateY(3px);
}
.logined_mup_btn .sub-highlight {
    color: #EF9528;
}

.nav-options .nav li.logined_btn_main .menu_sub_layer_style {
    background: #101010;
    padding: 0 15px;
    flex-direction: column;
    margin-bottom: 0;
    min-width: inherit;
    width: max-content;
    margin-top: 18px;
    border-radius: 8px;
    border: 1px solid #424242;
    min-width: 320px;
    right: -20px;
    max-width: 320px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px #6a6a6a solid;
}
#myModalmupsetting .mup_list_all {
    padding-top: 0px;
    padding-bottom: 15px;
    border-bottom: 1px #6a6a6a solid;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user,
#myModalmupsetting .mup_list_all .mup_list_all_user,
.mup_list_all .mup_list_all_user {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    margin-bottom: 15px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user .mup_icon_l,
#myModalmupsetting .mup_list_all .mup_list_all_user .mup_icon_l,
.mup_list_all .mup_list_all_user .mup_icon_l {
    width: 26px;
    height: 26px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-right: 10px;
    text-transform: uppercase;
    border: 1px #000 solid;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user.active .mup_icon_l,
#myModalmupsetting .mup_list_all .mup_list_all_user.active .mup_icon_l,
.mup_list_all .mup_list_all_user.active .mup_icon_l {
    border: 1px #fff solid;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user .mup_name_r,
#myModalmupsetting .mup_list_all .mup_list_all_user .mup_name_r,
.mup_list_all .mup_list_all_user .mup_name_r {
    color: #BDBDBD;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user.active .mup_name_r,
#myModalmupsetting .mup_list_all .mup_list_all_user.active .mup_name_r,
.mup_list_all .mup_list_all_user.active .mup_name_r {
    color: #ffffff;
}

.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user:hover .mup_icon_l,
#myModalmupsetting .mup_list_all .mup_list_all_user:hover .mup_icon_l,
.mup_list_all .mup_list_all_user:hover .mup_icon_l {
    border: 1px #fff solid;
    text-decoration: none!important;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .mup_list_all_user:hover .mup_name_r,
#myModalmupsetting .mup_list_all .mup_list_all_user:hover .mup_name_r,
.mup_list_all .mup_list_all_user:hover .mup_name_r {
    color: #ffffff;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .manage_text_mup,
#myModalmupsetting .mup_list_all .manage_text_mup,
.mup_list_all .manage_text_mup {
    color: #F38E26;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .mup_list_all .manage_text_mup:hover,
#myModalmupsetting .mup_list_all .manage_text_mup:hover,
.mup_list_all .manage_text_mup:hover {
    color: #e48336;
    text-decoration: none;
}
.nav-options .nav li.logined_btn_main  .help_icon_main {
    background: none;
    border: none;
}
.nav-options .nav li.logined_btn_main  .help_icon_main span {
    display: none;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px #6a6a6a solid;
    font-size: 16px;
}
#myModalmuphelp .nav_sub_text {
    color: #fff;
    padding: 12px 0;
    text-decoration: none;
    display: block;
    font-size: 16px;
    width: fit-content;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#myModalmuphelp .modal-body ul {
    padding: 0;
}
#myModalmuphelp .modal-body ul li {
    border-bottom: 1px #6a6a6a solid;
    list-style: none;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text:hover,
#myModalmuphelp .nav_sub_text:hover {
    color: #F38E26;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text:last-child,
#myModalmuphelp ul li:last-child {
    border-bottom: none;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup,
#myModalmupsetting .dropdown-item.nav_sub_text_mup,
.dropdown-item.nav_sub_text_mup {
    color: #fff;
    padding: 16px 0;
    text-decoration: none;
    display: block;
    border-bottom: 1px #6a6a6a solid;
    font-size: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup .setting-checkbox-wrapper,
#myModalmupsetting .dropdown-item.nav_sub_text_mup .setting-checkbox-wrapper,
.dropdown-item.nav_sub_text_mup .setting-checkbox-wrapper {
    display: block;
    height: inherit;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup .onoff_label,
#myModalmupsetting .dropdown-item.nav_sub_text_mup .onoff_label,
.dropdown-item.nav_sub_text_mup .onoff_label {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup .onoff_label:last-child,
#myModalmupsetting .dropdown-item.nav_sub_text_mup .onoff_label:last-child,
.dropdown-item.nav_sub_text_mup .onoff_label:last-child {
    margin-bottom: 0px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail,
#myModalmupsetting .nowid_user_detail,
.nowid_user_detail {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #424242;
    background: #222;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_name_id,
#myModalmupsetting .nowid_user_detail .user_name_id,
.nowid_user_detail .user_name_id {
/*    width: 288px;*/
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_name_id .user_name_id_icon,
#myModalmupsetting .nowid_user_detail .user_name_id .user_name_id_icon,
.nowid_user_detail .user_name_id .user_name_id_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_name_id .user_name_id_text,
#myModalmupsetting .nowid_user_detail .user_name_id .user_name_id_text,
.nowid_user_detail .user_name_id .user_name_id_text {
    color: #FFF;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_detail_stb_nd,
#myModalmupsetting .nowid_user_detail .user_detail_stb_nd,
.nowid_user_detail .user_detail_stb_nd {
    margin-top: 8px;
    margin-bottom: 12px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_detail_stb_nd .user_stb_l,
#myModalmupsetting .nowid_user_detail .user_detail_stb_nd .user_stb_l,
.nowid_user_detail .user_detail_stb_nd .user_stb_l {
    color: #BDBDBD;
    text-overflow: ellipsis;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 5px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_detail_stb_nd .user_stb_l:last-child,
#myModalmupsetting .nowid_user_detail .user_detail_stb_nd .user_stb_l:last-child,
.nowid_user_detail .user_detail_stb_nd .user_stb_l:last-child {
    margin-bottom: 0px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a,
#myModalmupsetting .nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a,
.nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a {
    color: #F38E26;
    margin-left: 10px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a:hover,
#myModalmupsetting .nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a:hover,
.nowid_user_detail .user_detail_stb_nd .user_stb_l .user_topup_l a:hover {
    color: #e48336;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_myaccount,
#myModalmupsetting .nowid_user_detail .user_myaccount,
.nowid_user_detail .user_myaccount {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_myaccount a,
#myModalmupsetting .nowid_user_detail .user_myaccount a,
.nowid_user_detail .user_myaccount a {
    color: #F38E26;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .nowid_user_detail .user_myaccount a:hover,
#myModalmupsetting .nowid_user_detail .user_myaccount a:hover,
.nowid_user_detail .user_myaccount a:hover {
    color: #e48336;
}
#myModalmupsetting .modal-body {
    padding: 0px 15px;
}
#welcomemessage_setting .modal-body {
    padding: 20px 15px;
}

/* update help layer */
.nav-options .nav li.help {

}
.nav-options .nav li.help .menu_sub_layer_style {
    background: #101010;
    padding: 0 15px;
    flex-direction: column;
    margin-bottom: 0;
    min-width: inherit;
    width: max-content;
    margin-top: 18px;
    border-radius: 8px;
    border: 1px solid #424242;
    padding-bottom: 5px;
}
.nav-options .nav li.help  .help_icon_main {
    background: none;
    border: none;
    display: block;
}
.nav-options .nav li.help  .help_icon_main span {
    display: none;
}
.nav-options .nav li.help .menu_sub_layer_style .dropdown-item.nav_sub_text {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px #6a6a6a solid;
    font-size: 16px;
}
.nav-options .nav li.help .menu_sub_layer_style .dropdown-item.nav_sub_text:hover {
    color: #F38E26;
}
.nav-options .nav li.help .menu_sub_layer_style .dropdown-item.nav_sub_text:last-child {
    border-bottom: none;
}
.nav-options .nav li.help .menu_sub_layer_style .dropdown-item.nav_sub_text.chat-icon-m::before {
    content: "";
    display: block;
    background: url("../img/icon/chat-chevron.svg") no-repeat;
    background-position-y: 0%;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    background-position-y: -5px;
}
.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: 25px;
    height: 25px;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]),
#myModalmupsetting .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]),
.dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  color: inherit;
  font-size: inherit;
  width: 40px;
  height: 24px;
  box-sizing: content-box;
  border: 1px solid white;
  border-radius: 1em;
  margin: 0;
}

.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"])::before,
#myModalmupsetting .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"])::before,
.dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"])::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 1px solid white;
  border-radius: 50%;
  background: white;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked::before,
#myModalmupsetting .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked::before,
.dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked::before {
  left: 19px;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-options .nav li.logined_btn_main .menu_sub_layer_style .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked,
#myModalmupsetting .dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked,
.dropdown-item.nav_sub_text_mup input:where([type="checkbox"][role="switch"]):checked {
  background: #e48336;
  border: 1px #e48336 solid;
}

/* mobile */
.navbar-inverse .nonlogin_btn_main.mobile_siginin_login,
.navbar-inverse .logined_btn_main.mobile_siginin_login {
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translate(0%, -50%);
    display: none;
}
/*.navbar-inverse .nonlogin_btn_main.website_siginin_login {
    display: block;
}*/
.navbar-inverse .nonlogin_btn_main.mobile_siginin_login .nonlogin_btn_area .login_signup_btn a {
    width: 32px;
    height: 32px;
    padding: 0!important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-inverse .nonlogin_btn_main .nonlogin_btn_area .login_signup_btn svg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-inverse .nonlogin_btn_main .nonlogin_btn_area .login_signup_btn a:hover svg {
    stroke:#F38E26;
}
.navbar-inverse .nonlogin_btn_main .nonlogin_btn_area .login_signup_btn a:focus svg {
    stroke:#F38E26;
}
.navbar-inverse .mobile_siginin_login .nonlogin_btn_area .login_subscribe_btn a,
.navbar-inverse .mobile_siginin_login .logined_upgrade_btn.button_main_log a {
    height: 32px;
    min-width: 102px;
}
.navbar-inverse .mobile_siginin_login .logined_mup_icon_main {
    height: 32px;
}
.navbar-inverse .mobile_siginin_login .mp-proile-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-height: 24px;
}
.navbar-nav > li.menu-more-mobile-tt {
    display: none;
}

.npx-modal .back {
    margin-top: -2px;
}
.npx-modal .back span::before {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}
.mup_list_all ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mup_list_all ul li {
    width: 50%;
}
.navbar-brand img {
    height: 51px;
    width: 91px;
}
.navbar-nav {
    margin-left: 10px;
}
.logined_h_acc_mup .mup_list_all ul {
    flex-direction: column;
    flex-wrap: nowrap;
}
.logined_h_acc_mup .mup_list_all ul li {
    width: 100%;
}
.nav-options .nav .logined_h_acc_mup li>a>span,
.nav-options .nav .logined_h_acc_mup li {
    padding: 0;   
}
.npx-modal .close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.navbar-inverse .navbar-search a {
    display: block;
}
.nav-options .nav li.help {
    padding: 0;
}
.body-fixed .navbar.navbar-inverse.navbar-collapsed ul.navbar-nav {
    margin-top: 0;
}
.open > .dropdown-menu {
    display: flex;
    flex-direction: column;
}
.navbar-inverse .mobile_siginin_login .mp-proile-icon img,
.logined_btn_main .mp-proile-icon img {
    width: 20px;
    height: 20px;
}
#guestSubModal .nav_sub_text_mup {
    margin-top: 20px;
    border-top: 1px #6a6a6a solid;
}
.navbar-inverse .profile-text-mobile {
    right: 90px;
}
.logined_mup_btn .mp-proile-icon.mp-isBinded {
    margin-left: 4px;
    margin-top: -2px;
}
.mp-isBinded-layer .chat-main .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    margin-bottom: 16px;
}
.mp-isBinded-layer .chat-main .title span {
    color: white;
    font-size: 16px;
}
.mp-isBinded-layer .nav_sub_text_mup {
    border-top: 1px #6a6a6a solid;
}
.mp-isBinded-layer .subscribe_main .title {
    margin-bottom: 6px;
}
.mp-isBinded-layer .subscribe_main .title span {
    font-size: 15px;
}
.mp-isBinded-layer .find_subscription_t a {
    font-size: 14px!important;
    color: #F38E26!important;
}
.margin_h_32px {
    margin-top: 32px;
}
.margin_h_16px {
    margin-top: 16px;
}
#welcomemessage_setting .subcon p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #D8D8D8;
    margin-bottom: 0px;
}
#welcomemessage_setting .subcon p:last-child {
    margin-bottom: 16px;
    margin-top: 0px;
}
#welcomemessage_setting .colorface {
    margin: 0;
}
#welcomemessage_setting .ic-control a .newstyle_btn{
    font-size: 16px;
}
#entername .submessage {
    padding: 0;
}
.mp-addfrist-layer .colorface {  margin-top: 40px;}
.mp-addfrist-layer .colorface ul { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; flex-direction: row;margin: 0; padding: 0; list-style: none; justify-content: center; align-items: center; }
.mp-addfrist-layer .colorface ul li { margin: 0; padding: 0; list-style: none; border-radius: 50%; margin-left: 8px; margin-right: 8px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: center;; justify-content: center; width: 24px; height: 24px; }
.mp-addfrist-layer .colorface .color1 { background: #E8EF0D }
.mp-addfrist-layer .colorface .color2 { background: #E50A98 }
.mp-addfrist-layer .colorface .color3 { background: #2ABE76 }
.mp-addfrist-layer .colorface .color4 { background: #F38E26; margin-left: 12px; margin-right: 12px}
.mp-addfrist-layer .colorface .color5 { background: #50CDFF }
.mp-addfrist-layer .colorface .color6 { background: #5738FF }
.mp-addfrist-layer .colorface .color7 { background: #FF587E }
.mp-addfrist-layer .colorface ul li:nth-child(3) { width: 40px; height: 40px }
.mp-addfrist-layer .colorface ul li:nth-child(3) img { width: 100%; height: 100%}
.mp-addfrist-layer .colorface ul li:nth-child(4) { width: 24px; height: 24px }
.mp-addfrist-layer .title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 30px;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-align: center;
}
.mp-addfrist-layer .subcon p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: #D8D8D8;
    margin-bottom: 0px;
    text-align: center;
}
.mp-addfrist-layer .manage_text_mup .newstyle_btn,
.mp-isBinded-layer .newstyle_btn {
    padding: 7px 20px!important;
}
.mp-addfrist-layer .ic-control {
    margin-bottom: 16px;
}
.mp-addfrist-layer .find_subscription_t a {
    color: #F29631!important;
    font-size: 14px!important;
}
.mp-addfrist-layer .nav_sub_text_mup {
    border-top: 1px #6a6a6a solid;
    margin-top: 16px;
}
#parentalModal,
#mcl_tnc_Modal {
    z-index: 9999;
}

:focus {
    outline: 0;
    outline-style: none!important;
    box-shadow: none!important;
    border-color: transparent!important;
}

/* Top 1-20 style start */
.product-list-top1-20 .product-item .image {
    width: auto;
}
.thumb_topnumber_a {
    display: flex!important;
    flex-direction: column!important;
    align-items: flex-end;
}
.thumb_topnumber_a .topunmaber {
    position: absolute;
    top: 1px;
}
.thumb_topnumber_a .topunmaber,
.thumb_topnumber_a .topunmaber svg{
    width: auto;
}
.thumb_topnumber_a .thumbnail {
    z-index: 999;
    filter: drop-shadow(-5px 0px 5px rgba(0, 0, 0, 0.85));
    -webkit-filter: drop-shadow(-5px 0px 5px rgba(0, 0, 0, 0.85));
    -moz-filter: drop-shadow(-5px 0px 5px rgba(0, 0, 0, 0.85));
    display: flex;
    justify-content: flex-end;
}
.thumb_topnumber_a.topstylecolor1 .st0 {
    fill: #FFE79C;
}
.thumb_topnumber_a.topstylecolor2 .st0 {
    fill: #B6CAD8;
}
.thumb_topnumber_a.topstylecolor3 .st0 {
    fill: #F0B697;
}
.thumb_topnumber_a.topstylecolor4 .st0 {
    fill: #B6D6C0;
}
/* Top 1-20 style End */

/* view pw btn */
.inputpw {
    display: flex;
    justify-content: space-between;
}

.pw-input::placeholder{
    color: #919191;
}

.viewpw-btn {
  background: rgba(255, 255, 255, 0);
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.viewpw-btn img {
  display: block;
  width: 25px;
  height: 25px;
}
/* view pw btn */

.right-content-m.top-nav-watchlist-main, 
.right-content-m.sport-content {
  float: inherit;
  width: 100%;
}
.top-nav-watchlist ul {
    justify-content: initial;
}
.right-content-m.top-nav-watchlist-main ul {
    overflow: auto;
}
.l-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.l-nav ul {
  overflow-x: auto;
  height: auto;
  white-space: nowrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
@media (max-width: 990px) {
  .l-nav ul, .l-nav.servicenotice ul, .top-nav-watchlist ul {
    width: auto;
  }
}