@import https://fonts.googleapis.com/css?family=Poppins;
body,html{
    overflow-x:hidden!important
}
body{
    padding:30px 0 0;
}
@font-face {
	font-family:'gothic';src:url(https://img.tfc.tv/assets/css/fonts/gothic/gothic.eot);
	src:local(gothic),url(https://img.tfc.tv/assets/css/fonts/gothic/gothic.woff) format("woff"),url(https://img.tfc.tv/assets/css/fonts/gothic/gothic.ttf) format("truetype")
}
h1,h2,h3,h4,h5{
    color:#fff
}
 
#playerTarget .amp-controls{
    background-color:#123;
    opacity:.9
}
#playerTarget .amp-pause-overlay.amp-icon.amp-control{
    color:#555;
    background-color:#fefefe;
    opacity:.7
}
#playerTarget .amp-slider .amp-value{
    background-color:#E8931F
}
#playerTarget .amp-slider .amp-handle{
    background-color:transparent
}
#playerTarget .amp-progress .amp-markers .amp-marker{
    background-color:#94171A
}
.topic-title-h1 .after-play{
    margin-bottom:20px
}
.topic-title-h1 .after-play .ap-desc{
    text-align:center;
    color:#fff;
    font-size:12px;
    margin:0 10%;
    font-weight:bolder
}
.topic-title-h1 .after-play .ap-button{
    text-align:center;
    color:#fff;
    font-size:14px;
    margin:13px auto 0;
    font-weight:bolder;
    background:#dc5430;
    padding:7px 20px;
    width:50%;
    display:block;
    text-transform:uppercase
}
.center{
    text-align:center;
    width:100%;
    float:left
}
.roku-cont .roku-btn{
    padding:27px 30px!important;
    margin:0 0 0 -30px
}
.roku-cont .page_title.roku-title{
    margin:100px 0 50px;
    font-size:33px
}
.roku-cont .sub_title.first.roku-desc{
    font-size:21px
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .roku-cont .roku-btn{
        padding:27px 30px!important;
        margin:20px 0 0
    }
    .roku-cont .page_title.roku-title{
        margin:30px 0 50px;
        font-size:33px
    }
    .roku-cont .sub_title.first.roku-desc{
        font-size:14px
    }
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
    .roku-cont{
        min-height:800px
    }
    .roku-cont .roku-btn{
        padding:27px 30px!important;
        margin:7px 0 0
    }
    .roku-cont .page_title.roku-title{
        margin:30px 0 50px;
        font-size:33px
    }
    .roku-cont .sub_title.first.roku-desc{
        font-size:20px
    }
}
@media only screen and (min-width: 504px){
    .footer-list li a br{
        display:none
    }
}
.akamai-control-bar{
    background:none!important
}
.akamai-progress.akamai-slider .akamai-start-cap{
    background:#ff0!important
}
.live-chat-footer{
    cursor:pointer
}
.new-signup .kapamilya-account{
    background-color:#000;
    height:55px;
    padding:10px
}
.new-signup .kapamilya-account h3{
    text-align:center;
    font-size:17px;
    font-weight:800;
    font-family:"helvetica"
}
.new-signup header.signin .logo{
    margin:20px auto 0
}
.new-signup .signin_area .create_account{
    max-width:780px
}
.new-signup .border{
    border:2px solid #353a40;
    padding:90px;
    margin:40px auto
}
.new-signup.body.account .create_account_note .checkbox_outer{
    margin-top:0;
    padding-right:10px;
    width:5%
}
.new-signup .border .form-group label{
    font-family:"Helvetica";
    font-size:16px;
    color:#fff;
    margin-top:20px
}
.form-control{
    height:55px
}
.new-signup .form-group{
    padding-right:10px;
    padding-left:10px
}
.new-signup .border .page_title{
    margin-bottom:30px
}
.new-signup.body.account .check_box{
    padding:0 10px
}
.new-signup .signin_area .create_account_note{
    margin:30px auto 0
}
.new-signup .form-group label.kapamilya{
    width:100%
}
.new-signup .modal{
    text-align:-webkit-center;
    text-align:center
}
.new-signup .billing-modal.modal .modal-title{
    font-size:30px
}
.new-signup .billing-modal.modal .modal-body{
    padding:20px 30px 30px;
    font-size:18px
}
.new-signup .billing-modal.modal .modal-dialog{
    margin-top:175px;
    width:700px
}
.new-signup .modal .modal-body img{
    margin:20px 5px
}
.new-signup .modal .modal-body .kapamilya img{
    margin:0
}
.new-signup .modal .modal-body .kapamilya p{
    margin:10px auto
}
.new-signup .modal .modal-body .close-link{
    color:#aaa;
    font-weight:800;
    margin-top:50px
}
.new-signup .modal .modal-body .close-link a span{
    color:#aaa
}
.new-signup .sexy_line{
    display:block;
    border:none;
    color:#fff;
    height:1px;
    background:#000;
    background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#000),to(#fff))
}
.new-signup .modal h3{
    color:#000;
    font-weight:800;
    font-family:"Helvetica"
}
.new-signup .modal form{
    margin:auto 120px
}
.new-signup .modal form .form-control{
    height:65px;
    border-radius:0
}
.new-signup .modal .modal-body form .close-link a span{
    color:#fff
}
.new-signup .modal .modal-body form em{
    font-size:16px
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .prompt-modal_1.modal{
        padding-right:0!important
    }
    .prompt-modal_1.modal .modal-lg{
        margin-top:130px!important;
        max-width:100%!important
    }
    .prompt-modal_1.modal .modal-dialog{
        margin:150px 100px!important
    }
}
@media only screen and (max-width: 767px){
    .new-signup .border .form-group label{
        font-size:13px
    }
    .new-signup .modal form{
        margin:auto 0
    }
    .new-signup .border{
        padding:40px 0;
        margin:40px auto
    }
    .new-signup.body.account .create_account_note .checkbox_outer{
        width:10%
    }
    .new-signup .billing-modal.modal .modal-dialog{
        width:auto;
        margin:50px 15px
    }
}
@media only screen and (max-width: 1024px){
    .new-signup.body.account .create_account_note .checkbox_outer{
        width:10%
    }
    .new-signup .billing-modal.modal .modal-dialog{
        width:auto;
        margin:100px 15px
    }
}
.desc_p_container{
    text-align:center;
    text-align:-webkit-center;
    margin-top:25px
}
.desc_p_container p{
    font-family:"Helvetica"
}
.desc_p_container p:first-child{
    font-size:18px;
    margin-bottom:5px
}
.desc_p_container p:nth-child(2){
    font-size:16px;
    font-style:oblique
}
.modal h4{
    color:#000
}
.modal .modal-body .p.sm{
    line-height:1.5;
    font-size:16px;
    margin:auto 55px
}
.new-signup-area.signup_area .packages .package.recommended .button.current-subs,.new-signup-area.signup_area .packages .button:hover.current-subs{
    background-color:transparent;
    padding:8px 0
}
.signup .new-signup-area.signup_area .packages .package>.inner{
    padding:60px 45px 10px;
    min-height:540px;
    -webkit-transition:all .9s;
    -ms-transition:all .9s;
    transition:all .9s
}
.new-signup-area.signup_area .packages .package.recommended>.inner,.signup_area .packages .package>.inner:hover{
    border:2px solid #174C74;
    -webkit-transition:all .4s;
    -ms-transition:all .4s;
    transition:all .4s;
    background-color:rgba(5,113,185,0.2)
}
.new-signup-area.signup_area .package .bottom_info{
    bottom:40px;
    text-align:-webkit-center;
    margin-top:0;
    border-top:#333 1px solid
}
.signup .new-signup-area.signup_area .packages ul{
    padding:1px 0 18px;
    margin:0;
    min-height:200px;
    height:auto;
    list-style-image:url(https://img.tfc.tv/assets/img/li-check.png)
}
.signup .new-signup-area.signup_area .packages ul li.x{
    list-style-image:url(https://img.tfc.tv/assets/img/li-x.png);
    color:#8b8a8a
}
.signup .new-signup-area.signup_area .packages ul li.small{
    list-style:none;
    font-size:small;
    font-style:italic
}
.new-signup-area.signup_area .packages .price_info>div{
    display:table-cell;
    vertical-align:middle;
    height:100px;
    font-weight:700;
    font-size:x-large;
    font-family:"gothic"
}
@media only screen and (max-width: 1280px) and (min-width: 992px){
    .signup .new-signup-area.signup_area .packages ul{
        width:auto!important;
        min-height:260px
    }
    .new-signup-area.signup_area .packages .package.recommended .button.current-subs,.new-signup-area.signup_area .packages .button:hover.current-subs{
        background-color:transparent;
        padding:8px 0
    }
    .signup .new-signup-area.signup_area .packages .package>.inner{
        padding:60px 45px 10px!important;
        min-height:520px!important;
        -webkit-transition:all .9s;
        -ms-transition:all .9s;
        transition:all .9s
    }
    .new-signup-area.signup_area .packages .package.recommended>.inner,.new-signup-area.signup_area .packages .package>.inner:hover{
        border:2px solid #174C74!important;
        -webkit-transition:all .4s;
        -ms-transition:all .4s;
        transition:all .4s;
        background-color:rgba(8,63,119,0.25)!important
    }
    .new-signup-area.signup_area .package .new.bottom_info{
        bottom:40px;
        text-align:-webkit-center;
        margin-top:auto!important;
        border-top:#333 1px solid;
        position:inherit!important;
        width:100%!important;
        border-left:none!important;
        margin-right:0!important
    }
    .new-signup-area.signup_area .packages li{
        margin:20px 0
    }
}
@media (max-width: 991px){
    .signup .new-signup-area.signup_area .packages .package>.inner{
        min-height:auto;
        padding-top:45px
    }
    .new-signup-area.signup_area .package .bottom_info{
        bottom:40px;
        text-align:-webkit-center;
        margin-top:0;
        border-top:none!important
    }
    .new-signup-area.signup_area .packages .price_info > div{
        height:60px
    }
    .signup .new-signup-area.signup_area .packages ul{
        height:auto;
        min-height:auto
    }
}
.sub_menu .btn-close{
    position:absolute;
    right:10px;
    top:5px;
    background:none;
    border:0;
    font-size:36px
}
.container-news .col-sm-5{
    padding-left:0!important
}
.container-news .col-sm-7{
    padding-right:0!important
}
.sidebar-news-details{
    height:441px;
    float:left;
    font-size:18px;
    color:#fff;
    padding:42px 30px 20px 38px;
    line-height:1em;
    border:2px solid #4D4751;
    border-left:0
}
.sidebar-news-details .date span{
    white-space:nowrap;
    padding:0;
    display:inline-block;
    line-height:.95;
    color:#fff;
    font-family:"Helvetica"
}
.sidebar-news-details .buttons{
    margin-top:37px;
    margin-bottom:25px
}
.sidebar-news-details .buttons a{
    font-size:16px;
    font-weight:700;
    color:#fff;
    padding:5px 10px 9px 40px;
    margin-bottom:15px;
    text-transform:uppercase;
    display:block;
    font-family:'Helvetica'
}
.sidebar-news-details .buttons a.preview{
    background:url(https://img.tfc.tv/assets/img/preview-slider-play.png) no-repeat left center;
    line-height:2em
}
.sidebar-news-details .buttons a.get_tfc{
    background:url(https://img.tfc.tv/assets/img/get-slider-play.png) no-repeat left center;
    line-height:2em
}
.sidebar-news-details .more_text{
    font-size:16px;
    font-weight:700;
    padding-top:26px;
    margin-top:68px;
    text-transform:uppercase;
    border-top:2px solid rgba(204,204,204,0.2)
}
.billing label{
    color:#999;
    text-transform:uppercase;
    margin-top:15px
}
.billing .form-control{
    border-radius:0!important;
    height:40px;
    -webkit-box-shadow:1px 1px 0 rgba(0,0,0,.075);
    box-shadow:1px 1px 0 rgba(0,0,0,.075)
}
.billing .form-control.security-code{
    width:43%
}
.billing .form-control.exp-date{
    width:43%
}
.billing{
    margin:20px -17px
}
.btn-billing{
    color:#333;
    background-color:#ececec;
    border-color:#ececec;
    border-radius:0;
    font-weight:700
}
.billing .btn-update{
    padding:14px 50px;
    margin-bottom:-18px
}
.btn-add-credit{
    padding:14px 25px
}
.btn-add-credit.submit{
    margin-bottom:-18px
}
.btn-add-credit.open{
    margin:-13px auto 2px
}
.btn-cancel{
    color:#0076ff;
    background-color:#fff;
    border-color:#fff;
    text-transform:uppercase;
    padding:14px 20px;
    border-radius:0;
    font-weight:700;
    margin-bottom:-18px
}
.btn-cancel:active{
    -webkit-box-shadow:inset 0 rgba(0,0,0,0);
    box-shadow:inset 0 0 rgba(0,0,0,0)
}
span.visa-number{
    padding-left:10px
}
#billing button .icon-arrow{
    width:12px;
    padding-top:10px;
    opacity:.5
}
#billing .btn-collapse{
    background-color:transparent;
    border:0;
    padding-right:0
}
.billing-title{
    display:none;
    font-size:24px
}
.add-billing-form{
    display:none
}
.billing-modal.modal .modal-title{
    font-size:34px;
    margin:auto 80px;
    font-weight:700
}
.billing-modal.modal .modal-body{
    font-family:"Helvetica";
    padding:20px 80px 55px
}
.billing-modal.modal .modal-dialog{
    margin-top:350px;
    width:650px
}
.billing-modal.modal .modal-header{
    border:0;
    padding:5px 10px
}
.billing-modal.modal .close{
    font-size:34px;
    font-weight:700;
    text-shadow:0 1px 0 #fff;
    filter:alpha(opacity=100);
    opacity:1
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .billing-modal.modal .modal-dialog{
        width:auto;
        margin:350px 160px
    }
    .billing-modal.modal .modal-title{
        font-size:34px;
        margin:auto 40px;
        font-weight:700
    }
    .billing-modal.modal .modal-body{
        font-family:"Helvetica";
        padding:20px 40px 55px
    }
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .billing-modal.modal .modal-dialog{
        width:auto;
        margin:250px 15px
    }
    .billing-modal.modal .modal-title{
        font-size:34px;
        margin:auto 30px;
        font-weight:700
    }
    .billing-modal.modal .modal-body{
        font-family:"Helvetica";
        padding:20px 30px 55px
    }
    .btn-add-credit.open{
        margin:auto 2px
    }
    .profile_page .box_row#billing{
        min-height:auto!important
    }
}
.visa_bottom .btn-edit,.visa_bottom .btn-update{
    background-color:#ececec;
    border-color:#ececec;
    border-radius:0;
    font-weight:700;
    padding:14px 25px
}
.visa_bottom .btn-cancel{
    margin-bottom:0
}
.visa_bottom .btn-cancel:hover{
    background-color:transparent;
    border:0
}
.payment_info_area .billing_period .apply_area{
    padding:0
}
.show-cover-thumb-title-mobile span .icon-free{
    display:inherit
}
.show-cover-thumb-title-mobile.sub-category{
    width:100%;
    height:30px
}
#featured-shows-thumbs .slick-prev,#featured-shows-thumbs .slick-next{
    top:95px!important
}
.horizontal{
    width:289px
}
.horizontal .close-confirm{
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    backdrop-filter: blur(20px);  
    -webkit-backdrop-filter: blur(20px); 
    text-align:center;
    font-size:18px;
    font-weight:300;
    color:#fff;
    text-transform:uppercase;
    padding-top:30px;
    font-family:"Helvetica";
    position:absolute;
    z-index:1000
}
.horizontal .close-confirm .btn{
    max-height:20px;
    width:100%;
    float:left;
    padding:15px 0 0 43px
}
.horizontal .close-confirm .btn .check{
    background:url(https://img.tfc.tv/assets/img/check-btn.png)
}
.horizontal .close-confirm .btn .ex{
    background:url(https://img.tfc.tv/assets/img/x-btn.png)
}
.horizontal .close-confirm .btn .ex,.horizontal .close-confirm .btn .check{
    width:55px;
    height:55px;
    float:left;
    margin-left:30px;
    background-size:90%;
    border-radius:40%;
    background-repeat:no-repeat;
    background-position:center center;
    -webkit-transition:all .35s ease
}
.close-confirm-yes{
    width:0;
    opacity:0;
    -webkit-transition:all .15s ease
}
.horizontal .close-confirm .btn .ex:hover,.horizontal .close-confirm .btn .check:hover{
    border:1px solid rgba(255,255,255,0.47);
    border-radius:50%;
    transform:scale(1.2);
    -webkit-transition:all .25s ease
}
.horizontal .close-thumb{
    font-family: 'gothic';
    opacity:0;
    position:relative;
    color:#fff;
    z-index:10000;
    font-size:16px;
    background:rgba(255,255,255,0.5);
    width:25px;
    height:25px;
    float:right;
    border-radius:100%;
    text-align:center;
    margin:9px 9px 0 0;
    font-weight:bolder;
    -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.75);
    box-shadow:0 0 8px 0 rgba(0,0,0,0.75);
    -webkit-transition:all .55s linear;
    backdrop-filter: blur(20px);  
    -webkit-backdrop-filter: blur(20px); 
}
.horizontal a.close-thumb{
    top:10px;
    cursor:pointer;
    text-decoration:none
}
.close-thumb:hover{
    color:#fff;
    background:rgba(230,91,91,0.8);
    -webkit-transition:all .35s linear
}
.horizontal:hover .close-thumb{
    opacity:1;
    -webkit-transition:all .25s linear
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .sub-category-page.sub-category-portrait .og-grid.tv-programs-grid li{
        float:left;
        margin:10px 0 40px;
        width:50%!important;
        min-height:280px!important;
        min-width:50%!important;
        padding:6px!important;
        list-style:none
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .sub-category-page.sub-category-portrait .og-grid.tv-programs-grid li{
        float:left;
        margin:0 0 30px!important;
        width:33.3%!important;
        min-height:280px!important;
        min-width:33.333333%!important;
        padding:11px!important;
        list-style:none
    }
    .billing_period .apply_area{
        padding:0!important;
        width:83.333%!important
    }
    .billing_period .checkbox{
        margin-right:8.5%
    }
    .body.account .billing_period input[type=checkbox]{
        width:4%;
        margin-top:2px!important
    }
    .payment_info_area .apply_area{
        width:83.333%!important
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px){
    #mylist-shows .og-grid li,#mylist-episodes .og-grid li{
        margin:14px 0 0!important;
        height:215px!important;
        min-width:50%;
        min-height:100px
    }
}
@media only screen and (max-width: 479px) and (min-width: 320px){
    #mylist-shows .og-grid li,#mylist-episodes .og-grid li{
        margin:14px 0 0!important;
        height:130px!important;
        min-width:50%;
        min-height:100px
    }
}
@media only screen and (max-width: 767px) and (min-width: 701px){
    .payment_info_area .apply_area{
        width:83.33%!important;
        padding:9px!important
    }
    .billing_period .billing-xs.apply_area{
        padding:0!important;
        width:83.33%!important
    }
}
@media only screen and (max-width: 700px) and (min-width: 320px){
    .payment_info_area .apply_area{
        width:100%!important;
        padding:0 26px!important
    }
    .billing_period .billing-xs.apply_area{
        padding:0!important;
        width:100%!important
    }
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .billing_period .checkbox{
        margin-right:8.5%
    }
    .body.account .billing_period input[type=checkbox]{
        width:4%;
        margin-top:2px!important
    }
    .billing_period ul li{
        border-right:0!important;
        width:100%!important
    }
    .payment_info_area .apply_row .col1{
        padding:0!important;
        font-size:13px!important
    }
    .payment_info_area .apply_row .col2{
        padding:0!important
    }
    .payment_info_area .apply_row .col3{
        padding:0 0 0 9px !important
    }
    .body.account input[type=submit]{
        padding:23.5px 20px!important;
        padding:23.5px 20px!important
    }
    .billing_period .container{
        width:100%!important;
        margin:0 0 30px!important
    }
    .billing_period .btn.orange_button{
        margin:30px 20px 10px!important;
        width:89%!important;
        font-size:12px!important;
        font-weight:500!important;
        padding:18px 20px!important
    }
}
.payment_info_area .apply_row .col1{
    padding:0 13px
}
.billing_period .payment_info_area .apply_area{
    width:55%
}
.billing_period h4{
    margin-left:8.33%;
    font-size:12px;
    font-family:"Helvetica";
    color:#ccc;
    margin-bottom:-8px;
    font-weight:800
}
.billing_period .container{
    width:101%;
    margin-left:-40px
}
.body.account .billing_period input[type=radio]{
    -webkit-appearance:radio;
    background-color:#12181f
}
.body.account .billing_period input[type=checkbox]{
    -webkit-appearance:checkbox;
    margin-left:-25px;
    margin-top:0;
    width:20px
}
.billing_period .btn.orange_button{
    margin:30px 8.33% 20px;
    width:250px;
    font-size:14px!important;
    font-weight:700!important;
    padding:18px 20px!important
}
.billing_period .checkbox{
    margin-left:8.5%;
    font-family:"helvetica"
}
.billing_period .checkbox label{
    font-size:13px
}
.billing_period ul li{
    color:#AAA;
    display:block;
    position:relative;
    float:left;
    height:60px;
    border-right:1px solid #41464c
}
.billing_period ul li:nth-child(4),.billing_period ul li:nth-child(1){
    border-right:0
}
.billing_period ul li label .annually-label{
    color:#ffd400;
    margin-left:60px;
    margin-top:-23px
}
.billing_period ul li input[type=radio]{
    position:absolute;
    visibility:hidden
}
.billing_period h3{
    font-size:20px;
    margin:38px 0 20px 8.33%;
    font-weight:300;
    font-family:"Helvetica"
}
.billing_period ul li label{
    display:inline-block;
    position:relative;
    font-weight:300;
    font-size:12px;
    padding:11px 25px 25px 50px;
    margin:10px auto;
    height:30px;
    z-index:9;
    cursor:pointer;
    -webkit-transition:all .25s linear
}
.billing_period ul li:hover label{
    color:#FFF
}
.billing_period ul li .check{
    display:block;
    position:absolute;
    border:1px solid #AAA;
    border-radius:100%;
    height:20px;
    width:20px;
    top:20px;
    left:20px;
    z-index:5;
    transition:border .25s linear;
    -webkit-transition:border .25s linear
}
.billing_period ul li:hover .check{
    border:5px solid #FFF
}
.billing_period ul li .check::before{
    display:block;
    position:absolute;
    content:'';
    border-radius:100%;
    height:10px;
    width:10px;
    top:4px;
    left:4px;
    margin:auto;
    transition:background .25s linear;
    -webkit-transition:background .25s linear
}
.billing_period input[type=radio]:checked ~ .check{
    border:1px solid #ffd400
}
.billing_period input[type=radio]:checked ~ .check::before{
    background:#ffd400
}
.billing_period input[type=radio]:checked ~ label{
    color:#ffd400
}
#billing .red{
    color:red
}
#billing .box .field{
    margin-top:40px
}
#billing .box .field a{
    color:#0076ff;
    font-size:18px
}
#billing .box .field span{
    color:#999;
    font-size:18px
}
.bm-form .billing label{
    font-size:14px;
    margin-bottom:0
}
.bm-form.modal .modal-dialog{
    margin-top:120px;
    width:780px
}
.bm-form.modal .modal-content{
    padding-bottom:30px
}
.bm-form.modal .modal-title{
    font-size:28px;
    margin:auto 35px;
    font-weight:700;
    font-family:"helvetica"
}
.bm-form.modal .modal-body{
    font-family:"Helvetica";
    padding:0 40px 55px
}
.bm-form .btn-billing{
    color:#fff;
    background-color:#3995f3;
    border-color:#3995f3
}
.bm-form .btn-cancel{
    color:#666
}
.bm-form.modal .close{
    filter:alpha(opacity=50);
    opacity:.5
}
.bm-form.modal .form-group{
    margin-bottom:0
}
.bm-form.modal .billing{
    margin:0 -17px
}
.bm-form.modal .input-group-addon{
    padding:0 12px;
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:#555;
    text-align:center;
    background-color:transparent;
    border:0;
    border-radius:0
}
.bm-form.modal .input-group.security-code{
    width:67%
}
.bm-form .billing .checkbox-modal label{
    font-size:15px;
    margin-top:20px;
    text-transform:none;
    margin-left:15px
}
.bm-form .checkbox input[type=checkbox]{
    position:absolute;
    margin-top:4px;
    margin-left:-30px;
    margin-top:10px;
    border-radius:0!important
}
body.modal-open{
    overflow-y:hidden!important;
}

body.welcome-open.modal-open header, body.welcome-open.modal-open .body-blur, body.welcome-open.modal-open footer{
    filter: blur(15px) !important; 
}

body.search-open .body-blur, body.search-open footer{
    filter: blur(50px) !important; 
}
 

@media only screen and (max-width: 991px){
    .billing_period ul li label{
        padding:11px 20px 25px 45px
    }
    .billing_period ul li:first-child label{
        padding:11px 20px 25px
    }
}
@media only screen and (max-width: 767px){
    .billing_period ul{
        padding-left:0
    }
}
@media only screen and (max-width: 700px){
    .billing_period ul li{
        height:40px
    }
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .bm-form.search .modal-dialog{
        margin:20px 15px 60px;
        width:auto
    }
    .bm-form .btn-billing{
        width:100%;
        margin-bottom:0
    }
    .bm-form .btn-cancel{
        width:100%
    }
    .bm-form.modal .modal-body{
        padding:0 30px 55px
    }
    .bm-form.modal .modal-title{
        margin:auto 25px
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .bm-form.modal .modal-dialog{
        margin:70px 160px;
        width:auto
    }
    .bm-form.modal .modal-body{
        padding:0 30px 55px
    }
    .bm-form.modal .modal-title{
        margin:auto 25px
    }
    .body.signin .unsupported-browser .logo img{
        max-width:130px
    }
}
.unsupported-browser{
    color:#fff;
    font-family:"Helvetica";
    width:700px;
    margin:auto
}
.unsupported-browser .logo{
    width:150px;
    margin:0 auto 40px
}
.unsupported-browser h2{
    text-align:center;
    font-weight:800;
    font-size:28px;
    margin-bottom:30px
}
.unsupported-browser .warning{
    width:40px;
    margin-right:20px;
    margin-top:-8px
}
.unsupported-browser .browsers{
    width:90px
}
.unsupported-browser .col-sm-3{
    padding:0 38px;
    text-align:center
}
.unsupported-browser .col-sm-3 img{
    margin:20px 0
}
.unsupported-browser p{
    margin:20px 0
}
.feature-carousel-news .horizontal .show-cover,.feature-carousel-news .horizontal .show-cover > .show-cover-details{
    margin:0 auto
}
.feature-carousel-news .horizontal .show-cover:hover,.feature-carousel-news .horizontal .show-cover:hover .show-cover-details{
    height:163px;
    width:289px
}
.news .col-md-8.banner{
    padding:0;
    min-height:420px;
    background-size:cover
}
.news .sidebar-details h5{
    font-family:"helvetica";
    font-weight:700;
    color:#ccc
}
.sidebar-details .more-text{
    text-transform:uppercase;
    font-size:17px;
    color:#fff
}
.news .sidebar-details{
    padding:50px 20px;
    border:2px solid #4D4751;
    border-left:0;
    min-height:420px
}
.feature-carousel-news .horizontal .show-cover:hover,.feature-carousel-news .horizontal .show-cover:hover .show-cover-details{
    z-index:100;
    height:163px;
    width:289px;
    margin:0 auto;
    vertical-align:middle;
    opacity:1;
    font-family:"Helvetica"
}
.slick-news .horizontal .show-cover,.slick-news .horizontal .show-cover > .show-cover-details{
    margin:0 auto
}
#news-overflow .heading-slider{
    margin:50px 50px 0
}
#news-overflow .main-container-xl{
    margin-bottom:0
}
#news-overflow .regional-news h3.heading-slider{
    margin:20px 50px 17px
}
#news-overflow .region_filter.show-cat-filter select{
    padding:11px 20px
}
@media (max-width: 767px){
    .h2.heading-slider.first{
        margin-top:10px!important;
        z-index:100;
        position:relative
    }
    .news .sidebar-details{
        padding:30px 14px!important;
        min-height:320px!important;
        border:0!important
    }
    .news .col-md-8.banner{
        min-height:357px!important
    }
    .sidebar-details .more-text{
        font-size:14px!important;
        font-family:"Helvetica";
        font-weight:700
    }
    hr.news{
        margin-top:50px!important
    }
    .news h1{
        margin-left:14px;
        margin-top:0;
        color:#fff;
        font-weight:800!important;
        font-size:30px!important
    }
    .sidebar-details h2{
        font-size:21px!important;
        font-family:"Helvetica";
        margin:0!important
    }
    .jk_countdown_banner .buttons a{
        margin-bottom:5px!important
    }
    .feature-carousel-news .show-cover-thumb-aired-mobile{
        padding:4px 0 0!important
    }
    .jk_countdown_banner.news{
        display:none
    }
    .jk_related_news .new.feature-carousel .horizontal .show-cover{
        height:100px!important;
        width:172px!important;
        margin:90px 0 0 10px !important
    }
    .jk_related_news .show-cover-thumb-title-mobile{
        padding:14px 0 0!important
    }
    #news-overflow .heading-slider{
        margin:0
    }
    #news-overflow .main-container-xl{
        padding:0 0 0 9px;
        margin-bottom:-25px!important
    }
    #news-overflow .regional-news h3.heading-slider{
        margin:0 0 17px!important
    }
    .jk_countdown_banner{
        margin:0 0 -15px!important
    }
    .show-cover-thumb-title-mobile,.jk_related_news .show-cover-thumb-title-mobile{
        width:160px!important;
        font-size:13px!important
    }
    .show-cover-thumb-aired-mobile{
        font-size:12px!important
    }
    .region_filter.show-cat-filter select{
        background-color:transparent;
        background-image:linear-gradient(45deg,transparent 50%,#717479 50%),linear-gradient(135deg,#717479 50%,transparent 50%),linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0));
        background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
        background-size:5px 5px,5px 5px,1px 1.5em;
        background-repeat:no-repeat
    }
    .region_filter.show-cat-filter{
        padding:0!important;
        margin:15px 14px 70px 0 !important
    }
    .social-buttons{
        margin:auto 14px
    }
    .social-btn{
        width:100%!important;
        margin-top:20px!important
    }
    .twitter-btn{
        margin-left:0!important
    }
    .category .show-cover-thumb-aired-mobile{
        padding:4px 0
    }
}
@media only screen and (max-width: 1024px) and (min-width: 992px){
    .visible-landscape-ipad{
        display:block!important;
        color:#fff!important;
        font-size:16px!important;
        margin-bottom:-14px!important
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .visible-landscape-ipad{
        display:none!important
    }
    .jk_related_news .show-cover-thumb-title-mobile{
        width:210px!important;
        padding-left:10px!important
    }
    #news-overflow .heading-slider{
        margin:20px 0 0!important
    }
    #news-overflow .regional-news h3.heading-slider{
        margin:20px 0 17px!important
    }
    .jk_related_news .horizontal .show-cover-details > img{
        height:128px!important;
        width:210px!important
    }
    .today-on-news{
        margin:0!important
    }
    .feature-carousel-news .horizontal .show-cover > .show-cover-details,.feature-carousel-news .horizontal .show-cover:hover .show-cover-details{
        margin:0!important;
        width:210px!important;
        height:128px!important
    }
    .feature-carousel-news .horizontal .show-cover:hover,.feature-carousel-news .horizontal .show-cover{
        margin:0 10px!important;
        width:210px!important;
        height:128px!important
    }
    .news .sidebar-details img{
        height:70px!important
    }
    .news .sidebar-details{
        padding:30px 20px!important;
        min-height:357px!important;
        border-right:0!important
    }
    .news .col-md-8.banner{
        min-height:357px!important
    }
    .sidebar-details .more-text{
        font-size:14px!important;
        font-family:"Helvetica";
        font-weight:700
    }
    hr.news{
        margin-top:50px!important
    }
    .news h2{
        margin-left:34px;
        margin-top:-40px;
        font-weight:800
    }
}
@media (max-width: 767px){
    .celeb-shows-sec.celeb-shows-sec{
        margin-bottom:0!important
    }
    .heading-slider.tv-program-heading{
        margin:0 0 10px
    }
    .live-content-current{
        height:200px!important
    }
    .jk_related_news hr{
        display:none
    }
    .live .jk_related_news{
        margin-top:270px;
        margin-bottom:-30px
    }
}
@media only screen and (max-width: 1199px) and (min-width: 768px){
    .celeb-desc-p.white-line-top .sm{
        padding-top:0!important;
        padding-bottom:5px!important
    }
    #celeb-shows .horizontal .show-cover{
        width:100%;
        height:125px
    }
    .jk_countdown_banner .buttons .watch{
        line-height:1em!important
    }
    .live .jk_countdown_banner .buttons a{
        padding:5px 10px 5px 37px;
        margin-bottom:5px
    }
    .today-on-live{
        font-size:16px!important;
        margin-left:0!important;
        margin-bottom:10px!important
    }
    .celeb-shows-sec .horizontal{
        width:100%!important
    }
    .jk_related_news hr{
        margin-right:34px;
        border:1px solid #4d4751
    }
    .heading-slider.tv-program-heading{
        margin:0
    }
    .live .jk_related_news{
        padding-top:60px
    }
    .my-list-page-section .show-cat-filter.mylist{
        margin-right:35px!important;
        margin-top:27px!important
    }
}
.jk_related_news hr{
    border:1px solid #4d4751
}
.news .sidebar-details img{
    height:75px
}
h3.heading-slider{
    font-size:17px
}
.regional-news .region_filter{
    margin-top:-53px;
    color:#fff;
    margin-right:50px
}
h2,h3,h4,h5{
    margin:0
}
.jk_table_cell h2{
    margin:0;
    font-size:28px;
    font-weight:800
}
body{
    background-color:#12181F!important;
    font-family:'gothic'!important;
    text-rendering:geometricPrecision;
    overflow-x:hidden
}
select.sorter,#show_episode_list{
    background:rgba(18,24,31,0.20)!important;
    background-image:url(https://img.tfc.tv/assets/img/pre_user_arrow.png)!important;
    background-repeat:no-repeat!important;
    background-position:95%!important
}
button:focus{
    outline:0!important
}
.slick-list,.slick-slide{
    outline:none!important
}
.sub-category-page.sub-category-portrait .og-grid{
    padding:10px 0!important
}
.sub-category-page.sub-category-portrait .og-grid.tv-programs-grid li{
    float:left;
    margin:10px 0 40px;
    width:25%;
    min-height:375px;
    min-width:100px;
    padding:4px;
    list-style:none
}
.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid a .show-cover,.horizontal.tv-programs-grid a .show-cover .show-cover-details{
    margin:10px -10px 10px 15px;
    width:98%;
    min-height:310px;
    background-position:bottom center;
    height:163px
}
.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid .show-cover{
    margin-top:60px!important;
    width:90%!important;
    height:367px!important
}
.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid .show-cover:hover{
    margin-top:60px!important;
    width:90%!important;
    height:367px!important
}
.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid .show-cover .show-cover-details{
    width:100%!important;
    height:367px!important
}
.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid a .show-cover:hover,.sub-category-page.sub-category-portrait .horizontal.tv-programs-grid a .show-cover:hover .show-cover-details{
    margin:10px 0 10px 15px;
    width:98%;
    min-height:310px;
    background-position:bottom center;
    height:367px
}
.colored-gradient-bg.shows-slider-header{
    margin-bottom:80px
}
.profile_page #transactions .box .table-responsive .table>thead>tr>th{
    font-size:16px
}
.profile_page #transactions .box .table-responsive .table>tbody>tr>td{
    font-size:14px;
    max-width:130px;
    white-space:pre-line;
    padding:8px 5px
}
.modal-dialog{
    width:784px
}
.modal-help{
    text-align:center
}
.modal-help form{
    text-align:left;
    margin-bottom:24px
}
.modal-help .form-group label{
    font-family:"gothic";
    font-weight:700;
    font-size:18px
}
.modal-help textarea.form-control{
    height:360px!important
}
.modal-help .btn-orange{
    color:#fefaf9;
    background-color:#e15427;
    border-color:#e15427;
    width:200px;
    font-family:"Helvetica";
    font-size:16px;
    font-weight:600;
    border-radius:0;
    padding:16px
}
.modal-help .modal-header{
    border-bottom:0
}
.modal-help form button{
    text-align:center!important
}
.modal-help .form-control{
    display:block;
    width:100%;
    height:100%;
    padding:15px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#efefef;
    background-image:none;
    border:0 solid #efefef;
    border-radius:0;
    -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.075);
    box-shadow:inset 0 0 0 rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.modal-help p{
    font-family:"Helvetica";
    font-size:20px
}
.modal-help h3{
    font-family:"gothic";
    font-size:34px;
    font-weight:700
}
.modal-help .modal-body{
    padding:30px 100px!important
}
.detail-video-cont{
    background-color:#000
}
.detail-video-cont.unregistered{
    border:0 rgba(225,225,225,.1) solid;
    border:0 rgba(225,225,225,.1) solid
}
.black-filler{
    background:rgba(0,0,0,.7);
    width:100%;
    height:440px
}
.click-here{
    text-align:center;
    color:#fff;
    font-size:33px;
    float:left;
    width:100%
}
.detail-video-cont .after-play{
    font-family:"Helvetica";
    width:100%;
    height:100%;
    background-size:100%
}
.detail.unregistered .main-container-md .col-md-8.col-sm-8{
    padding-left:0
}
.detail-section-bg.unregistered{
    margin:0 0 35px;
    padding-top:0
}
.detail.unregistered .celebrity-topic-wrapper-sidebar{
    padding:15px 0 0 80px
}
.detail.unregistered #sharebar-ui.share-link,.addToList.share-link{
    display:block;
    float:left
}
.detail-video-cont.unregistered .after-play{
    padding:15px 0 0;
    z-index:100;
    position:relative;
    background:#000
}
.detail-video-cont.registered .after-play{
    padding:300px 0 0
}
.detail-video-cont.registered .after-play .ap-desc{
    font-size:42px
}
.detail-video-cont.unregistered .after-play .ap-desc{
    font-size:24px
}
.detail-video-cont .after-play .ap-desc{
    text-align:center;
    color:#fff;
    font-size:24px;
    margin:120px 20% 0;
    font-weight:bolder
}
.detail-video-cont .after-play a.ap-button{
    text-align:center;
    color:#fff;
    font-size:20px;
    margin:40px auto 0;
    font-weight:bolder;
    background:#dc5430;
    padding:7px 20px;
    width:350px;
    display:block;
    text-transform:uppercase
}
.detail-video-cont .parental-advisory{
    font-family:"Helvetica";
    width:100%;
    height:100%;
    background:#000
}
.detail-video-cont.unregistered .parental-advisory{
    padding:170px 0 0
}
.detail-video-cont.registered .parental-advisory{
    padding:300px 0 0
}
.detail-video-cont .parental-advisory .warning-title{
    text-align:center;
    color:#fff;
    font-size:22px;
    font-weight:bolder;
    text-transform:uppercase
}
.detail-video-cont .parental-advisory .warning-desc{
    text-align:center;
    color:#fff;
    font-size:15px;
    margin:10px 20% 0
}
.fix_fixed_issue_ios{
    -webkit-overflow-scrolling:touch!important;
    overflow:auto!important;
    height:100%!important
}
.jw-controls{
    margin-top:30px!important
}
.smartpit-card-number{
    margin-top:50px;
    margin-bottom:20px
}
.smartpit-card-number.italic{
    margin-top:50px;
    margin-bottom:32px
}
.row.start_enjoying p{
    font-size:24px;
    font-family:"Helvetica"
}
.row.start_enjoying .col-md-7.col-xs-5 p{
    font-size:16px;
    font-family:"Helvetica"
}
.row.start_enjoying em{
    font-size:16px;
    font-family:"Helvetica";
    color:#777
}
.preview-hero{
    background:url(https://img.tfc.tv/assets/img/preview-slider-play-2.png) no-repeat 0 0;
    height:36px!important;
    transition:none!important;
    padding:7px 0 0 50px
}
.preview-hero:hover{
    background-position:0 100%;
    transition:none!important
}
.gettfc-hero{
    background:url(https://img.tfc.tv/assets/img/get-slider-play-2.png) no-repeat 0 0;
    height:36px!important;
    transition:none!important;
    padding:7px 0 0 50px
}
.gettfc-hero:hover{
    background-position:0 100%;
    transition:none!important
}
.addlist-hero{
    background:url(https://img.tfc.tv/assets/img/get-slider-plus-2.png) no-repeat 0 0;
    height:36px!important;
    transition:none!important;
    padding:7px 0 0 50px
}
.addlist-hero:hover{
    background-position:0 100%;
    transition:none!important
}
.rmvlist-hero{
    background:url(https://img.tfc.tv/assets/img/get-slider-minus-2.png) no-repeat 0 0;
    height:36px!important;
    transition:none!important;
    padding:7px 0 0 50px
}
.rmvlist-hero:hover{
    background-position:0 100%;
    transition:none!important
}
.gsc-tabsArea,.gsc-refinementsArea{
    display:none
}
.icon-arrow{
    width:20px
}
.active-arrow{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    transform:rotate(-90deg)
}
.gig-composebox-login div{
    display:none!important
}
.panel-body p span,.panel-body p span span,.panel-body ol li span{
    font-size:18px!important;
    font-family:"Helvetica"!important
}
.jk_related_news .show-cover-thumb-title-mobile{
    font-family:"Helvetica";
    font-weight:700;
    color:#fff;
    font-size:18px;
    position:relative;
    width:100%;
    float:left;
    padding:14px 0 0;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.signin .logo img{
    width:100%
}
form.submitted input:invalid,form.submitted textarea:invalid{
    border:2px solid red!important
}
.card_update_form .field.col-md-4{
    margin-top:0!important
}
.left.for-billing{
    width:66%!important
}
.devices.row .device.col-md-4:first-child{
    padding-top:24px
}
.reviews{
    margin-top:40px
}
.reviews .media.media-review .media-body{
    font-size:24px
}
.reviews .h3.media-heading{
    font-weight:700;
    margin-top:35px
}
.reviews .media-left.testimonial{
    padding-right:30px
}
.reviews .media.media-review{
    margin-bottom:70px;
    margin-left:70px
}
.reviews .main-avatar{
    margin-top:100px
}
.reviews .main-avatar .media-left{
    padding-right:20px
}
.reviews .main-avatar .body,.reviews .main-avatar .h3.media-heading{
    font-size:30px
}
.reviews .main-avatar .h3.media-heading{
    margin-top:70px
}
.reviews .well{
    border:2px solid #262A2F;
    background:url(https://img.tfc.tv/assets/img/signup_bg1.png) no-repeat center top/ 100% auto;
    min-height:700px;
    border-radius:0;
    padding:30px
}
.reviews .well .main-review{
    font-size:36px;
    font-style:oblique;
    line-height:normal
}
.detail-section-bg .detail-share-addtolist{
    padding-top:100px;
    padding-bottom:20px
}
.detail-section-bg .celeb-desc-p.white-line-top.topic-pages{
    margin-top:50px;
    float:left
}
.mvp .package .inner .ul p{
    text-align:center;
    margin-top:30px;
    font-weight:800;
    font-size:16px
}
.mvp .package .inner .ul p.small{
    text-align:center;
    margin-top:0;
    font-size:14px;
    font-weight:lighter
}
.mvp .package .inner .ul p.notes{
    font-size:12px;
    font-style:italic;
    min-height:50px;
    margin-top:25px;
    font-weight:lighter;
    position:absolute;
    bottom:0;
    float:right;
    width:100%
}
.signup_area .mvp.packages .button{
    margin:auto 0 20px
}
.signup .new-signup-area.signup_area .mvp.packages .package>.inner{
    padding:60px 25px 10px!important
}
.signup .new-signup-area.signup_area .mvp.packages .ul{
    padding:0;
    margin:0;
    min-height:300px;
    height:auto;
    list-style:none;
    position:relative
}
@media (min-width: 1281px){
    .signup .new-signup-area.signup_area .mvp.packages .ul{
        min-height:300px
    }
}
@media (max-width: 500px){
    .signup .new-signup-area.signup_area .mvp.packages .ul{
        min-height:300px;
        border-bottom:#333 1px solid
    }
    .mvp .package .inner .ul p.small{
        font-size:12px;
        font-weight:lighter
    }
}
.signup .signup_area .packages .title{
    font-size:26px
}
.signup .signup_area .packages .package>.inner{
    padding:59px 20px 60px;
    min-height:750px;
    -webkit-transition:all .9s;
    -ms-transition:all .9s;
    transition:all .9s
}
.signup p{
    margin:0
}
.signup .signup_area .packages ul{
    padding:1px 0 18px;
    height:200px
}
.signup .signup_area .packages .price{
    font-weight:700;
    margin:25px 0 20px;
    padding-top:30px;
    border-top:1px solid #2B3037;
    float:left;
    width:100%
}
.signup .signup_area .packages .sub-info-price{
    margin:0 0 40px;
    font-size:12px
}
.signup .signup_area .package .inner{
    min-height:580px
}
.signup .signup_area .packages ul{
    margin:35px 0
}
@media (max-width: 759px){
    .signup .signup_area .packages .package>.inner{
        min-height:auto
    }
}
.my-account-profile button,.my-account-profile input{
    border-radius:0
}
.my-account-profile select.form-control{
    border-radius:0;
    outline:1px inset #333;
    outline-offset:-1px
}
.my-account-profile button{
    margin-left:20px
}
.my-account-profile .row{
    margin:20px -15px
}
.my-account-profile input{
    border:1px solid #333
}
.my-account-profile .btn{
    padding:12px 20px;
    font-size:12px;
    font-weight:700
}
.my-account-profile .btn-default{
    background-color:#ccc
}
.change-pwd{
    margin-left:30px;
    font-size:16px
}
.toggle-margin{
    margin-top:-7px!important
}
.my-list-page-margin{
    margin:0 50px
}
.my-list-page-tabs{
    margin:0!important
}
#end-of-result{
    color:#fff
}
.app-store,.google-play{
    width:20%
}
input{
    outline:0
}
select{
    padding:15px;
    font-family:'Helvetica'
}
.text-center{
    text-align:center
}
.sub-category-page .load-more-button{
    height:40px
}
.load-more-button{
    margin-top:80px;
    height:80px;
    margin-bottom:0;
    float:left;
    width:100%
}
.load-more-button.movies-sec{
    margin-top:120px!important
}
.load-more-button.showtopic-sec{
    margin-top:80px!important;
    margin-bottom:0!important
}
.celeb-tabs-section .show-cat-filter{
    margin-top:30px;
    color:#fff
}
.online-premiere-on-mobile{
    margin-top:75px!important
}
.celeb-tabs-section .sub-category-page{
    margin-top:80px
}
@media (min-width: 992px) and (max-width: 1024px){
    .sub-category-page{
        margin:64px 34px -18px
    }
}
.og-grid{
    margin:0 -57px;
    padding:60px 0!important;
    list-style: none !important;
}
.main{
    display:none;
    margin:auto
}
.sub-category-portrait .main{
    width:960px;
    margin-top:40px
}
.og-grid li.ad-on-list{
    margin:14px 60px -4px
}
.horizontal.sub-category a .show-cover{
    margin-top:0
}
.show-cover-details-container.sub-category{
    text-align:left
}
.horizontal.sub-category .show-cover,.horizontal.sub-category .show-cover > .show-cover-details{
    margin-top:0
}
.main-container-xl{
    padding:0;
    margin:auto auto 30px;
    overflow-y:hidden
}
.main-container-lg{
    max-width:1280px;
    margin:auto
}
.main-container-md{
    max-width:1180px;
    margin:auto
}
.main-container-lg .ad-left{
    float:left;
    max-width:728px
}
.main-container-lg .ad-left div{
    padding:10px 0;
}
.main-container-lg .violator-right{
    float:right;
    max-width:400px;
    padding:0 30px
}
.new-ad{
    padding: 0
}
.membership-sticky-bar.mobile{
    position:relative;
    padding:0
}
.new-ad.mobile .main-container-lg .ad-left{
    max-width:100%
}
.new-ad.mobile .main-container-lg .ad-left img{
    width:100%
}
.main-container-lg .violator-right .msb-btn{
    width:100%;
    float:left;
    padding:10px
}
.main-container-md.related-container{
    float:left
}
.main-container-md .main-container-md.hidden-xs{
    min-height:0
}
.colored-gradient-bg{
    background:url(https://img.tfc.tv/assets/img/colored-gradient-bg.png) no-repeat;
    background-size:100%;
    padding-top:160px!important;
    margin-bottom:140px
}
.colored-gradient-bg.shows-header{
    margin-bottom:0!important
}
.colored-gradient-bg.live{
    margin-bottom:0
}
.colored-gradient-bg.detail{
    min-height:600px
}
.colored-gradient-bg.detail.registered{
    padding-top:0!important;
    margin-bottom:-40px!important;
    min-height:580px
}
a{
    color:#3995f3
}
a:hover{
    text-decoration:none;
    color:#ffd400;
    -webkit-transition:.1s;
    -moz-transition:.1s;
    -ms-transition:.1s;
    -o-transition:.1s;
    transition:.1s
}
a:focus{
    outline:0!important
}
a.btn-white-outline{
    border:1px solid #717479;
    text-align:center;
    font-size:16px;
    letter-spacing:1px;
    color:#fff;
    text-transform:uppercase;
    padding:15px 30px;
    width:65%;
    text-decoration:none;
    border-radius:0;
    z-index:100;
    position:relative;
    margin:30px auto 0;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
a.btn-white-outline:hover{
    border:1px solid #ffd400;
    color:#fff
}
footer{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-image:url(https://img.tfc.tv/assets/img/footer.png);
    background-position:top;
    height:300px;
    display:block;
    background-size:cover;
    float:left;
    width:100%;
    position:relative
}
footer li a{
    color:#fff;
    font-size:14px;
    font-weight:700
}
.footer-list{
    list-style:none;
    color:#fff;
    margin-top:105px;
    padding-left:40px
}
ul.footer-list li{
    display:inline;
    padding-right:65px
}
.footer-margin{
    margin-top:30px;
    margin-right:0
}
.footer-all-right-reserved{
    list-style:none;
    color:#fff;
    margin-top:100px;
    float:right;
    margin-right:40px;
    padding-left:10px
}
.download-links{
    margin:30px 0 0 40px
}
.download-links img{
    padding-right:10px;
    height:50px;
    width:170px
}
.social-links{
    float:right;
    margin:20px 40px 0 0;
    min-width:100%!important;
    text-align:right
}
.social-links img{
    padding-left:15px;
    opacity:.8;
    transition:.8s ease-in-out;
    -webkit-transition:.8s ease-in-out;
    -moz-transition:.8s ease-in-out;
    -o-transition:.8s ease-in-out
}
.social-links img:hover{
    padding-left:15px;
    opacity:1;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out
}
.social-btn:hover,.social-btn:focus{
    color:#fff
}
.social-btn{
    width:153px;
    padding:10px 20px;
    cursor:pointer;
    text-transform:uppercase;
    color:#fff;
    font-size:14px;
    font-weight:700;
    position:relative;
    float:left;
    display:block;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
    text-align:center;
    text-align:-webkit-center
}
.twitter-btn{
    margin-left:7px;
    background:#55acee
}
.fb-btn{
    background:#3b599e
}
.social-btn a{
    color:#fff
}
.social-btn img{
    margin-top:-2px;
    margin-right:5px
}
.fb-btn img{
    height:19px;
    width:10px
}
.twitter-btn img{
    height:17px;
    width:20px
}
.twitter-btn:hover{
    background:#4e9cd7
}
.fb-btn:hover{
    background:#354e89
}
.h2{
    font-weight:300;
    color:#fff;
    font-size:20px
}
.heading-slider{
    margin:20px 0 -44px 50px;
    font-size:22px;
    font-weight:700
}
.fluid-live .heading-slider{
    margin:20px 0 -44px
}
.category-list-title{
    width:60%;
    float:left;
    margin-top:0
}
.heading-slider.heading-subcategory{
    margin:50px 0 0;
    float:left;
    width:100%
}
.h2.heading-slider.heading-subcategory .show-cat-filter{
    float:right;
    font-size:14px;
    font-weight:700;
    margin-top:-10px
}
.h2.heading-slider.heading-subcategory .show-cat-filter select{
    padding:12px!important
}
.celeb-name-h1{
    font-weight:300;
    color:#fff;
    font-size:72px;
    font-weight:bold;
    font-family:'gothic'
}
.celeb-desc-p{
    font-weight:300;
    color:#fff;
    font-size:20px;
    line-height:1.792;
    margin-top:20px;
    margin-bottom:50px;
    font-family:'Helvetica';
    float:left;
}
.detail-title-info-registered .celeb-desc-p{
    margin-top:-24px
}
.celeb-desc-p .sm{
    font-weight:700;
    font-size:14px;
    color:#d0d1d2;
    margin-bottom:-2px
}
.celeb-desc-p .cast-title.sm,.celeb-desc-p .sm.text-uppercase{
    margin-top:28px
}
.celeb-desc-p a{
    color:#3995f3;
    font-size:18px;
    cursor:pointer
}
.celeb-desc-p a:hover{
    color:#0E77DF!important
}
.white-line-top{
    border-top:1px solid rgba(225,225,225,.3)
}
.membership-sticky-bar{
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    font-size:16px;
    color:#fff;
    overflow:hidden;
    padding:20px 40px;
    background:rgba(0,0,0,.9);
    text-align:center
}

.membership-sticky-bar a{
    font-family: 'Helvetica-Bold','Helvetica';
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background-color: #CB4511;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 12px 30px;
    border-radius: 5px;
}

.membership-sticky-bar>div{
    display:table
}
.violator-alert-red{
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    font-size:16px;
    color:#fff;
    overflow:hidden;
    padding:15px 0;
    max-height:65px;
    width:100%;
    background:#9a0000;
    z-index:999999
}
.violator-alert-red .vio-alert{
    text-align:center
}
.violator-alert-red .vio-close img{
    height:15px;
    width:15px;
    float:right;
    margin-top:-22px;
    margin-right:30px;
    cursor:pointer
}
.violator-alert-red .vio-alert img{
    height:30px;
    width:30px
}
.violator-alert-red .vio-alert a{
    color:#fff;
    font-weight:bolder
}
.membership-sticky-bar a{
    color:#fff;
    text-decoration:none
}
.membership-sticky-bar .msb-desc{
    letter-spacing:.3px;
    font-size:16px;
    font-weight:300;
    display:table-cell;
    vertical-align:middle
}
.membership-sticky-bar .msb-btn{
    display:table-cell;
    vertical-align:middle
}
.membership-sticky-bar .msb-btn a{
    font-size:12px;
    font-weight:700;
    background-color:#E15427;
    text-transform:uppercase;
    margin-left:10px;
    display:inline-block;
    white-space:nowrap
}
.membership-sticky-bar .msb-title{
    font-weight:700;
    letter-spacing:.3px;
    text-transform:uppercase;
    margin-right:25px
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .membership-sticky-bar{
        padding:25px 30px;
        font-size:14px;
        text-align:center;
        bottom: 0;
        position: fixed;
        width: 100%;
    }
    .membership-sticky-bar .msb-btn a{
        padding:5px 17px
    }
    .membership-sticky-bar .msb-desc{
        font-size:15px
    }
    .membership-sticky-bar .msb-title{
        padding-top:5px
    }
    .detail-video-cont.unregistered .after-play{
        padding:15px 0 66px
    }
}
@media (min-width: 1200px){
    .main-container-xl .slick-slider{
        padding:0 0 0 50px !important;
        margin-bottom:-20px;
        min-height:245px
    }
    .main-container-xl .slick-slider.thumb-topic{
        padding:0!important
    }
}
@media (min-width: 1025px){
    .membership-sticky-bar .msb-btn a{
        padding:8px 35px;
        margin-left:10px
    }
    .membership-sticky-bar .msb-title{
        margin-right:32px;
        margin-left:10px
    }
    .detail-section-bg .main-container-md .blue.feature-carousel .horizontal a .show-cover:hover{
        margin:0 auto
    }
    .blue.feature-carousel.slider.slider-on-mobile.slick-initialized.slick-slider .horizontal .show-cover:hover,.horizontal .show-cover:hover .show-cover-details{
        margin:0 auto!important
    }
}
@media (max-width: 767px){
    .membership-sticky-bar>div{
        width:100%
    }
    .membership-sticky-bar .msb-desc.visible-xs{
        display:table-cell!important;
        text-align:left
    }
    .membership-sticky-bar .msb-btn{
        text-align:right
    }
}
header{
    background:rgba(0,0,0,.7);
    width:100%;
    left:0;
    top:0;
    position:fixed;
    z-index:9999;
    height:90px;
    backdrop-filter: blur(20px);  
    -webkit-backdrop-filter: blur(20px); 
}
header.signin{
    position:absolute;
    background:none
}
.header_hover_dim{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.7;
    display:none;
    z-index:9998
}
header>.inner{
    position:relative;
}
header>.inner:hover{
    -webkit-box-shadow:0 -3px 3px 0 rgba(51,51,51,0.15);
    -moz-box-shadow:0 -3px 3px 0 rgba(51,51,51,0.15);
    box-shadow:0 -3px 3px 0 rgba(51,51,51,0.15)
}
header a{
    text-decoration:none;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.navbar-toggle.ham{
    float:left;
    margin:0;
    padding:0;
    -webkit-appearance:none;
    border-radius:0
}
.navbar-toggle .icon-bar{
    background-color:#fff;
    display:block;
    height:2px;
    border-radius:0
}
.navbar-toggle .icon-bar + .icon-bar{
    margin-top:5px
}
header>.inner{
    padding:20px 14px;
    z-index: 999;
}
header .hd_left{
    float:left;
    width:50%
}
header .hd_left img{
    width:66px;
    margin:-20px 0 0 0;
}
header .hd_right{
    float:right
}

header .hd_right .msb-btn{
    float: left;
    margin: 7px 20px 0 0;
}

header .hd_right .msb-btn a{
    font-family: 'Helvetica-Bold','Helvetica';
    font-size: 14px;
    color:#fff;
    font-weight: 700;
    background-color: #CB4511;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 12px 40px;
    border-radius: 5px;
}

header .hd_right .search{
    padding-right:14px;
    margin-right:14px;
    border-right:2px solid rgba(255,255,255,.2)
}
header .hd_right .search img{
    width:18px
}
header .hd_right .signin{
    font-weight:700;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    margin-right:0
}
#login-pane_uiContainer{
    height:70px!important
}
@media (max-width: 767px){
    ::-webkit-scrollbar{
        width:0;
        background:transparent
    }
    header .hd_left img{
        margin:-10px 0 0 20px
    }
}
@media only screen and (min-width: 768px) and (max-width: 1100px){
    .navbar-toggle{
        display:block
    }
    header>.inner{
        padding:5px;
    }
    header .hd_left img{
        width:85px;
        margin-left:0;
    }
    header .hd_right .search{
        position: absolute;
        top: 12px;
        right: 20px;
    }
    header .hd_right .signin{
        font-size:16px
    }
    header.uninav-default .logo a>img{
        margin-bottom: -5px !important;
    }
    .big_search{
        margin:-20px 0 0 0 !important;
        padding:20px 10px;
    }
    .search-close{
        width: 65px !important;
        padding:12px 0 0 0 !important;
    }
    .big_search .typeahead{
        font-size: 16px !important;
        padding: 15px 25px !important;
    }
    .search-clear{
        margin: -36px 25px 0 0px !important;
        font-size: 14px !important;
    }
}
@media (min-width: 1101px){
    .navbar-toggle{
        display:none
    }
    header>.inner{
        padding:35px 50px 0
    }
    header .hd_left{
        width:auto
    }
    header .hd_left img{
        width:100%;
        height:auto;
        margin-left:0;
        margin-right:44px;
        position:relative;
        z-index:102
    }
    header .hd_right{
        padding-top:5px
    }
    header .hd_right .search{
        padding-right:28px;
        margin-right:28px;
        margin-top:0;
        padding-top:7px;
        padding-bottom:7px;
        display:inline-block;
        vertical-align:top
    }
    header .hd_right .search img{
        width:auto
    }
    header .hd_right .signin{
        font-size:20px;
        padding-top:7px;
        display:inline-block;
        vertical-align:top
    }
}
@media (min-width: 768px){
    .logo{
        width:95px;
        margin-right:45px
    }
}
#main_nav_mobile{
    position:absolute;
    left:0;
    top:100%;
    border:1px solid #4D4D4D;
    background-color:#000;
    width:254px;
    display:none;
    z-index:1000000!important
}
@media (max-width: 599px){
    #main_nav_mobile{
        overflow-y:auto;
        overflow-x:hidden
    }
}
#main_nav_mobile ul{
    padding:10px;
    margin:0;
    list-style:none
}
#main_nav_mobile a{
    color:#fff;
    font-size:16px;
    padding:8px 0;
    text-transform:uppercase;
    display:block
}
#main_nav_mobile li:hover>a,#main_nav_mobile li.selected>a{
    color:#ffd400;
    text-decoration:none
}
#main_nav_mobile li.has_children>a{
    background:url(https://img.tfc.tv/assets/img/mob_nav_arrow.png) no-repeat right center;
    margin-right:4px
}
#main_nav_mobile li.has_children.selected>a{
    background:url(https://img.tfc.tv/assets/img/mob_nav_over_arrow.png) no-repeat right center
}
#main_nav_mobile .sub_menu{
    display:none;
    padding:0 10px
}
#main_nav_mobile .sub_menu a{
    font-size:12px
}
.menu_button_over_arrow{
    display:none;
    position:absolute;
    left:15px;
    top:100%;
    margin-top:-8.5px;
    max-width:21px
}
.menu_button_over_arrow.active{
    display:block
}
#main_nav_desk a.premium-tag{
        display:none;
}
    
@media (min-width: 600px){
    #main_nav_mobile{
        border:0;
        background:none;
        width:100%;
        overflow:scroll
    }
    #main_nav_mobile ul{
        border:1px solid #4D4D4D;
        background-color:#000;
        width:280px;
        position:relative;
        padding:10px 0 15px
    }
    #main_nav_mobile li{
        padding:0 30px
    }
    #main_nav_mobile li ul.sub_menu{
        position:absolute;
        left:100%;
        top:-1px;
        min-height:100%;
        padding:15px 0;
        display:none
    }
    #main_nav_mobile .sub_menu a{
        font-size:14px
    }
    #main_nav_mobile li.has_children>a{
        background:url(https://img.tfc.tv/assets/img/tab_nav_arrow.png) no-repeat right center
    }
    #main_nav_mobile li.has_children.selected>a{
        background:url(https://img.tfc.tv/assets/img/tab_nav_over_arrwo.png) no-repeat right center
    }
}
@media (max-width: 599px){
    #main_nav_mobile{
        height:auto!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 1100px){
    .menu_button_over_arrow{
        left:35px;
        z-index:2;
        margin-top:-8px
    }
}
@media (min-width: 1101px){
    #main_nav_mobile{
        display:none
    }
    .menu_button_over_arrow,.menu_button_over_arrow.active{
        display:none
    }
}
@media (max-width: 1100px){
    #main_nav_desk{
        display:none!important
    }
}
@media (min-width: 1101px){
    #main_nav_desk{
        float:left;
        color:#fff;
        height:60px;
    }
    #main_nav_desk ul{
        padding:0;
        margin:0
    }
    #main_nav_desk li{
        list-style:none
    }
    #main_nav_desk a{
        display:block;
        color:#fff;
        text-decoration:none
    }
    #main_nav_desk>ul>li{
        float:left;
        margin:12px 25px 32px
    }
    #main_nav_desk>ul>li>a{
        font-family:'gothic'!important;
        font-size:18px;
        letter-spacing:1px;
        color:#fff;
        text-transform:uppercase;
        position:relative
    }
    #main_nav_desk>ul>li:hover>a{
        opacity:1;
        -ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100)
    }
    #main_nav_desk>ul>li>a:after{
        content:"";
        width:24px;
        height:12px;
        position:absolute;
        left:50%;
        bottom:0;
        margin-bottom:-24px;
        margin-left:-12px;
        display:block;
        background:url(https://img.tfc.tv/assets/img/menu_arrow2.png);
        z-index:200;
        opacity:0;
        -ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0)
    }
    #main_nav_desk>ul>li:hover>a:after{
        opacity:1;
        -ms-filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        transition-delay:.2s
    }
    #main_nav_desk>ul>li>a{
        border-bottom:1px solid transparent
    }
    #main_nav_desk>ul>li:hover>a{
        color:#fff;
        border-color:#fff
    }
    #main_nav_desk>ul>li.active>a{
        color:#ffd400!important;
        border-color:#ffd400
    }
    #main_nav_desk>ul>li.active:hover>a{
        color:#fff;
        border-color:#fff
    }
    #main_nav_desk .sub_menu{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background-color:rgba(12,16,21,.9);
        border-top:1px solid #303338;
        border-bottom:1px solid #303338;
        padding:0 40px;
        display:none;
        z-index:999;
        overflow-x:hidden;
        overflow-y:auto
    }
    #main_nav_desk .sub_menu>.inner{
        display:table;
        width:100%
    }
    #main_nav_desk .sb_left{
        width:19.5%;
        padding:25px 0;
        display:table-cell
    }
    #main_nav_desk .sb_center{
        width:55.5%;
        padding:30px 50px;
        border-left:1px solid #303338;
        display:table-cell
    }
    #main_nav_desk .sb_right{
        width:25%;
        position:relative;
        border-left:1px solid #303338;
        display:table-cell;
        height:560px
    }
    #main_nav_desk .menu_item li{
        padding-right:20px
    }
    #main_nav_desk .menu_item li a{
        font-size:14px;
        padding:10px 20px 10px 0;
        text-transform:uppercase;
        background-position:right center
    }
    #main_nav_desk .menu_item li.active>a,#main_nav_desk .menu_item li:hover>a{
        background:url(https://img.tfc.tv/assets/img/tab_nav_over_arrwo.png) no-repeat right center;
        color:#ffd400
    }
    #main_nav_desk .sb_center>strong{
        text-transform:uppercase;
        font-size:12px;
        font-weight:700
    }
    #main_nav_desk .menu_content{
        position:relative
    }
    #main_nav_desk .menu_content>div{
        margin:0 -15px;
        display:none;
        position:absolute;
        left:0;
        top:0;
        height:100%;
        min-width:100%!important
    }
    #main_nav_desk .menu_content>div.active{
        display:block
    }
    #main_nav_desk .box_type_one{
        width:50%;
        float:left;
        padding:25px 15px
    }
    .menu_content .box_type_one img{
        width:auto;
        height:auto;
        max-width:270px!important;
        max-height:155px!important
    }
    .menu_content .box_type_one.float_type img{
        width:auto;
        height:auto;
        max-width:190px!important;
        max-height:263px!important
    }
    #main_nav_desk .box_type_one.float_type{
        width:100%;
        float:none
    }
    #main_nav_desk .box_type_one.float_type .text{
        float:left;
        width:60%;
        padding-left:30px;
        width:65%;
        width:calc(100% - 190px)
    }
    #main_nav_desk .box_type_one img{
        width:100%
    }
    #main_nav_desk .box_type_one.float_type img{
        float:left;
        width:auto;
        width:190px
    }
    #main_nav_desk .box_type_one h3{
        font-size:20px;
        margin:25px 0 10px
    }
    #main_nav_desk .box_type_one.float_type h3{
        margin:5px 0 10px
    }
    #main_nav_desk .box_type_one .date{
        color:#d0d1d2;
        font-size:12px;
        font-weight:700;
        text-transform:uppercase
    }
    #main_nav_desk .box_type_one .disc{
        font-size:16px;
        font-weight:300
    }
    #main_nav_desk .buttons{
        padding-top:20px
    }
    #main_nav_desk .buttons a{
        font-size:14px;
        font-weight:700;
        padding:2px 10px 2px 40px;
        margin-bottom:15px;
        text-transform:uppercase
    }
    #main_nav_desk .buttons .preview{
        background:url(https://img.tfc.tv/assets/img/preview-btn.png) no-repeat 0 0;
        height:25px!important;
        transition:none!important
    }
    #main_nav_desk .buttons .watch{
        background:url(https://img.tfc.tv/assets/img/watch-btn.png) no-repeat 0 0;
        height:25px!important;
        transition:none!important
    }
    #main_nav_desk .buttons .get_tfc{
        background:url(https://img.tfc.tv/assets/img/get-tfc-btn.png) no-repeat 0 0;
        height:25px!important;
        transition:none!important
    }
    #main_nav_desk .buttons .watch:hover{
        background-position:0 104%;
        transition:none!important
    }
    #main_nav_desk .buttons .preview:hover{
        background-position:0 100%;
        transition:none!important
    }
    #main_nav_desk .buttons .get_tfc:hover{
        background-position:0 100%;
        transition:none!important
    }
    #main_nav_desk .sb_right .title{
        width:12px;
        font-weight:700;
        text-transform:uppercase
    }
    #main_nav_desk .sb_right .extra_info_item{
        display:none;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        padding:45px 0 98px 50px
    }
    #main_nav_desk .sb_right .extra_info_item.active{
        display:block
    }
    #main_nav_desk ul.trending{
        padding-top:13px
    }
    #main_nav_desk ul.trending a{
        font-size:14px;
        color:#3995f3!important;
        padding:7px 0
    }
    #main_nav_desk ul.trending a:hover{
        color:#0E77DF!important
    }
    #main_nav_desk .sb_right .floating_button{
        font-size:14px;
        text-transform:uppercase;
        border:1px solid #6E7073;
        padding:10px 20px;
        position:absolute;
        bottom:40px;
        left:50px;
        display:inline-block;
        text-align:center;
        font-weight:700
    }
}
@media (min-width: 1280px){
    #main_nav_desk .menu_item li a{
        font-size:16px
    }
    #main_nav_desk ul.trending a{
        font-size:16px
    }
}
.pre_user_info_desk{
    display:inline-block;
    position:relative
}
.pre_user_info_desk .small{
    font-size:17px;
    font-weight:700;
    color:#B6B4B4;
    white-space:nowrap;
    margin-top:1px;
    cursor:pointer
}
.pre_user_info_desk ul{
    padding:0;
    list-style:none
}
.pre_user_info_desk .user_img{
    display:inline-block;
    position:relative
}
.pre_user_info_desk .user_img img{
    width:38px;
    height:38px;
    object-fit:cover;
    margin:0 4px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:2px solid #fff;
    vertical-align:middle
}
.cout_notification{
    position:absolute;
    display:block;
    top:0;
    right:-2px;
    width:18px;
    height:18px;
    padding-top:3px;
    line-height:1em;
    background-color:#ED1C24;
    color:#fff;
    text-align:center;
    font-size:10px;
    font-weight:700;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.pre_user_info_desk .user_img .arrow_down{
    vertical-align:middle
}
.pre_user_info_desk .big{
    position:absolute;
    top:100%;
    right:-18px;
    color:#fff;
    padding-top:16px;
    display:none
}
.pre_user_info_desk .big a{
    color:#fff
}
.pre_user_info_desk .big a:hover{
    color:#fff
}
.pre_user_info_desk .big>.inner{
    position:relative
}
.pre_user_info_desk .right .arrow{
    position:absolute;
    top:-9px;
    right:14px;
    width:17px;
    height:9px;
    background:url(https://img.tfc.tv/assets/img/pre_profile_arrow.png) no-repeat 0 0
}
.pre_user_info_desk .big .right{
    background-color:rgba(0,0,0,0.93);
    padding:30px 30px 10px;
    width:310px;
    border:1px solid rgba(255,255,255,0.5);
    position:relative;
    z-index:112;
    display:block
}
.pre_user_info_desk .big .right li{
    margin:21px 0 0
}
.pre_user_info_desk .big .right li a{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
    font-family:"Helvetica"
}
.pre_user_info_desk .big .right li:hover a{
    color:#ffd400
}
.pre_user_info_desk .big .avatar img,#main_nav_mobile .avatar img{
    width:60px;
    height:60px;
    object-fit:cover;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:2px solid #fff;
    display:block
}
.pre_user_info_desk .user_info .name,#main_nav_mobile .user_info .name{
    display:table
}
.pre_user_info_desk .user_info .name>div,#main_nav_mobile .user_info .name>div{
    display:table-cell;
    vertical-align:middle
}
.pre_user_info_desk .user_info .name .text,#main_nav_mobile .user_info .name .text{
    font-size:20px;
    font-weight:700;
    padding-left:30px;
    line-height:1.3em
}
.pre_user_info_desk .user_info .name .text a,#main_nav_mobile .user_info .name .text a{
    font-size:14px;
    color:#d0d1d2;
    text-transform:uppercase;
    font-family:"Helvetica"
}
.pre_user_info_desk .user_info .plan_info,#main_nav_mobile .user_info .plan_info{
    font-size:14px;
    color:#d0d1d2;
    padding:28px 0 26px;
    font-family:"Helvetica";
    line-height:24px
}
.pre_user_info_desk .user_info .plan_info a{
    color:#d0d1d2!important
}
.pre_user_info_desk .user_info .plan_info a.menu-raf{
    padding:20px 0 0;
    float:left;
    margin:0 0 20px;
    border-bottom:1px solid #333;
    width:100%;
    color:#3995f3!important
}
.menu-raf-mobile{
    color:#3995f3!important
}
.pre_user_info_desk .user_info .plan_info strong,#main_nav_mobile .user_info .plan_info strong{
    margin-right:6px;
    text-transform:uppercase
}
.pre_user_info_desk .user_info .plan_info .border,#main_nav_mobile .user_info .plan_info .border{
    display:inline-block;
    width:2px;
    height:10px;
    background-color:#9EA0A1;
    vertical-align:middle;
    margin:0 9px
}
.pre_user_info_desk .big .left{
    background-color:rgba(38,43,49,0.98);
    height:100%;
    width:310px;
    border:1px solid rgba(255,255,255,0.5);
    position:absolute;
    right:0;
    top:0;
    opacity:0;
    z-index:111;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
.pre_user_info_desk .big .left.active{
    right:100%;
    opacity:1
}
.all_notifications{
    padding:26px 30px 27px
}
.all_notifications .title{
    font-size:14px;
    color:#d0d1d2;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:1px solid #4D4D4D;
    padding-bottom:26px
}
.all_notifications .items{
    height:207px;
    overflow-y:auto;
    overflow-x:hidden
}
.all_notifications .item{
    margin:22px 0;
    display:none
}
.all_notifications .item .new{
    color:#ffd400;
    font-size:16px
}
.all_notifications .item .name{
    color:#fdfeff;
    font-size:20px;
    font-weight:300;
    margin:4px 0
}
.all_notifications .item .date{
    color:#d0d1d2;
    font-size:14px;
    font-weight:700
}
.all_notifications .see_all{
    font-size:16px;
    color:#e3e3e4;
    font-weight:700;
    display:block;
    border:1px solid #7F8285;
    padding:13px 10px;
    text-align:center
}
.all_notifications .see_all:hover{
    border:1px solid #fff
}
@media(max-width:1024px){
    .pre_user_info_desk{
        display:none
    }
    header .hd_right.premium .search{
        border-right:none;
        margin-right:0;
        padding-right:0
    }
}
#main_nav_mobile .user_info{
    background-color:#1B1E20;
    width:288px;
    border:1px solid #4d4d4d;
    border-bottom:none;
    padding:29px 34px 3px
}
#main_nav_mobile .user_info .plan_info{
    border-bottom:none;
    padding:14px 0;
    font-size:12px
}
#main_nav_mobile .user_info .name .text{
    color:#fff;
    padding-left:17px
}
#main_nav_mobile .user_info .name .text a{
    padding:0;
    font-size:12px
}
#main_nav_mobile .user_info .plan_info .img{
    position:relative;
    cursor:pointer
}
#main_nav_mobile .user_info .plan_info .left{
    float:left;
    border-right:1px solid #4d4d4d;
    padding:3px 24px 5px 15px;
    margin-right:20px;
    margin-top:6px
}
#main_nav_mobile .user_info .plan_info strong{
    margin-right:8px;
    display:inline-block;
    margin-bottom:8px
}
#main_nav_mobile .user_info .plan_info a{
    margin:-10px 8px 8px 0;
    display:inline-block;
    font-size:12px;
    color:#d0d1d2
}
#main_nav_mobile .user_info .cout_notification{
    top:6px;
    right:-12px
}
#main_nav_mobile .all_notifications{
    background-color:#1B1E20;
    width:288px;
    border:1px solid #4d4d4d;
    display:none
}
#main_nav_mobile .all_notifications .title{
    padding-bottom:15px
}
#main_nav_mobile .all_notifications .item .new{
    font-size:14px
}
#main_nav_mobile .all_notifications .item .name{
    font-size:16px;
    margin:0;
    line-height:.8em
}
#main_nav_mobile .all_notifications .item .date{
    font-size:12px
}
#main_nav_mobile .user_menu{
    border-top:0
}
#main_nav_mobile .user_menu a{
    font-weight:700
}
@media (max-width: 767px){
    #main_nav_mobile .user_info,#main_nav_mobile .all_notifications{
        width:280px
    }
}
@media (max-width: 599px){
    #main_nav_mobile .user_info,#main_nav_mobile .all_notifications{
        width:100%
    }
}
.navbar-toggle .cout_notification{
    right:-12px;
    top:-2px
}
@-webkit-keyframes fadeInSlider{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeInSlider{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.slick-slide.slick-active .animation.fadeInSlider{
    -webkit-animation-name:fadeInSlider;
    animation-name:fadeInSlider
}
@-webkit-keyframes fadeInUpSlider{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpSlider{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,50px,0);
        -ms-transform:translate3d(0,50px,0);
        transform:translate3d(0,50px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
.slick-slide.slick-active .animation.fadeInUpSlider{
    -webkit-animation-name:fadeInUpSlider;
    animation-name:fadeInUpSlider
}
#home-slider-new .text-area img,#home-slider-new .text1,#home-slider-new .text2,#home-slider-new .icons,#show-slider-new .text1,#show-slider-new .text2,#show-slider-new .icons{
    visibility:hidden
}
#home-slider-new .slick-active .text-area img{
    visibility:visible;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInUpSlider;
    animation-name:fadeInUpSlider;
    -webkit-animation-delay:.3s;
    animation-delay:.3s;
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
#home-slider-new .slick-active .text1,#home-slider-new .slick-active .text2,#home-slider-new .slick-active .icons,#show-slider-new .slick-active .text1,#show-slider-new .slick-active .text2,#show-slider-new .slick-active .icons{
    visibility:visible;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:fadeInSlider;
    animation-name:fadeInSlider;
    -webkit-animation-duration:.5s;
    animation-duration:.5s
}
#home-slider-new .slick-active .text1,#show-slider-new .slick-active .text1{
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
#home-slider-new .slick-active .text2,#show-slider-new .slick-active .text2{
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}
#home-slider-new .slick-active .icons,#show-slider-new .slick-active .icons{
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
#show-slider-new.slick-dotted.slick-slider{
    margin-bottom:50px!important
}
#home-slider-new.slick-initialized .slick-slide{
    margin:0 0 -5px!important
}
#home-slider-new .item .bg,#home-slider-new .item .overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
#home-slider-new .item .bg{
    z-index:10;
    background-position:top right;
    background-size:cover
}
#home-slider-new .item .overlay{
    z-index:11;
    background-position:bottom center;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background:-moz-linear-gradient(top,rgba(18,24,31,0) 0%,rgba(18,24,31,0.01) 1%,rgba(18,24,31,1) 100%);
    background:-webkit-linear-gradient(top,rgba(18,24,31,0) 0%,rgba(18,24,31,0.01) 1%,rgba(18,24,31,1) 100%);
    background:linear-gradient(to bottom,rgba(18,24,31,0) 0%,rgba(18,24,31,0.01) 1%,rgba(18,24,31,1) 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#0012181f',endColorstr='#12181f',GradientType=0)
}
#home-slider-new .first.text-area a .hero-title{
    font-size:40px;
    color:#fff;
    font-family:'Helvetica-Bold','Helvetica';
    text-transform:Capitalize
}
#home-slider-new .first.text-area a .hero-sub{
    font-size:24px;
    color:#fff;
    font-family:'Helvetica';
    font-weight:400;
    margin-bottom:20px
}
#home-slider-new .first.text-area a .hero-sub.nola{
    font-size:18px;
    line-height:32px
}
#home-slider-new .first.text-area a .hero-list{
    font-size:18px;
    color:#fff;
    font-family:'Helvetica';
    font-weight:400;
    margin-bottom:10px
}
#home-slider-new .first.text-area a .hero-list img{
    float:left;
    margin:5px 10px 0 0;
    animation:none!important
}
#home-slider-new .first.text-area .orange-btn-hero{
    font-size:14px;
    color:#fff;
    font-family:'Helvetica';
    font-weight:700;
    margin-bottom:10px;
    background:#f85c2a;
    padding:10px 60px;
    border-radius:5px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s
}
#home-slider-new .first.text-area .orange-btn-hero:hover{
    background:#f9b712;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
#home-slider-new .text-area{
    z-index:12;
    max-width:550px;
    position:absolute;
    left:50px;
    bottom:30px;
    color:#fff;
    font-family:'Helvetica-Light','Helvetica'
}
#home-slider-new .text-area img{
    height:auto;
    margin-bottom:30px;
    max-width:400px
}
#home-slider-new a .text1{
    font-size:14px;
    color:#fff;
    line-height:37px;
    font-weight:700;
    text-transform:uppercase;
    margin:10px 0 8px
}
#home-slider-new a .text2{
    font-size:20px;
    color:#fff;
    line-height:28px;
    font-weight:300
}
#home-slider-new .icons{
    margin-top:30px
}
#home-slider-new .icons a{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    float:left;
    margin-right:40px;
    color:#fff
}
#home-slider-new .icons a.white-btn-hero{
    font-size:14px;
    color:#fff;
    font-family:'Helvetica';
    text-align:center;
    font-weight:700;
    margin-bottom:10px;
    background:none;
    padding:10px 30px;
    border-radius:0;
    border:1px solid #fff
}
#home-slider-new .icons img{
    margin-right:20px;
    width:36px;
    height:36px;
    display:inline-block
}
.text-area .icons .hero-icon{
    height:36px!important;
    width:36px!important;
    transition:none!important;
    padding:0!important;
    margin:0 15px 0 0 !important
}
#home-slider-new .slick-dots{
    position:absolute;
    right:45px;
    bottom:50px;
    width:auto
}
#home-slider-new .slick-dots li{
    width:21px;
    height:21px;
    margin:0;
    padding:3px;
    border:2px solid transparent;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
#home-slider-new .slick-dots li.slick-active{
    border-color:#fff
}
#home-slider-new .slick-dots button{
    width:11px;
    height:11px;
    background-color:#444;
    background-color:rgba(255,255,255,0.3);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-indent:-99px
}
#home-slider-new .slick-dots button:before{
    display:none!important
}
#home-slider-new .slick-dots li.slick-active button{
    background-color:#fff;
    background-color:rgba(255,255,255,1)
}
#home-slider-new .slick-next,#home-slider-new .slick-prev{
    z-index:99;
    top:52%!important;
    -webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -ms-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition:opacity .6s
}
#home-slider-new:hover .slick-next,#home-slider-new:hover .slick-prev{
    opacity:1
}
#home-slider-new .slick-prev{
    width:40px!important;
    height:87px!important
}
#home-slider-new .slick-next:before,#home-slider-new .slick-prev:before{
    padding:33px;
    content:''!important;
    z-index:15;
    opacity:1
}
#home-slider-new .draggable{
    width:auto;
    white-space:normal
}
.dropdown-backdrop{
    position:static
}
.hero-sldr-img{
    width:100%
}
@media (max-width: 1280px){
    #home-slider-new .item{
        height:700px
    }
}
@media only screen and (min-width: 1281px) and (max-width: 1480px){
    #home-slider-new .item{
        height:800px
    }
}
@media only screen and (min-width: 1481px) and (max-width: 1780px){
    #home-slider-new .item{
        height:800px
    }
}
@media only screen and (min-width: 1781px) and (max-width: 2000px){
    #home-slider-new .item{
        height:1000px
    }
}
@media only screen and (min-width: 2001px) and (max-width: 5000px){
    #home-slider-new .item{
        height:1100px
    }
}
@media (max-width: 1199px){
    #home-slider-new .item{
        height:700px
    }
    #home-slider-new .slick-slide{
        max-width:none!important
    }
    #home-slider-new .slick-dots li{
        width:17px;
        height:17px
    }
    #home-slider-new .slick-dots button{
        width:7px;
        height:7px;
        padding:0
    }
    #home-slider-new .text-area{
        left:40px
    }
    #home-slider-new .text2{
        font-size:16px
    }
    #home-slider-new .icons img{
        margin-right:10px;
        width:26px;
        height:26px
    }
    #home-slider-new .icons{
        margin-top:30px
    }
}
@media (max-width: 767px){
    #home-slider-new .text-area{
        left:30px
    }
    #home-slider-new .text-area img{
        max-width:150px;
        max-height:130px;
        margin-bottom:15px
    }
    #home-slider-new .text2{
        display:none
    }
    #home-slider-new .icons{
        margin-top:15px
    }
    #home-slider-new .icons a{
        float:none;
        margin-bottom:10px
    }
    #home-slider-new .slick-next:before,#home-slider-new .slick-prev:before{
        opacity:0
    }
}
@media (max-width: 480px){
    #home-slider-new .text-area{
        left:15px
    }
}
@media (max-height: 500px){
    #home-slider-new .text-area{
        bottom:20px
    }
    #home-slider-new .text-area>img{
        margin-bottom:20px
    }
    #home-slider-new .text1{
        line-height:18px
    }
    #home-slider-new .text2{
        line-height:22px
    }
    #home-slider-new .icons{
        margin-top:20px
    }
    #home-slider-new .slick-dots{
        bottom:20px
    }
}
@media (max-height: 350px){
    #home-slider-new .text-area>img{
        min-height:80px
    }
}
#show-slider-new{
    padding-bottom:100px;
    overflow:hidden
}
#show-slider-new.slick-dotted.slick-slider{
    margin-bottom:0!important
}
#show-slider-new .slick-list{
    width:870px;
    overflow:visible;
    margin:auto
}
#show-slider-new .item{
    height:450px;
    position:relative;
    opacity:.2;
    cursor:-webkit-grab;
    cursor:grab;
    -webkit-transition:opacity .5s;
    -moz-transition:opacity .5s;
    -ms-transition:opacity .5s;
    -o-transition:opacity .5s;
    transition:opacity .5s
}
#show-slider-new .item:active{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
#show-slider-new .item.slick-center{
    opacity:1
}
#show-slider-new .item .bg,#show-slider-new .item .overlay{
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0
}
#show-slider-new .item .bg{
    z-index:10
}
#show-slider-new .item .overlay{
    z-index:11;
    background:url(//img.tfc.tv/assets/img/show-header-slider-shadow-btm.png) no-repeat center bottom;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
#show-slider-new .text-area{
    z-index:12;
    position:absolute;
    left:36px;
    bottom:43px;
    color:#fff
}
#show-slider-new .text1{
    font-size:34px;
    color:#fff;
    line-height:37px;
    font-weight:700;
    margin-bottom:0
}
#show-slider-new .text2{
    font-size:14px;
    color:#fff;
    line-height:37px;
    font-weight:700;
    font-family:"Helvetica"
}
#show-slider-new .icons{
    margin-top:26px
}
#show-slider-new .icons a{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    display:block;
    float:left;
    margin-right:40px;
    color:#fff;
    font-family:"Helvetica",Helvetica,Arial,sans-serif
}
#show-slider-new .icons img{
    margin-right:20px;
    width:36px;
    height:36px;
    display:inline-block
}
#show-slider-new .slick-dots{
    position:absolute;
    left:50%;
    bottom:55px;
    width:auto;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%)
}
#show-slider-new .slick-dots li{
    width:11px;
    height:11px;
    margin:0 4px
}
#show-slider-new .slick-dots button{
    width:11px;
    height:11px;
    background-color:#444;
    background-color:rgba(255,255,255,0.3);
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    text-indent:-99px
}
#show-slider-new .slick-dots button:before{
    display:none!important
}
#show-slider-new .slick-dots li.slick-active button{
    background-color:#fff;
    background-color:rgba(255,255,255,1)
}
#show-slider-new .slick-next,#show-slider-new .slick-prev{
    z-index:99;
    -webkit-transition:opacity .6s;
    -moz-transition:opacity .6s;
    -ms-transition:opacity .6s;
    -o-transition:opacity .6s;
    transition:opacity .6s;
    margin-top:-65px
}
#show-slider-new:hover .slick-next,#show-slider-new:hover .slick-prev{
    opacity:1
}
#show-slider-new .slick-next:before,#show-slider-new .slick-prev:before{
    padding:33px;
    content:''!important;
    z-index:15;
    opacity:1
}
@media (max-width: 1199px){
    #show-slider-new .slick-slide{
        max-width:none!important
    }
}
@media (max-width: 1024px){
    #show-slider-new .slick-list{
        width:570px
    }
    #show-slider-new .item{
        height:265px
    }
    #show-slider-new .text-area{
        left:26px;
        bottom:20px
    }
    #show-slider-new .text1{
        font-size:25px
    }
    #show-slider-new .text2{
        font-size:12px;
        line-height:20px
    }
    #show-slider-new .icons{
        margin-top:15px
    }
    #show-slider-new .icons img{
        margin-right:10px;
        width:26px;
        height:26px
    }
}
@media (max-width: 767px){
    #show-slider-new{
        padding-bottom:60px
    }
    #show-slider-new .slick-list{
        width:100%
    }
    #show-slider-new .item{
        height:450px
    }
    #show-slider-new .slick-next,#show-slider-new .slick-prev{
        margin-top:-35px
    }
    #show-slider-new .slick-dots{
        bottom:30px
    }
}
@media (max-width: 480px){
    #show-slider-new .item{
        height:300px;
        opacity:1
    }
    #show-slider-new .text-area{
        left:26px;
        bottom:15px
    }
    #show-slider-new .icons a{
        float:none;
        margin-bottom:10px
    }
}
footer>.membership-sticky-bar{
    position:fixed;
    left:0;
    bottom:-100%;
    width:100%;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s
}
footer>.membership-sticky-bar.show{
    bottom:0;
    z-index:9999
}

.live-hero-title{
    font-size:36px;
    line-height:42px;
    margin-bottom:15px
}
.live-hero-title a{
    color:#fff!important
}
.jk_countdown_banner{
    margin:0 0 50px
}
.jk_countdown_banner>.image{
    min-width:784px;
    background-color:#fff;
    float:left;
    background-size:cover!important
}
.jk_countdown_banner>.text{
    width:396px;
    height:441px;
    float:left;
    font-size:18px;
    color:#fff;
    padding:42px 30px 20px 38px;
    line-height:1em;
    border:2px solid #4D4751;
    border-left:0
}
.jk_countdown_banner>.text h1 a{
    color:#fff!important
}
.jk_table_cell h3 a{
    color:#fff
}
.jk_countdown_banner h2{
    font-size:28px;
    margin:0 0 13px;
    font-weight:900
}
.jk_countdown_banner p{
    margin:0 0 18px
}
.jk_countdown_banner .date{
    font-size:14px;
    font-weight:700;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:18px;
    text-transform:uppercase;
    font-family:"Helvetica"
}
.jk_countdown_banner .date>span{
    white-space:nowrap;
    padding:0 10px;
    display:inline-block;
    line-height:.95;
    color:#fff
}
.jk_countdown_banner .date>span+span{
    border-left:1px solid #6C6C70
}
.the_live_counter{
    padding:18px 0
}
.the_live_counter .box{
    width:60px;
    float:left;
    margin-right:12px
}
.the_live_counter .dynamic_text{
    font-size:30px;
    font-weight:700;
    color:#fff;
    background:rgba(137,148,158,0.2);
    text-align:center;
    line-height:1em;
    padding:15px 0
}
.the_live_counter .label{
    font-size:12px;
    color:#89949e;
    text-align:center;
    display:block;
    margin-top:7px;
    font-family:"Helvetica"
}
.jk_countdown_banner .buttons{
    margin-top:37px;
    margin-bottom:25px
}
.jk_countdown_banner .buttons a{
    font-size:16px;
    font-weight:700;
    color:#fff;
    padding:5px 10px 9px 50px;
    margin-bottom:15px;
    text-transform:uppercase;
    display:block;
    font-family:'Helvetica'
}
.jk_countdown_banner .buttons .preview{
    background:url(https://img.tfc.tv/assets/img/preview-slider-play.png) no-repeat left center;
    line-height:2em
}
.jk_countdown_banner .buttons .watch{
    background:url(https://img.tfc.tv/assets/img/watch-btn.png) no-repeat 0 1px;
    transition:none;
    height:25px;
    line-height:1em
}
.jk_countdown_banner .buttons .watch:hover{
    background-position:0 100%;
    transition:none
}
.jk_countdown_banner .buttons .get_tfc{
    background:url(https://img.tfc.tv/assets/img/get-slider-play.png) no-repeat left center;
    line-height:2em
}
.jk_countdown_banner .other_times{
    position:relative;
    width:12px;
    height:12px;
    display:inline-block;
    background:url(https://img.tfc.tv/assets/img/live_icon2.png) no-repeat 0 0;
    background-size:cover
}
.jk_countdown_banner .other_times:hover{
    background-position:0 100%
}
.jk_countdown_banner .other_times>img{
    position:absolute;
    left:50%;
    top:100%;
    margin-left:-10px;
    z-index:101;
    display:none
}
.jk_countdown_banner .other_times:hover>img{
    display:block
}
.jk_countdown_banner .other_times ul{
    background-color:#132839;
    list-style:none;
    padding:0 24px;
    border:1px solid rgba(255,255,255,0.2);
    position:absolute;
    right:-65px;
    top:33px;
    z-index:100;
    -webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
    box-shadow:0 0 3px 0 rgba(0,0,0,0.4);
    display:none
}
.jk_countdown_banner .other_times:hover>ul{
    display:block
}
.jk_countdown_banner .other_times li{
    font-size:14px;
    font-weight:300;
    color:#fff;
    padding:16.5px 0;
    text-transform:uppercase;
    white-space:nowrap
}
.jk_countdown_banner .other_times li+li{
    border-top:1px solid rgba(204,204,204,0.2)
}
.jk_countdown_banner .other_times span{
    display:inline-block;
    padding:0 12px;
    font-weight:700;
    line-height:.9em
}
.jk_countdown_banner .other_times span:first-child{
    padding-left:0
}
.jk_countdown_banner .other_times span:last-child{
    padding-right:0;
    border-left:1px solid rgba(204,204,204,0.2)
}
.jk_countdown_banner .the_live_counter_end{
    font-size:30px;
    font-weight:700;
    text-transform:uppercase;
    padding:41px 0 61px
}
.jk_countdown_banner .the_live_counter_end .red_dot{
    display:inline-block;
    width:10px;
    height:10px;
    margin-left:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background-color:#ed1c24;
    vertical-align:middle
}
.today-on-news{
    margin:-70px 0 -10px 5px;
    font-size:16px
}
@media (max-width: 1199px) and (min-width: 768px){
    .jk_countdown_banner .other_times ul{
        right:auto;
        left:30px;
        top:0;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    .jk_countdown_banner .other_times>img{
        left:10px;
        top:50%;
        margin-left:0;
        margin-top:-10px;
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
}
.jk_countdown_banner .news_title{
    margin:0 0 10px;
    max-height:70px
}
.jk_countdown_banner .more_text{
    font-size:16px;
    font-weight:700;
    padding-top:26px;
    margin-top:68px;
    text-transform:uppercase;
    border-top:2px solid rgba(204,204,204,0.2)
}
.jk_countdown_banner .more_text a{
    color:#fff
}
.jk_related_news.region_news{
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:52px
}
.jk_related_news.live_page{
    margin-top:50px
}
.rel-news-thumb-title{
    font-size:18px;
    color:#fff;
    font-weight:300;
    position:relative;
    z-index:100;
    left:0;
    top:14px;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s
}
.rel-news-thumb-aired{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:#d0d1d2;
    position:relative;
    z-index:100;
    left:0;
    top:14px;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s
}
.rel-news-margin-top{
    padding-top:70px
}
.jk_related_news .show-cover-thumb-aired-watch,.jk_related_news .show-cover-thumb-aired-gettfc{
    -webkit-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(60px)
}
.show-cover:hover .rel-news-thumb-title,.show-cover:hover .rel-news-thumb-aired{
    left:25px;
    top:-20px
}
.jk_related_news .slick-slide{
    height:240px
}
.heading-slider>img{
    margin-right:20px
}
.region_filter{
    float:right;
    font-size:14px;
    font-weight:700;
    margin-top:-10px;
    margin-bottom:10px
}
.region_filter select{
    border:1px solid #717479;
    padding:0 10px;
    min-width:210px;
    margin-left:16px;
    color:#fff
}
.region_filter option{
    padding:10px
}
.heading-topicpage .show-cat-filter{
    margin-right:5px
}
.heading-topicpage .show-cat-filter span{
    font-family:"Helvetica";
    font-size:14px
}
.show-cat-filter{
    float:right;
    font-size:14px;
    font-weight:700;
    margin-top:-12px
}
.show-cat-filter select{
    background-color:transparent;
    background-image:linear-gradient(45deg,transparent 50%,#717479 50%),linear-gradient(135deg,#717479 50%,transparent 50%),linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0));
    background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;
    background-size:5px 5px,5px 5px,1px 1.5em;
    background-repeat:no-repeat;
    border:1px solid #717479;
    min-width:210px;
    margin-left:16px;
    max-height:42px!important;
    border:1px solid #717479;
    min-width:210px;
    margin-left:16px;
    padding:10px 20px!important;
    font-weight:400!important;
    text-transform:uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.show-cat-filter select#helptabSelect{
    display:none
}
.show-cat-filter option{
    padding:10px;
    color:#000
}
keygen,select{
    border-radius:0!important
}
.live_tv_programs .horizontal{
    float:left
}
.row-ad.center img{
    margin:auto
}
.row-ad{
    margin-top:50px;
    text-align:center;
    text-align:-webkit-center
}
header.signin .logo{
    text-align:center!important;
    margin:60px auto 0!important;
    float:none!important
}
.gigya-login-providers-container div{
    background-image:url(https://img.tfc.tv/assets/img/btn_connect.png)!important;
    background-size:289px 54px!important;
    width:289px!important;
    height:54px!important
}
.page_title{
    font-family:'gothic'!important;
    font-size:34px;
    color:#fff;
    font-weight:900;
    text-align:center
}
.body.signin .colored-gradient-bg{
    padding-top:150px!important
}
.body.account .fb_login{
    font-family:'Helvetica';
    background:#365BA0 url(https://img.tfc.tv/assets/img/fb_login.png) no-repeat left center;
    color:#fefefe;
    font-size:14px;
    font-weight:700;
    text-align:center;
    padding:17px 20px 17px 70px;
    letter-spacing:.5px;
    display:block
}
.body.account .circle_or{
    font-family:'Helvetica';
    font-size:16px;
    font-weight:700;
    color:#fff;
    width:54px;
    height:54px;
    display:inline-block;
    text-align:center;
    background-color:rgba(225,225,225,.1);
    padding-top:17px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.body.account input,.body.account select{
    font-size:16px;
    color:#102637;
    background-color:#fff;
    width:100%;
    -webkit-appearance:none;
    border-radius:0
}
.promo_pages.orange input{
    padding:15px 20px
}
.promo_pages.orange .select_outer{
    height:56px
}
.body.account input[type=text],.body.account input[type=password]{
    padding:15px 20px
}
.body.account input[type=button]{
    padding:24px 20px!important
}
.inputerror{
    border:2px solid #ed1c24!important
}
.inputerrormsg{
    font-size:14px;
    color:#ed1c24;
    margin:5px 0
}
.big_search .inputerrormsg{
    margin:-25px 0 0 7px
}
.inputerrorimg{
    width:25px;
    height:25px;
    float:right;
    margin-top:-40px;
    margin-right:-40px;
    background:url(https://img.tfc.tv/assets/img/inputerrorimg.png) no-repeat center;
    background-size:contain
}
.inputerrorimg2{
    width:20px;
    height:20px;
    float:left;
    margin:1px 10px 0 0;
    background:url(https://img.tfc.tv/assets/img/inputerrorimg2.png) no-repeat center;
    background-size:contain
}
.inputerrorpanel{
    background:#f90e1b;
    color:#fff;
    font-size:16px;
    width:100%;
    height:45px;
    padding:10px 0 0 90px
}
.body.account .select_outer{
    overflow:hidden;
    clear:both
}
.body.account .select_outer select{
    background:#fff url(https://img.tfc.tv/assets/img/select_arrow.png) no-repeat 90% center;
    width:105%;
    width:calc(100% + 20px)
}
.body.account .check_box{
    margin-bottom:30px
}
.body.account .check_box label{
    font-family:'Helvetica';
    font-size:16px;
    color:#ccc;
    vertical-align:middle;
    margin:0;
    font-weight:400
}
.body.account .checkbox_outer{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-right:17px
}
.body.account .checkbox_outer label{
    width:16px;
    height:16px;
    background:url(https://img.tfc.tv/assets/img/account_checkbox.png) no-repeat 0 0;
    margin-bottom:2px;
    cursor:pointer
}
.body.account .checkbox_outer input:checked+label{
    background-position:0 100%
}
.body.account .checkbox_outer input{
    width:1px;
    height:1px;
    position:absolute;
    z-index:-1;
    margin:0;
    visibility:hidden
}
.body.account input[type=submit]:focus,.body.account input[type=button]:focus,.body.account input.submit:focus,a.orange_button:focus{
    border:none
}
.body.account input[type=submit],.body.account input[type=button],.body.account input.submit,a.orange_button{
    font-family:'Helvetica';
    background-color:#E15427;
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:.3;
    text-align:center;
    -webkit-transition:background .4s;
    -ms-transition:background .4s;
    transition:background .4s;
    padding:20px;
    border:none
}
.body.account input[type=submit]:hover,.body.account input.submit:hover,a.orange_button:hover{
    background-color:#F85C2A
}
.body.account .field_group{
    margin-bottom:33px
}
.body.account .field_group label{
    font-family:'Helvetica';
    font-size:16px;
    color:#ccc;
    text-transform:uppercase;
    display:block;
    float:left
}
@media (max-width: 768px){
    header.signin .logo{
        margin:37px auto 0
    }
    header.signin .logo img{
        max-width:82px
    }
    .page_title{
        font-size:24px
    }
    .body.signin .colored-gradient-bg{
        padding-top:102px!important
    }
    .body.account .fb_login{
        font-size:12px;
        background-size:38px auto;
        padding:11px 20px 11px 45px
    }
    .body.account .circle_or{
        font-size:14px;
        width:48px;
        height:48px;
        padding-top:14px
    }
    .body.account .field_group{
        margin-bottom:30px
    }
    .body.account .field_group label{
        font-size:12px
    }
    .body.account input,.body.account select{
        font-size:14px;
        padding:11px 12px
    }
}
.signin_area{
    padding:0 34px
}
.signin_area .loging{
    width:100%;
    max-width:868px;
    margin:auto
}
.signin_area .loging>.left{
    width:35.24%;
    float:left;
    margin-top:70px
}
.signin_area .loging>.center{
    width:29.52%;
    float:left;
    text-align:center;
    margin-top:74px
}
.signin_area .loging>.right{
    width:35.24%;
    float:left;
    margin-top:23px
}
.signin_area .loging .fb_login{
    margin:auto
}
.signin_area .loging input[type=submit]{
    margin:auto;
    display:block
}
@media (max-width: 992px){
    .signin_area .loging{
        max-width:346px
    }
    .signin_area .loging>.left{
        margin-top:32px
    }
    .signin_area .loging>.center{
        margin-top:30px
    }
    .signin_area .loging>div{
        width:100%!important
    }
}
@media (max-width: 550px){
    .signin_area,.signup_area{
        margin-top:0!important
    }
}
@media (max-width: 320px){
    .signin_area .loging .fb_login,.signin_area .loging input[type=submit]{
        max-width:100%
    }
}
.signin_area .loging .check_box{
    margin-top:-5px;
    margin-bottom:27px
}
.signin_area .bottom_note{
    font-family:'Helvetica';
    font-size:20px;
    color:#fff;
    font-weight:700;
    text-align:center;
    border-top:1px solid rgba(255,255,255,0.1);
    padding-top:30px;
    margin-top:9px
}
.signin_area .bottom_note a{
    font-weight:400
}
.signin_area .field_group a{
    font-family:'Helvetica';
    float:right;
    font-size:16px
}
.forgot_pass{
    max-width:388px;
    min-height:340px;
    margin:20px auto
}
.forgot_pass .p{
    font-size:18px;
    font-weight:300;
    color:#fff;
    margin-bottom:40px;
    font-family:'helvetica'
}
.forgot_pass.msg .p{
    margin-bottom:30px
}
.forgot_pass input[type=submit]{
    max-width:218px;
    margin:auto;
    display:block
}
@media (max-width: 768px){
    .body.account .checkbox_outer{
        margin-right:10px
    }
    .signin_area .loging .check_box{
        margin-top:0;
        font-size:14px;
        margin-bottom:30px
    }
    .signin_area .field_group a{
        font-size:12px;
        margin-bottom:5px
    }
    .signin_area .bottom_note{
        font-size:16px;
        margin-top:5px;
        margin-bottom:-10px
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    .body.account input{
        padding:10px 20px
    }
    .body.account select{
        padding:10px 20px
    }
    .body.account .field_group label{
        font-size:14px
    }
    .body.account .field_group{
        margin-bottom:22px
    }
    .body.account .check_box label{
        font-size:14px
    }
    .body.account input[type=submit]{
        padding:20px!important
    }
    .signin_area .loging .check_box{
        margin-top:0;
        margin-bottom:44px
    }
    .signin_area .bottom_note{
        font-size:16px
    }
    .signin_area .field_group a{
        font-size:13px
    }
    .body.account .fb_login{
        padding:11px 10px 11px 60px
    }
    .body.account .circle_or{
        font-size:14px;
        width:50px;
        height:50px
    }
    .signin .page_title{
        font-size:24px
    }
    .signin_area .loging>.center{
        margin-top:26px
    }
    .body.signin .logo img{
        max-width:82px
    }
    .forgot_pass .p{
        font-size:16px;
        line-height:26px
    }
}
.colored-gradient-bg_footer{
    background:url(https://img.tfc.tv/assets/img/footer_bg.png) no-repeat right bottom;
    background-size:100% auto;
    padding-bottom:60px;
    padding-left:34px;
    padding-right:34px;
    margin-bottom:-138px
}
.signup_area{
    color:#fff;
    font-family:"Helvetica";
    margin:auto 15px
}
.online-premiere-section.signup .signup_area{
    max-width:1280px
}
.signup_area .package .inner{
    min-height:740px
}
@media (max-width: 768px){
    .signup_area .package .inner{
        min-height:0
    }
}
.signup_area .steps{
    font-size:16px;
    font-weight:700;
    color:#ccc;
    text-align:center;
    margin-bottom:12px
}
.signup_area .page_title{
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-bottom:5px;
    font-family:"Gothic"
}
.signup_area .page_title2{
    font-size:16px;
    text-align:center
}
.signup_area .page_title4{
    font-size:20px;
    text-align:center
}
.signup_area .packages{
    margin:48px -4px
}
.signup_area .packages.manage_subscrip,.signup_area .packages.choose_plan{
    width:100%;
    margin:50px auto 0;
    text-align:center
}
.package-solo{
    min-width:100%!important
}
.signup_area .packages .package{
    padding:4px;
    text-align:center;
    font-size:16px;
    max-width:300px;
    min-width:300px;
    float:none;
    display:inline-block;
    vertical-align:top
}
.signup_area .packages .package>.inner{
    border:2px solid #262A2F;
    padding:59px 30px 38px;
    position:relative;
    background:url(https://img.tfc.tv/assets/img/signup_bg1.png) no-repeat center top/ 100% auto
}
.signup_area .packages .package.recommended>.inner,.signup_area .packages .package>.inner:hover{
    border:2px solid #174C74;
    -webkit-transition:all .4s;
    -ms-transition:all .4s;
    transition:all .4s
}
.signup_area .packages.manage_subscrip .active>.inner,.signup_area .packages.manage_subscrip .package>.inner:hover{
    border:2px solid #FFD400
}
.signup_area .packages .title{
    font-size:28px;
    font-weight:300;
    font-family:"Gothic";
    margin-bottom:0
}
.signup_area .packages .p{
    font-weight:300;
    color:#d0d1d2;
    font-style:italic;
    margin:15px 0
}
.signup_area .packages ul{
    margin:15px 0;
    padding:1px 0 18px 10px;
    height:400px
}
.signup_area .packages li{
    margin:17px 0;
    text-align:left
}
.signup_area .packages .price{
    font-weight:700;
    margin:35px 0 40px
}
.signup_area .packages .price_info{
    display:table;
    width:100%
}
.signup_area .packages .price_info>div{
    display:table-cell;
    vertical-align:middle;
    height:100px;
    font-weight:700
}
.signup_area .packages .price_info small{
    font-size:12px;
    font-weight:400;
    font-style:italic;
    margin-bottom:5px;
    display:block
}
.signup_area .packages .button{
    font-weight:700;
    font-size:14px;
    background-color:#2A3036;
    display:inline-block;
    padding:8px 32px;
    color:#fff
}
.signup_area .packages .package.active .button,.signup_area .packages .button:hover{
    background-color:#E15427
}
.signup_area .packages .package .select_tag{
    display:none;
    display:block;
    font-weight:700;
    background:url(https://img.tfc.tv/assets/img/signup_tag.png) no-repeat 0 center;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:20px;
    padding:1px 9px 1px 6px;
    font-size:14px
}
.signup_area .packages .current{
    font-weight:700;
    text-transform:uppercase;
    padding-top:5px;
    padding-bottom:8px
}
@media (min-width: 768px) and (max-width: 1199px){
    .signup_area{
        margin-top:0;
        padding-left:0;
        padding-right:0
    }
    .signup_area .page_title{
        font-size:24px;
        margin-bottom:13px
    }
    .signup_area .page_title2{
        font-size:16px;
        font-weight:400
    }
    .signup_area .steps{
        font-size:12px
    }
    .signup .ps-notes{
        float:right;
        margin-top:-150px;
        width:30%;
        text-align:center;
        position:initial
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .signup .signup_area .packages .package>.inner{
        min-height:300px
    }
    .signup .signup_area .packages .price{
        border-top:none
    }
    .signup_area .packages .bottom_info{
        margin-top:-110px!important;
        width:250px!important;
        position:inherit;
        margin-bottom:-15px!important
    }
    .signup .signup_area .packages .package>.inner{
        padding:30px 20px 0
    }
}
@media (max-width: 991px){
    .signup_area .packages .package{
        margin-bottom:20px;
        text-align:left;
        font-size:14px;
        width:100%;
        max-width:100%;
        padding:0
    }
    .signup .signup_area .packages .package>.inner,.signup_area .package .inner{
        min-height:0
    }
    .signup_area .packages .package > .inner{
        padding:41px 30px 0;
        overflow:hidden
    }
    .signup_area .packages .title{
        font-size:24px
    }
    .signup_area .packages .p{
        margin:7px 0
    }
    .signup_area .packages ul{
        margin:4px 0;
        float:left;
        width:calc(100% - 200px);
        border-bottom:none;
        height:auto
    }
    .signup_area .packages li{
        margin:10px 0
    }
    .signup_area .packages .bottom_info{
        float:right;
        border-left:1px solid #2b3037;
        width:200px;
        text-align:center;
        padding:10px 0 15px;
        margin-top:17px;
        margin-right:-20px;
        margin-bottom:15px
    }
    .signup_area .packages .price_info > div{
        height:85px
    }
    .signup_area .packages .price{
        margin:0 0 25px
    }
    .signup_area .packages .button{
        font-size:12px
    }
    .signup_area .packages .package.recommended .select_tag{
        top:10px;
        font-size:12px
    }
    .signup .signup_area .packages ul{
        height:auto
    }
}
@media (max-width: 550px){
    .signup_area .page_title{
        margin-bottom:30px;
        font-size:22px
    }
    .signup_area .page_title2{
        font-size:16px;
        font-family:"Helvetica";
        margin:-15px 0 20px
    }
    .signup_area .page_title3{
        font-weight:400;
        font-size:14px;
        font-family:"Helvetica";
        text-align:center!important
    }
    .signup_area .page_title3 span{
        font-weight:400;
        font-size:10px;
        font-style:italic
    }
    .signup_area .packages .package{
        text-align:center;
        font-size:16px
    }
    .signup_area .packages .package > .inner{
        padding:35px 30px 0
    }
    .signup_area .packages .p{
        margin:17px 0
    }
    .signup_area .packages ul{
        margin:18px 0;
        width:100%;
        float:none;
        border-bottom:1px solid #2b3037
    }
    .signup_area .packages .bottom_info{
        border-left:none;
        float:none;
        margin:30px 0 10px;
        position:static;
        width:100%
    }
    .signup .signup_area .packages.choose_plan{
        margin:48px auto 0!important
    }
    .signup .signup_area .packages .package>.inner{
        min-height:300px
    }
    .signup .ps-notes{
        margin-top:130px;
        position:relative;
        bottom:70px;
        width:100%
    }
    .signup .signup_area .packages .price{
        font-weight:700;
        margin:25px 0 20px;
        padding-top:30px;
        border-top:1px solid #2B3037;
        float:left;
        width:100%
    }
    .signup_area .packages .price_info > div{
        height:100px
    }
    .signup_area .packages .price{
        margin:14px 0 25px
    }
    .signup_area .packages .button{
        font-size:16px
    }
}
.signup_area .device{
    padding:43px 0 0;
    font-size:16px
}
.signup_area .device img{
    display:block;
    margin:auto;
    max-width:90%
}
.signup_area .device .title{
    font-size:16px;
    font-weight:700;
    text-align:center;
    padding:40px 0 0;
    margin:0
}
@media (max-width: 1199px) and (min-width: 768px){
    .signup_area .device .title{
        font-size:20px
    }
}
.signup_area .device .inner{
    padding:0 30px 60px;
    margin-top:10px;
    text-align:center
}
.signup_area .device:last-child .inner{
    border-right:0
}
.signup_area .device ul{
    padding-left:20px;
    margin-bottom:40px
}
.signup_area .device li{
    margin-bottom:17px
}
.signup_area .device .sub_title{
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:14px;
    margin-bottom:14px
}
.signup_area .device .sub_title img{
    display:inline-block;
    margin-right:10px;
    vertical-align:middle
}
.signup_area .testimonial{
    text-align:center
}
.signup_area .testimonial .img{
    position:relative;
    width:100px;
    height:100px;
    margin:auto
}
.signup_area .testimonial .img:after{
    content:"";
    width:27px;
    height:27px;
    background:url(https://img.tfc.tv/assets/img/signuppage/cott.png) no-repeat 0 0;
    position:absolute;
    left:0;
    bottom:0
}
.signup_area .testimonial .img img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:100px;
    height:100px
}
.signup_area .testimonial .h3{
    font-size:20px;
    margin-top:26px;
    margin-bottom:12px
}
.signup_area .testimonial .col-md-4{
    font-size:16px;
    font-weight:300;
    line-height:1.5em;
    margin-bottom:40px
}
.signup_area .testimonial .inner{
    padding:0 20px
}
.signup_area .test_bottom{
    text-align:center
}
.signup_area .test_bottom .orange_button{
    margin-top:33px
}
.signup_area .video_section{
    margin:45px 0 62px
}
.signup_area .video_section img{
    display:block;
    max-width:100%;
    margin:auto
}
.colored-gradient-bg.signup{
    margin-bottom:10px
}
.online-premiere-section.signup{
    padding:100px 0
}
@media (max-width: 1199px) and (min-width: 768px){
    .online-premiere-section.signup{
        padding-top:120px
    }
    .signup_area .packages.manage_subscrip,.signup_area .packages.choose_plan{
        width:100%;
        margin:48px auto;
        text-align:center
    }
}
.signin_area .create_account{
    max-width:648px;
    margin:auto
}
.signin_area .sub_title{
    font-size:30px;
    text-align:center;
    color:#fff;
    margin:50px 0 43px
}
.signin_area .sub_title.first{
    margin:30px 0 58px
}
.signin_area .sub_title.first.p{
    font-size:18px;
    text-align:left;
}
.signin_area .create_account .fb_login{
    max-width:320px;
    margin:50px auto 40px
}
.signin_area .create_account .circle_or{
    display:block;
    margin:auto
}
.body.account .create_account .field_group{
    margin-bottom:21px
}
.signin_area .create_account input[name="middle-name"]{
    max-width:110px;
    clear:both;
    display:block
}
.signin_area .create_account .select_outer{
    max-width:290px
}
.signin_area .create_account .requir_text{
    color:#d0d1d2;
    font-style:italic;
    font-weight:300;
    font-size:16px;
    margin:52px 0
}
.signin_area .create_account_note{
    max-width:800px;
    margin:130px auto 60px
}
.body.account .create_account_note .checkbox_outer{
    margin-right:0;
    margin-top:5px;
    padding-right:17px;
    display:block;
    float:left;
    width:5%;
    width:calc(30px + 10px)
}
.body.account .create_account_note .check_box>label{
    float:left;
    display:block;
    width:95%;
    width:calc(100% - 40px)
}
.next_button{
    padding:20px
}
.signin_area a.next_button,.signin_area a.prev_button{
    display:inline-block;
    color:#fff;
    font-weight:700;
    font-size:14px;
    padding:18px 70px 18px 40px;
    background:#0571B9 url(https://img.tfc.tv/assets/img/tab_nav_arrow.png) no-repeat 90% center;
    white-space:nowrap;
    float:right;
    text-align:left;
    text-transform:uppercase;
    width:190px
}
.signin_area a.prev_button{
    background:#0571B9 url(https://img.tfc.tv/assets/img/tab_nav_arrow_back.png) no-repeat 10% center;
    text-align:right;
    float:left;
    padding:18px 40px 18px 70px
}
.signin_area a.next_button:hover,.signin_area a.prev_button:hover{
    background-color:#0b84d5
}
.signin_area .bottom_note.account{
    padding-top:60px
}
.signin_area .bottom_note.account .note{
    margin-top:10px
}
.show767{
    display:none!important
}
@media (max-width: 992px) and (min-width: 768px){
    .signup_area .device .title{
        min-height:118px
    }
}
@media (max-width: 768px){
    .signup_area .video_section{
        width:50%;
        float:left;
        margin:21px 0
    }
    .signup_area .video_section p{
        font-size:16px;
        line-height:26px;
        text-align:center;
        margin-top:20px
    }
    .signup_area .testimonial{
        width:50%;
        float:left;
        padding-left:0;
        text-align:left;
        margin:22px 0 0
    }
    .signup_area .testimonial>.row>div{
        padding:0;
        margin-bottom:28px;
        overflow:hidden;
        width:100%
    }
    .signup_area .testimonial .img{
        width:60px;
        height:60px;
        float:left
    }
    .signup_area .testimonial .img img{
        width:60px;
        height:60px
    }
    .signup_area .testimonial .img::after{
        left:auto;
        right:0
    }
    .signup_area .testimonial .text{
        float:left;
        width:70%;
        width:calc(100% - 60px);
        padding-left:15px
    }
    .signup_area .testimonial .h3{
        font-size:14px;
        font-weight:700;
        margin:15px 0 5px
    }
}
@media (max-width: 768px){
    .show767{
        display:block!important
    }
    .hide767{
        display:none!important
    }
    .online-premiere-section.signup{
        padding:100px 34px
    }
    .signup_area .device .title{
        font-size:16px;
        min-height:60px
    }
    .devices .smart-tv{
        width:80%
    }
    .signup_area .device .inner{
        padding:0 10px 60px;
        font-size:14px
    }
    .signin_area .sub_title{
        font-size:24px;
        margin:32px 0 39px
    }
    .signin_area .sub_title.first{
        margin:28px 0 40px
    }
    .signin_area .create_account .requir_text{
        font-size:14px;
        margin:20px 0
    }
    .body.account .check_box label{
        font-size:14px
    }
    .signin_area .create_account_note{
        margin:93px auto 30px
    }
    .signin_area .bottom_note.account{
        padding-top:30px
    }
    .signin_area a.next_button,.signin_area a.prev_button{
        padding-top:8px;
        padding-bottom:8px
    }
}
.show550{
    display:none!important
}
@media (max-width: 550px){
    .show550{
        display:block!important
    }
    .hide550{
        display:none!important
    }
    .signup_area .video_section{
        float:none;
        width:100%
    }
    .signup_area .testimonial{
        float:none;
        width:100%;
        padding-left:0
    }
    .signup_area .devices.row{
        margin:0 0 100px!important
    }
    .signup_area .device{
        width:100%;
        float:none;
        overflow:hidden;
        padding:0 0 40px;
        margin-bottom:30px
    }
    .signup_area .device .title{
        min-height:0;
        margin:15px 0 0;
        padding:0;
        border:0
    }
    .signup_area .device>img{
        width:100%;
        margin-top:25px
    }
    .signup_area .device:first-child>img{
        margin-top:0
    }
    .signup_area .device .inner{
        border:none;
        padding:0;
        margin-top:3px
    }
    .signin_area .sub_title{
        font-size:16px;
        margin:25px 0 31px
    }
    .signin_area .sub_title.first{
        margin:24px 0 32px
    }
    .signup_area .device li{
        margin-bottom:10px
    }
    .signup_area .device .sub_title{
        font-size:12px;
        margin-top:0
    }
    .signup_area .device .sub_title img{
        width:13px;
        margin-right:5px
    }
    .signup_area .device ul{
        margin-bottom:0
    }
    .signin_area .bottom_note .col-xs-3{
        width:100%
    }
    .signin_area .bottom_note.account .note{
        margin-top:40px
    }
}
@media (max-width: 480px){
    .online-premiere-section.signup{
        padding:100px 14px 120px;
        margin:-100px 0 20px!important
    }
}
.profile_page .profile_header{
    padding-left:0;
    margin:30px auto 0
}
.profile_page .profile_header .table{
    display:table;
    color:#fff;
    font-weight:700
}
.profile_page .profile_header .table>div{
    display:table-cell;
    vertical-align:middle
}
.profile_page .profile_header .col1{
    width:188px
}
.profile_page .profile_header .col2{
    padding-left:0px
}
.profile_page .profile_header img{
    width:130px;
    height:130px;
    object-fit:cover;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:4px solid #fff
}
.profile_page .profile_header .name{
    font-size:36px;
    margin-right:48px;
    display:inline-block
}
.profile_page .profile_header .address{
    font-size:20px;
    font-weight:700;
    font-family:"Helvetica";
    display:inline-block
}
.profile_page .profile_header .date{
    font-size:16px;
    font-weight:700;
    font-family:"Helvetica";
    color:#ccc;
    margin-top:16px;
    padding-left:34px;
    background:url(https://img.tfc.tv/assets/img/profile_icon1.png) no-repeat left center
}
.profile_page .profile_body{
    margin-top:65px
}
.profile_page .nav-tabs{
    border:none;
    background-color:#0E151B;
    margin:0;
    text-align:center
}
.profile_page .tab-content .nav-tabs{
    background:none;
    text-align:left;
    padding:0;
    border-bottom:1px solid #CACACA;
    margin-bottom:15px
}
.profile_page .nav-tabs li{
    display:inline-block;
    float:none;
    margin-left:66px
}
.profile_page .tab-content .nav-tabs li{
    margin-left:0;
    margin-right:50px
}
.profile_page .nav-tabs a{
    color:#fff;
    font-size:16px;
    font-family:"Helvetica";
    font-weight:700;
    text-transform:uppercase;
    padding:25px 60px;
    display:block;
    border:none;
    text-decoration:none
}
.profile_page .tab-content .nav-tabs a{
    color:#000;
    font-size:30px;
    font-weight:300;
    padding:25px 0 28px
}
.profile_page .nav-tabs li.active>a,.profile_page .nav-tabs li:hover>a{
    border:none;
    border-bottom:4px solid #FFD400;
    color:#FFD400;
    background:none
}
.profile_page .tab-content .nav-tabs li.active>a,.profile_page .tab-content .nav-tabs li:hover>a{
    border:none;
    border-bottom:1px solid #000;
    color:#000
}
.profile_page .tab-content{
    background-color:#EEE;
    font-family:'Helvetica'
}
.profile_page .tab-pane{
    padding:25px 100px 60px
}
.profile_page .tab-pane#products{
    padding:0;
}
.profile_page .tab-pane.legacy-p-layout#products{
    padding: 0 30px;
}
.profile_page .tab-pane#transactions{
    padding:30px 20px
}
.profile_page .tab-pane#transactions .box .table-responsive{
    min-height:.01%;
    overflow-x:hidden
}
.profile_page .tab-pane .tab-pane{
    padding:25px 0
}
.profile_page .small_title{
    font-size:16px;
    color:#999;
    font-weight:700;
    border-bottom:1px solid #CACACA;
    text-transform:uppercase;
    margin-top:43px;
    margin-bottom:50px;
    padding-bottom:22px
}
.profile_page .box{
    background-color:#fff;
    border:1px solid #DDD;
    padding:20px 36px 75px;
    margin-bottom:20px
}
.profile_page #transactions .box{
    background-color:#fff;
    border:1px solid #DDD;
    padding:20px 10px;
    margin-bottom:20px
}
.profile_page .box .top{
    font-size:18px;
    font-weight:700;
    padding:8px 0 24px;
    margin-bottom:35px;
    border-bottom:1px solid #E3E3E3
}
.profile_page .box .top img{
    float:left;
    margin-right:20px;
    margin-top:-4px;
    width:59px;
    height:59px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.profile_page .box .meta{
    font-size:12px;
    color:#999;
    margin-top:5px;
    letter-spacing:.5px
}
.profile_page .box .meta .border{
    display:inline-block;
    background-color:#999;
    width:2px;
    height:10px;
    margin:0 4px
}
.profile_page .box .p{
    font-size:18px;
    color:#000;
    margin:20px 0
}
.profile_page .box .table{
    font-size:12px;
    color:#222;
    display:table;
    margin-top:32px
}
.profile_page .box .table .title{
    display:block;
    font-weight:700
}
.box.box2.profile-info{
    padding:0!important;
    border:none!important;
    margin:30px 0 0
}
.box.box2.profile-info .profinfo-edit{
    margin:10px 0 27px;
    min-width:220px;
    max-width:220px;
    border:1px solid #ccc;
    height:40px
}
.box.box2.profile-info .profinfo-view{
    min-width:220px;
    max-width:220px;
    margin-bottom:25px
}
.box.box2.profile-info select.profinfo-edit{
    margin:10px 0 0
}
.form-group select.profinfo-edit{
    margin:0
}
.box.box2.profile-info select.profinfo-edit,.form-group select.profinfo-edit{
    border-radius:0;
    outline:1px solid #ccc;
    outline-offset:-1px;
    display:block;
    width:100%;
    height:39px;
    padding:6px 12px;
    font-size:16px;
    line-height:1.42857143;
    background-color:#fff;
    background-image:none;
    border:0 solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.date{
    color:#333;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase
}
.profile_page .box .table>div{
    display:table-cell;
    vertical-align:middle
}
.profile_page .box .table .col2{
    padding-left:25px;
    width:90%;
    line-height:1.6em
}
.profile_page .load_more{
    margin:85px 0 40px
}
.profile_page .load_more a{
    font-size:16px;
    font-weight:700;
    color:#666;
    border:1px solid #A3A3A3;
    padding:15px 30px;
    display:block;
    max-width:258px;
    margin:auto;
    text-align:center;
    text-transform:uppercase
}
.profile_page .tab-pane .right_bar{
    width:70%;
    float:left
}
.profile_page .tab-pane .left_bar{
    width:30%;
    float:left;
    padding-right:38px
}
.profile_page .tab-pane .friend_list{
    background-color:#FFF;
    border:1px solid #DDD;
    font-size:18px;
    color:#000
}
.profile_page .tab-pane .friend_list .header{
    font-size:20px;
    font-weight:700;
    border-bottom:1px solid #DDD;
    padding:22px 28px
}
.profile_page .tab-pane .friend_list .header span{
    font-size:12px;
    font-weight:700;
    color:#999;
    float:right;
    margin-top:8px
}
.profile_page .tab-pane .friend_list .list{
    padding-left:28px;
    padding-top:10px
}
.profile_page .tab-pane .friend_list .list li{
    list-style:none;
    margin:20px 0
}
.profile_page .tab-pane .friend_list .list a{
    color:#000
}
.profile_page .tab-pane .friend_list .list a:hover{
    color:#ffd400
}
.profile_page .tab-pane .friend_list .list img{
    margin-right:15px;
    vertical-align:middle;
    width:40px;
    height:40px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.profile_page .kapamilya_feed .box{
    padding:37px 36px 75px
}
.profile_page .box_row{
    overflow:hidden;
    margin:35px 0 20px
}
.profile_page .box_row>.left{
    float:left;
    width:20%;
    font-size:20px;
    font-weight:700;
    padding-top:35px;
    font-family:'gothic';
    padding-left: 15px;
}
.profile_page .box_row>.right{
    float:left;
    width:80%
}
.profile_page .box_row .box{
    padding:35px 37px 23px 42px
}
.profile_page .box_row .h3{
    font-size:14px;
    font-weight:700;
    color:#999;
    margin:0
}
.profile_page .box_row .subscription .h3{
    float:left
}
.profile_page .box_row .subscription .p{
    float:left;
    font-size:15px;
    padding:0 0 0 30px;
    width:100%;
    text-align:left;
    margin:1px 0
}
.profile_page .box_row .subscription .title{
    width:100%;
    float:left;
    text-align:left;
    background:#e5e5e5;
    padding:8px 16px;
    color:#000;
    font-size:18px;
    font-weight:700;
    margin:30px 0 10px
}
.profile_page .box_row .subscription .title .desc,.profile_page .box_row .subscription .title .item{
    float:left
}
.profile_page .box_row .subscription .title .item{
    font-weight:400;
    font-style:italic
}
.profile_page .box_row .subscription .title a{
    color:#4b9ff5;
    font-weight:400;
    float:right;
    cursor:pointer
}
.profile_page .box_row .subscription .p .edit{
    float:left;
    margin:0 0 0 15px;
    cursor:pointer
}
.profile_page .box_row .subscription .p .edit img{
    height:15px;
    margin:-4px 4px 0 0
}
.profile_page .box_row .subscription .p a{
    color:#4b9ff5;
    font-weight:400;
    float:right;
    margin:0 16px 0 0;
    cursor:pointer
}
.profile_page .box_row .subscription .p .desc,.profile_page .box_row .subscription .p .status{
    float:left
}
.profile_page .box_row .subscription .p .status{
    font-weight:700
}
.profile_page .box_row .subscription .p .status.inactive{
    color:#d0021b
}
.profile_page .box_row.setting th .h3{
    float:left
}
.profile_page .box_row .p{
    margin:10px 0
}
#UpgradeModal{
    font-family:'Helvetica'
}
#UpgradeModal .modal-header,#autorenewmodal .modal-header,#notifyexpiremodal .modal-header,#cancelsubscriptionmodal .modal-header{
    padding:10px;
    border-bottom:none;
    background:#ccc
}
#UpgradeModal .btn-primary,#autorenewmodal .btn-primary,#notifyexpiremodal .btn-primary,#cancelsubscriptionmodal .btn-primary{
    border-radius:0;
    background-color:#3188c5;
    padding:10px 30px;
    margin-left:40px
}
#UpgradeModal .btn-secondary,#autorenewmodal .btn-secondary,#notifyexpiremodal .btn-secondary,#cancelsubscriptionmodal .btn-secondary{
    color:#3188c5;
    background:none
}
#UpgradeModal .modal-body{
    padding:20px 20px 50px;
    float:left;
    width:100%;
    border-bottom:solid 1px #d1d1d1;
    margin-bottom:20px
}
#UpgradeModal .modal-body .title{
    color:#9b9b9b;
    font-weight:700
}
#UpgradeModal .modal-body .plans{
    width:100%;
    float:left;
    position:relative;
    height:auto;
    margin:30px 0 0
}
#UpgradeModal .modal-body .plans .desc{
    width:40%;
    float:left;
    padding:0 0 0 40px
}
#UpgradeModal .modal-body .plans .status{
    float:left;
    width:10%;
    text-align:center
}
#UpgradeModal .modal-body .plans .current{
    float:left;
    width:50%
}
#UpgradeModal .modal-body .plans .new{
    float:left;
    width:50%;
    padding:0 0 0 30px
}
#UpgradeModal .modal-body .plans .new input[type=radio]{
    float:left;
    margin:7px 30px 0 0
}
#UpgradeModal .modal-body .plans .new .crnt-desc{
    margin:0 0 0 44px
}
#UpgradeModal .modal-body .plans .crnt-ttl{
    font-size:20px;
    font-weight:700
}
#UpgradeModal .modal-body .plans .crnt-desc{
    font-size:13px;
    line-height:20px
}
#UpgradeModal .modal-dialog{
    width:700px;
    margin:10% auto
}
#autorenewmodal .modal-dialog,#notifyexpiremodal .modal-dialog{
    width:500px;
    margin:20% auto
}
#cancelsubscriptionmodal .modal-dialog{
    width:700px;
    margin:20% auto
}
#autorenewmodal .modal-body,#notifyexpiremodal .modal-body,#cancelsubscriptionmodal .modal-body{
    padding:20px
}
#autorenewmodal .modal-body .details,#notifyexpiremodal .modal-body .details,#cancelsubscriptionmodal .modal-body .details{
    font-family:'Helvetica';
    font-size:13px;
    line-height:17px
}
#cancelsubscriptionmodal .modal-body .details{
    margin:0 0 15px
}
#cancelsubscriptionmodal .modal-body .title{
    margin:0 0 20px;
    font-weight:700
}
#cancelsubscriptionmodal .modal-body .reason-label{
    font-size:16px
}
#cancelsubscriptionmodal .modal-body .reason-select{
    font-size:16px
}
#seefulllistmodal .modal-body{
    padding:0
}
#seefulllistmodal .modal-dialog{
    width:90%;
    max-width:1200px
}
.seefulllistmodal .modal-body .new-pricing{
    background:#11181f
}
.seefulllistmodal .modal-body .new-pricing .pricing-table{
    width:100%;
    margin:0;
    padding:20px;
    float:left
}
.seefulllistmodal .modal-body .new-pricing .pricing-table .pricing-plans .feat-desc{
    width:40%;
    font-weight:700
}
.seefulllistmodal .modal-body .new-pricing .pricing-table .pricing-plans .feat-desc.discl{
    font-size:22px;
    padding:0 0 0 6px;
    margin:50px 0 0
}
.seefulllistmodal .modal-body .new-pricing .pricing-table .pricing-plans .pricing-plan-desc{
    width:20%
}
.seefulllistmodal .modal-content,.showsinfomodal .modal-content,.moviesinfomodal .modal-content{
    border-radius:0;
    background:none!important;
    border:none!important
}
.seefulllistmodal .modal-header,.showsinfomodal .modal-header,.moviesinfomodal .modal-header{
    border-bottom:0;
    background:transparent
}
.seefulllistmodal .modal-header .close,.showsinfomodal .modal-header .close,.moviesinfomodal .modal-header .close{
    color:#fff;
    opacity:1;
    border:1px solid #fff;
    border-radius:50%;
    width:30px;
    height:30px;
    margin:0 -29px -50px 0;
    z-index:999;
    position:relative
}
.seefulllistmodal .new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-name{
    margin:50px 0 0
}
.seefulllistmodal tr:nth-child(4n),.seefulllistmodal tr:nth-child(4n-1){
    background:#1c2227
}
.seefulllistmodal tr:nth-child(4n-2),.seefulllistmodal tr:nth-child(4n-3){
    background:none
}
.seefulllistmodal table{
    width:100%;
    color:#b6b6b6;
    font-size:16px
}
.seefulllistmodal .feat-desc{
    width:40%;
    padding:5px 15px
}
.seefulllistmodal .pricing-plan-desc{
    width:20%;
    text-align:center;
    font-size:12px
}
.seefulllistmodal .new-pricing .pricing-table .pricing-plans.main-feat{
    padding:0;
    background:#2d3034;
    margin:20px 0 0
}
.heading-slider.heading-subcategory.movie-lovers .details{
    font-family:'Helvetica','Helvetica'
}
.heading-slider.heading-subcategory.movie-lovers .pre-title{
    font-size:20px;
    font-weight:700;
    color:#FFF;
    letter-spacing:.3px;
    padding:20px 0 0
}
.heading-slider.heading-subcategory.movie-lovers .pre-title img{
    width:40px;
    margin:-10px 5px 0 -8px
}
.heading-slider.heading-subcategory.movie-lovers .details .title{
    font-size:66px;
    line-height:65px;
    font-weight:700;
    color:#fff
}
.heading-slider.heading-subcategory.movie-lovers .details .title span{
    color:#FFA000
}
.heading-slider.heading-subcategory.movie-lovers .show-cat-filter{
    margin-top:-60px
}
.nola .movie-lovers{
    background:#182228;
    padding:30px 0 0 20px;
    float:left;
    width:100%
}
.nola .movie-lovers .details{
    font-family:'Helvetica','Helvetica';
    width:35%;
    float:left;
    padding:10px 0 0 30px
}
.nola .movie-lovers .details .pre-title{
    font-size:1.6em;
    font-weight:700;
    color:#FFF;
    letter-spacing:.3px;
    padding:20px 0 0
}
.nola .movie-lovers .details .title{
    font-size:4em;
    line-height:65px;
    font-weight:700;
    color:#fff
}
.nola .movie-lovers .details .pre-title img{
    width:40px;
    margin:-10px 5px 0 -8px
}
.nola .movie-lovers .details .title span{
    color:#FFA000
}
.nola .movie-lovers .details .desc{
    font-size:1.6em;
    margin:5px 0 10px;
    color:#e1e1e1
}
.nola .movie-lovers .details .info{
    font-size:1.2em;
    color:#A7A7A7
}
.nola .movie-lovers .mov-thumbs{
    width:65%;
    float:left
}
.nola .movie-lovers .mov-thumbs .thumbs-cont .portrait{
    height:250px
}
.nola .movie-lovers .mov-thumbs .slick-list{
    overflow:visible
}
.nola .movie-lovers .mov-thumbs .slick-slide{
    margin:0 6px!important
}
.nola .movie-lovers .mov-thumbs .main-container-xl .slick-slider{
    padding:0 0 0 10px !important
}
.nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover{
    height:210px!important;
    width:150px!important;
    transition:transform .4s
}
.nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover:hover{
    transform:scale(1.1);
    border:2px solid #FFA000;
    -webkit-box-shadow:0 0 22px -1px rgba(0,0,0,1);
    -moz-box-shadow:0 0 22px -1px rgba(0,0,0,1);
    box-shadow:0 0 22px -1px rgba(0,0,0,1)
}
.nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-prev,.nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-next{
    top:120px!important
}
@media (max-width: 767px){
    .heading-slider.heading-subcategory.movie-lovers .pre-title{
        font-size:12px;
        text-align:center
    }
    .heading-slider.heading-subcategory.movie-lovers .pre-title img{
        width:20px;
        margin:-10px 5px 0 -8px
    }
    .heading-slider.heading-subcategory.movie-lovers .details .title{
        font-size:36px;
        line-height:35px;
        font-weight:700;
        text-align:center
    }
    .heading-slider.heading-subcategory.movie-lovers .show-cat-filter{
        margin-top:-10px
    }
    .nola .movie-lovers{
        padding:20px 0 0;
        margin:20px 0 10px -5%;
        width:105%
    }
    .nola .movie-lovers .details{
        padding:0 10px;
        text-align:center;
        width:100%;
        margin:0 0 30px
    }
    .nola .movie-lovers .details .pre-title{
        font-size:1em;
        font-weight:700;
        color:#FFF;
        letter-spacing:.3px;
        padding:20px 0 0
    }
    .nola .movie-lovers .details .title{
        font-size:2.5em;
        line-height:35px;
        font-weight:700;
        color:#fff
    }
    .nola .movie-lovers .details .pre-title img{
        width:30px;
        margin:-10px 5px 0 -8px
    }
    .nola .movie-lovers .details .desc{
        font-size:1em;
        margin:5px 0 10px;
        color:#e1e1e1
    }
    .nola .movie-lovers .details .info{
        font-size:.8em;
        color:#A7A7A7
    }
    .nola .movie-lovers .mov-thumbs{
        width:100%;
        float:left;
        padding:0 0 0 20px
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait{
        height:180px
    }
    .nola .movie-lovers .mov-thumbs .slick-list{
        overflow:visible
    }
    .nola .movie-lovers .mov-thumbs .slick-slide{
        margin:0 6px!important
    }
    .nola .movie-lovers .mov-thumbs .main-container-xl .slick-slider{
        padding:0 0 0 10px !important
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover{
        height:150px!important;
        width:110px!important;
        transition:transform .4s
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .slick-mobile-slider-p{
        margin-bottom:10px
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover:hover{
        transform:scale(1);
        border:none
    }
    .nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-prev,.nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-next{
        top:120px!important
    }
}
@media (max-width: 1199px) and (min-width: 768px){
    .heading-slider.heading-subcategory.movie-lovers .pre-title{
        font-size:12px
    }
    .heading-slider.heading-subcategory.movie-lovers .pre-title img{
        width:30px;
        margin:-10px 5px 0 -8px
    }
    .heading-slider.heading-subcategory.movie-lovers .details .title{
        font-size:36px;
        line-height:35px;
        font-weight:700
    }
    .heading-slider.heading-subcategory.movie-lovers .show-cat-filter{
        margin-top:-40px
    }
    .nola .movie-lovers{
        padding:30px 0 0;
        margin:0 0 0 -5%;
        width:105%
    }
    .nola .movie-lovers .details{
        padding:0 10px;
        text-align:center;
        width:100%;
        margin:0 0 30px
    }
    .nola .movie-lovers .details .pre-title{
        font-size:1em;
        font-weight:700;
        color:#FFF;
        letter-spacing:.3px;
        padding:20px 0 0
    }
    .nola .movie-lovers .details .title{
        font-size:4.5em;
        line-height:65px;
        font-weight:700;
        color:#fff
    }
    .nola .movie-lovers .details .pre-title img{
        width:30px;
        margin:-10px 5px 0 -8px
    }
    .nola .movie-lovers .details .desc{
        font-size:1em;
        margin:5px 0 10px;
        color:#e1e1e1
    }
    .nola .movie-lovers .details .info{
        font-size:.8em;
        color:#A7A7A7
    }
    .nola .movie-lovers .mov-thumbs{
        width:100%;
        float:left;
        padding:0 0 0 20px
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait{
        height:180px
    }
    .nola .movie-lovers .mov-thumbs .slick-list{
        overflow:visible
    }
    .nola .movie-lovers .mov-thumbs .slick-slide{
        margin:0 6px!important
    }
    .nola .movie-lovers .mov-thumbs .main-container-xl .slick-slider{
        padding:0 0 0 10px !important
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover{
        height:150px!important;
        width:110px!important;
        transition:transform .4s
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .slick-mobile-slider-p{
        margin-bottom:10px
    }
    .nola .movie-lovers .mov-thumbs .thumbs-cont .portrait .show-cover:hover{
        transform:scale(1);
        border:none
    }
    .nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-prev,.nola .movie-lovers .mov-thumbs .feature-carousel-portrait .slick-next{
        top:120px!important
    }
}
.new-pricing .movie-lovers{
    background:rgba(225,225,225,.1);
    padding:20px;
    float:left;
    width:100%
}
.new-pricing .movie-lovers .details{
    width:25%;
    float:left;
    text-align:center
}
.new-pricing .movie-lovers .details .title{
    font-size:30px;
    font-weight:700;
    color:#fff;
    padding:20px 0 0
}
.new-pricing .movie-lovers .details .desc{
    font-size:20px;
    margin:10px 0 30px;
    color:#e1e1e1
}
.new-pricing .movie-lovers .details .info{
    font-size:12px;
    color:#e1e1e1
}
.new-pricing .movie-lovers .mov-thumbs{
    width:75%;
    float:left
}
.new-pricing .movie-lovers .mov-thumbs .thumbs-cont{
    width:100%
}
.new-pricing .movie-lovers .mov-thumbs .thumbs-cont .thumb{
    width:18%;
    height:230px;
    float:left;
    margin:0 1%;
    background-size:cover;
    background-repeat:no-repeat
}
.showsinfomodal .modal-dialog,.moviesinfomodal .modal-dialog{
    width:90%;
    max-width:900px;
    margin:auto
}
.showsinfomodal .modal-body,.moviesinfomodal .modal-body{
    background:rgba(0,0,0,.8);
    border:solid 1px rgba(225,225,225,.2);
    padding:50px!important;
    color:#fff
}
.showsinfomodal .modal-body .title,.moviesinfomodal .modal-body .title{
    text-align:center;
    font-weight:700;
    font-size:20px;
    width:100%;
    margin:0 0 30px
}
.showsinfomodal .modal-body .show-titles,.moviesinfomodal .modal-body .show-titles{
    font-size:16px;
    float:left;
    width:40%
}
.showsinfomodal .modal-body .shows-stack-images .stckimg{
    width:200px;
    height:112px;
    background-size:cover;
    z-index:504;
    float:left;
    position:relative;
    margin:5px;
    background-color:#fff
}
.showsinfomodal .modal-body .shows-stack-images,.moviesinfomodal .modal-body .movies-stack-images{
    float:left;
    width:60%
}
.moviesinfomodal .modal-body .movies-stack-images .stckimg{
    width:140px;
    height:193px;
    background-size:cover;
    z-index:504;
    float:left;
    position:relative;
    margin:5px;
    background-color:#fff
}
.new-pricing .pricing-table .pricing-plans .feat-desc a{
    cursor:pointer
}
@media (max-width: 1199px) and (min-width: 768px){
    .new-pricing .movie-lovers .mov-thumbs .thumbs-cont .thumb{
        height:186px;
        width:122px
    }
    .new-pricing .movie-lovers .mov-thumbs .thumbs-cont{
        width:680px;
        margin:auto
    }
    .new-pricing .movie-lovers{
        padding:20px 0 50px;
        margin:auto 2%;
        width:96%
    }
    .new-pricing .movie-lovers .mov-thumbs{
        width:100%
    }
    .new-pricing .movie-lovers .details{
        width:100%;
        margin:0 0 30px
    }
    .showsinfomodal .modal-body .shows-stack-images .stckimg{
        width:200px;
        height:115px
    }
    .moviesinfomodal .modal-body .movies-stack-images .stckimg{
        width:110px;
        height:160px
    }
    .showsinfomodal .modal-body .shows-stack-images{
        width:70%
    }
    .moviesinfomodal .modal-body .movies-stack-images{
        max-width:375px
    }
    .showsinfomodal .modal-body .show-titles{
        width:30%;
        float:left
    }
}
@media (max-width: 767px){
    .new-pricing .feat-desc-mob:nth-child(4n),.new-pricing .feat-desc-mob:nth-child(4n-1){
        background:#1c2227
    }
    .new-pricing .feat-desc-mob:nth-child(4n-2),.new-pricing .feat-desc-mob:nth-child(4n-3){
        background:#1c2227
    }
    .new-pricing .feat-desc-mob{
        padding:10px 0
    }
    .seefulllistmodal .modal-body .new-pricing .pricing-table{
        padding:0
    }
    .seefulllistmodal tr:nth-child(4n),.seefulllistmodal tr:nth-child(4n-1){
        background:#1c2227
    }
    .seefulllistmodal tr:nth-child(4n-2),.seefulllistmodal tr:nth-child(4n-3){
        background:none
    }
    .seefulllistmodal .pricing-table .pricing-plan-desc{
        font-size:10px;
        font-weight:bolder
    }
    .seefulllistmodal .pricing-table .pricing-plan-desc .visible-xs{
        font-size:12px;
        padding:6px 0
    }
    .seefulllistmodal .pricing-table .feat-desc{
        display:none
    }
    .seefulllistmodal .pricing-table .pricing-plan-desc{
        width:33.33%!important
    }
    .seefulllistmodal .pricing-table .show-title-m{
        width:100%;
        float:left;
        color:#acacac;
        text-align:center;
        font-size:14px
    }
    .seefulllistmodal .pricing-table .feat-desc-mob{
        font-size:16px;
        font-weight:700;
        color:#e9e9e9;
        margin:20px 0 0
    }
    .seefulllistmodal .new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-name{
        margin:30px 0 0;
        font-size:18px
    }
    .new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-price{
        font-size:16px;
        font-weight:400
    }
    .new-pricing .pricing-table .pricing-plans{
        padding:5px
    }
    #seefulllistmodal .modal-dialog{
        margin:6% 5%
    }
    .profile_page .box_row .subscription .title a{
        width:100%
    }
    .profile_page .box_row .subscription .title{
        width:114%;
        margin:20px 0 10px -7%;
        padding:20px 25px
    }
    .profile_page .box_row .subscription .h3{
        width:100%;
        text-align:center;
        font-size:16px
    }
    .profile_page .box_row .subscription .p{
        padding:5px 0 0
    }
    .profile_page .box_row .subscription .p .edit{
        float:right
    }
    .profile_page .box_row .subscription .p a{
        margin:0
    }
    #UpgradeModal .modal-dialog{
        width:94%;
        margin:20% 3%
    }
    #UpgradeModal .modal-body .plans .desc{
        width:100%;
        padding:0 0 15px 33px
    }
    #UpgradeModal .modal-body .plans .new{
        width:100%;
        padding:0
    }
    #UpgradeModal .modal-body .plans .new input[type=radio]{
        margin:7px 20px 0 0
    }
    #UpgradeModal .modal-body .plans .new .crnt-desc{
        margin:0 0 0 33px
    }
    #UpgradeModal .modal-body .plans .status{
        margin-left:-10px
    }
    #UpgradeModal .modal-body .plans .current{
        width:90%;
        margin-left:10px
    }
    #UpgradeModal .modal-body .title{
        width:100%;
        text-align:center;
        font-size:22px
    }
    #autorenewmodal .modal-dialog,#notifyexpiremodal .modal-dialog,#cancelsubscriptionmodal .modal-dialog{
        width:90%;
        margin:50% 5%
    }
    #UpgradeModal .btn-primary,#autorenewmodal .btn-primary,#notifyexpiremodal .btn-primary{
        padding:8px 20px
    }
    .new-pricing .movie-lovers .details{
        width:100%
    }
    .new-pricing .movie-lovers .mov-thumbs .thumbs-cont{
        width:100%;
        margin:20px -20px 0 20px;
        float:left;
        display:flex;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch
    }
    .new-pricing .movie-lovers .mov-thumbs{
        width:100%
    }
    .new-pricing .movie-lovers .mov-thumbs .thumbs-cont .thumb{
        width:150px;
        height:230px;
        float:left;
        position:relative;
        margin:0 5px;
        flex-shrink:0
    }
    .showsinfomodal .modal-body,.moviesinfomodal .modal-body{
        padding:30px 15px!important;
        float:left;
        width:100%
    }
    .showsinfomodal .modal-body .row,.moviesinfomodal .modal-body .row{
        width:110%
    }
    .showsinfomodal .modal-body .shows-stack-images,.moviesinfomodal .modal-body .movies-stack-images{
        margin:10px auto;
        display:block;
        width:295px;
        float:initial
    }
    .showsinfomodal .modal-body .show-titles,.moviesinfomodal .modal-body .show-titles{
        text-align:center;
        width:100%;
        float:left
    }
    .showsinfomodal .modal-body .shows-stack-images .stckimg{
        width:45%;
        height:75px
    }
    .moviesinfomodal .modal-body .movies-stack-images .stckimg{
        width:28%;
        height:115px
    }
}
.profile_page .box_row table{
    width:100%
}
.profile_page .box_row td{
    vertical-align:top
}
.profile_page .box_row td:last-child,.profile_page .box_row th:last-child{
    text-align:right
}
.profile_page .active_edit{
    font-size:14px;
    font-weight:700;
    color:#666
}
.profile_page .active_edit:hover{
    text-decoration:underline
}
.profile_page .box_row .field+.field{
    margin-top:40px
}
.profile_page .box_row.setting th{
    padding-bottom:26px
}
.profile_page .box_row.setting td{
    padding-top:10px;
    padding-bottom:10px
}
.profile_page .box ul{
    padding:10px 18px 20px
}
.profile_page .box li{
    margin:13px 0
}
.profile_page .field input{
    border:1px solid #DDD;
    font-size:16px;
    padding:5px 18px;
    vertical-align:middle
}
.profile_page .field input[type=submit]{
    color:#fff;
    background-color:#0571B9;
    border:none;
    font-weight:700;
    font-size:14px;
    padding:7px 39px;
    margin-left:14px;
    -webkit-transition:background .4s;
    -ms-transition:background .4s;
    transition:background .4s
}
.profile_page .field input[type=submit]:hover{
    background-color:#E15427
}
.profile_page .offers .box1{
    padding:52px 37px 52px 42px
}
.profile_page .offers .box2{
    padding:24px 37px 23px 42px
}
.profile_page .offers .box2 .p{
    line-height:1.9em
}
.profile_page .orange_button,.signup_area .test_bottom .orange_button{
    background-color:#E15427;
    color:#fff;
    font-weight:700;
    font-size:14px;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:0 40px;
    -webkit-transition:background .4s;
    -ms-transition:background .4s;
    transition:background .4s
}
.signup_area .test_bottom .orange_button{
    padding:14px 25px;
    margin-top:60px
}
@media (max-width: 1199px) and (min-width: 768px){
    .signup_area .test_bottom .orange_button{
        margin-top:0
    }
}
.profile_page .orange_button:hover,.signup_area .test_bottom .orange_button:hover{
    background-color:#f85c2a
}
.profile_page .offers .orange_button{
    margin-top:15px;
    margin-bottom:10px;
    padding:18px 40px
}
.profile_page .box .card_header{
    font-weight:700
}
.profile_page .box .card_header a.card_name{
    color:#000;
    padding-left:30px;
    background:url(https://img.tfc.tv/assets/img/pre_arrow.png) no-repeat left center;
    display:inline-block
}
.profile_page .box .card_header td{
    vertical-align:middle
}
.profile_page .box .card_header td:last-child{
    color:#999;
    font-size:14px;
    font-weight:700
}
.profile_page .box .card_header td:last-child a{
    margin-left:40px
}
.profile_page .box_row.billing .box{
    padding:21px 37px 21px 42px
}
#profileSelect{
    display:none
}
@media(max-width:992px){
    #profileSelect{
        display:block;
        text-transform: uppercase;
        color:#FFD400;
    }
    .profileSelect_out{
        display:none
    }
    .profile_page .box{
        padding:17px 30px 42px
    }
    .profile_page .box .top{
        font-size:16px
    }
    .profile_page .box .meta{
        font-size:10px
    }
    .profile_page .box .table{
        margin-top:25px;
        font-size:16px;
        line-height:26px
    }
    .profile_page .box .table img{
        width:227px
    }
    .profile_page .box .table .pt img{
        width:170px
    }
    .profile_page .tab-pane .friend_list .header span{
        margin-top:4px
    }
    .profile_page .small_title{
        font-size:14px;
        margin-top:25px;
        margin-bottom:35px
    }
    .date{
        font-size:12px
    }
    .profile_page .load_more{
        margin:62px auto 10px
    }
    .profile_page .load_more a{
        padding:8px 10px;
        max-width:210px
    }
    .profile_page{
        padding-left:34px;
        padding-right:34px
    }
    .profile_page .profile_header{
        padding-left:29px
    }
    .profile_page .profile_header .col1{
        width:100px
    }
    .profile_page .profile_header .col2{
        padding-left:45px
    }
    .profile_page .profile_header img{
        width:100px;
        height:100px
    }
    .profile_page .profile_header .name{
        font-size:24px;
        margin-right:15px
    }
    .profile_page .profile_header .address{
        font-size:16px
    }
    .profile_page .profile_header .date{
        font-size:12px;
        -webkit-background-size:10px auto;
        background-size:10px auto;
        padding-left:20px;
        margin-top:8px
    }
    .profile_page .tab-pane{
        padding:5px 30px 60px
    }
    .profile_page .box_row > .left{
        font-size:16px;
        width:22%;
        padding-top:25px
    }
    .profile_page .box_row > .right{
        width:78%
    }
    .profile_page .box_row .h3{
        font-size:12px;
        text-align:left
    }
    .profile_page .box .p{
        font-size:16px;
        margin:6px 0
    }
    .profile_page .active_edit{
        font-size:12px
    }
    .profile_page .box_row .box{
        padding:28px 30px 20px;
        margin-bottom:3px
    }
    .profile_page .box_row .field + .field{
        margin-top:24px
    }
    .profile_page .box_row.billing .box{
        padding:6px 25px 6px 31px;
        margin-bottom:10px
    }
    .profile_page .box_row.setting .box{
        margin-bottom:18px
    }
    .profile_page .box .card_header td:last-child{
        font-size:12px
    }
    .profile_page .box .card_header td:last-child a{
        margin-left:20px
    }
    .profile_page .box li{
        font-size:16px
    }
    .profile_page .box_row.setting th{
        padding-bottom:17px
    }
    .profile_page .box_row.offers .box{
        padding:18px 30px;
        margin-bottom:15px
    }
    .profile_page .field input{
        font-size:14px;
        padding:5px 10px
    }
    .profile_page .field input[type="submit"]{
        font-size:12px;
        padding:7px 29px
    }
    .profile_page .offers .box2 .p{
        line-height:26px
    }
    .profile_page .offers .orange_button{
        font-size:12px
    }
    .profile_page .tab-pane .left_bar{
        width:25%;
        padding-right:20px
    }
    .profile_page .tab-pane .right_bar{
        width:75%
    }
    .profile_page .tab-content .nav-tabs li{
        margin-right:39px
    }
    .profile_page .tab-content .nav-tabs a{
        font-size:20px;
        text-transform:none;
        padding:27px 0 18px
    }
    .profile_page .tab-pane .friend_list .list{
        padding:0 18px;
        margin-bottom:20px
    }
    .profile_page .tab-pane .friend_list .list li{
        display:inline-block;
        margin-bottom:0
    }
    .profile_page .tab-pane .friend_list .list span{
        display:none
    }
    .profile_page .tab-pane .friend_list .list img{
        margin-right:4px
    }
    .profile_page .tab-content .nav-tabs{
        margin-bottom:4px
    }
    .profile_page .tab-pane .friend_list .header{
        font-size:16px;
        padding:15px 18px
    }
    .profileSelect_out{
        background-color:rgba(0,0,0,0.2);
        padding:10px 15px 0;
    }
    .profileSelect_out .select_outer{
        display:inline-block;
        overflow:hidden
    }
    .profileSelect_out select{
        background:#12181F url(https://img.tfc.tv/assets/img/select_arrow.png) no-repeat scroll 90% center;
        width:105%;
        width:calc(100% + 15px);
        font-size:14px;
        font-weight:700;
        color:#fff;
        text-transform:uppercase;
        border:none
    }
}
@media(max-width:650px){
    .profile_page{
        padding-left:0;
        padding-right:0;
        margin-bottom:220px
    }
    .profile_page .profile_header{
        padding-left:15px;
        padding-right:15px
    }
    .profile_page .profile_header .table > div{
        display:block;
        float:none;
        width:100%;
        text-align:center
    }
    .profile_page .box .top{
        margin-bottom:15px
    }
    .profile_page .box{
        padding:17px 30px
    }
    .profile_page .my_activity .box{
        padding:11px 17px
    }
    .profile_page .profile_header .col1{
        width:79px
    }
    .profile_page .profile_header .col2{
        padding-left:0
    }
    .profile_page .profile_header img{
        width:79px;
        height:79px;
        border-width:2px;
        object-fit:cover
    }
    .profile_page .profile_header .name{
        display:block;
        margin:11px 0 0
    }
    .profile_page .profile_header .address{
        display:block
    }
    .profile_page .profile_header .date{
        display:inline-block;
        margin-top:23px
    }
    .profile_page .box_row > .left{
        width:100%;
        padding-top:0;
        padding-bottom:15px
    }
    .profile_page .box_row > .right{
        width:100%
    }
    .profile_page .tab-pane{
        padding:5px 12px 60px
    }
    .profile_page .tab-pane#account{
        margin-bottom:-260px
    }
    .profile_page .tab-pane#kapamilya_feed{
        margin-bottom:-260px
    }
    .profile_page .tab-pane#my_activity{
        margin-bottom:-230px
    }
    .profile_page .tab-pane#notifications{
        margin-bottom:-220px
    }
    .profile_page .box_row{
        margin:30px 0;
        min-height:400px
    }
    .profile_page .box_row .box{
        padding:20px 19px
    }
    .profile_page .box_row .field + .field{
        margin-top:13px
    }
    .profile_page .box .card_header img{
        width:38px;
        height:auto
    }
    .profile_page .box_row.billing .box{
        padding:15px 23px 15px 20px
    }
    .profile_page .box_row.billing .card_name .show550{
        color:#999;
        font-size:12px
    }
    .profile_page .box_row .box .meta{
        text-align:center;
        border-top:1px solid #C7C7C7;
        padding-top:20px
    }
    .profile_page .box ul{
        margin-bottom:0
    }
    .profile_page .box_row.offers .box{
        padding:23px 21px
    }
    .profile_page .box_row.offers .box2{
        padding:13px 21px
    }
    .profile_page .field input{
        width:52%;
        padding:8px 10px
    }
    .profile_page .field input[type="submit"]{
        width:40%;
        padding:10px
    }
    .profile_page .tab-pane .left_bar{
        padding:0;
        width:100%;
        margin-bottom:20px
    }
    .profile_page .tab-pane .right_bar{
        padding:0;
        width:100%
    }
}
@media(max-width:550px){
    .profile_page .profile_body{
        margin-top:0
    }
    .profile_page .box .table>div{
        display:block;
        width:100%
    }
    .profile_page .box .table .col2{
        padding-left:0;
        margin-top:20px
    }
    .profile_page .box .table img{
        width:172px
    }
    .profile_page .box .table .pt img{
        width:112px
    }
    .profileSelect_out{
        background:none;
        margin-bottom:0px
    }
    .profileSelect_out .select_outer{
        display:block;
        border:1px solid #717479
    }
    .profileSelect_out select{
        font-weight:400;
        text-transform:none
    }
}
.signup_area .page_title3{
    display:inline-block;
    text-align:center;
    padding:0;
    margin:20px 0
}
.signup_area .page_title3 li{
    margin:22px 0
}
.signup_area .purchase_movie_head{
    font-size:16px;
    margin-top:20px
}
.signup_area .purchase_movie_head .title{
    font-size:34px;
    font-weight:700;
    line-height:1em;
    margin:-3px 0 12px
}
.signup_area .purchase_movie_head img{
    max-width:100%
}
.signup_area .purchase_movie_head .p{
    margin-bottom:15px
}
.signup_area .purchase_movie_head ul{
    padding-left:15px
}
.signup_area .purchase_movie_head li{
    margin-bottom:15px
}
.payment_info_area .panel-group{
    margin-top:26px;
    margin-bottom:60px
}
.payment_info_area .panel{
    background:none;
    border:1px solid #353A40;
    border-radius:0;
    color:#fff
}
.payment_info_area .panel_head{
    font-size:30px;
    padding:20px 40px 20px 8.33%;
    background:#2A3037 url(https://img.tfc.tv/assets/img/mob_nav_arrow.png) no-repeat left 3.5% center
}
.payment_info_area .panel-body{
    padding:30px 0
}
.payment_info_area .panel_head[aria-expanded="true"]{
    background:#2A3037 url(https://img.tfc.tv/assets/img/mob_nav_over_arrow.png) no-repeat left 3.5% center
}
.payment_info_area .panel_head img{
    float:right;
    margin-left:5px
}
.body.account .payment_info_area .select_outer select{
    background-position:80% center;
    padding:15px 20px
}
.body.account .payment_info_area .field_group{
    margin-bottom:18px
}
.payment_info_area .row{
    margin:0 -9px
}
.payment_info_area .row>div{
    padding:0 9px
}
.payment_info_area .apply_area{
    border:1px solid #41464C;
    width:63%;
    padding:9px 0;
    margin:10px 0 20px 8.333%
}
.payment_info_area .apply_row>div{
    padding:0 9px
}
.payment_info_area .apply_area .col1{
    font-size:16px;
    float:left;
    width:53%
}
.payment_info_area .apply_area .col2{
    float:left;
    width:26.5%
}
.payment_info_area .apply_area .col3{
    float:left;
    width:20.5%
}
.payment_info_area .apply_area .field_group{
    margin:0!important
}
.payment_info_area .apply_area table{
    width:100%;
    border-collapse:collapse;
    height:56px
}
.payment_info_area .apply_area td{
    vertical-align:middle
}
.payment_info_area .apply_area td:last-child{
    text-align:right
}
.body.account .payment_info_area .apply_area input[type="submit"]{
    background-color:#2A3036;
    font-size:16px;
    padding:24px 0;
    border:none
}
.body.account .payment_info_area .apply_area input[type="submit"]:hover{
    background-color:#707479
}
.body.account .payment_info_area input[name="security-code"]{
    background:#fff url(https://img.tfc.tv/assets/img/lock.png) no-repeat 90% Center
}
.payment_info_area .order_total{
    font-size:24px;
    margin-bottom:50px
}
.payment_info_area .orange_button{
    width:100%;
    display:block;
    padding:17px 0
}
.payment_info_area .start_enjoying{
    padding-top:27px
}
.payment_info_area .start_enjoying .col-md-3{
    padding-right:32px
}
.payment_info_area .start_enjoying .col-md-7{
    color:#ccc
}
.payment_info_area .start_enjoying .col-md-7 p{
    margin-bottom:20px
}
.payment_info_area .panel-group .panel + .panel{
    margin-top:20px
}
@media(max-width:991px){
    .body.account .payment_info_area input[type="submit"]{
        font-size:14px
    }
    .payment_info_area .apply_area .col1{
        font-size:14px
    }
    .payment_info_area .apply_area table{
        height:42px
    }
    .payment_info_area .panel_head img{
        max-width:48px
    }
    .payment_info_area .panel_head{
        font-size:24px;
        padding:13px 24px 12px 8.33%
    }
    .payment_info_area .order_total{
        font-size:16px
    }
    .payment_info_area .orange_button{
        padding:18px 0
    }
    .payment_info_area .start_enjoying .col-md-7{
        padding-top:0;
        line-height:22px;
        font-weight:lighter;
        font-family:"Helvetica"
    }
    .row.start_enjoying p{
        font-size:14px
    }
}
@media(max-width:768px){
    .signup_area .page_title3 li{
        margin:11px 0
    }
    .payment_info_area .order_total{
        padding-top:6px;
        margin-bottom:15px
    }
    .signup_area .purchase_movie_head .title{
        font-size:24px
    }
}
@media(max-width:700px){
    .body.account .payment_info_area input[type="submit"]{
        font-size:16px
    }
    .payment_info_area .apply_area .col1{
        font-size:16px
    }
    .payment_info_area .row>div{
        width:100%;
        margin:0;
        padding:0 35px
    }
    .payment_info_area .row .row>div{
        padding:0 8px
    }
    .payment_info_area .panel_head img{
        max-width:30px;
        margin-left:3px
    }
    .payment_info_area .panel_head{
        font-size:16px;
        padding:13px 15px 12px 10%
    }
    .payment_info_area .row>.col-xx-8{
        width:66.666%;
        padding-right:10px
    }
    .payment_info_area .row>.col-xx-6{
        width:50%
    }
    .payment_info_area .row>.col-xx-4{
        width:33.333%;
        padding-left:10px
    }
    .payment_info_area .row>.col-xx-6:nth-child(odd){
        padding-right:10px
    }
    .payment_info_area .row>.col-xx-6:nth-child(even){
        padding-left:10px
    }
    .payment_info_area .apply_area{
        width:100%;
        padding:0 26px;
        margin:10px 0 20px;
        border:none
    }
    .payment_info_area .apply_area .col1{
        width:100%
    }
    .payment_info_area .apply_area .col2,.payment_info_area .apply_area .col3{
        width:50%
    }
    .payment_info_area .orange_button{
        margin-bottom:26px
    }
    .payment_info_area .apply_area table{
        height:auto;
        margin-bottom:10px
    }
    .payment_info_area .apply_area td:last-child{
        display:none
    }
}
@media(max-width:420px){
    .signup_area .purchase_movie_head .row>div{
        width:100%
    }
    .signup_area .purchase_movie_head .text-right{
        text-align:center;
        margin-bottom:20px
    }
}
@media(max-width:380px){
    .payment_info_area .row>.col-xx-8,.payment_info_area .row>.col-xx-6,.payment_info_area .row>.col-xx-4{
        width:100%
    }
    .payment_info_area .row>.col-xx-6:nth-child(odd){
        padding-right:8px
    }
    .payment_info_area .row>.col-xx-6:nth-child(even){
        padding-left:8px
    }
}
.modal{
    z-index:99999
}
.modal .modal-lg{
    max-width:780px
}
.modal .modal-dialog{
    margin-top:115px
}
.modal .modal-content{
    border:2px solid #6C7076;
    border-radius:0
}
.modal .modal-body{
    font-size:20px;
    line-height:34px;
    padding:47px 15px
}
.modal .modal-body .heading{
    font-size:34px;
    font-weight:700;
    margin:25px auto;
    max-width:540px
}
.modal .modal-body .p{
    max-width:700px;
    margin:0 auto 25px;
    font-family:"Helvetica"
}
.modal .modal-body .small.text-primary{
    font-family:"Helvetica"
}
.modal-body.text-center .close{
    margin-top:-35px
}
.modal .modal-body .orange_button{
    font-size:14px;
    font-weight:700;
    margin-top:15px;
    display:inline-block;
    padding:25px 40px
}
.modal .modal-body .gray_button{
    font-size:14px;
    font-weight:700;
    padding:10px 40px;
    margin-top:15px;
    display:inline-block;
    background-color:#999;
    color:#fff;
    -webkit-transition:all .4s;
    -ms-transition:all .4s;
    transition:all .4s
}
.modal .modal-body .gray_button:hover{
    background-color:#666
}
#change_streaming_Plan .modal-body{
    padding:10px 50px 30px
}
#change_streaming_Plan .heading,#change_streaming_Plan .p{
    max-width:100%
}
#change_streaming_Plan .gray_button{
    margin-left:7px
}
hr.separator{
    border:0;
    border-top:2px solid #E0E0E0
}
#cancel_subscription .modal-body{
    padding:30px 40px 47px
}
#cancel_subscription .p{
    max-width:100%;
    font-family:"Helvetica"
}
#cancel_subscription .nav-tabs{
    border-bottom:0;
    margin:42px 0 40px
}
#cancel_subscription .nav-tabs li{
    margin:0 10px;
    display:inline-block;
    float:none;
    vertical-align:top
}
#cancel_subscription .nav-tabs li:hover a{
    background:none
}
#cancel_subscription .nav-tabs li a{
    display:block;
    font-size:14px;
    font-family:"Helvetica";
    line-height:1.1em;
    color:#000;
    padding:0;
    width:105px;
    border:none!important
}
#cancel_subscription .nav-tabs li img{
    background-color:#CCC;
    display:block;
    margin:0 auto 7px
}
#cancel_subscription .nav-tabs li.active img{
    background-color:#FFD400
}
#cancel_subscription .tab-content .p{
    font-size:16px;
    line-height:1.5em
}
#cancel_subscription a.link{
    font-size:16px;
    font-weight:700;
    font-family:"Helvetica";
    color:#999
}
#cancel_subscription textarea{
    width:100%;
    height:85px;
    border:2px solid #CCC;
    padding:8px 15px;
    font-size:16px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin-bottom:20px
}
#cancel_subscription .check_boxs{
    padding-left:40px;
    margin-bottom:35px
}
#cancel_subscription .check_box{
    float:left;
    width:33.333%;
    text-align:left;
    margin-bottom:5px
}
#cancel_subscription .checkbox_outer{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px
}
#cancel_subscription .check_box label{
    font-size:16px;
    font-weight:400;
    line-height:1.2em;
    margin:0
}
#cancel_subscription .checkbox_outer label{
    width:20px;
    height:20px;
    background:url(https://img.tfc.tv/assets/img/account_checkbox2.png) no-repeat 0 0;
    cursor:pointer;
    display:block
}
#cancel_subscription .checkbox_outer input:checked+label{
    background-position:0 100%
}
#cancel_subscription .checkbox_outer input{
    width:1px;
    height:1px;
    position:absolute;
    z-index:-1;
    margin:0;
    visibility:hidden
}
@media (max-width: 992px) and (min-width: 768px){
    .modal .modal-body .orange_button,.modal .modal-body .gray_button{
        padding:10px 40px;
        margin-top:30px;
        line-height:normal
    }
}
.profile_page .checkbox_outer{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px
}
.profile_page .check_box label{
    font-size:16px;
    font-weight:400;
    line-height:1.2em;
    margin:0;
    vertical-align:middle
}
.profile_page .checkbox_outer label{
    width:16px;
    height:16px;
    background:url(https://img.tfc.tv/assets/img/cc_checkbox.png) no-repeat 0 0;
    cursor:pointer;
    display:block
}
.profile_page .checkbox_outer input:checked+label{
    background-position:0 100%
}
.profile_page .checkbox_outer input{
    width:1px;
    height:1px;
    position:absolute;
    z-index:-1;
    margin:0;
    visibility:hidden
}
.profile_page .box_outer .box.box2{
    display:none
}
.visa_bottom{
    margin-top:20px
}
.visa_bottom .left{
    float:left;
    color:#4e4e4e;
    font-size:14px;
    padding-top:10px
}
.visa_bottom .left label{
    font-size:12px
}
.visa_bottom .right{
    float:right;
    padding-top:5px
}
.visa_bottom .right .btn{
    font-size:10px;
    font-weight:900!important;
    border:0;
    border-radius:0;
    background-color:#E4E4E4;
    padding:7px 20px
}
.visa_bottom .right .btn+.btn{
    margin-left:20px
}
.profile_page .visa_top .left{
    float:left;
    width:100%
}
.profile_page .visa_top .right{
    float:left;
    width:34%;
    text-align:right
}
.profile_page .visa_top table{
    border-collapse:collapse
}
.profile_page .visa_top td{
    text-align:left;
    vertical-align:top;
    padding:3px 15px 0 0
}
.profile_page .visa_top td:last-child{
    text-align:left;
    padding:0
}
.visa_top input[type=text],.visa_top input[type=email]{
    border:1px solid #000;
    background-color:transparent;
    padding:5px;
    float:left;
    margin:0 5px 5px 0
}
.visa_top input.cl{
    clear:left
}
.visa_top input[name=name],.visa_top input[name=address1]{
    font-weight:700
}
.visa_top select{
    border:none;
    padding:3px 5px;
    background-color:#E0E2E8;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 0 1px 2px rgba(0,0,0,0.25);
    -moz-box-shadow:0 0 1px 2px rgba(0,0,0,0.25);
    box-shadow:0 0 1px 2px rgba(0,0,0,0.25)
}
.visa_top .date_box select+select{
    margin-left:12px
}
.visa_top .date_box{
    margin:20px 0;
    display:none
}
.visa_top .visa_view_ver td{
    line-height:1.9
}
.visa_top .visa_view_ver td:last-child{
    vertical-align:middle
}
.visa_top .visa_edit_ver,.visa_top.editing .visa_view_ver,.visa_bottom.editing input[name=remove],.visa_bottom.editing input[name=edit],.visa_bottom input[name=cancel],.visa_bottom input[name=update]{
    display:none
}
.visa_top.editing .date_box,.visa_top.editing .visa_edit_ver{
    display:block
}
.visa_bottom.editing input[name=cancel],.visa_bottom.editing input[name=update]{
    display:inline-block
}
.visa_top .date_box .form-group{
    margin-top:10px
}
.profile_page .box_outer{
    margin-bottom:20px
}
.profile_page .box_outer .box{
    margin-bottom:0
}
@media (max-width: 1024px){
    .profile_page .visa_top .left,.profile_page .visa_top .right{
        width:100%;
        text-align:left
    }
}
@media (max-width: 480px){
    .profile_page .box .card_header a.card_name{
        font-size:14px
    }
    .profile_page .visa_top td{
        display:block
    }
}
.modal.fade{
    padding-left:35px;
    padding-right:35px
}
@media (max-width: 992px){
    .modal .modal-body{
        font-size:16px;
        line-height:26px
    }
    .modal .modal-body .heading{
        font-size:24px;
        margin:26px auto 19px
    }
}
@media (max-width: 550px){
    .modal.fade{
        padding-left:0;
        padding-right:0
    }
    #change_streaming_Plan .modal-body{
        padding:10px 20px 30px
    }
    .modal .modal-body .heading{
        font-size:20px;
        margin:26px auto 19px
    }
    .modal .modal-body .orange_button{
        font-size:12px;
        padding:16px
    }
    .modal .modal-body .gray_button{
        font-size:12px;
        padding:4px 16px
    }
    .modal .modal-dialog{
        margin-top:55px
    }
    .body.account input[type=submit]{
        padding:18px 20px
    }
    .body.account .payment_info_area .select_outer select{
        padding:12px 20px
    }
}
@media (max-width: 1199px) and (min-width: 768px){
    .signup_area .purchase_movie_head .title{
        font-size:24px
    }
}
.select_shows{
    color:#fff
}
.select_shows .choose_show{
    background-color:#0E1822;
    font-size:16px;
    text-align:center;
    font-weight:700;
    margin-top:55px
}
.select_shows .choose_show .box{
    display:inline-block;
    padding:29px 28px;
    border:1px solid #0E1822;
    cursor:pointer
}
.select_shows .choose_show .box.active{
    border-color:#FFD500;
    background-color:#000
}
.select_shows .show_sec{
    margin:70px -25px 60px
}
.select_shows .show_sec>div{
    padding:0 25px
}
.select_shows .show_sec>.right{
    border-left:1px solid #252B31
}
.select_shows .left_header>div{
    min-height:42px
}
.select_shows .left_header .title{
    font-size:30px;
    float:left;
    line-height:1em
}
.select_shows .left_header .count_selected_item{
    font-size:16px;
    font-weight:700;
    float:right;
    color:#ccc;
    margin-top:12px;
    line-height:1em
}
.select_shows .right_header>div{
    font-size:14px;
    min-height:42px
}
.select_shows .right_header .title{
    font-size:30px;
    float:left;
    line-height:1em
}
.select_shows .right_header .search{
    width:243px;
    float:left;
    margin-left:35px
}
.select_shows .right_header .search>input{
    background:#fff url(https://img.tfc.tv/assets/img/search-icon2.png) no-repeat 10px center;
    padding:9px 18px 9px 37px;
    color:#666
}
.select_shows .right_header .sort{
    float:left;
    border-left:1px solid #23262D;
    margin-left:20px;
    padding-left:20px
}
.select_shows .right_header .sort label{
    margin:0;
    vertical-align:middle
}
.select_shows .right_header .select_outer{
    border:1px solid #717479;
    background:#141820 url(https://img.tfc.tv/assets/img/select_arrow.png) no-repeat 90% center;
    margin-left:17px;
    vertical-align:middle
}
.select_shows .right_header #sortby{
    background:none;
    color:#fff;
    padding:9px 18px
}
.select_shows .right_header .select_outer{
    width:200px;
    display:inline-block
}
.select_shows .right_header .select_outer option{
    background:#000
}
.select_shows .right_header .layout{
    float:right;
    border-left:1px solid #23262D;
    padding-top:8px
}
.select_shows .right_header .layout label{
    vertical-align:middle;
    margin:0 0 0 20px;
    display:inline-block
}
.select_shows .active_gridview{
    width:24px;
    height:24px;
    display:inline-block;
    background:url(https://img.tfc.tv/assets/img/grid_list.png) no-repeat left top;
    margin-left:20px;
    vertical-align:middle
}
.select_shows .active_gridview.active{
    background:url(https://img.tfc.tv/assets/img/grid_list.png) no-repeat left bottom
}
.select_shows .active_listview{
    width:32px;
    height:24px;
    display:inline-block;
    background:url(https://img.tfc.tv/assets/img/grid_list.png) no-repeat right top;
    margin-left:10px;
    vertical-align:middle
}
.select_shows .active_listview.active{
    background:url(https://img.tfc.tv/assets/img/grid_list.png) no-repeat right bottom
}
#all_selectable_show.grid_view>.row{
    margin:30px -4px 0
}
#all_selectable_show .item{
    display:none
}
#all_selectable_show.grid_view .item{
    padding:0 4px;
    float:left;
    width:33.333%;
    margin-bottom:43px
}
#all_selectable_show.grid_view .item:nth-child(3n+1){
    clear:both
}
#all_selectable_show .item .img{
    cursor:pointer;
    position:relative
}
#all_selectable_show .item .img .tic{
    position:absolute;
    top:8px;
    right:8px;
    width:auto;
    z-index:11;
    display:none
}
#all_selectable_show.grid_view .item.selected .img,#all_selectable_show.list_view .item.selected .img{
    border:2px solid #FFD500
}
#all_selectable_show.grid_view .item.selected .img .tic,#all_selectable_show.list_view .item.selected .img .tic{
    display:block
}
#all_selectable_show.grid_view .item.not_selected{
    opacity:.3
}
#all_selectable_show.grid_view .item .title{
    font-size:18px;
    margin-top:17px
}
#all_selectable_show.grid_view .dit_info{
    display:none
}
#all_selectable_show .img img{
    width:100%;
    height:auto
}
#all_selected_show{
    margin-top:27px
}
#all_selected_show .placeholder{
    margin-bottom:20px
}
#all_selected_show .placeholder .text{
    color:rgba(255,255,255,0.4);
    padding:15px 20px;
    line-height:1.8em;
    border:1px dashed #717479;
    text-align:center
}
#all_selected_show .placeholder .plus{
    font-size:45px;
    line-height:1em;
    display:block
}
#all_selected_show .placeholder .tic{
    display:none
}
#all_selected_show .placeholder .img{
    position:relative;
    background-color:#000;
    cursor:pointer
}
#all_selected_show .placeholder .img img{
    width:100%
}
#all_selected_show .placeholder .img:hover img{
    opacity:.3
}
#all_selected_show .placeholder .img:after{
    content:"";
    position:absolute;
    right:9px;
    top:9px;
    width:22px;
    height:22px;
    background:url(https://img.tfc.tv/assets/img/close.png) no-repeat 0 0;
    z-index:100;
    display:none
}
#all_selected_show .placeholder .img:hover:after{
    display:block
}
.select_shows .show_sec .right_header.tab,.select_shows .number_ofshow_tab,.select_shows .choose_show.mobile{
    display:none
}
@media (max-width: 1280px){
    .select_shows .show_sec{
        margin:70px 0 60px
    }
    .select_shows .right_header .search{
        width:170px
    }
    .select_shows .right_header .select_outer{
        width:170px
    }
}
@media (max-width: 1100px){
    .select_shows .show_sec > div{
        float:none;
        width:100%;
        padding-left:0;
        padding-right:0
    }
    .select_shows .show_sec > .right{
        border-left:none
    }
    .select_shows .show_sec >.left{
        border-top:1px solid #41474D;
        border-bottom:1px solid #41474D;
        margin:20px 0;
        padding-top:20px
    }
    .select_shows .right_header .search{
        width:230px
    }
    .select_shows .right_header .select_outer{
        width:220px
    }
    #all_selected_show .placeholder{
        display:inline-block;
        margin-right:8px;
        width:145px;
        vertical-align:middle
    }
    .select_shows .left_header{
        float:left;
        padding-right:33px
    }
    .select_shows .left_header .count_selected_item{
        display:none
    }
    #all_selected_show{
        float:left;
        margin-top:0
    }
    #all_selected_show .placeholder .text{
        padding:18px 20px
    }
    #all_selected_show .placeholder .text .desk{
        display:none
    }
    .select_shows .number_ofshow_tab{
        display:block;
        font-size:12px;
        color:#d0d1d2;
        float:left;
        margin-left:9px;
        font-family:arial
    }
    .select_shows .count_selected_item{
        font-weight:700;
        color:#fff;
        margin-bottom:5px
    }
    .select_shows .show_sec .right_header.desk{
        display:none
    }
    .select_shows .show_sec .right_header.tab{
        display:block
    }
    #all_selectable_show.grid_view > .row{
        margin-top:0
    }
    .select_page.signup_area,.select_shows{
        padding-left:34px;
        padding-right:34px
    }
}
@media (max-width: 991px){
    .select_shows .choose_show{
        font-size:12px
    }
    .select_shows .choose_show .box{
        padding:20px 28px
    }
    .select_shows .right_header .title,.select_shows .left_header .title{
        font-size:20px
    }
    .select_shows .left_header{
        padding-right:20px
    }
    .select_shows .right_header > div{
        font-size:12px
    }
    .select_shows .right_header .search{
        width:210px;
        margin-left:25px
    }
    .select_shows .right_header .select_outer{
        width:200px;
        margin-left:11px
    }
    .select_shows .right_header .sort{
        margin-left:15px;
        padding-left:15px
    }
    .select_shows .right_header .layout label{
        margin:0 0 0 15px
    }
}
@media (max-width: 850px){
    .select_shows .right_header .search{
        width:140px
    }
    .select_shows .right_header .select_outer{
        width:130px
    }
    #all_selected_show .placeholder{
        width:124px
    }
    #all_selected_show .placeholder .text{
        padding:12px 20px
    }
}
@media (max-width: 700px){
    .select_shows .right_header > div{
        font-size:14px;
        min-height:0
    }
    .select_shows .right_header .sort label,.select_shows .right_header .title{
        display:none
    }
    .select_shows .right_header .search{
        width:100%;
        margin:0 0 20px
    }
    .select_shows .right_header .sort{
        padding-left:0;
        margin-left:0;
        width:50%
    }
    .select_shows .right_header .select_outer{
        margin-left:0;
        width:100%
    }
    .select_shows .show_sec .right_header.tab{
        border-top:1px solid #41474D;
        padding-top:20px
    }
    .select_shows .right_header .layout{
        border-left:0
    }
    .select_page.signup_area,.select_shows{
        padding-left:14px;
        padding-right:14px
    }
    .select_shows .left_header{
        float:none;
        margin-bottom:20px
    }
    .select_shows .left_header .title{
        font-size:16px;
        font-weight:700
    }
    .select_shows .left_header > div{
        min-height:0;
        margin:0
    }
    .select_shows .left_header .count_selected_item{
        display:block;
        margin:0
    }
    .select_shows .left_header .count_selected_item:after{
        content:" Selected"
    }
    .select_shows .number_ofshow_tab{
        display:none
    }
    #all_selected_show{
        float:none
    }
    #all_selected_show .placeholder{
        width:180px
    }
    #all_selected_show .placeholder .text{
        padding:27px 20px
    }
}
@media (max-width: 600px){
    #all_selected_show{
        text-align:center;
        padding-bottom:12px
    }
    #all_selected_show.three{
        text-align:left
    }
    #all_selected_show .placeholder{
        width:48%;
        width:calc(50% - 8px);
        margin:0 1% 8px;
        margin:0 calc(2px + 2px) 8px
    }
    #all_selected_show .placeholder .text{
        padding-bottom:56%;
        padding-top:0;
        position:relative
    }
    #all_selected_show .placeholder .plus{
        position:absolute;
        top:50%;
        width:100%;
        left:0;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
    }
    #all_selectable_show.grid_view .item{
        width:50%;
        margin-bottom:26px
    }
    #all_selectable_show.grid_view .item:nth-child(3n+1){
        clear:none
    }
    #all_selectable_show.grid_view .item:nth-child(2n+1){
        clear:both
    }
    #all_selectable_show.grid_view .item .title{
        font-size:16px;
        font-weight:700;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden
    }
    .signin_area a.prev_button{
        padding-left:30px;
        width:100%;
        float:left;
        max-width:140px
    }
    .signin_area a.next_button{
        padding-right:30px;
        width:100%
    }
    #all_selectable_show .load-more{
        padding:10px 30px;
        font-weight:700
    }
}
@media (max-width: 480px){
    .select_shows .choose_show{
        display:none;
        margin-top:0
    }
    .select_shows .choose_show.mobile{
        display:block;
        margin-bottom:20px;
        text-align:left
    }
    .select_shows .show_sec{
        margin-top:0
    }
    .select_shows .choose_show>strong{
        font-size:16px;
        font-weight:700;
        margin-bottom:5px;
        display:block
    }
    .body.account .choose_show .select_outer{
        border:1px solid #717479
    }
    .body.account .choose_show .select_outer select{
        background-color:transparent;
        color:#fff
    }
}
@media (max-width: 380px){
    .select_shows .right_header .sort{
        width:40%
    }
    .select_shows .active_gridview{
        margin-left:10px
    }
    #all_selectable_show .item .img .tic{
        width:21px
    }
    #all_selected_show .placeholder .img::after{
        background-size:14px auto
    }
}
#all_selectable_show.list_view>.row{
    margin:30px 0 0
}
#all_selectable_show.list_view .item{
    overflow:hidden;
    margin-bottom:40px;
    padding:0
}
#all_selectable_show.list_view .img{
    float:left;
    width:33.333%
}
#all_selectable_show.list_view .info{
    float:left;
    width:66.666%;
    padding-left:26px
}
#all_selectable_show.list_view .title{
    font-size:18px;
    line-height:1em
}
#all_selectable_show.list_view .dit_info{
    font-size:16px;
    font-weight:300;
    line-height:26px
}
#all_selectable_show.list_view .meta{
    color:#999
}
#all_selectable_show .star_review{
    background:url(https://img.tfc.tv/assets/img/small_star.png) no-repeat left top;
    width:67px;
    height:11px;
    position:relative;
    margin-top:18px;
    margin-bottom:15px
}
#all_selectable_show .star_review .overlay{
    background:url(https://img.tfc.tv/assets/img/small_star.png) no-repeat left bottom;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
#all_selectable_show .load-more{
    display:block;
    max-width:255px;
    margin:0 auto
}
@media (max-width: 991px){
    #all_selectable_show.list_view .dit_info{
        font-size:14px;
        line-height:22px
    }
    #all_selectable_show.list_view .title{
        font-size:14px;
        font-weight:700
    }
    #all_selectable_show .star_review{
        margin-top:8px;
        margin-bottom:8px
    }
}
@media (max-width: 520px){
    #all_selectable_show.list_view .img{
        float:none;
        width:100%
    }
    #all_selectable_show.list_view .info{
        float:none;
        width:100%;
        padding-left:0;
        padding-top:18px
    }
    #all_selectable_show.list_view .title{
        font-size:16px;
        font-weight:700;
        float:left;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        width:70%;
        margin-bottom:15px
    }
    #all_selectable_show .star_review{
        float:right;
        margin-top:-30px
    }
    #all_selectable_show.list_view .dit_info{
        clear:left
    }
}
.big_search{
    background-color:rgba(0,0,0,.8);
    position:absolute;
    left:0;
    top:75px;
    width:100%;
    height:auto;
    z-index:100;
    display:none
}

.search-open .big_search{
    display: flex;
}

.big_search span{
    width:100%;
}

.big_search form{
    width:100%;
}

.big_search button{
    display: none;
}

.big_search #prefetch{
    padding:5px 0 20px 20px;
}
@media (max-width: 1100px){
    .big_search #prefetch{
        padding-left:20px
    }
}
.big_search .twitter-typeahead{
    width:100%
}
.big_search .typeahead{
    width:100%;
    border:none;
    outline:none;
    box-shadow:none;
    font-size:20px;
    font-weight:300;
    padding:15px 30px;
    background:rgba(255,255,255,0.3);
    color:#fff;
    border-radius: 50px;
}
.big_search input::placeholder {
    color:#fff;
}

.big_search input[type=submit]{
    display:none
}

.big_search .typeahead.tt-hint{
    color:#777
}
.big_search .main-container-md{
    position:relative
}
.big_search .close_search{
    position:absolute;
    right:30px;
    top:38px;
    z-index:10;
    background:#000;
    padding:3px 20px
}
.big_search .tt-menu{
    background-color:#fff;
    font-size:20px;
    color:#333;
    width:100%
}
.big_search .tt-suggestion{
    padding-top:15px;
    cursor:pointer
}
.big_search .tt-suggestion:hover{
    color:#999
}
.big_search .tt-dataset{
    position:relative;
    padding:0 45px 15px
}
.big_search .tt-dataset:before{
    content:"";
    width:1000%;
    height:100%;
    left:-500%;
    background-color:#fff;
    position:absolute;
    z-index:-1
}
@media (max-width: 1100px){
    .big_search #prefetch{
        padding:0 20px;
        background-color:#000
    }
    .big_search .typeahead{
        padding:25px 45px
    }
    .big_search .close_search{
        right:20px;
        top:28px
    }
    .big_search .close_search img{
        width:20px;
        height:20px
    }
}
.white_section_bg{
    margin-top:150px;
    margin-bottom:-130px;
    background-color:#fff;
    padding:22px 0 80px;
    font-family:'Helvetica'
}
.white_section_bg .page_title{
    font-size:22px;
    font-weight:700;
    color:#000;
    margin:30px 0;
    font-family:'helvetica'
}
.search_boxes .p{
    font-size:16px
}
.search_boxes .h3{
    margin:-4px 0 0
}
.search_boxes .h3 a{
    font-size:22px;
    font-weight:700
}
.search_boxes .small{
    margin-top:3px
}
.search_boxes .small a{
    font-size:14px;
    color:#00a650
}
.search_boxes .box{
    padding:20px 0;
    border-bottom:1px solid #E5E5E5
}
.search_boxes .img{
    width:12.5%;
    width:calc(100px + 42px);
    float:left
}
.search_boxes .text{
    width:87.5%;
    width:calc(100% - 142px);
    float:left;
    padding-left:28px
}
.search_boxes .img img{
    max-width:100%
}
.pagination, .paginationjs-pages {
    margin:14px 0
}
.pagination ul, .paginationjs-pages ul {
    padding:0
}
.pagination li, .paginationjs-pages ul li {
    display:inline-block;
    font-size:16px;
    margin-right:10px
}
.pagination li a:hover,.pagination li.active a, .paginationjs li a:hover,.paginationjs li.active a{
    color:#fff;
}

.paginationjs li.active {
	background-color: #03a9f4;
    border-radius: 3px;
}

.paginationjs li {
	padding: 5px 10px;
}

@media (max-width: 1199px) and (min-width: 768px){
    .white_section_bg{
        padding-left:34px;
        padding-right:34px
    }
}
.signin-btn{
    font-weight:500;
    font-size:18px;
    line-height:30px;
    padding-right:50px;
    margin-top:25px;
    margin-left:30px;
    position:relative;
    float:right
}
.slick-initialized .slick-slide{
    margin:0 4px!important
}
.new .horizontal.slick-slide,.new .portrait.slick-slide{
    margin:0!important
}
li a .horizontal .show-cover,li a .horizontal .show-cover .show-cover-details{
    margin:0 auto;
    background-size:cover
}
li a .horizontal .show-cover:hover,li a .horizontal .show-cover:hover .show-cover-details{
    height:163px;
    width:289px;
    margin-top:0!important;
    margin-bottom:5px
}
.show-cover-details > img{
    position:absolute!important;
    border:none!important
}
.new .horizontal .show-cover,.new .horizontal .show-cover > .show-cover-details{
    margin:10px auto 0!important;
    height:163px;
    width:289px;
    background-size:cover;
    background-repeat:no-repeat;
    display:block;
    vertical-align:middle;
    position:relative;
    transition:.3s cubic-bezier(0.5,0,0.1,1);
    -webkit-transition:.3s cubic-bezier(0.5,0,0.1,1);
    -moz-transition:.3s cubic-bezier(0.5,0,0.1,1);
    -o-transition:.3s cubic-bezier(0.5,0,0.1,1)
}
.new .horizontal .desk-desc,.new .portrait .desk-desc{
    margin:0 0 50px;
    position:relative;
    float:left
}
.horizontal #featured-regional-news-thumbs .show-cover > .show-cover-details{
    height:115px!important
}
.regional-news .horizontal a .show-cover{
    margin:10px auto 0
}
.today-news-thumb .horizontal a .show-cover{
    margin-top:0
}
.today-news-thumb .horizontal.slick-slide.slick-current.slick-active .show-cover:hover,.today-news-thumb .horizontal .show-cover:hover{
    height:163px;
    width:289px
}
.detail-section-bg .main-container-md .blue.feature-carousel .horizontal a .show-cover{
    margin:60px auto 70px
}
.horizontal a .show-cover{
    margin:80px auto 0;
    height:163px;
    width:289px;
    background-size:cover;
    background-repeat:no-repeat;
    display:block;
    vertical-align:middle;
    position:relative
}
.portrait a .show-cover{
    margin:30px auto 0;
    height:263px;
    width:190px;
    background-size:cover;
    background-repeat:no-repeat;
    display:block;
    vertical-align:middle;
    position:relative
}
.horizontal .show-cover{
    background-position:right bottom
}
.horizontal.slick-slide.slick-current.slick-active .show-cover,.portrait.slick-slide.slick-current.slick-active .show-cover{
    background-position:right bottom
}
@media (min-width: 1200px){
    .horizontal.slick-slide .be_small_for_me{
        width:89px
    }
    .portrait.slick-slide .be_small_for_me{
        width:95px
    }
    .og-grid.tv-programs-grid{
        margin:0!important
    }
}
.expanding-feature{
    width:10px;
    height:200px;
    background:red;
    float:right;
    position:relative
}
.horizontal .show-cover:hover,.horizontal .show-cover:hover .show-cover-details{
    z-index:100;
    margin:0 auto;
    vertical-align:middle;
    opacity:1
}
.new .horizontal .show-cover:hover,.new .horizontal .show-cover:hover .show-cover-details{
    z-index:100;
    margin:0 auto;
    vertical-align:middle;
    opacity:1
}
#continue-watching-slider .horizontal .show-cover:hover .progress{
    opacity:1!important
}
.my-list-page-section .show-cover-thumb-title-mobile{
    font-family:"Helvetica";
    font-weight:600;
    color:#fff;
    font-size:16px;
    position:relative;
    width:100%;
    white-space:pre-line;
    float:left;
    padding:9px 0 0;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.show-cover > .show-cover-details{
    opacity:0;
    background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 0%,rgba(255,255,255,0.25) 50%,transparent 100%)
}
.show-cover-details > img{
    transition:.05s cubic-bezier(0.5,0,0.1,1);
    -webkit-transition:.05s cubic-bezier(0.5,0,0.1,1);
    -moz-transition:.05s cubic-bezier(0.5,0,0.1,1);
    -o-transition:.05s cubic-bezier(0.5,0,0.1,1);
    opacity:0
}
.horizontal .show-cover-details > img{
    height:163px;
    width:289px
}
.portrait .show-cover-details > img{
    height:263px;
    width:190px
}
.portrait .show-cover:hover .show-cover-details > img{
    height:100%;
    width:100%
}
.horizontal .show-cover:hover .show-cover-details > img{
    height:163px;
    width:289px
}

.show-cover:hover .show-cover-details > img{
    object-fit:cover !important;
    position:absolute;
    top:0;
    left:0;
    color:transparent;
    opacity:0;
    z-index:0;
    backface-visibility:hidden; 
    animation-name:ShowCoverFade;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    
    -webkit-animation-name:ShowCoverFade;
    -webkit-animation-duration: 6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite; 
    -webkit-backface-visibility:hidden; 
}
.show-cover:hover .show-cover-details > img:nth-child(2){
    -webkit-animation-delay:2s; 
    animation-delay:2s
}
@-webkit-keyframes ShowCoverFade{
    0%{
        opacity:0;
        -webkit-animation-timing-function:ease-in
    }
    4%{
        opacity:1;
        -webkit-animation-timing-function:ease-out
    }
    40%{
        opacity:1
    }
    44%{
        opacity:0
    }
    100%{
        opacity:0
    }
}
 
@keyframes ShowCoverFade{
    0%{
        opacity:0;
        animation-timing-function:ease-in
    }
    4%{
        opacity:1;
        animation-timing-function:ease-out
    }
    40%{
        opacity:1
    }
    44%{
        opacity:0
    }
    100%{
        opacity:0
    }
}


.new .portrait .show-cover,.new .portrait .show-cover > .show-cover-details{
    display:inline-block;
    vertical-align:middle;
    height:263px;
    width:190px;
    margin:10px auto 0;
    background-size:cover;
    background-repeat:no-repeat;
    display:block;
    vertical-align:middle;
    position:relative
}
.new .portrait .show-cover:hover,.new .portrait .show-cover:hover .show-cover-details{
    z-index:10;
    vertical-align:middle;
    opacity:1;
    transition-property:opacity
}
.portrait .show-cover > .show-cover-details{
    opacity:0
}
.horizontal .show-cover:hover .show-cover-thumb-aired-watch{
    left:0;
    opacity:1;
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease
}
.horizontal .show-cover .show-cover-thumb-title,.portrait .show-cover .movie-cover-thumb-title{
    font-family:'gothic'
}
.show-cover-details-container,.movie-cover-details-container{
    position:absolute;
    bottom:0;
    background:url(https://img.tfc.tv/assets/img/show-header-slider-shadow-btm.png) no-repeat top;
    background-size:cover
}
.show-cover-details-container{
    padding-bottom:20px;
    margin-bottom:-1px;
    width:100%
}
.movie-cover-details-container{
    padding-bottom:70px;
    padding-top:50px;
    margin-bottom:-5px
}
.port-cover-thumb-title{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:18px;
    position:relative;
    width:170px;
    white-space:pre-line;
    float:left;
    padding:9px 0 20px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.show-cover-thumb-title-mobile{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:18px;
    position:relative;
    width:270px;
    white-space:pre-line;
    float:left;
    padding:9px 0 0;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:left
}
.blockbuster-movies .show-cover-thumb-title-mobile{
    margin-left:-20px
}
.show-cover-thumb-aired-desktop{
    margin-top:-65px
}
.show-cover .show-cover-details a{
    color:#fff!important
}
.sub-category-page .og-grid .show-cover .show-cover-details a{
    color:#fff!important;
    font-size:14px
}
.show-cover:hover .show-cover-thumb-aired-desktop{
    opacity:0
}
.show-cover-thumb-aired-mobile,.show-cover-thumb-aired-desktop{
    font-family:"Helvetica";
    font-weight:700;
    color:#d0d1d2;
    font-size:12px;
    text-transform:uppercase;
    position:relative;
    width:90%;
    float:left;
    padding:5px 0 0 0;
    text-align:left;
    height:32px
}
.show-cover-thumb-aired-mobile span .icon-free,.show-cover-thumb-aired-desktop span .icon-free{
    display:inline
}
.og-grid li a span .icon-free{
    width:60px;
    margin-top:-20px;
    float:right
}
.movie-cover-thumb-title{
    font-weight:700;
    color:#fff;
    font-size:26px;
    position:relative;
    max-width:250px;
    white-space:pre-line;
    float:left;
    padding:80px 0 0 20px;
    opacity:0;
    -webkit-transition:.3s ease;
    -moz-transition:.3s ease;
    -o-transition:.3s ease;
    transition:.3s ease
}
.icon-free{
    padding-left:5px;
    width:60px
}
.h2.heading-slider.online-premiere{
    margin:120px 0 20px
}
.slick-next{
    right:0!important;
    opacity:0;
    width:100px!important;
    height:400px!important;
    margin-right:0!important;
    -webkit-transition:.3s ease;
    -moz-transition:.3s ease;
    -o-transition:.3s ease;
    transition:.3s ease
}
.slick-prev{
    left:5px!important;
    opacity:0;
    width:33px!important;
    height:73px!important;
    -webkit-backface-visibility:hidden
}
.feature-carousel .slick-prev,.feature-carousel .slick-next{
    top:100px!important;
    position:absolute
}
.feature-carousel-portrait .slick-prev,.feature-carousel-portrait .slick-next{
    top:160px!important;
    position:absolute
}
#show-slider-new .slick-prev,#show-slider-new .slick-next{
    top:300px!important;
    position:absolute
}
.feature-carousel:hover .slick-prev,.feature-carousel-portrait:hover .slick-prev{
    opacity:1;
    z-index:100;
    -webkit-transition:.5s ease;
    -moz-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}
.feature-carousel:hover .slick-next,.feature-carousel-portrait:hover .slick-next{
    opacity:1;
    -webkit-transition:.5s ease;
    -moz-transition:.5s ease;
    -o-transition:.5s ease;
    transition:.5s ease
}
.feature-carousel .slick-next:before,.feature-carousel-portrait .slick-next:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-next-arrow.png) no-repeat!important;
    padding:33px;
    content:''!important;
    position:relative;
    background-position:-2px center!important
}
.feature-carousel .slick-prev:before,.feature-carousel-portrait .slick-prev:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-prev-arrow.png) no-repeat!important;
    content:''!important;
    padding:33px!important;
    background-position:-2px center!important
}
.morelikethis-carousel.slick-slider{
    margin-top:-90px
}
.morelikethis-carousel.slick-slider .slick-next{
    padding-top:100px!important
}
.morelikethis-carousel.slick-slider .slick-prev{
    padding-top:70px!important
}
.morelikethis-carousel .horizontal a .show-cover:hover,.morelikethis-carousel .horizontal a .show-cover:hover .show-cover-details{
    height:163px;
    width:289px;
    margin:80px auto 0
}
.casts-carousel:hover .slick-prev,.morelikethis-carousel:hover .slick-prev{
    opacity:1!important;
    z-index:10000
}
.casts-carousel:hover .slick-next,.morelikethis-carousel:hover .slick-next{
    opacity:1!important;
    margin-right:10px!important;
    width:33px!important;
    z-index:10000
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:0!important
}
.slick-prev:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-prev-arrow.png) no-repeat!important;
    content:''!important;
    padding:33px!important;
    margin-left:5px
}
.slick-next:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-next-arrow.png) no-repeat!important;
    content:''!important;
    padding:33px 0 33px 33px !important;
    margin-right:-35px!important
}
.blue.feature-carousel.slider.slider-on-mobile.slick-initialized.slick-slider .slick-prev:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-prev-arrow.png) no-repeat!important;
    content:''!important;
    padding:45px!important;
    margin-left:5px
}
.blue.feature-carousel.slider.slider-on-mobile.slick-initialized.slick-slider .slick-next:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-next-arrow.png) no-repeat!important;
    content:''!important;
    padding:46px 0 33px 33px !important;
    margin-right:-35px!important
}
.popup-slider .slick-prev:before{
    background:url(https://img.tfc.tv/assets/svg/ic-arrow-feature-back-black.svg) no-repeat!important;
    content:''!important;
    padding:33px!important;
    margin-left:5px;
}
.popup-slider .slick-next:before{
    background:url(https://img.tfc.tv/assets/svg/ic-arrow-feature-next-black.svg) no-repeat!important; 
    content:''!important;
    padding:33px 0 33px 33px !important;
    margin-right:-35px!important;
}

.popup-slider .slick-prev.slick-disabled:before, .popup-slider .slick-next.slick-disabled:before{
    opacity:.4 !important;
    cursor: default;
}

.popup-slider .slick-dots {
    bottom:-50px;    
}

.popup-slider .slick-dots li button:before{
    color:#292929 !important;
	content: '';
    background: #292929;
    border-radius: 50%;
    height: 75%;
    width: 75%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.popup-slider .slick-dots li.slick-active button:before{
	color: #000 !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute;
}

.popup-slider .slick-dots li.slick-active button{
    border: solid #000 2px;
    border-radius: 50px;
    padding: 10px !important;
	position: relative;
}

.popup-slider.slick-slider {
	background-image: unset !important;
}

.popup-slider .slick-prev, .popup-slider .slick-next{
    opacity:1;
    z-index:999;
}

.welcome .modal-content{
    box-shadow: none !important;
        border: none !important;
}

.main-container-xl .slick-slider{
    padding-left:0
}
.signup .signup_area .packages .inner p.smaller{
    font-size:12px!important;
    font-weight:lighter!important
}
.detail-video-cont.registered .akamai-playing,.detail-video-cont.registered .akamai-ready{
    z-index:100000
}
.detail-video-cont.registered .akamai-paused{
    z-index:1000
}
.detail-video-cont.unregistered .akamai-paused,.detail-video-cont.unregistered .akamai-playing,.detail-video-cont.unregistered .akamai-ready{
    z-index:1000
}
.akamai-progress.akamai-slider .akamai-start-cap,.akamai-progress.akamai-slider .akamai-value{
    background:#ff0!important;
    height:10px!important
}
.tparrows.tp-leftarrow:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-prev-arrow.png) no-repeat!important;
    content:''!important;
    padding:33px 0!important;
    width:35px!important;
    height:100px!important
}
.tparrows.tp-rightarrow:before{
    background:url(https://img.tfc.tv/assets/img/feature-carousel-next-arrow.png) no-repeat!important;
    content:''!important;
    padding:33px 0!important;
    width:35px!important;
    height:100px!important
}
#hero .tparrows.tp-rightarrow:before{
    margin-right:-30px!important
}
.ares .tp-bullet:hover,.ares .tp-bullet.selected{
    opacity:1!important
}
.ares .tp-bullet{
    opacity:.2!important
}
.online-prem-container{
    display:block;
    position:relative;
    min-height:100px;
    min-width:107%;
    margin-bottom:50px
}
.online-prem-tb{
    display:table;
    width:100%;
    margin-top:20px
}
.online-prem-row{
    display:table-row
}
.divTableHeading{
    background-color:#EEE;
    display:table-header-group
}
.online-prem-cell{
    border:none;
    display:table-cell;
    max-width:200px;
    max-height:265px
}
.online-prem-bdy{
    display:table-row-group
}
.online-prem-cell.portrait a .show-cover,.online-prem-container a .show-cover{
    display:inline-block;
    vertical-align:middle;
    height:263px;
    width:190px;
    margin:5px 2px!important;
    background-size:cover;
    background-repeat:no-repeat;
    -webkit-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
    transition:.2s ease
}
.online-prem-cell.portrait a .show-cover:hover,.online-prem-container a .show-cover:hover{
    box-shadow:none!important;
    transform:scale(.99)
}
.blockbuster-mvs-section{
    padding:50px 30px 0 60px
}
.h1.heading-blockbuster{
    font-size:40px;
    line-height:50px;
    color:#fff;
    margin-top:103px;
    font-family:"Helvetica"
}
.heading-blockbuster-desc{
    font-size:20px;
    font-weight:300;
    line-height:40px;
    color:#fff;
    margin:40px 0 80px;
    font-family:"Helvetica"
}
.slotholder.tp-bgimg.defaultimg{
    opacity:.2!important
}
#featured-on-news{
    margin-top:150px!important
}
.movies-slider{
    min-height:740px
}
.movies-slider,.home-slider{
    margin-bottom:10px
}
.more-balitang-america{
    top:-30px
}
.more-balitang-america .horizontal{
    position:relative;
    float:left
}
.more-balitang-america .horizontal .show-cover,#featured-regional-news .horizontal .show-cover{
    margin:20px auto 0 5px
}
.more-balitang-america .horizontal .show-cover:hover,#featured-regional-news .horizontal .show-cover:hover{
    height:163px;
    width:289px;
    margin:20px auto 0 5px
}
#val-promo{
    width:100%;
    float:left
}
#val-promo .center-vsmall{
    max-width:600px;
    margin:50px auto 0
}
#val-promo .center-vsmall .h2.heading-slider.val-title{
    margin:20px 0 10px
}
#val-promo .center-vsmall .h1{
    margin:30px 0 10px;
    color:#fff;
    text-align:center
}
@media only screen and (min-width: 200px) and (max-width: 765px){
    #val-promo .center-vsmall .online-prem-container a .show-cover{
        height:135px;
        width:96px
    }
    #val-promo .center-vsmall{
        max-width:295px;
        margin:50px auto 0
    }
    #val-promo .center-vsmall .h2.heading-slider.val-title{
        margin:0 0 10px
    }
    #val-promo .center-vsmall .h1{
        margin:30px 0
    }
}
@media only screen and (min-width: 766px) and (max-width: 1199px){
    #val-promo .center-vsmall{
        margin:150px auto 0
    }
    #val-promo .center-vsmall .h1{
        margin:0 0 50px
    }
}
.horizontal.show-catlist-cont .show-cover{
    margin:60px 10px!important;
    float:left
}
.gradient-overlay-slide-wrapper{
    background:url(https://img.tfc.tv/assets/img/carousel_gradient_overlay-opt-2.png)!important;
    background-size:cover!important;
    background-position:center bottom 0!important;
    width:100%;
    min-height:768px;
    z-index:1000;
    position:relative
}
.header-hero-image{
    width:100%;
    background-size:cover;
    background-position:center top;
    margin-top:60px
}
.casts-container{
    max-width:1180px;
    margin:85px auto
}
.hero-image-infos{
    display:block;
    position:absolute;
    bottom:0;
    max-width:800px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
.hero-image-infos .cta-price{
    float:left;
    width:100%
}
.hero-image-infos .cta-price .hero-image-cta{
    width:55%!important;
    float:left;
    margin-top:0!important
}
.hero-image-logo{
    display:block;
    position:relative;
    width:100%;
    margin-bottom:10px;
    padding-bottom:20px
}
.hero-image-logo img{
    max-height:300px;
    max-width:400px
}
.hero-image-rating{
    display:block;
    position:relative;
    width:150px !important;
    font-weight:700;
    font-size:14px;
    color:#fff;
    line-height:30px;
    font-family:"Helvetica";
    text-transform:uppercase;
    float:left;
    margin-bottom:20px
}

.hero-image-rating.eps-line{
	width:100% !important;
}
.hero-image-rating #star-rating{
    max-width:130px!important
}
.hero-image-rating img{
    margin:-5px 30px 0 0
}
.hero-image-aired{
    display:block;
    position:relative;
    margin-top:25px;
    width:100%;
    font-weight:600;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}
.header-hero-image.topic-page .hero-image-aired{
    margin:75px 0 0!important;
    width:100%!important;
}
.jq-ry-container{
    padding:0!important
}
.hero-image-desc{
    display:block;
    position:relative;
    width:100%;
    margin: 0 0 25px 0;
    font-weight:300;
    font-size:21px;
    color:#fff;
	float: left;
    max-width: 600px;
}
.hero-image-orange-btn{
    position:relative;
    margin-top:30px;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    color:#fff;
    background:#e15427;
    padding:10px 25px;
    text-transform:uppercase;
    text-align:center;
    float:left;
    width:40%!important
}
.hero-image-orange-btn:hover{
    background:#cf4a20;
    color:#fff
}
.hero-image-infos .hero-image-orange-btn{
    z-index:1000!important;
    margin-top:0;
    margin-right:10px
}
.hero-image-infos.free .hero-image-cta{
    margin-top:0
}
.hero-image-infos.free .hero-image-desc{
    margin-bottom:20px
}
.hero-image-cta{
    display:block;
    position:relative;
    width:100%;
    margin-top:40px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center
}
.header-hero-image.topic-page .hero-image-cta{
    text-align:left;
    float:left !important;
}
.hero-image-buydvd{
    display:block;
    position:relative;
    width:100%;
    margin-top:25px;
    padding:30px 0 0;
    font-weight:700;
    font-size:14px;
    color:#fff;
    text-align:center;
    border-top:solid 1px rgba(255,255,255,.2)
}
.hero-image-cta a{
    font-weight:500;
    font-size:16px;
    line-height:37px;
    color:#fff;
    margin-right:20px;
    margin-left:20px
}
.hero-image-cta.nola a #rent-text{
    display:inline-block;
    position:relative;
    transition:all .5s cubic-bezier(.55,0,.1,1)
}
.hero-image-cta.nola a #rent-text:after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:2px;
    margin-top:-19px;
    background:red;
    transform-origin:center left;
    animation:strikethrough 1s .5s cubic-bezier(.55,0,.1,1) 1;
    transition:transform .5s cubic-bezier(.55,0,.1,1)
}
.hero-image-cta.nola a #rent-text:hover{
    color:rgba(200,0,0,1)
}
.hero-image-cta.nola a #rent-text:hover:after{
    transform:scaleX(0);
    transform-origin:center right
}
@keyframes strikethrough{
    from{
        transform:scaleX(0)
    }
    to{
        transform:scaleX(1)
    }
}
.hero-image-cta.nola a #sml-cap{
    font-size:10px;
    margin:0 0 4px 2px;
    display:inline-block;
    vertical-align:middle;
    line-height:1px
}
.topic-page .hero-image-cta a{
    margin-left:0
}
#hero-image-videoprev #playerTarget{
    background:#000;
    width:487px;
    height:275px
}
#hero-image-videoprev #playerTarget img{
    opacity:.6;
    width:100%!important;
    height:100%!important
}
.hero-image-cta a img{
    padding-right:15px
}
#hero-image-videoprev{
    margin:-250px 0 0 690px
}
#hero-image-videoprev,.hero-image-videoprev{
    width:487px;
    height:275px;
    float:right;
    position:absolute;
    z-index:1000;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -ms-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease
}
#hero-image-videoprev .cta{
    color:#fff;
    margin-top:-55px;
    margin-left:20px;
    font-size:16px;
    font-weight:700;
    font-family:"Helvetica";
    position:relative
}
#hero-image-videoprev .cta img{
    margin-right:10px
}
.grid-block-dates .show-cover{
    width:289px;
    height:163px;
    display:inline-block
}
.grid-block-dates li{
    height:250px;
    width:280px;
    margin:-20px 10px 20px 5px !important;
    position:relative!important;
    float:left!important
}
.grid-block-dates li a .show-date{
    font-size:16px;
    color:#d0d1d2;
    text-align:left;
    text-transform:uppercase;
    margin-top:5px;
    font-family:"Helvetica";
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width:220px
}

.grid-block-dates li a .show-date span{
    font-weight: bold;
}
.cast-mem-title{
    font-weight:700;
    font-size:14px;
    color:#fff;
    margin-top:0
}
.cast-mem-title #cast-view{
    font-weight:300;
    color:#3995f3;
    padding-left:14px;
    cursor:pointer
}
#cast-icn-small{
    display:block
}
#cast-icn-small img{
    width:90px;
    height:90px;
    margin:20px 0 0
}
#cast-icn-big{
    display:none
}
#cast-icn-big casts{
    max-width:190px;
    margin:20px 8px 0 0;
    float:left
}
#cast-icn-big casts img{
    width:190px;
    height:263px
}
#cast-icn-big casts cast-name{
    max-width:190px;
    font-size:18px;
    text-align:left;
    color:#fff;
    margin:20px 0 0
}
.casts-carousel.slick-slider{
    padding-left:0;
    margin-top:20px
}
.celebrity-topic-wrapper{
    margin-top:-250px;
    min-height:200px;
    z-index:1100;
    position:relative;
    font-family:'helvetica'
}
.celebrity-topic-wrapper-sidebar{
    padding:40px 0 0 80px;
    float:right
}
.celeb-desc-p.white-line-top{
    margin-top:60px;
    color:#ccc
}
.celeb-desc-p.white-line-top .sm{
    padding-top:20px;
    padding-bottom:5px
}
.topic-title-h1.hidden-xs.live .col-lg-6{
    padding:0!important
}
.preview-desk{
    float:left;
    margin-right:10px;
    line-height:38px
}
.topic-title-h1{
    color:#fff;
    font-size:34px;
    font-weight:700;
    margin-top:80px
}
.topic-title-h1 a{
    color:#fff
}
.detail-title-info-registered .topic-title-h1{
    margin-bottom:6px;
    margin-top:0
}
.jk_overview_un .detail-title-info-registered .topic-title-h1{
    margin-top:80px
}
.topic-title-h1.live{
    border-bottom:solid 1px rgba(225,225,225,.3);
    padding-bottom:150px
}
.topic-title-h1.live-detail{
    margin-top:15px
}
.live-box-violator{
    border:solid #fff 1px;
    padding:20px;
    width:100%;
    color:#fff;
    font-size:22px;
    margin-bottom:20px;
    text-align:center;
    float:left;
    position:relative;
    background:rgba(0,0,0,0.85)
}
.live-box-btn{
    font-size:24px;
    color:#fff;
    font-family:'Helvetica';
    font-weight:700;
    margin:10px auto;
    background:#f85c2a;
    padding:10px 40px;
    width:220px;
    display:block
}
.live-box-btn:hover{
    color:#fff
}
.topic-title-overview h2{
    font-size:20px
}
.topic-title-overview{
    font-size:20px;
    color:#fff;
    padding:33px 0 23px;
    border-bottom:solid 1px rgba(225,225,225,.3);
    margin-bottom:10px;
    float: left;
    width: 100%;
}
.topic-more-like-this{
    font-size:20px;
    color:#fff;
    padding:10px 0 0;
    margin-top:100px;
    float:left
}
.topic-more-like-this.moviecarousel{
    margin-bottom:-30px!important;
    margin-top:70px
}
.episode-list-showp{
    float:left;
    width:60%;
    font-size:22px
}
.heading-topicpage{
    margin-top:100px;
    font-size:20px;
    margin-bottom:20px;
    margin-left:15px
}

.nu-eps-cont ul#og-grid{
    margin-top:0px !important;
}

.nu-eps-cont .heading-topicpage{
    margin-top: 50px !important;
    margin-bottom: -15px !important;
    margin-left: 4px !important;
}

.nu-eps-cont .heading-slider{
    margin: 60px 0 -44px 0 !important;
}

.nu-eps-cont ul#og-grid-live {
    padding-left: 0 !important;
    max-width:100% !important;
    list-style: none; 
}

.nu-eps-cont .grid-block-dates li{
        width: 270px !important;
    margin: -20px 5px 75px 5px !important;   
}

.nu-eps-cont .og-grid li {
    height: 160px !important;
}

.nu-eps-cont .og-grid {
    margin: 0 -57px 0 0 !important;
    list-style: none !important;
}


.nu-eps-cont li a .horizontal .show-cover { 
    height: 145px !important;
    width: 260px !important; 
    
}
.nu-eps-cont li a .horizontal .show-cover:hover { 
        height: 145px !important;
    width: 260px !important;
}
.h2.heading-slider.heading-topicpage{
    margin-left:0
}
.morelikethis-carousel{
    padding:0;
    margin-top:-60px;
    margin-bottom:50px
}
#more-moviecarousel{
    padding-left:1px!important
}
.share-link{
    font-weight:700;
    color:#fff;
    font-size:14px;
    margin-right:40px;
    float:left;
    font-family:"Helvetica"
}
#sharebar-ui.share-link{
    margin-right:0;
    padding:0
}
.detail-section-bg #sharebar-ui.share-link{
    padding:0!important
}
.share-link img{
    margin-right:10px;
    max-width:11px
}

@media (max-width: 1280px) and (min-width: 768px){
.nu-eps-cont ul#og-grid-live{
     padding-left: 0px !important;
}

}
@media (max-width: 1199px) and (min-width: 768px){
    .gradient-overlay-slide-wrapper{
        min-height:450px
    }
    .hero-image-infos{
        padding-left:34px;
        padding-right:34px;
        bottom:21px;
        width:800px
    }
    .hero-image-logo{
        margin-bottom:32px;
        padding-bottom:0
    }
    .hero-image-logo img{
        max-height:80px
    }
    .hero-image-aired{
        font-size:12px
    }
    .hero-image-desc{
        font-size:16px;
        line-height:26px;
        margin-top:14px;
        font-weight:400;
        width:80%
    }
    .hero-image-cta a{
        font-size:14px;
        font-weight:700
    }
    .hero-image-cta a img{
        padding-right:8px;
        width:37px;
        max-width:100%
    }
    .hero-image-cta{
        margin-top:18px;
        margin-left:-10px;
        width:85%
    }
    #hero-image-videoprev{
        margin-left:0;
        margin-top:-164px;
        right:34px;
        width:228px;
        height:128px;
        transform:scale(0.60)!important;
        margin-right:145px;
        display: none;
    }
    #hero-image-videoprev iframe{
        width:100%;
        height:auto
    }
    #hero-image-videoprev .cta{
        margin-top:-54px;
        margin-left:22px;
        font-weight:700
    }
    #hero-image-videoprev .cta img{
        width:29px
    }
    .topic-section-bg .blue.feature-carousel,.topic-section-bg .topic-more-like-this{
        padding-left:34px!important;
        margin-left:0!important
    }
    .celebrity-topic-wrapper-left{
        padding-left:34px
    }
    .topic-title-overview{
        font-size:16px;
        padding:30px 0 25px;
        margin-bottom:24px
    }
    .celebrity-topic-wrapper-left .topic-title-h1{
        margin-top:88px
    }
    .topic-section-bg .share-addtolist{
        padding-top:83px;
        padding-bottom:6px;
        min-height:139px
    }
    .share-link.pull-left{
        padding:0 0 10px;
        margin:-50px 0 0!important
    }
    .jk_topic_mobile{
        padding-left:34px
    }
    .jk_topic_mobile .topic-more-like-this{
        padding-left:0!important
    }
    .jk_topic_mobile .heading-slider{
        margin:24px 0 19px;
        font-size:16px
    }
    .jk_topic_mobile .topic-more-like-this{
        margin:33px 0 -19px
    }
    #cast-icn-big{
        display:none!important
    }
    .sub-category-page .og-grid.grid-block-dates{
        margin-left:45px!important
    }
    .sub-category-page .og-grid.grid-block-dates li{
        margin-right:20px
    }
    li a .horizontal .show-cover .show-cover-details{
        display:none
    }
}
.celeb-desc-p.white-line-top.topic-pages{
    margin-top:25px;
    padding-top:23px
}
.share-addtolist{
    padding-top:160px;
    padding-bottom:25px;
    font-family:"Helvetica";
    font-weight:700
}
.tabs{
    position:relative;
    overflow:hidden;
    margin:0 auto;
    width:100%;
    font-weight:300;
    font-size:1.25em
}
.tabs nav{
    text-align:center
}
.tabs nav ul{
    position:relative;
    margin:0 auto;
    padding:0;
    max-width:1200px;
    list-style:none
}
.tabs nav ul li{
    position:relative;
    z-index:1;
    text-align:left;
    float:left;
    margin:10px 70px 10px 0
}
.tabs nav a{
    position:relative;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:2.5
}
.tabs nav a span{
    vertical-align:middle;
    font-size:18px
}
.tabs nav li.tab-current a{
    color:#74777b
}
.tabs nav a:focus{
    outline:none
}
.content-wrap{
    position:relative
}
.content-wrap section{
    display:none;
    margin:0 auto;
    padding:0;
    max-width:1200px;
    text-align:center
}
.content-wrap section#mylist-shows,.content-wrap section#mylist-episodes,.content-wrap section#mylist-movies{
    max-width:1440px
}
.main-tab-content{
    color:#fff;
    margin:60px 50px 150px
}
.my-list-page-section .celeb-tabs-section nav{
    height:90px;
    margin:120px 50px auto;
    border-bottom:1px solid rgba(225,225,225,.1)
}
.my-list-page-section .tabs nav ul{
    position:relative;
    margin:0 auto;
    padding:0;
    max-width:none;
    list-style:none
}
.my-list-page-section .show-cat-filter.mylist{
    margin-right:50px
}
.content-wrap section.content-current{
    display:block
}
.content-wrap section p{
    margin:0;
    padding:.75em 0;
    color:rgba(40,44,42,0.05);
    font-weight:900;
    font-size:4em;
    line-height:1
}
.no-js .content-wrap section{
    display:block;
    padding-bottom:2em;
    border-bottom:1px solid rgba(255,255,255,0.6)
}
.no-flexbox nav ul{
    display:block
}
.no-flexbox nav ul li{
    min-width:15%;
    display:inline-block
}
@media screen and (max-width: 58em){
    .tabs nav a.icon span{
        display:none
    }
    .tabs nav a:before{
        margin-right:0
    }
}
.celeb-tabs-section nav{
    height:90px;
    margin-top:120px;
    border-bottom:1px solid rgba(225,225,225,.1);
    font-family:'helvetica'
}
.celeb-tabs-section nav li a{
    border-bottom:3px solid rgba(255,212,0,0);
    -webkit-transition:350ms ease-in-out;
    -moz-transition:350ms ease-in-out;
    -o-transition:350ms ease-in-out;
    transition:350ms ease-in-out
}
.celeb-tabs-section nav li.tab-current a{
    color:#fff;
    text-decoration:none;
    border-bottom:3px solid rgba(255,212,0,1);
    -webkit-transition:750ms ease-in-out;
    -moz-transition:750ms ease-in-out;
    -o-transition:750ms ease-in-out;
    transition:750ms ease-in-out
}
.celeb-tabs-section nav a{
    padding:20px 0;
    color:rgba(255,255,255,.5);
    line-height:35px
}
.celeb-tabs-section nav a span{
    font-weight:700
}
.celeb-tabs-section nav a span nums{
    color:#999;
    padding-left:10px
}
.celeb-shows-title{
    color:#fff;
    font-size:40px;
    font-weight:700;
    text-align:left;
    font-family:"helvetica"
}
.celeb-shows-cont{
    padding:80px 0;
    border-top:1px solid rgba(225,225,225,.1);
    min-height:600px;
    margin-top:-1px
}
.celeb-exclusives-cont{
    padding:80px 0;
    border-top:1px solid rgba(225,225,225,.1);
    min-height:600px;
    margin-top:-1px
}
.celeb-shows-sec{
    padding:0 15px 0 0 !important
}
.celeb-shows-sec.celeb-shows-sec{
    padding:0!important;
    margin-bottom:55px
}
.celeb-movies-infos .date{
    font-size:14px;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    text-align:left
}
.celeb-shows-sec .date{
    font-size:14px;
    color:#fff;
    font-weight:800;
    text-transform:uppercase;
    text-align:left;
    font-family:"Helvetica"
}
.celeb-shows-sec .horizontal show-date{
    text-align:left;
    float:left;
    color:#fff;
    font-size:14px;
    margin:15px 0 40px;
    font-weight:500;
    font-family:"Helvetica";
    text-transform:uppercase
}
.celeb-movies-infos a{
    text-decoration:none;
    color:#fff;
    width:100%;
    float:left;
    margin:10px 0;
    text-align:left;
    text-transform:uppercase
}
.celeb-movies-infos a img{
    margin:0 10px 0 0
}
.celeb-movies-infos .celeb-shows-title{
    margin:50px 0 0
}
.celeb-movies-infos .date{
    margin:0 0 40px
}
.celeb-shows-sec img{
    text-align:left;
    float:left;
    margin:40px 0 0
}
#celeb-shows .horizontal .show-cover{
    margin:0;
    padding-left:10px
}
#celeb-exclusives .horizontal .show-cover{
    margin:0;
    padding-left:10px
}
#celeb-shows .horizontal show-date{
    text-align:left;
    float:left;
    color:#fff;
    font-size:14px;
    margin:15px 0 40px;
    font-weight:700
}
.celeb-shows-sec .horizontal .show-cover{
    margin:150px 0 0
}
#celeb-shows .horizontal .show-cover:hover,.celeb-shows-sec .horizontal .show-cover:hover{
    height:163px;
    width:289px
}
.heading-subcategory{
    margin-top:0;
    font-size:30px;
    font-weight:600
}
.my-list-page-section .heading-subcategory{
    margin:200px 0 -100px 54px
}
.celeb-movies-cont{
    padding:80px 0;
    border-top:1px solid rgba(225,225,225,.1);
    min-height:570px;
    margin-top:-1px
}
.celeb-movies-thumb{
    background-size:cover;
    width:290px;
    height:400px;
    background-repeat:no-repeat;
    float:left;
    position:relative;
    margin-left:-15px
}
.celeb-movies-infos{
    float:right;
    position:relative;
    width:90%
}
.sub-category-page{
    height:auto;
    margin-top:30px;
    width:100%
}
.celeb-photos-cont{
    padding:80px 0;
    text-align:left;
    border-top:1px solid rgba(225,225,225,.1);
    min-height:570px;
    margin-top:-1px
}
.celeb-photos-gallery a{
    width:25%!important;
    float:left
}
.celeb-photos-gallery pic-date{
    text-align:left;
    float:left;
    color:#fff;
    font-size:14px;
    margin:15px 0 40px;
    font-weight:700
}
.sub-category-page .horizontal .show-cover:hover{
    margin-top:-60px
}
.sub-category-page .horizontal.tv-programs-grid .show-cover{
    margin-top:60px!important;
    width:98%!important;
    height:163px!important
}
.sub-category-page .horizontal.tv-programs-grid .show-cover .show-cover-details{
    width:100%!important;
    height:163px!important
}
.sub-category-page .horizontal.tv-programs-grid .show-cover .show-cover-details .show-cover-thumb-aired{
    display:none
}
.sub-category-page .horizontal.tv-programs-grid .show-cover .show-cover-details .show-cover-thumb-title{
    font-size:18px!important;
    text-transform:uppercase!important;
    margin-bottom:10px!important
}
.sub-category-page .horizontal.tv-programs-grid .show-cover:hover .show-cover-details-container.sub-category{
    height:163px!important
}
.sub-category-page .horizontal.tv-programs-grid .show-cover:hover .show-cover-details-container.sub-category .show-cover-thumb-title{
    padding:75px 0 0 20px
}
.og-grid.tv-programs-grid{
    margin:0
}
.og-grid.mylist-grid{
    text-align:left!important;
    margin:0 0 0 -30px !important
}
.og-grid.mylist-grid .main{
    margin-top:130px
}
.og-grid.mylist-grid .main.first{
    margin-top:-50px
}
.show-cat-filter.mylist{
    margin-right:70px
}
.og-grid.mylist-grid li{
    margin:10px 0 0!important
}
.og-grid.tv-programs-grid li{
    float:left;
    margin:30px 0 0;
    width:25%;
    height:220px;
    padding:0 8px 0 0;
    list-style:none
}
.content-current.live-content-current .og-grid.tv-programs-grid li{
    margin:0
}
.horizontal.tv-programs-grid a .show-cover .show-cover-details .show-cover-details-container,.horizontal.tv-programs-grid a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-aired-watch,.morelikethis-carousel .horizontal a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-aired-watch,.morelikethis-carousel .horizontal a .show-cover .show-cover-details .show-cover-details-container{
    width:100%;
    font-size:12px;
    text-transform:uppercase
}
.morelikethis-carousel .horizontal a .show-cover .show-cover-details .show-cover-details-container{
    margin-bottom:-1px
}
.horizontal.tv-programs-grid a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-aired-watch img,.morelikethis-carousel .horizontal a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-aired-watch img{
    transform:scale(.5);
    padding:0 0 0 13px;
    margin-top:-3px
}
.horizontal.tv-programs-grid a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-title,.morelikethis-carousel .horizontal a .show-cover .show-cover-details .show-cover-details-container .show-cover-thumb-title{
    font-size:22px
}
#mylist-movies .horizontal.tv-programs-grid a .show-cover{
    min-height:320px;
    height:320px
}
#mylist-movies .og-grid.tv-programs-grid li{
    min-height:390px;
    min-width:100px;
    margin-top:0
}
#mylist-movies .main-tab-content{
    margin:auto;
    width:960px
}
#mylist-movies .horizontal.tv-programs-grid a .show-cover:hover .show-cover-details,#mylist-movies .horizontal.tv-programs-grid a .show-cover .show-cover-details{
    height:320px
}
#mylist-movies .my-list-page-section .og-grid{
    margin:-50px 20px 0!important;
    padding-top:0!important
}
.horizontal.tv-programs-grid a .show-cover:hover .show-cover-details,.horizontal.tv-programs-grid a .show-cover .show-cover-details{
    margin:0!important;
    width:100%!important
}
.horizontal.tv-programs-grid a .show-cover,.horizontal.tv-programs-grid a .show-cover .show-cover-details{
    margin:10px 2px;
    width:98%;
    min-height:163px;
    background-position:bottom center;
    height:163px
}
.horizontal.tv-programs-grid a .show-cover:hover,.horizontal.tv-programs-grid a .show-cover:hover .show-cover-details{
    margin:10px 0 10px 2px;
    width:98%;
    min-height:163px;
    background-position:bottom center;
    height:163px
}
.og-grid{
    padding:60px 0!important
}
.sub-category-page.category-list .og-grid{
    padding:0!important
}
.og-grid li{
    height:250px
}
.sub-category-page .og-grid.grid-block-dates li{
    height:225px!important
}
@media only screen and (min-width: 1000px){
    .sub-category-page .og-grid.grid-block-dates{
        margin-left:-5px
    }
}
@media only screen and (min-width: 1280px) and (max-width: 1294px){
    .og-grid{
        width:120%!important;
        overflow:hidden!important;
        margin:0!important;
        padding:40px 0 0!important;
        text-align:left!important
    }
    .main-container-md.visible-lg-block .sub-category-page .og-grid{
        padding:60px 0 70px!important
    }
    .og-grid.tv-programs-grid.category{
        padding:60px 0!important
    }
    .og-grid.tv-programs-grid{
        width:100%!important;
        margin:0!important
    }
    .drama.sub-category-page .og-grid.tv-programs-grid{
        width:100%!important;
        margin:0!important;
        padding:0!important
    }
    .sub-category-page .og-grid.tv-programs-grid{
        width:100%!important;
        margin:0!important;
        padding:0!important
    }
    .sub-category-portrait.sub-category-page .og-grid.tv-programs-grid{
        width:100%!important;
        margin:0!important;
        padding:0!important
    }
}
.sub-category-page::-webkit-scrollbar,.main-container-xl::-webkit-scrollbar{
    display:none!important
}
#playerCont{
    background:#111011!important;
    width:100%;
    height:720px
}
.regular_video .playervid-details{
    bottom:-200px;
    left:0;
    padding-left:330px;
    transition:all .5s linear
}
.tfc_tv .playervid-details{
    background:rgba(0,0,0,1);
    background:-moz-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(9,12,15,1) 49%,rgba(18,24,31,0.79) 100%);
    background:-webkit-gradient(left top,right top,color-stop(0%,rgba(0,0,0,1)),color-stop(49%,rgba(9,12,15,1)),color-stop(100%,rgba(18,24,31,0.79)));
    background:-webkit-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(9,12,15,1) 49%,rgba(18,24,31,0.79) 100%);
    background:-o-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(9,12,15,1) 49%,rgba(18,24,31,0.79) 100%);
    background:-ms-linear-gradient(left,rgba(0,0,0,1) 0%,rgba(9,12,15,1) 49%,rgba(18,24,31,0.79) 100%);
    background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(9,12,15,1) 49%,rgba(18,24,31,0.79) 100%);
    filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#12181f',GradientType=1);
    min-width:100%!important;
    height:150px!important;
    position:fixed;
    bottom:0;
    left:0;
    padding-left:330px;
    z-index:1000;
    transition:all .5s linear;
    display:none!important
}
.tfc_tv .playervid-details object{
    z-index:10000;
    width:280px;
    height:150px;
    margin:0;
    background:#222;
    border:1px #242424 solid
}
.tfc_tv .playervid-details .topic-title-h1{
    margin-top:30px
}
.video_part{
    position:relative
}
.regular_video{
    max-height:366px!important;
    min-height:366px!important
}
.vid-playerpop #hero-image-videoprev{
    width:387px;
    height:215px;
    -webkit-box-shadow:0 0 46px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 0 46px 0 rgba(0,0,0,0.75);
    box-shadow:0 0 46px 0 rgba(0,0,0,0.75)
}
#scheduled-streaming-slider,#tv-channels-slider,.jk_related_news{
    max-width:1170px;
    margin:0 auto
}
.hidden-xs.hidden-sm.sub-category-page{
    max-width:1300px;
    margin:-50px auto 50px
}
.main-container-xl.live-top-margin{
    max-width:1400px;
    margin:auto
}
.sub-category-page,.feature-carousel{
    overflow:hidden!important;
    padding-bottom:20px
}
.sub-category-page.category-list{
    width:100%
}
.sub-category-page ul{
    list-style-type:none!important
}
.og-grid li:nth-child(4n) .show-cover:hover og-grid li:nth-child(5n) .show-cover{
    width:89px
}
.review-section{
    margin-top:70px;
    height:auto;
    color:#fff;
    margin-bottom:120px
}
.review-section .heading-slider{
    margin:0
}
.review .media{
    display:none;
    border-bottom:1px solid #333;
    padding-bottom:40px;
    margin-top:40px;
    font-family:'Helvetica'
}
.review .media .media-body{
    font-size:17px
}
.review .h4{
    font-size:20px;
    font-weight:300
}
.review .media.people-are-saying{
    display:block;
    padding-bottom:24px
}
.border-right{
    border-right:2px solid #333
}
.margin-top{
    margin-top:65px
}
.review.form-control{
    height:82px;
    border-radius:0!important;
    margin-top:20px;
    font-family:'helvetica'
}
.review.col-md-8{
    padding-right:54px;
    padding-left:0;
    padding-top:12px
}
.review.col-md-4{
    padding-left:52px;
    padding-right:0
}
.btn-review{
    background-color:#E15427;
    border:none;
    margin-top:20px;
    padding:10px 30px;
    float:right;
    font-family:'helvetica'
}
.time-review{
    font-size:13px
}
.review hr{
    margin-top:100px
}
.review .h2{
    font-weight:600;
    font-size:24px
}
.review .img-circle{
    margin-right:14px
}
.review .people-are-saying .img-circle{
    margin-right:14px;
    width:60px
}
.review .social-media-handler{
    font-size:14px
}
.review .social-media-body{
    font-size:15px;
    font-weight:300;
    padding-top:20px;
    line-height:1.5;
    letter-spacing:.3px
}
.review .view-more{
    text-transform:uppercase;
    font-size:15px;
    padding-top:20px
}
.review .hashtag{
    margin-top:75px;
    font-size:23px
}
.review .hashtag img{
    width:45px
}
.review .col-md-4 hr{
    margin-top:24px
}
.review .load-more-button{
    margin:55px 0 0!important;
    height:0!important
}
.view-more a{
    color:#fff
}
.view-more a:hover{
    color:#ffd400
}
.rating{
    unicode-bidi:bidi-override;
    direction:rtl;
    float:left;
    color:#89949e;
    font-size:14px
}
.rating > span{
    display:inline-block;
    position:relative;
    width:1.1em
}
.rating > span:hover:before,.rating > span:hover ~ span:before{
    color:#ffd400
}
.overall.rating{
    font-size:22px;
    padding-left:10px
}
.privacy{
    height:auto;
    font-family:'Helvetica'
}
.privacy .h1,.privacy h1{
    font-weight:600;
    color:#fff;
    margin-bottom:45px;
    text-align:center
}
.privacy .well h2{
    color:#000;
    font-size:14px;
    font-weight:700
}
.privacy .page_title{
    font-family:"Helvetica"!important
}
.privacy .well{
    padding:50px 60px;
    border-radius:0;
    background-color:#fff
}
.privacy p{
    line-height:2;
    margin-bottom:30px
}
.privacy li{
    margin:0 100px;
    line-height:2
}
.privacy .well li:last-child{
    margin-bottom:30px!important
}
.privacy .well .table-bordered td ol{
    padding:15px
}
.privacy .well .table-bordered td ol li{
    margin:0
}
.privacy .well .table-bordered tr td{
    padding:0 5px
}
.privacy .well .table-bordered tr th{
    padding:20px
}
.about .nav-tabs{
    padding:20px!important
}
.about .nav > li > a{
    margin-top:-12px!important;
    margin-bottom:-19px!important;
    padding:28px 3px!important
}
.about .nav-tabs > li,.nav-pills > li{
    float:none;
    display:inline-block;
    *display:inline;
    zoom:1
}
.about .nav-tabs,.nav-pills{
    text-align:center
}
.about .tab-pane{
    padding:50px 60px;
    line-height:2.5;
    font-family:'Helvetica'
}
.about .tab-pane p{
    margin-bottom:30px;
    font-size:18px
}
.about .rafy-lopez{
    margin-top:20px;
    margin-bottom:20px!important
}
.about .media-heading{
    font-size:18px;
    font-weight:600
}
.about .social-media-handler{
    margin-top:-18px
}
.about .tab-pane .col-md-4{
    padding:40px 0 10px;
    border-top:1px solid #eee;
    border-bottom:5px solid #eee;
    width:300px;
    margin-bottom:30px;
    margin-left:25px
}
.help{
    height:auto;
    color:#fff
}
.help .media a .h4{
    color:#fff
}
.help .h1,.help h1{
    font-weight:600
}
.help .sub-title{
    font-size:24px
}
.help-tab{
    margin:60px 0
}
.help-tab a:hover{
    color:#000
}
.help .nav-tabs{
    background-color:rgba(0,0,0,0.20);
    font-family:'helvetica';
    padding:6px 20px;
    color:#fff
}
.tabs-left .nav-tabs{
    background-color:#fff;
    font-family:'helvetica';
    padding:6px 0;
    color:#fff;
    border-bottom:0 solid #ddd
}
.help .tab-content{
    height:auto;
    background-color:#fff;
    color:#000
}
.help .nav-tabs > li > a{
    margin-right:54px;
    line-height:1.42857143;
    border:0 solid transparent!important;
    border-radius:0;
    color:#fff;
    background:none!important
}
.tabs-left .nav-tabs > li > a{
    margin-right:54px;
    line-height:1.42857143;
    border:0 solid transparent!important;
    border-radius:0;
    color:#fff;
    background:none!important
}
.help .nav-tabs > li.active > a,.help .nav-tabs > li.active > a:hover,.help .nav-tabs > li.active > a:focus{
    color:#fff;
    cursor:default;
    background:none!important;
    border-bottom:6px solid #ffd400!important
}
.tabs-left .nav-tabs > li.active > a,.tabs-left .nav-tabs > li.active > a:hover,.tabs-left .nav-tabs > li.active > a:focus{
    color:#333;
    cursor:default;
    background:none!important;
    border-bottom:none!important;
    font-weight:600
}
.help .nav > li > a{
    position:relative;
    display:block;
    padding:20px 3px;
    text-transform:uppercase;
    font-weight:600;
    font-size:16px;
    line-height:1.125;
    margin-bottom:-6px
}
.help .nav > li > a > h2{
    font-weight:700;
    font-size:16px
}
ul.nav-tabs li img{
    content:"";
    margin-top:10px
}
#cancel_subscription .modal-body ul.nav-tabs li.active img{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    transform:rotate(0deg)
}
ul.nav-tabs li.active img{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    transform:rotate(-90deg)
}
.nav-tabs li i.glyphicon{
    float:right
}
.tabs-left .nav > li > a{
    margin:10px 0;
    line-height:1.42857143;
    border:0 solid transparent!important;
    text-transform:none!important;
    border-radius:0;
    font-size:18px;
    font-weight:300;
    font-family:'Gothic';
    color:#333;
    background:none!important
}
.tabs-left .nav > li{
    border-bottom:1px solid #ccc!important;
    width:100%
}
.help .col-md-9{
    padding:11px 60px 35px 50px;
    height:auto;
    border-left:1px solid #888;
    width:72%
}
.help .col-md-3{
    padding:10px 30px 35px 50px;
    height:auto;
    width:28%
}
.help .panel-title{
    font-size:18px
}
.help .panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top:none
}
.help .panel-group{
    font-family:'Helvetica'
}
.help .panel-heading{
    padding:0!important
}
.help .panel-body{
    font-size:18px;
    line-height:1.25
}
.help .panel-group .h4{
    padding:14px 0 25px
}
.help .h4{
    padding:14px 0 25px;
    border-bottom:1px solid #ccc
}
.help .h4:last-child{
    border-bottom:none
}
.help .h4.active{
    font-weight:600
}
.help .media{
    font-family:'Helvetica'
}
.help .media .h4{
    border-bottom:none;
    font-size:20px;
    padding:0
}
.help .media .h4 h2{
    font-size:20px
}
.help .media img{
    width:70px;
    margin:0 25px
}
.prepaid-cards{
    margin-top:-5px!important;
    margin-bottom:95px!important
}
#map,.map-container{
    height:100%;
    width:100%;
    margin:0;
    padding:0
}
.dealer-list-cont{
    overflow-y:auto;
    height:668px
}
.dealer-list-cont .info:hover{
    cursor:pointer
}
.gm-style .gm-style-iw h3{
    font-size:20px!important
}
.gm-style .gm-style-iw div div{
    overflow:hidden!important
}
.gm-style .gm-style-iw h4{
    font-size:15px!important
}
.prepaid-cards .well{
    color:#000!important;
    margin-top:60px;
    padding:0;
    border-radius:0;
    background-color:#fff
}
.prepaid-cards .col-md-4{
    border-right:none!important;
    padding-left:53px;
    padding-right:40px
}
.prepaid-cards .col-md-8{
    padding:0 2px;
    height:875px
}
.prepaid-cards .h1{
    font-size:34px
}
.prepaid-cards .h3,.prepaid-cards h2{
    font-size:23px;
    font-weight:600;
    margin:65px 0 25px;
    color:#000
}
.prepaid-cards .sub-title{
    font-size:21px;
    font-family:'Helvetica'
}
.prepaid-cards #dropdown{
    width:100%;
    margin:10px 0
}
.prepaid-cards .form-control{
    height:48px;
    border-radius:0;
    outline-offset:-1px
}
.prepaid-cards input,.prepaid-cards select{
    margin:10px 0
}
.prepaid-cards .link a{
    margin:0 10px
}
.prepaid-cards .link{
    margin:20px;
    font-family:'Helvetica'
}
.prepaid-cards .info{
    margin:20px 0;
    padding:20px 0 30px;
    border-bottom:1px solid #333
}
.prepaid-cards .info p{
    margin-bottom:0
}
.prepaid-cards input{
    padding:15px;
    font-family:'Helvetica';
    width:100%;
    border:1px solid #ccc
}
@media only screen and (min-width: 320px) and (max-width: 738px){
    .prepaid-cards #info{
        margin:10px auto 20px
    }
    .prepaid-cards.colored-gradient-bg{
        padding-top:90px!important
    }
    .prepaid-cards .link{
        margin:20px 0;
        font-family:'Helvetica'
    }
    .prepaid-cards hr{
        border-top:1px solid #333
    }
    .prepaid-cards .well{
        margin-top:40px
    }
    .prepaid-cards{
        margin-bottom:50px!important;
        margin-top:-20px!important
    }
    .prepaid-cards .col-md-4{
        margin:0 14px;
        padding:0 14px!important
    }
    .prepaid-cards .h3{
        font-size:20px;
        font-weight:600;
        margin:50px 0 25px;
        text-align:center
    }
    .about .nav-tabs{
        padding:20px 0 20px 20px !important
    }
    .about{
        overflow-x:hidden!important;
        margin-top:-45px
    }
    .about .nav.nav-tabs.draggable{
        width:576px!important
    }
    .about .h1,.help .h1,.privacy .h1{
        font-size:24px;
        padding:0 30px;
        line-height:1.5
    }
    .help .sub-title{
        font-size:16px
    }
    .help .text-center,.about .text-center,.privacy .text-center{
        padding:0 14px
    }
    .privacy .well{
        padding:40px 14px 60px;
        line-height:1.8
    }
    .about .tab-pane{
        padding:20px 0 60px;
        line-height:1.8
    }
    .privacy p,.about .tab-pane p{
        font-size:15px
    }
    .privacy li{
        margin:0 20px 25px
    }
    .privacy{
        margin-bottom:-100px
    }
    .help .media img{
        width:70px;
        margin:0 14px 0 0
    }
    .about .tab-pane .col-md-4{
        width:auto;
        margin:0 14px 30px
    }
    .about .social-media-handler{
        margin-top:-10px
    }
    .product-and-services,.account-settings,.privacy-settings,.payments,.social-networking,.system-requirements,.technical-issues{
        width:auto!important
    }
}
@media only screen and (min-width: 1024px){
    .prepaid-cards .col-md-4{
        margin:0 0 0 15px !important;
        padding:0 15px!important;
        width:31%
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
    .prepaid-cards .col-md-8{
        padding:0 7px!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .prepaid-cards .col-md-8{
        padding:0 15px!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .prepaid-cards #info{
        margin:10px auto 20px
    }
    .prepaid-cards .colored-gradient-bg{
        padding-top:120px!important
    }
    .prepaid-cards .col-md-4{
        padding:0 30px!important
    }
    .privacy .well{
        padding:50px 34px
    }
    .privacy li{
        margin:0 30px
    }
    .about .tab-pane{
        padding:50px 34px
    }
    .about .tab-pane .col-md-4{
        width:auto
    }
}
.help-tab .profileSelect_out{
    display:none
}
.help-tab .profileSelect_out select{
    background-color:#0E1319
}
@media (max-width: 1199px) and (min-width: 768px){
    section.help,.privacy{
        padding-left:34px;
        padding-right:34px
    }
    .help-tab{
        margin:30px 0
    }
    .about .tab-pane,.privacy .well{
        padding:32px 51px
    }
    .help h1,.help .h1{
        font-size:24px;
        margin-bottom:20px
    }
    .help .sub-title{
        font-size:16px
    }
    .draggable.nav > li > a{
        width:auot;
        padding:18px 3px!important;
        margin-right:30px
    }
    .about .tab-pane p{
        font-size:16px;
        line-height:28px
    }
    .jk_media_outer{
        text-align:center;
        line-height:20px
    }
    .jk_media_outer .inner{
        display:inline-block;
        text-align:left
    }
    .jk_media_outer .media-body{
        width:auto
    }
    .jk_media_outer .media-left,.jk_media_outer .media-body{
        vertical-align:middle
    }
    .about .social-media-handler{
        margin-top:0
    }
    .privacy .h1{
        font-size:24px;
        margin-bottom:35px
    }
    .privacy,.privacy p,.privacy li{
        font-size:16px;
        line-height:28px;
        margin-bottom:28px
    }
    .prepaid-cards .well{
        margin-top:35px
    }
    .prepaid-cards .h3{
        font-size:20px;
        margin:26px 0 5px
    }
    .tabs-left .nav > li > a{
        font-size:16px
    }
    .help .nav > li > a{
        padding:17px 3px
    }
    .help .panel-title{
        font-size:16px
    }
    .help .panel-body{
        font-size:16px
    }
    #children-help-tab li>a{
        padding-right:20px;
        position:relative
    }
    #children-help-tab li>a .glyphicon,#children-help-content .panel-title .glyphicon{
        position:absolute;
        right:0;
        top:50%;
        margin-top:-5px;
        font-size:12px
    }
    .help .col-md-3{
        padding:2px 25px 35px 42px
    }
    .help .col-md-9{
        padding:6px 43px 35px 31px
    }
    .help .panel-group .h4{
        padding:22px 0 25px
    }
    #email_live_support{
        text-align:center
    }
    #email_live_support .media-body,#email_live_support .media-left,#email_live_support .media-right{
        display:block;
        width:auto;
        height:auto
    }
    #email_live_support .media-object{
        display:inline-block;
        width:51px;
        margin:15px 0 25px
    }
    .help .nav-tabs > li > a{
        margin-right:20px
    }
    .rev_slider_wrapper.shows{
        margin-bottom:100px
    }
}
@media (max-width: 992px){
    .help-tab .profileSelect_out{
        display:block
    }
    #help-tab{
        display:none
    }
    .help.about #help-tab{
        display:block
    }
    .help .col-md-9{
        width:66%
    }
    .help .col-md-3{
        width:34%
    }
}
.gsc-thumbnail-inside{
    padding-left:150px!important
}
.gs-webResult div.gs-visibleUrl-long,.gs-promotion div.gs-visibleUrl-long{
    padding-left:142px!important;
    margin-top:5px!important
}
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait{
    width:150px!important;
    height:80px!important
}
.gs-web-image-box-portrait img.gs-image,.gs-web-image-box-landscape img.gs-image{
    max-width:251px!important;
    max-height:120px!important;
    object-fit:cover!important;
    width:140px!important
}
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape,.gs-image-box.gs-web-image-box.gs-web-image-box-portrait{
    margin-top:-45px!important
}
.gs-snippet{
    padding-left:150px!important;
    float:left!important;
    text-align:left!important
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
    color:#000!important
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
    color:#3995f3!important
}
.gs-result .gs-title,.gs-result .gs-title *{
    color:#3995f3!important;
    font-size:20px!important;
    font-weight:700!important;
    font-family:"Helvetica"!important;
    text-decoration:none!important
}
.live-txt.h2.heading-slider.tv-program-heading{
    margin:0 0 -50px!important
}
.gsc-above-wrapper-area,table.gcsc-branding{
    display:none!important
}
.gsc-webResult .gsc-result{
    min-height:100px!important;
    padding:20px 0 45px!important;
    border-bottom:1px solid #e7e7e7!important
}
.gsc-table-cell-thumbnail,.gs-promotion-image-cell{
    position:absolute!important
}
.tv-channel-heading{
    margin:0 0 -25px
}
.tv-program-heading{
    padding:0;
    margin:0 0 -20px;
    text-align:left
}
.live-hero-main-bg{
    width:100%!important;
    height:441px;
    background-size:cover!important;
    background-position:center!important
}
.live-hero-gradient-bg{
    background-image:url(https://img.tfc.tv/assets/img/carousel_gradient_overlay.png);
    background-size:cover;
    background-position:center bottom;
    width:100%;
    height:441px
}
.detail-header-section-registered .colored-gradient-bg{
    background:url(https://img.tfc.tv/assets/img/colored-gradient-bg.png) no-repeat;
    background-size:100%;
    padding-top:0!important;
    margin-bottom:0
}
.col-md-8.col-xs-8.celebrity-topic-wrapper-left{
    padding-left:0!important
}
.related-container{
    width:100%;
    float:left;
    margin-top:40px
}
.detail.registered{
    background-image:url(https://img.tfc.tv/assets/img/texture_flame.png);
    background-size:initial;
    background-position:top right;
    background-repeat:no-repeat;
    background-color:#112333;
    height:auto;
    overflow:hidden;
    min-height:900px;
    margin:0 0 -150px!important
}
.detail-section-bg,.celeb-topic-section,.online-premiere-section,.topic-section-bg{
    background-image:url(https://img.tfc.tv/assets/img/texture_flame.png);
    background-size:30% 100%;
    background-position:top right;
    background-repeat:no-repeat;
    background-color:#112333;
    height:auto;
    overflow:hidden;
    min-height:100px;
    margin:-40px 0 35px
}
.detail-section-bg .col-md-8.col-sm-8{
    padding-left:0!important
}
.detail-sidebar-ad{
    margin-top:20px;
    padding-left:26%
}
.detail-infos-ad{
    float:left
}
.detail-share-addtolist{
    padding-top:120px;
    padding-bottom:25px
}
.detail-share-addtolist.live{
    padding-top:175px
}
.detail-sidebar-title{
    padding-left:26%;
    font-size:18px;
    font-weight:400;
    color:#fff
}
.detail-title-overview{
    font-size:20px;
    color:#fff;
    padding:80px 0 30px;
    border-bottom:solid 1px rgba(225,225,225,.3);
    margin-bottom:30px
}
.detail-title-overview.live{
    border-bottom:none;
    padding:40px 0 0
}
.detail-title-overview.registered{
    padding:25px 0 4px;
    border-top:solid 1px rgba(225,225,225,.3);
    border-bottom:none;
    margin-top:55px
}
.jk_overview_un .detail-title-info-registered{
    margin-top:30px;
    float:left;
    width:100%
}
.detail-video{
    width:100%;
    height:750px;
    z-index:10;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat
}
.detail-video:target{
    opacity:0;
    width:0;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -ms-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
.detail-control-cont{
    background:rgba(0,0,0,.7);
    width:100%;
    height:750px;
    float:left;
    padding:0 0 50px 50px;
    position:absolute
}
.detail-control-cont.live{
    background:rgba(0,0,0,0)
}
.detail-image-logo{
    width:100%;
    float:left;
    margin-bottom:30px
}
.fs-notif-vio{
    background:rgba(0,0,0,0.43);
    float:right;
    width:70%;
    margin-top:-82px;
    border:.5px solid rgba(255,255,255,0.33);
    color:#fff;
    padding:10px 20px;
    font-size:13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fs-notif-vio .desc-vio{
    width:77%;
    float:left
}
.fs-notif-vio .vio-btn{
    float:right;
    font-size:12px;
    font-weight:700;
    background-color:#E15427;
    margin-left:10px;
    display:inline-block;
    white-space:nowrap;
    padding:5px 10px;
    color:#fff;
    text-transform:uppercase;
    margin-top:-2px
}
.detail-image-logo img{
    max-height:150px!important;
    float:left
}
.ms-overlay{
    height:100%;
    width:100%;
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    background-color:#000;
    background-color:rgba(0,0,0,0.9);
    overflow-x:hidden;
    transition:.5s;
    display:none;
    margin:0;
    padding:0
}
.ms-overlay-content{
    position:relative;
    top:35%;
    width:100%;
    text-align:center;
    margin-top:-150px!important
}
.ms-overlay a{
    padding:8px;
    text-decoration:none;
    font-size:36px;
    color:#818181;
    display:block;
    transition:.3s
}
.ms-overlay a:hover,.ms-overlay a:focus{
    color:#f1f1f1
}
.ms-overlay .logo{
    max-width:150px!important;
    margin:150px auto 30px!important
}
@media screen and (max-height: 450px){
    .ms-overlay a{
        font-size:20px
    }
}
.curve-up-blue.registered{
    background:url(https://img.tfc.tv/assets/img/curve-up-blue.png) no-repeat;
    width:100%;
    height:100px;
    bottom:0;
    position:absolute
}
.detail-control-cont .episode-title{
    color:#fff;
    font-size:40px;
    font-weight:700
}
.detail-control-cont .episode-number{
    color:#fff;
    font-size:22px;
    font-style:italic
}
.detail-control-cont .click-here-play{
    color:#ffd400;
    font-size:22px;
    margin-top:10px
}
.detail-image-logo.registered{
    width:auto;
    float:left;
    position:absolute;
    bottom:160px;
    margin-left:220px
}
.detail-video a.hero-image-orange-btn{
    margin:600px auto 0;
    text-align:center;
    max-width:400px
}
.detail-play-btn img{
    width:200px
}
.detail-play-btn{
    width:auto;
    float:left;
    position:absolute;
    bottom:150px;
    opacity:.8;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.detail-play-btn:hover{
    cursor:pointer;
    transform:scale(.95);
    opacity:.9;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-ing-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.detail-play-btn:visited{
    cursor:pointer;
    transform:scale(.95)
}
.live-video-detail .unregistered.live-rent .detail-video-cont{
    margin-bottom:30px
}
.detail-video-cont{
    border:0 rgba(225,225,225,.1) solid;
    width:785px;
    height:440px;
    top:0;
    float:left;
    margin-bottom:50px;
    padding-left:0;
    background-size:cover!important
}
.detail-video-cont img{
    width:800px;
    margin-top:30px;
    max-width:100%
}
.unregistered .detail-video-cont img{
    margin-top:0
}
.detail-video-cont.unregistered #playerTarget img{
    opacity:.2
}
.detail-video-cont #playerTarget img{
    margin-top:-100px;
    opacity:.2
}
.akamai-ready .akamai-title-bar,.akamai-paused .akamai-title-bar{
    display:none!important
}
.akamai-active .akamai-control-bar{
    height:40px!important
}
.akamai-progress.akamai-slider .akamai-track,.akamai-progress.akamai-slider .akamai-end-cap,.akamai-progress.akamai-slider .akamai-start-cap{
    height:13px!important
}
.akamai-progress.akamai-slider .akamai-handle{
    height:15px!important
}
.detail-video-cont play{
    background:url(https://img.tfc.tv/assets/svg/btn_play.svg) no-repeat;
    width:100px;
    height:100px;
    display:block;
    text-indent:-9999px;
    background-size:100px 100px;
    margin:auto;
    top:40%;
    cursor:pointer;
    opacity:.9;
    z-index:10!important;
    position:relative;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.detail-video-cont play:hover{
    opacity:1;
    transform:scale(.9)
}
.detail-video-cont play:focus{
    display:none
}
.detail-video-cont.registered{
    position:relative;
    height:0;
    width:100%;
    margin-bottom:0;
    height:720px;
    overflow:hidden;
    min-height:100px
}
.gig-comment-replies .gig-comment-replybox.gig-comment-replybox-open.gig-composebox-open{
    padding-left:60px!important
}
.gig-composebox-follow,.gig-composebox-footer-left .gig-composebox-share{
    display:none!important
}
.gig-comment-rating{
    margin-left:105px!important
}
.gig-comment-body{
    font-size:17px!important
}
.gig-comments-container *{
    font-size:16px!important;
    line-height:27px!important
}
.gig-comment-shareLink,.gig-comment-replyLink,.gig-comment-repliesArrow-text,.gig-comment-vote-total,.gig-comment-time{
    font-size:11px!important
}
.gig-comment-vote-pos,.gig-comment-vote-neg{
    position:relative!important;
    top:5px!important
}
.gig-comment-footer{
    margin-left:25px!important
}
.gig-comment-replybox .gig-composebox-close:hover{
    background-color:#282828!important
}
.gig-comment *,.gig-comment-rating-title,.gig-composebox-name,.gig-composebox-rating-title,.gig-signinbox-provider,.gig-comments-container,.gig-comments-hires-icons .gig-loginbox-provider{
    color:#fff!important
}
.gig-comment-username{
    text-transform:capitalize!important
}
.gig-loginbox-provider:hover{
    background-color:#292929!important
}
.gig-composebox-title,.gig-composebox-name{
    color:#ededed!important
}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{
    max-width:25px!important
}
.jq-ry-container[readonly=readonly]{
    float:left!important
}
#comment-area .gig-composebox-rating-title{
    font-weight:700!important;
    text-transform:uppercase!important;
    font-family:'gothic'!important
}
.gig-composebox-post{
    background:#E15427!important;
    border:none!important;
    text-align:center!important;
    padding:10px 30px!important;
    float:right!important;
    border-radius:0!important;
    min-width:100px!important
}
.gig-comment-replybox .gig-composebox-share{
    display:none!important
}
.gig-comment-replybox .gig-composebox-open .gig-composebox-header{
    display:none!important
}
.gig-comment .gig-comment-replybox{
    background:none!important
}
.gig-comment-replybox .gig-composebox-editor{
    background:none!important
}
.gig-comment-replybox .gig-composebox-textarea{
    color:#fff!important
}
.gig-comment-footer{
    border-bottom:1px solid #333!important;
    margin:0!important
}
.gig-comment-footer li,.gig-comment-footer-right,.gig-comment-footer-left,.gig-composebox-footer-left{
    margin-left:5px!important;
    margin-top:5px!important;
    color:#a8a8a8!important
}
.gig-comment-replies{
    padding:25px 5px 0 40px !important
}
.gig-comment-time{
    margin:0 12px 0 10px !important;
    opacity:.5!important;
    font-size:13px!important
}
.gig-selfreview-nameAndLogout{
    padding:0!important;
    height:80px!important
}
.gig-composebox-textarea,.gig-composebox-textarea *{
    color:#585858!important
}
.gig-comments-loginbox{
    background-color:#2e2e2e!important;
    min-width:160px!important;
    border:none!important
}
.gig-signinbox-provider{
    margin-left:0!important;
    padding:8px!important;
    border-bottom:1px solid rgba(0,0,0,0.23)!important
}
.gig-comments-hires-icons .gig-loginbox-provider{
    border-bottom:1px solid rgba(0,0,0,0.23)!important
}
.gig-composebox-photo{
    width:0!important;
    height:0!important;
    display:none!important
}
.gig-composebox-data{
    padding-left:0!important
}
.gig-composebox-editor,.gig-composebox-summary{
    border-radius:0!important
}
.gig-comments-button{
    background-color:#E15427!important;
    border:none!important;
    margin-top:20px!important;
    padding:7px 30px!important;
    float:right!important;
    box-shadow:none!important;
    text-transform:uppercase!important;
    font-size:14px!important
}
.gig-composebox-rating-_overall .gig-composebox-rating-value{
    margin-top:-3px!important
}
.gig-comment-username{
    font-size:20px!important;
    font-weight:300!important;
    margin-top:0!important;
    margin-bottom:5px!important
}
.gig-comment-photo{
    height:90px!important;
    width:90px!important
}
.gig-comment-img{
    border-radius:50%!important;
    height:90px!important;
    width:90px!important
}
.gig-comment-providerLogo img{
    margin-top:-15px!important;
    margin-right:-1px!important
}
.gig-comment-content{
    position:relative!important;
    left:14px!important
}
.share-link{
    cursor:pointer
}
#addToList.share-link::first-letter{
    padding-right:10px;
    font-size:20px;
    font-weight:lighter
}
.progress{
    margin-bottom:0!important;
    height:2px!important;
    opacity:.7!important;
    z-index:100000!important;
    position:absolute;
    float:left;
    top:0;
    width:100%
}
.progress-bar-warning{
    background:#ffd500
}
.jk_countdown_banner.live-detail-countdown{
    float:right;
    margin-right:-50px
}
.jk_countdown_banner.live-detail-countdown.live{
    margin-right:-30px
}
#blue-section-curve-bottom{
    background:#122333;
    fill:#12181f;
    margin-top:-70px
}
#blue-section-curve-top{
    background:#122333;
    fill:#12181f;
    margin-bottom:-10px;
    margin-top:0
}
#blue-section-curve-top.movies{
    margin-top:40px!important;
    display:none
}
#blue-section-curve-bottom.movies{
    margin-top:-70px!important;
    margin-bottom:65px!important
}
#blue-section-curve-top.live{
    margin-top:0
}
.showtopic-sec#blue-section-curve-top{
    margin-top:50px!important
}
.show-cover:focus{
    background-color:rgba(225,225,225,.01);
    height:163px;
    width:289px;
    outline:none!important
}
.slick-mobile-slider-h{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    height:150px;
    margin-top:10px
}
.eps.slick-mobile-slider-h{
    height:170px;
    width:100%
}
.slick-mobile-slider-h > a{
    flex-shrink:0;
    width:175px;
    height:100px
}
.slick-mobile-slider-h a .horizontal{
    height:130px;
    width:170px;
    margin:0!important
}
.eps.slick-mobile-slider-h a .horizontal{
    height:150px
}
.slick-mobile-slider-h a .horizontal .show-cover{
    height:100px;
    width:170px;
    background-size:cover
}
.slick-mobile-slider-h .show-cover-thumb-title-mobile{
    padding:10px 0 0
}
.slick-mobile-slider-h .show-cover-thumb-aired-mobile{
    padding:3px 0 0
}
.slick-mobile-slider-p{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    height:200px;
    margin-top:10px
}
.slick-mobile-slider-p > a{
    flex-shrink:0;
    width:117px;
    height:100px
}
.slick-mobile-slider-p a .portrait{
    height:180px;
    width:150px;
    margin:0;
    padding:0
}
.slick-mobile-slider-p a .portrait .show-cover{
    height:150px;
    width:110px;
    background-size:cover;
    margin:0!important
}
.slick-mobile-slider-p .show-cover-thumb-title-mobile{
    padding:10px 0 0;
    max-width:100px
}
.horizontal .show-cover{
    background-color:rgba(225,225,225,.01);
    height:163px;
    width:289px;
    background-position:top center
}
.slick-slide{
    -webkit-transition:all .8s!important;
    -ms-transition:all .8s!important;
    transition:all .8s!important
}
.slick-slide:hover .show-cover-thumb-title-mobile,.slick-slide:hover .port-cover-thumb-title{
    color:#ffd400;
    -webkit-transition:all .8s!important;
    -ms-transition:all .8s!important;
    transition:all .8s!important
}
.new .horizontal .show-cover{
    background-color:rgba(225,225,225,.01);
    height:163px;
    width:289px;
    margin:0
}
.portrait .show-cover,.online-prem-container a .show-cover{
    background-color:rgba(225,225,225,.01);
    height:263px;
    width:190px;
    margin:10px auto 0
}
.online-prem-container a .show-cover{
    margin:5px auto 0!important;
	position: relative;
}
.casts-carousel.slick-slider{
    background:none
}
.slick-slider{
    background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
    background-position:center 75px;
    background-size:60px
}
.blue.slick-slider{
    background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
    background-position:center 75px;
    background-size:60px;
    width:100%
}
.tp-loader.spinner2{
    background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
    background-position:center 75px;
    background-size:60px
}
img.img-banner-on-news{
    width:784px!important;
    height:441px!important;
    border-top:2px solid #4D4751;
    border-left:2px solid #4D4751;
    border-bottom:2px solid #4D4751
}
.detail-section-bg .main-container-md .blue.feature-carousel{
    margin:0;
    width:100%
}
.og-grid li > a,.og-grid li > a img{
    background-size:cover;
    width:100%
}
.toggle.btn-xs{
    min-width:65px!important;
    border-radius:50px!important
}
.toggle-handle.btn-xs{
    border-radius:50px!important;
    min-width:50px!important
}
.toggle-on.btn-xs{
    padding-right:20px!important
}
.toggle-off.btn-xs{
    padding-left:20px!important
}
.btn-success{
    background-color:#19b96e!important;
    -webkit-box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30);
    -moz-box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30);
    box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30)
}
.btn-danger.active{
    background-color:#e1e1e1!important;
    border-color:#ccc!important;
    color:#707070!important;
    -webkit-box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30);
    -moz-box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30);
    box-shadow:inset 0 0 10px -2px rgba(0,0,0,0.30)
}
.btn-danger{
    border-color:#ccc!important
}
.toggle-group{
    text-transform:uppercase!important
}
.btn-group-xs>.btn,.btn-xs{
    font-size:10px!important;
    line-height:2.2!important;
    text-transform:uppercase!important;
    font-weight:bolder!important
}
#show-header-slider ul li a{
    color:#fff!important
}
@media screen and (min-device-width: 1200px){
    .col-md-4.col-xs-5.col-xs-offset-1 .col-xs-4.col-xx-4{
        padding-left:0!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .home-slider .home-slider-logo{
        margin-bottom:0!important
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px){
    .prepaid-cards .main-container-md .well .row{
        float:none!important
    }
    .detail-sidebar-ad{
        margin-top:20px;
        padding-left:0!important;
        display:block;
        padding-top:20px!important;
        text-align:center
    }
    .help-tab a.collapsed img.pull-right.icon-arrow{
        opacity:.4;
        width:4.5%;
        -webkit-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)"
    }
    .help-tab a img.pull-right.icon-arrow{
        opacity:.4;
        width:4.5%;
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);
        -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)"
    }
    .panel-body p span,.panel-body p span span,.panel-body ol li span{
        font-size:16px!important;
        font-family:"Helvetica"!important
    }
    .detail-video-cont.registered .jw-logo{
        margin-right:-40px!important;
        margin-top:10px!important;
        max-height:25px
    }
    .detail-video-cont .akamai-playing,.detail-video-cont .akamai-ready{
        z-index:1000
    }
    .detail-video-cont.registered .akamai-paused{
        z-index:1000
    }
    .detail.unregistered{
        padding-bottom:0!important
    }
    .detail-image-logo.unregistered{
        margin:30px 14px
    }
    #playerTarget object{
        width:100%!important;
        height:225px!important
    }
    #playerTarget{ 
        max-height:225px!important;
        z-index:999!important
    }
    .detail-header-section-registered.live-video-detail #playerTarget{
        height:250px
    }
    .detail-video-cont.registered .after-play{
        padding:20px 0 0
    }
    .detail-video-cont.registered .after-play .ap-desc{
        font-size:18px;
        margin-top:20px
    }
    .profile_page .box_row.billing{
        min-height:110px
    }
    .profile_page .box_row.my_membership{
        min-height:350px
    }
    .profile_page .box_row.setting{
        min-height:650px
    }
    .profile_page .box-raf{
        min-height:auto!important
    }
    .profile_page .tab-pane#transactions .box .table-responsive{
        min-height:.01%;
        overflow-x:auto
    }
    .topic-title-h1.visible-xs.live .col-lg-6 .jk_countdown_banner .date{
        margin:0 0 50px;
        padding-left:4px
    }
    .topic-title-h1.visible-xs.live .col-lg-6 .jk_countdown_banner.live-detail-countdown{
        float:left;
        margin:0
    }
    .topic-title-h1.visible-xs.live .col-lg-6 .jk_countdown_banner.live-detail-countdown .the_live_counter_end{
        padding:0!important
    }
    section#hero{
        padding-bottom:10px;
        margin:0 0 50px 0;
    }
    .violator-alert-red{
        position:fixed;
        bottom:0
    }
    #hero{
        margin-bottom:0 !important
    }
    .colored-gradient-bg.shows-slider-header{
        margin-bottom:30px!important
    }
    .feature-carousel-news.slider.slider-on-mobile.today-news-thumb.slick-initialized.slick-slider{
        margin-top:20px!important
    }
    .feature-carousel.slider.slider-on-mobile.slick-initialized.slick-slider{
        margin-top:-90px
    }
    .main-container-xl .main-container-xl{
        padding-left:0
    }
    #documentary-slider{
        margin:-90px 0 150px!important
    }
    .profile_page #transactions .box{
        background-color:#fff;
        border:0 solid #DDD;
        padding:0;
        margin-bottom:0
    }
    .profile_page #transactions .box .table-responsive .table>thead>tr>th{
        font-size:14px
    }
    .profile_page #transactions .box .table-responsive .table>tbody>tr>td{
        font-size:12px;
        max-width:90px;
        white-space:pre-line
    }
    .profile_page .tab-pane#transactions{
        padding:20px 0 60px
    }
    .registered .live-video-detail .detail-video{
        margin-top:180px;
        background-size:contain;
        height:250px
    }
    #show-header-slider{
        margin-top:0!important
    }
    .modal-dialog{
        width: 300px;
        margin: auto;
    }
    .modal-content{
        background-color: rgba(255,255,255,.9) !important;
        backdrop-filter: blur(15px);
    }
    #token-modal .btn {
        padding: 12px 15px;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .modal.fade{
        padding-left:0;
        padding-right:0
    }
    .modal-help .modal-body{
        padding:30px 14px!important
    }
    .gig-comment-data{
        padding-left:0!important
    }
    .col-md-8.col-xs-8.celebrity-topic-wrapper-left{
        padding-left:14px!important;
        width:100%
    }
    .my-list-page-section .show-cover-thumb-aired-mobile.sub-category{
        margin-left:0
    }
    .membership-sticky-bar .msb-btn a{
        padding:5px 10px
    }
    .detail-section-bg .heading-topicpage{
        margin:40px 0 auto!important
    }
    .detail-section-bg .heading-topicpage .show-cat-filter{
        margin-right:15px
    }
    .heading-topicpage.heading-slider{
        width:100%!important
    }
    .heading-topicpage .show-cat-filter{
        padding-left:0!important;
        padding-right:0!important;
        margin-right:0!important
    }
    .sub-category-page ul.og-grid.grid-block-dates li{
        height:120px!important;
        padding:16px;
        width:46%
    }
    li a .horizontal .show-cover .show-cover-details{
        display:none
    }
    ul.og-grid.grid-block-dates .horizontal{
        margin:0;
        max-width:none;
        width:100%
    }
    ul.og-grid.grid-block-dates .horizontal .show-cover{
        height:80px !important;
        width:100% !important;
    }
    
    ul.og-grid.grid-block-dates .horizontal .show-cover:hover{
        height:80px !important;
        width:100% !important;
    }
    .grid-block-dates li a .show-date{
        margin:3px 0 0
    }
    .sub-category-page .og-grid.grid-block-dates li:nth-child(even),.sub-category-page .og-grid.grid-block-dates li:nth-child(even){
        padding:0 0 0 5px
    }
    .sub-category-page .og-grid.grid-block-dates li:nth-child(odd),.sub-category-page .og-grid.grid-block-dates li:nth-child(odd){
        padding:0 5px 0 0
    }
    .thumbnail-container .heading-topicpage{
        margin:40px 0 10px!important
    }
    .thumbnail-container .heading-topicpage .episode-list-showp{
        margin-bottom:10px
    }
    .casts-container{
        display:none
    }
    .jk_topic_mobile.hidden-lg{
        margin-top:10px;
        float:left;
        width:100%
    }
    .jk_topic_mobile .heading-topicpage{
        margin-top:20px!important
    }
    .row.start_enjoying p{
        font-size:14px
    }
    .menu_button_over_arrow{
        left:15px;
        z-index:2000000;
        margin-top:-8px
    }
    .celeb-tabs-section nav a{
        padding:20px 0 5px;
        color:rgba(255,255,255,0.8)
    }
    #mylist-movies .main-tab-content{
        margin:25px 0 0;
        width:100%!important
    }
    #mylist-movies .og-grid li{
        margin:0!important;
        height:290px!important;
        min-width:50%!important;
        min-height:230px!important;
        padding:0 5px!important
    }
    #mylist-movies .og-grid li a img{
        min-height:168px!important;
        object-fit:cover
    }
    #sharebar-ui.share-link{
        padding-top:0;
        position:relative;
        margin-top:30px;
        float:left!important;
        width:100%
    }
    .detail-section-bg.unregistered #sharebar-ui.share-link{
        margin-top:0
    }
    .profile_page .tab-content{
        /*min-height:100px*/
    }
    .profile_page{
        padding-left:0;
        padding-right:0;
        margin:-100px auto 0!important
    }
    .profile_page .nav-tabs{
        display:none;
    }
    .profileSelect_out{
        display: block;
    }
    
    .tab-content .plan-details{
    padding:25px 25px !important;    
    }
    
    .tab-content .plan-details, .tab-content .more-plans{
        width: 100% !important;
    }
    .tab-content {
        display: block !important;
    }
    .tab-content .plan-details .show-details.mob{
        display:block !important;
    }
    .tab-content .plan-details .show-details.tab{
        display:none !important;
    }
    .tab-content .plan-details .all-details{
        display:none;
        margin: 30px 0 0 0 !important;
    }
    
    section.plans .cont .blocks {
    width: 100% !important;
    }
    
    .celeb-desc-p a{
        font-size:16px;
        width:100%;
        float:left
    }
    .gig-comments-container.gig-comments-reviews.gig-comments-hires-icons{
        padding:24px 0!important
    }
    .profile_page .tab-pane{
        padding:5px 0 60px
    }
    .detail-video-cont #playerTarget img.img-responsive{
        margin-top:0;
        float:left;
        height:220px!important
    }
    .h2.heading-slider.heading-subcategory .show-cat-filter{
        float:none;
        font-size:14px;
        font-weight:700;
        margin-top:30px;
        margin-bottom:50px;
        padding-left:0!important
    }
    .my-list-page-section .heading-subcategory{
        margin:100px 0 -60px 14px !important
    }
    .reviews .main-avatar .media-left img{
        width:140px
    }
    .reviews .main-avatar .body,.reviews .main-avatar .h3.media-heading{
        font-size:16px
    }
    .reviews .media.media-review .media-body,.reviews .h3.media-heading{
        font-size:14px
    }
    .reviews .well .main-review{
        font-size:21px
    }
    .reviews .well{
        margin:auto -30px 30px;
        padding:30px 10px;
        min-height:500px
    }
    .signup_area .testimonial{
        width:20%
    }
    .reviews .media.media-review{
        margin:0 -30px 30px
    }
    #show-slider-new.slick-dotted.slick-slider{
        margin-bottom:40px!important
    }
    section#feature-container{
        margin-top:50px;
    }
    header>.inner{
        padding:0px!important
    }
    .detail-header-section-unregistered.live-video-detail .colored-gradient-bg.detail.unregistered{
        padding-top:70px!important
    }
    .live-video-detail .detail.unregistered .topic-title-h1{
        margin:0  14px 30px
    }
    .live-video-detail .jk_countdown_banner{
        margin:0 -14px 50px
    }
    .colored-gradient-bg.detail.unregistered .jk_countdown_banner.live-detail-countdown{
        margin-top:-50px
    }
    .detail-section-bg .main-container-md .blue.feature-carousel .horizontal a .show-cover{
        margin:60px auto 0!important
    }
    .detail-section-bg .main-container-md .blue.feature-carousel{
        margin:0 0 -40px 15px
    }
    .detail-header-section-unregistered .jk_countdown_banner.live-detail-countdown{
        float:left
    }
    .detail-video-cont.unregistered img{
        width:100%;
        margin:0
    }
    .detail-video-cont.unregistered .after-play{
        padding:50px 0;
        max-width:100%
    }
    .detail-video-cont.unregistered .after-play .ap-desc{
        font-size:14px;
        margin-top:10px
    }
    .detail-video-cont .after-play a.ap-button{
        font-size:14px;
        margin:10px auto 0;
        width:220px
    }
    .detail-video-cont.unregistered play{
        width:100%;
        height:100%;
        margin:0 0 -220px!important;
        top:0
    }
    .detail-video-cont play{
        width:100%;
        height:110px;
        margin:0 0 -200px!important;
        float:left;
        background-size:100px 100px;
        background-position:center
    }
    .detail-title-info-registered.movie-detail .hero-image-rating{
        margin-top:-220px
    }
    .hero-image-rating{
        font-family:"Helvetica";
        text-transform:uppercase;
        font-size:12px;
        width:100%
    }
    .topic-title-h1 .preview{
        font-size:12px;
        font-family:"Helvetica";
        text-transform:uppercase;
        color:#777;
        font-weight:700
    }
    .detail-section-bg .col-md-8.col-sm-8{
        padding-left:14px!important
    }
    .detail-wrapper-sidebar .detail-infos-ad{
        margin-top:15px;
        margin-bottom:-30px
    }
    .detail-wrapper-sidebar .detail-infos-ad iframe{
        margin:0 30px!important
    }
    .celeb-desc-p.white-line-top.topic-pages{
        border-top:1px solid rgba(225,225,225,.3)
    }
    .live-video-detail .detail-title-info-unregistered .detail-title-overview{
        padding:20px 0 10px;
        margin-bottom:0
    }
    .fs-notif-vio{
        width:100%;
        margin-top:0;
        font-size:11px
    }
    .fs-notif-vio .desc-vio{
        width:65%;
        float:left
    }
    .detail-title-overview{
        font-size:16px;
        color:#fff;
        padding:120px 0 10px;
        border-bottom:0;
        margin-bottom:30px
    }
    .detail-wrapper-sidebar .detail-sidebar-title{
        margin-top:60px;
        font-family:"Helvetica";
        font-size:12px;
        padding-left:14px
    }
    .colored-gradient-bg.detail.unregistered{
        padding-top:60px!important
    }
    .detail-image-logo.unregistered img{
        width:30%
    }
    .detail-video-cont.unregistered{
        border:0!important;
        width:112%;
        background-size:contain!important;
        opacity:1;
        float:left;
        height:210px;
        margin:0 -15px
    }
    .colored-gradient-bg.detail.unregistered .col-md-8.col-sm-8{
        min-height:410px
    }
    .detail-infos-ad{
        float:left;
        margin:80px -15px 50px
    }
    .detail-infos-ad img{
        width:100%
    }
    .live-video-detail.detail-section-bg{
        margin:30px 0 0!important
    }
    .detail-section-bg.live-video-detail .main-container-md{
        padding-top:0
    }
    .live-video-detail .detail-video{
        margin-top:87px;
        background-size:contain;
        height:250px
    }
    #more-shows-eps-thumbs,#morelikethis-shows-thumbs{
        margin-left:14px;
        height:240px
    }
    .new .detail-section-bg .new .horizontal a .show-cover,.new .horizontal a .show-cover:hover{
        margin:58px auto 0
    }
    .detail-section-bg .horizontal a .show-cover,.horizontal a .show-cover:hover{
        margin:58px auto 0
    }
    .topic-more-like-this{
        margin-left:14px
    }
    .black-filler{
        height:100%
    }
    .detail-header-section-registered.live-video-detail .detail-video-cont.registered{
        height:auto;
        float:left
    }
    .detail-video-cont.registered,.detail-video-cont.unregistered{
        height:220px;
        float:left;
        width:100%!important;
        margin:0
    }
    .detail-video-cont.registered #playerCont{
        height:220px
    }
    .detail.unregistered .main-container-md .col-md-8.col-sm-8{
        padding-right:0
    }
    .curve-up-blue.registered{
        display:none
    }
    .detail-title-info-registered.movie-detail .topic-title-h1 h1{
        margin-top:60px
    }
    .celeb-desc-p.white-line-top.topic-pages{
        text-align:left;
        width:100%;
        margin-top:0;
        padding-top:0;
        padding-bottom:20px
    }
    .detail-share-addtolist{
        padding-top:0;
        padding-bottom:40px
    }
    .detail-section-bg .detail-share-addtolist{
        padding-top:20px;
        padding-bottom:0
    }
    .share-link{
        cursor:pointer;
        margin-left:0;
        width:100%
    }
    .colored-gradient-bg.detail.registered{
        margin-bottom:0!important;
        min-height:0!important;
        padding-bottom:0
    }
    .colored-gradient-bg.detail.registered .detail-logo-on-mobile{
        margin-top:70px
    }
    .detail-section-bg{
        padding:0 0 40px
    }
    .detail-section-bg .heading-topicpage{
        margin:40px 14px auto!important
    }
    .detail-section-bg.unregistered .main-container-md.heading-topicpage{
        margin:40px 0 0!important
    }
    .detail-logo-on-mobile{
        margin-top:100px;
        margin-bottom:20px;
        margin-left:14px
    }
    .detail-logo-on-mobile img{
        width:30%;
        float:left
    }
    .detail-control-cont{
        background:rgba(0,0,0,.0);
        width:50px;
        height:160px;
        float:left;
        padding:0;
        position:absolute;
        left:44%
    }
    .detail-play-btn img{
        width:50px
    }
    .detail-play-btn{
        bottom:20px
    }
    .detail-video{
        background-size:cover;
        height:220px;
        float:left;
        width:100%;
        margin-top:-220px
    }
    .profile_page .box_row .field + .field{
        margin-top:0
    }
    .box.box2.profile-info .profinfo-edit,.field select.profinfo-edit{
        margin:10px 0 27px!important;
        min-width:100%
    }
    .profile_page .visa_top td{
        padding:3px 0 0
    }
    #cancel_subscription .modal-body{
        padding:30px 14px 47px
    }
    #cancel_subscription .nav-tabs li{
        margin:0 10px 20px
    }
    #blue-section-curve-top{
        display:none
    }
    .tabs.celeb-tabs-section .tabs nav ul li{
        margin:10px 20px 0 0 !important
    }
    .celeb-photos-gallery pic-date{
        padding:0 2px;
        font-size:12px;
        font-family:"Helvetica"
    }
    .celeb-photos-cont{
        padding:30px 0
    }
    a.chocolat-image img{
        width:100%;
        padding:0 5px
    }
    .celeb-photos-gallery a{
        width:50%!important;
        float:left;
        margin-bottom:-10px
    }
    .help-tab .show-cat-filter{
        padding-right:14px!important;
        padding-left:14px!important
    }
    .show-cat-filter.mylist{
        padding-right:0!important;
        padding-left:0!important
    }
    #email_live_support .media-heading{
        margin:30px 0 -10px;
        font-family:"helvetica";
        font-size:20px
    }
    #email_live_support a{
        color:#fff
    }
    #email_live_support .media-body{
        font-family:"helvetica"
    }
    #email_live_support .img-circle{
        margin-top:30px;
        width:50px
    }
    .help-email-support{
        padding-bottom:50px;
        border-bottom:2px #333 solid;
        margin:0 14px
    }
    #email_live_support .help-email-support:last-child{
        border-bottom:0;
        padding-bottom:0
    }
    .help .panel-group{
        margin-bottom:0
    }
    #accordion_parent .parent-h4 a{
        font-size:18px;
        font-weight:700;
        font-family:"Helvetica"
    }
    #accordion_parent .h4 a{
        font-size:17px;
        font-weight:300;
        font-family:"Helvetica"
    }
    #accordion_parent .panel-body .parent-panel-body{
        font-weight:300;
        font-size:16px
    }
    .parent-panel-body{
        padding:20px 0!important
    }
    #accordion_parent .panel-group .h4{
        padding:30px 0 25px
    }
    .body.account input{
        padding:10px 12px
    }
    .content-wrap section#mylist-shows{
        margin-top:30px
    }
    .my-list-page-section{
        margin-top:80px
    }
    .my-list-page-section .show-cat-filter.mylist{
        margin-right:0
    }
    .main-tab-content{
        margin:0
    }
    .tab-content{
        padding:0 14px
    }
    #mylist-shows .og-grid li:nth-child(odd),#mylist-episodes .og-grid li:nth-child(odd){
        padding-right:4px
    }
    #mylist-shows .og-grid li:nth-child(even),#mylist-episodes .og-grid li:nth-child(even){
        padding-left:4px;
        padding-right:0
    }
    .my-list-page-section .og-grid{
        width:100%!important;
        overflow:hidden!important;
        margin:0!important
    }
    .show-cat-filter.my-list{
        margin-left:0!important;
        float:none;
        width:100%;
        padding-left:0!important;
        padding-right:0!important
    }
    .my-list-page-section .celeb-tabs-section nav{
        height:75px;
        margin:120px 0 auto
    }
    .shows-header{
        margin-bottom:60px!important
    }
    .jk_table_cell{
        margin-top:45px
    }
    .fluid-live{
        max-width:100%;
        margin:0 14px
    }
    .ad-on-live{
        margin-top:80px!important
    }
    #tv-channel-heading{
        margin:62px 0 24px
    }
    #tv-program-heading{
        border-top:0;
        padding:0;
        margin:50px 0 24px
    }
    .live-top-margin{
        margin-top:230px!important
    }
    .load-more-button.movies-sec{
        margin-top:0!important;
        padding-bottom:20px
    }
    .load-more-button{
        height:0;
        margin:0 auto 50px
    }
    .help-tab select{
        background:none;
        margin:0;
        min-width:91.5%;
        height:40px;
        padding:10px 12px
    }
    .help-tab{
        margin:20px 0
    }
    .help-tab .row{
        float:inherit!important
    }
    .signin_area a.next_button{
        padding-right:30px;
        width:120px
    }
    .signin_area .create_account_note{
        margin:35px auto 30px
    }
    .form-border-mobile{
        border:2px solid;
        padding:10px 30px;
        margin:20px auto
    }
    label,.signin_area .bottom_note.account .note,.signin_area .create_account .requir_text{
        font-family:'Helvetica'
    }
    .akamai-branding-container img.akamai-branding-image{
        height:30px!important;
        width:87px!important;
        margin:10px 20px 0 0 !important;
        float:right!important
    }
    .signin_area .create_account .select_outer{
        max-width:none
    }
    .signin_area .create_account .fb_login{
        max-width:none;
        margin:40px 0 30px
    }
    .tp-caption.tp-resizeme img{
        height:482px!important
    }
    .show-cover-thumb-aired-mobile,.show-cover-thumb-aired-desktop{
        line-height:13px
    }
    .main-container-xl-mobile{
        margin-top:-50px!important
    }
    .live-gradient-overlay{
        position:absolute;
        width:100%;
        height:368px
    }
    .live-hero-mobile{
        position:absolute;
        height:500px;
        width:auto
    }
    .tp-caption.home-slider-logo img{
        width:auto!important;
        height:auto!important;
        min-width:100px!important;
        max-height:130px!important;
        max-width:150px!important;
        margin-left:-6px!important
    }
    .tp-caption.home-slider-logo.be-my-lady-logo img{
        width:100px!important
    }
    .tp-caption.home-slider-logo #be-my-lady{
        width:100px!important
    }
    .tp-parallax-wrap .tp-loop-wrap .tp-mask-wrap .tp-caption.home-slider-aired{
        top:-38px!important;
        margin-left:-6px!important;
        font-size:12px!important
    }
    .home-slider-gettfc-link a,.home-slider-prev-link a{
        font-weight:700;
        font-size:13px
    }
    .tp-caption.home-slider-prev-link{
        margin-top:45px!important;
        font-family:"Helvetica";
        margin-left:-6px!important
    }
    .tp-caption.home-slider-gettfc-link{
        margin-top:58px!important;
        font-family:"Helvetica";
        margin-left:-6px!important
    }
    .tp-caption.home-slider-gettfc-link a img{
        width:42px!important;
        height:auto!important
    }
    .tp-caption.home-slider-prev-link a img{
        width:42px!important;
        height:auto!important
    }
    .rev_slider .share-link::first-letter{
        margin-right:7px;
        padding:0 10px
    }
    .rev_slider .share-link{
        font-size:13px
    }
    .tp-caption .home-hero-mobile{
        width:100%!important;
        height:auto!important
    }
    #home-slider,#movies-slider,.tp-fullwidth-forcer{
        height:480px!important
    }
    .body.account.signin .colored-gradient-bg_footer{
        padding:0
    }
    .online-premiere-section.signup .signup_area{
        padding:0
    }
    .signup_area .testimonial .inner{
        padding:0 14px
    }
    .search_boxes .h3 a{
        font-size:16px
    }
    .white_section_bg .page_title{
        margin:0 14px;
        text-align:left!important
    }
    .white_section_bg{
        margin-top:85px
    }
    .search_boxes{
        padding:20px 14px
    }
    .search_boxes .img{
        margin:0 0 20px;
        width:100%
    }
    .search_boxes .text{
        width:100%;
        padding:0
    }
    .pagination{
        margin:14px
    }
    .signin_area .create_account input[name="middle-name"]{
        max-width:120px
    }
    .topic-title-h1.live .col-md-6{
        margin:0 -16px
    }
    .topic-title-h1.live-detail{
        margin-top:0;
        float:left;
        width:100%
    }
    .topic-title-h1{
        font-size:24px;
        margin-top:40px
    }
    .jk_countdown_banner.live-detail-countdown.live{
        float:left;
        margin-top:-30px;
        margin-bottom:-30px
    }
    .topic-title-h1.live{
        border-bottom:0;
        padding-bottom:70px;
        margin-top:0;
        float:left
    }
    .detail-title-overview.live{
        padding:30px 0 0;
        margin-bottom:0!important
    }
    ad-square{
        display:none
    }
    .big_search .typeahead{
        font-size:18px
    }
    .help .media{
        margin:0 14px 30px
    }
    .help .media .h4{
        margin:0 0 -15px
    }
    .og-grid{
        padding:3px 0!important
    }
    .celebrity-hero-image .gradient-overlay-slide-wrapper{
        margin-top:0;
        min-height:400px;
        width:100%
    }
    .celebrity-topic-wrapper .celebrity-topic-wrapper-sidebar{
        padding:0;
        margin:-200px auto 50px
    }
    .celebrity-topic-wrapper .celeb-desc-p{
        margin:60px 0 -60px
    }
    #celebrity-section .celeb-tabs-section nav{
        overflow-y:scroll;
        margin-top:0
    }
    .detail-video-cont.unregistered .parental-advisory{
        padding:40px 0 0
    }
    .detail-video-cont.registered .parental-advisory{
        padding:40px 0 0
    }
    .detail-video-cont .parental-advisory .warning-desc{
        margin:10px 10% 0
    }
    .review-section{
        margin-top:0;
        margin-bottom:0;
        float:left;
        width:100%
    }
    .review-section .row{
        width:100%;
        margin:0
    }
    .review .show-cat-filter{
        padding-right:0!important;
        margin:10px 0 20px
    }
    .review .btn-review{
        width:100%
    }
    .review .overall.rating{
        font-size:16px
    }
    .review.col-md-8{
        padding:0 14px;
        border-right:none;
        float:left;
        width:100%;
        margin-bottom:80px
    }
    .review-section .review.col-md-8{
        margin-bottom:0
    }
    .review .margin-top{
        margin-top:0
    }
    .review .col-md-8 .media-left{
        display:none!important
    }
    .row{
        float:left
    }
    .time-review{
        font-size:12px;
        margin-top:6px
    }
    .review .h4{
        margin-top:11px;
        margin-bottom:7px;
        font-weight:500
    }
    .celeb-topic-section{
        margin:100px 0 0!important;
        padding-bottom:20px;
        padding-top:0
    }
    .review .load-more{
        display:block
    }
    .review.col-md-4{
        padding-left:14px;
        padding-right:14px;
        margin-top:85px
    }
    .review .heading-slider{
        margin:50px 0 4px;
        float:left;
        width:100%
    }
    .gig-comments-reviews .gig-composebox-header,.gig-comments-reviews .gig-composebox-open .gig-composebox-header{
        width:100%
    }
    .review .hashtag{
        margin-top:0
    }
    .review .hashtag img{
        width:27px
    }
    .review .hashtag span{
        font-size:15px
    }
    .review .col-md-4 hr{
        margin-top:18px;
        margin-bottom:8px
    }
    .review .media{
        padding-bottom:25px;
        margin-top:20px
    }
    .review .media.people-are-saying{
        padding-bottom:24px;
        margin-top:10px
    }
    .review .people-are-saying .img-circle{
        margin-right:6px;
        width:46px;
        margin-top:8px
    }
    .review .social-media-handler{
        margin-top:-8px
    }
    .review .social-media-body{
        padding-top:15px
    }
    .review a.btn-white-outline{
        padding:15px 30px
    }
    .review .load-more-button{
        margin:30px 0 0!important
    }
    .membership-sticky-bar .msb-desc{
        font-size:13px
    }
    .horizontal.sub-category{
        height:0;
        margin-top:0
    }
    .feature-carousel .show-cover-thumb-title-mobile{
        font-size:12px;
        text-transform:uppercase
    }
    .show-cover-thumb-title-mobile.sub-category{
        text-align:left!important;
        font-size:13px!important;
        padding:5px 0 0
    }
    h3.show-cover-thumb-title-mobile.sub-category{
        margin-top:-10px
    }
    .show-cover-thumb-aired-mobile.sub-category{
        text-align:left!important;
        font-size:10px;
        padding:3px 0 0
    }
    .sub-category-page.drama,.sub-category-page.subtitled-shows,.sub-category-page.variety-game,.sub-category-page.talk,.sub-category-page.comedy,.sub-category-page.reality-shows,.sub-category-page.sports,.sub-category-page.specials,.sub-category-page.travel-and-lifestyle,.sub-category-page.childrens-shows,.sub-category-page.free-videos,.sub-category-page.current-affairs,.sub-category-page.global-news,.sub-category-page.special-coverages,.sub-category-page.tv-programs,.sub-category-page.tv-channels,.sub-category-page.live-event-specials,.sub-category-page.latest-show-episodes,.sub-category-page.most-watched-shows,.sub-category-page.sub-category-list{
        margin:30px 0 -18px
    }
    .movies.sub-category-page .og-grid.tv-programs-grid li{
        float:left;
        margin:-30px 0 0;
        width:50%;
        min-height:300px;
        min-width:50%;
        padding:0
    }
    .sub-category-page .og-grid.tv-programs-grid li{
        float:left;
        margin:-30px 0 0;
        width:50%;
        min-height:163px;
        min-width:50%;
        padding:0
    }
    .sub-category-page .og-grid li{
        margin:14px 0 0!important;
        height:auto!important
    }
    .sub-category-page .og-grid li:nth-child(odd),.sub-category-page .og-grid li:nth-child(odd){
        padding-right:4px
    }
    .sub-category-page .og-grid li:nth-child(even),.sub-category-page .og-grid li:nth-child(even){
        padding-left:4px
    }
    .sub-category-page{
        margin:30px 14px 50px;
        float:left
    }
    .share-addtolist.signed{
        padding-top:34px!important
    }
    .heading-subcategory{
        margin-top:-40px!important;
        font-size:24px!important;
        font-family:'gothic'
    }
    .h2.heading-slider.heading-subcategory{
        margin-left:0!important;
        margin-top:-60px!important
    }
    .main{
        margin-top:0;
        margin-bottom:0;
        width:auto!important
    }
    select{
        padding:12px
    }
    .show-cat-filter{
        padding-left:2px!important;
        float:none;
        margin:20px 0!important
    }
    .show-cat-filter select{
        min-width:100%;
        margin-left:0!important;
        font-weight:300
    }
    .exp-month,.exp-year{
        width:50%!important
    }
    .sec-code{
        width:91.5%!important
    }
    .og-grid li{
        margin:14px 7px 0 0 !important;
        height:150px!important
    }
    .og-grid li > a,.og-grid li > a img{
        width:100%
    }
    #today-on-live{
        margin-top:100px
    }
    #featured-regional-news{
        margin-top:-160px
    }
    .jk_related_news .slick-mobile-slider-h{
        margin-bottom:0
    }
    .main-container-xl{
        padding:0 0 0 16px;
        margin:auto auto -40px;
        overflow-y:visible
    }
    #romantic-comedies{
        margin-top:0
    }
    #news-overflow{
        overflow-x:hidden!important;
        padding-top:70px!important
    }
    #tv-program-slider{
        margin-top:158px
    }
    #tv-channels-slider{
        margin-bottom:50px
    }
    #live-overflow{
        margin-bottom:0
    }
    .region_filter select{
        background:none;
        border:1px solid #717479;
        padding:10px;
        min-width:100%
    }
    .region_filter{
        font-family:'Helvetica';
        float:none;
        font-size:14px;
        font-weight:400;
        margin:15px 30px 100px -14px
    }
    .jk_related_news{
        border-bottom:none;
        padding-bottom:0;
        margin-bottom:0;
        overflow-y:hidden!important;
        margin-left:16px
    }
    #more-balita{
        margin:100px 0 -50px 10px
    }
    #featured-regional-news-thumbs{
        margin:-150px 0 150px!important
    }
    .regional-news h3.heading-slider{
        margin:50px 0 160px
    }
    .region_filter{
        z-index:1000!important;
        position:relative
    }
    .online-premiere-on-mobile{
        margin-top:-238px!important
    }
    .today-news-thumb .horizontal{
        margin:0 0 -40px 7px !important;
        max-width:172px
    }
    .today-news-thumb{
        margin-left:14px!important
    }
    .btn-white-outline{
        margin:20px 0 0 20px;
        display:block;
        font-family:'helvetica';
        font-weight:700;
        height:40px;
        line-height:.5;
        width:85%!important
    }
    .sub-category-page .og-grid{
        text-align:left;
        padding:0!important;
        float:left;
        width:100%;
        margin:0
    }
    .blockbuster-mvs-section{
        padding:14px 0 0;
        text-align:center!important;
        margin-top:-85px
    }
    .heading-blockbuster-desc{
        font-size:17px;
        line-height:28px;
        font-family:'Helvetica';
        margin-bottom:40px!important;
        display:none
    }
    .h1.heading-blockbuster{
        font-size:22px;
        margin-bottom:-41px!important;
        font-family:'Helvetica'
    }
    #featured-on-news{
        margin-top:60px!important
    }
    .colored-gradient-bg.shows-header{
        padding-top:70px!important
    }
    .colored-gradient-bg{
        padding-top:160px!important;
        margin-bottom:0
    }
    .jk_countdown_banner .more_text{
        border-top:none;
        margin-top:20px;
        padding-top:0
    }
    hr.news{
        margin-top:37px!important
    }
    .h4{
        font-size:20px;
        font-weight:700;
        margin-top:-16px;
        margin-bottom:7px
    }
    .buttons>a.preview{
        margin-top:-2px;
        margin-top:-10px
    }
    .jk_countdown_banner>.text.news-text{
        margin-top:-30px
    }
    .jk_countdown_banner>.image.news-banner{
        margin-top:0;
        width:100%;
        min-height:180px;
        background-size:contain!important
    }
    .jk_countdown_banner>.image.news-banner>img{
        max-width:100%!important
    }
    .image.news-banner{
        max-width:100%
    }
    .jk_countdown_banner>.image{
        margin-top:-135px
    }
    .jk_countdown_banner>.text{
        width:100%;
        height:200px;
        float:left;
        font-size:18px;
        color:#fff;
        padding:42px 14px 20px;
        margin-top:-205px;
        border:none;
        border-left:0;
        position:relative
    }
    .live-hero-gradient-bg{
        height:341px
    }
    .jk_countdown_banner>.image{
        min-width:100%
    }
    .live-hero-main-bg{
        height:341px
    }
    .jk_countdown_banner>.text h1 a{
        font-size:28px
    }
    .jk_countdown_banner h2{
        font-size:30px;
        margin:0 0 17px;
        font-weight:700
    }
    .jk_countdown_banner p{
        margin:0 0 25px;
        font-size:18px;
        font-weight:700;
        font-family:'Helvetica'
    }
    .jk_countdown_banner .date{
        font-size:12px;
        font-weight:700;
        font-family:'Helvetica'
    }
    .the_live_counter .box{
        width:40px;
        margin-right:10px
    }
    .the_live_counter .dynamic_text{
        font-size:17px;
        padding:11px 0
    }
    .jk_countdown_banner .buttons a{
        font-size:14px;
        font-family:"Helvetica";
        padding-left:50px;
        line-height:33px
    }
    .jk_countdown_banner .buttons{
        margin-top:25px;
        margin-bottom:25px
    }
    .jk_countdown_banner.news .buttons{
        margin-top:30px;
        margin-bottom:30px
    }
    .jk_countdown_banner .buttons .watch{
        background:url(https://img.tfc.tv/assets/img/watch_lg.png) no-repeat 0 center;
        height:40px!important
    }
    .the_live_counter{
        padding:10px 0
    }
    .show-title{
        margin-top:-25px;
        margin-bottom:28px;
        font-size:20px!important;
        font-weight:700
    }
    .halohalo{
        margin-top:0
    }
    .row-ad.center-block{
        float:left;
        width:100%
    }
    #comment-area{
        float:left;
        z-index:100;
        position:relative
    }
    .row-ad{
        margin-top:20px
    }
    .slider-on-mobile{
        margin-top:-81px;
        padding-left:0!important
    }
    .thumbnail-container{
        margin:0 14px 8px!important
    }
    .ads-on-mobile{
        margin:50px 0 0
    }
    .membership-sticky-bar{
        font-size:13px;
        padding:20px 8px;
        position:fixed;
        bottom:0;
        width:100%
    }
    .new-ad{
        position:relative;
        padding:0
    }
    .new-ad .main-container-lg .ad-left{
        max-width:100%;
        width:100%
    }
    .new-ad .main-container-lg .ad-left img{
        width:100%;
        height:inherit
    }
    .h2{
        font-size:16px
    }
    .heading-slider{
        margin:10px 0;
        float:left;
        width:100%;
    } 
    .live-txt.h2.heading-slider.tv-program-heading{
        margin:0 0 10px!important
    }
    .fluid-live .heading-slider{
        margin:40px 0 20px
    }
    #tv-channels-slider{
        margin:40px 0 20px
    }
    .heading-slider.heading-subcategory.mylist{
        margin:0 0 -20px 14px !important
    }
    #scheduled-streaming-slider{
        margin:50px auto 30px!important
    }
    .horizontal{
        margin-left:-25px
    }
    .blockbuster{
        margin-left:-25px
    }
    .logo-xs{
        width:65%
    }
    .search-on-mobile{
        right:70px;
        bottom:25px;
        padding-right:16px
    }
    li a.signin-btn{
        margin-top:-45px;
        left:63px;
        float:right!important;
        color:#fff!important;
        font-size:16px
    }
    .search-icon{
        padding-right:0;
        width:90%
    }
    .footer-list{
        text-align:center;
        margin:45px 35px 35px;
        padding-left:25px
    }
    ul.footer-list li{
        display:inline;
        padding-right:20px!important
    }
    ul.footer-list li a{
        line-height:3;
        font-weight:400;
        font-size:16px!important
    }
    header{
        min-height:80px
    }
    footer{
        background-image:url(https://img.tfc.tv/assets/img/footer-bg-320.png);
        margin-top:40px;
        height:auto;
        float:left
    }
    .social-row{
        margin-top:32px;
        text-align:center;
        padding-right:0
    }
    .footer-links{
        top:15px;
        padding-right:0
    }
    .footer-all-right-reserved{
        margin:5px 0 25px;
        float:none;
        font-size:16px;
        padding-left:0
    }
    .social-links{
        float:none;
        margin:0 0 60px;
        text-align:-webkit-center
    }
    .social-links img{
        padding:5px;
        width:14%
    }
    ul.footer-list{
        margin-bottom:20px
    }
    .download-links{
        margin:10px 5px;
        text-align:center
    }
    .download-links img{
        width:49%;
        padding:0 5px;
        max-height:none;
        max-width:none
    }
    .app-store{
        padding-left:7px!important;
        padding-right:4px!important
    }
    .google-play{
        padding-right:7px!important;
        padding-left:4px!important
    }
    .carousel > .wrap{
        webkit-overflow-scrolling:touch;
        overflow-scrolling:touch;
        overflow:scroll!important;
        -ms-overflow-style:none
    }
    .visible-landscape-ipad{
        display:none
    }
    .slick-mobile-slider-h{
        margin-bottom:0;
        float:left;
        margin-top:0
    }
    .slick-mobile-slider-p{
        margin-bottom:50px;
        width:100%
    }
    .online-premiere-section .slick-mobile-slider-p{
        float:left
    }
    .jk_topic_mobile .slick-mobile-slider-p{
        padding-left:15px;
        margin-bottom:0;
        margin-right:0
    }
    .blue.slick-mobile-slider-h{
        margin-left:15px
    }
    .show-cover-thumb-title-mobile{
        padding:10px 0 0 10px;
        font-weight:700!important
    }
    .show-cover-thumb-aired-mobile{
        padding:4px 0 0 10px
    }
    .port-cover-thumb-title{
        margin-left:-20px;
        width:100px!important
    }
    .horizontal,.portrait{
        overflow-y:hidden
    }
    .movie-cover-thumb-title,.movie-cover-thumb-preview,.show-cover-thumb-title,.movie-cover-thumb-ren,.movie-cover-thumb-signup,.show-cover-thumb-aired{
        display:none
    }
    #home-slider-new .first.text-area a .hero-title{
        font-size:26px;
        color:#fff;
        font-family:'Helvetica-Bold','Helvetica';
        text-transform:Capitalize
    }
    #home-slider-new .first.text-area a .hero-sub{
        font-size:20px;
        color:#fff;
        font-family:'Helvetica';
        font-weight:400;
        margin-bottom:20px
    }
    #home-slider-new .first.text-area a .hero-list{
        font-size:14px;
        color:#fff;
        font-family:'Helvetica';
        font-weight:400;
        margin-bottom:10px
    }
    #home-slider-new .first.text-area a .hero-list img{
        float:left;
        margin:1px 10px 0 0;
        animation:none!important
    }
    #home-slider-new .first.text-area a.orange-btn-hero{
        font-size:14px;
        color:#fff;
        font-family:'Helvetica';
        text-align:center;
        font-weight:700;
        margin-bottom:10px;
        background:#f85c2a;
        padding:10px 30px;
        border-radius:5px
    }
    #home-slider-new .slick-dots{
        position:relative!important;
        bottom:30px!important;
        right:0!important
    }
    .violator-alert-red .vio-alert{
        text-align:left;
        font-size:10px;
        line-height:18px;
        padding-right:30px
    }
    .violator-alert-red .vio-close img{
        margin-right:10px
    }
    .violator-alert-red .vio-alert img{
        height:30px;
        width:30px;
        margin:5px 5px 10px;
        float:left
    }
    .slick-slider{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 120px;
        background-size:60px
    }
    .blue.slick-slider{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 120px;
        background-size:60px;
        width:100%
    }
    .tp-loader.spinner2{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 120px;
        background-size:60px
    }
    .horizontal.tv-programs-grid{
        height:auto
    }
    .portrait .show-cover > .show-cover-details{
        display:none
    }
    .portrait{
        max-width:112px
    }
    .horizontal a > ad-square{
        margin:80px 30px 0 0;
        height:97px;
        width:382px;
        padding-top:50px!important
    }
    .portrait a > ad-square{
        margin:80px 30px 0 0;
        height:155px;
        width:132px
    }
    .horizontal a > ad-square > span{
        font-size:14px;
        margin-top:-14px;
        padding:0 20px
    }
    .portrait a >ad-square > span{
        font-size:14px;
        margin-top:-24px;
        padding:0 20px
    }
    .signup_area .packages ul{
        height:auto!important;
        padding:1px 0 30px 10px
    }
    .signup_area .packages.manage_subscrip,.signup_area .packages.choose_plan{
        margin:48px auto 30px
    }
    .signin_area a.prev_button{
        padding-right:20px
    }
    .home-slider-aired{
        line-height:35px!important;
        font-size:10px!important
    }
    .home-slider,.movies-slider{
        min-height:0;
        margin-bottom:60px;
        display:none
    }
    .home-sliders{
        margin-top:0;
    }
    .prepaid-cards,.privacy{
        margin-top:0!important
    }
    .prepaid-cards .col-md-8{
        height:275px
    }
    .colored-gradient-bg.detail.unregistered .main-container-md{
        margin:0 auto;
        width:100%
    }
    .topic-section-bg .main-container-md{
        margin:0 auto
    }
    .main-container-md{
        max-width:none!important
    }
    .thumbnail-container.today-on-live{
        margin:0 0 8px!important
    }
    .akamai-play.akamai-overlay{
        transform:scale(0.5)!important
    }
    .free.detail-section-bg .heading-topicpage{
        margin:40px 14px auto!important;
        width:auto!important;
        float:none!important
    }
    .free.detail-section-bg .heading-topicpage .episode-list-showp{
        margin-bottom:10px
    }
    .free.detail-section-bg.unregistered #sharebar-ui.share-link{
        margin-left:0!important
    }
    .paid.detail-section-bg .main-container-md{
        margin-bottom:0!important;
        padding-top:0!important
    }
    .paid.detail-section-bg{
        padding-top:0!important
    }
    .paid.detail-section-bg .heading-topicpage{
        margin:40px 0 0
    }
    .detail-header-section.unregistered.detail-section-bg .heading-topicpage{
        margin:40px 10px 10px 15px !important;
        width:92%!important
    }
    .paid.detail-section-bg .celeb-desc-p.white-line-top.topic-pages{
        padding:0 0 50px!important
    }
    .paid .share-link{
        margin-left:0!important
    }
    .paid a.btn-white-outline,.free a.btn-white-outline{
        margin:30px 0 0!important;
        width:93%!important
    }
    .detail-section-bg{
        margin:0;
        min-height:500px
    }
    .detail-section-bg.live-video-detail{
        padding-top:0
    }
    .detail.registered .topic-title-h1{
        margin:25px 14px 0
    }
    .detail.unregistered .topic-title-h1{
        margin:35px 0 0 15px;
        float:left
    }
    .detail-header-section-unregistered{
        margin-bottom:0;
        float:left;
        width:100%
    }
    .detail.registered .hero-image-rating{
        margin:auto 14px;
        max-width:90%
    }
    .detail.unregistered .hero-image-rating{
        margin:0 0 30px 14px;
        float:left
    }
    .detail.registered,.detail.unregistered,.online-premiere-section,.topic-section-bg{
        margin:50px 0 100px!important;
        padding-bottom:60px
    }
    .h1.heading-blockbuster{
        margin-top:110px;
        margin-bottom:0!important
    }
    .online-premiere-section{
        min-height:0!important
    }
    .feature-carousel-portrait.blockbuster-movies.online-premiere-on-mobile .portrait a .show-cover{
        margin-top:38px
    }
    .h2.heading-slider.online-premiere{
        margin:100px 14px 20px!important;
        display:none
    }
    .slick-prev,.slick-next{
        display:none!important
    }
    .detail-info-ad{
        float:left;
        margin:30px 0 0 15px
    }
    .detail-infos-ad.visible-xs{
        margin:80px 0 50px!important;
        float:none!important;
        text-align:center
    }
    .detail-infos-ad.visible-xs .detail-infos-ad{
        margin-top:20px!important;
        margin-left:0!important;
        float:none!important
    }
    .gig-comment-photo{
        display:none!important
    }
    .gig-comment-self-data{
        padding-left:0!important
    }
    .gig-comment-body,.gig-comment-body *{
        margin:0!important
    }
    .gig-comment-replies{
        padding:15px 5px 0 0 !important
    }
    .gig-comment-time{
        font-size:12px!important;
        max-width:100px!important;
        text-align:right!important;
        line-height:15px!important;
        padding-top:7px!important
    }
    .gig-comment-rating{
        margin:0 0 0 15px !important
    }
    .gig-comment .gig-comment-content{
        padding:0!important
    }
    .gig-comment-footer{
        margin:0!important;
        padding-bottom:15px!important
    }
    .gig-composebox-footer-right{
        width:100%!important
    }
    .gig-comments-button{
        padding:7px 0!important;
        width:100%!important
    }
    .gig-composebox-header-right{
        display:none!important
    }
    .body.account input:focus{
        padding:15px 20px
    }
    .help-articles{
        padding:0!important
    }
    .tabs nav ul{
        min-width:800px
    }
    .celeb-tabs-section nav{
        overflow-y:scroll;
        margin-top:0
    }
    .celeb-tabs-section nav::-webkit-scrollbar{
        display:none
    }
    .celeb-tabs-section nav a span nums{
        margin-right:0
    }
    .header-hero-image .gradient-overlay-slide-wrapper{
        float:left
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md{
        max-width:none!important;
        margin:0 auto
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-logo img{
        margin-top:30px
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-logo{
        padding-bottom:0
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-desc{
        display:none
    }
    .hero-image-orange-btn{
        margin-top:0;
        margin-bottom:15px;
        width:50%
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-aired{
        float:left;
        width:90%;
        margin-top:10px;
        margin-bottom:20px
    }
    .header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-cta a{
        margin-left:0;
        margin-bottom:0;
        float:left;
        width:90%
    }
    .gradient-overlay-slide-wrapper{
        margin-top:0;
        min-height:350px;
        width:100%
    }
    .celebrity-topic-wrapper-sidebar{
        width:100%
    }
    .celeb-name-h1{
        font-size:36px;
        text-align:center;
        line-height:46px;
        margin-bottom:10px
    }
    .header-hero-image{
        margin-top:0;
        height:350px;
        background-position:center right
    }
    .celebrity-hero-image .header-hero-image{
        margin-top:0;
        height:300px
    }
    .hero-image-infos{
        margin-left:15px
    }
    .header-hero-image.topic-page{
        max-height:300px;
        float:left;
        margin-top: 0 !important;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper{
        max-height:350px;
        min-height:300px!important;
        margin-top:0
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-infos{
        padding-top:20px!important;
        position:relative!important;
        margin-left:15px;
        float: left;
        width: 100%;
        height: 300px;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta{
        bottom:0 !important;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta .link-right {
    margin-right: 0 !important;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-logo{
        margin-bottom:0!important;
        margin-top:0px
    }
    .hero-image-logo img{
        max-height:80px;
        max-width:200px
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-desc{
        margin-top:15px;
        font-size:16px;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta{
        margin-top:5px;
        overflow:hidden;
        float:left;
        width:90%;
        position: absolute;
        bottom: -50px;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta a{
        font-size:14px;
        font-weight:700;
        margin-right:0!important;
        margin-left:0;
        width:50%;
    }
    
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta a.link-right{
        margin-left: 0px !important;
    }
    .header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-cta a img{
        padding-bottom:10px
    }
    .jk_topic_mobile .heading-slider{
        margin:30px 0 24px 15px;
    }
    .jk_topic_mobile .slick-slider{
        margin-left:15px
    }
    .jk_topic_mobile .load-more-button.showtopic-sec{
        margin-top:10px!important;
        margin-bottom:50px!important;
        margin-left:15px
    }
    .jk_topic_mobile .og-grid li{
        margin:0!important
    }
    .jk_topic_mobile .og-grid li > a{
        width:100%
    }
    .jk_topic_mobile .grid-block-dates li{
        width:100%
    }
    .jk_topic_mobile .grid-block-dates li a .show-date{
        padding-left:15px
    }
    .jk_topic_mobile li a .horizontal .show-cover{
        width:100%!important;
        height:165px!important
    }
    .jk_topic_mobile .main{
        margin-bottom:0!important
    }
    .topic-section-bg .topic-page{
        width:100%!important
    }
    .topic-section-bg .share-addtolist{
        padding-top:0;
        width:90%
    }
    .topic-section-bg .share-addtolist .share-link{
        font-size:14px
    }
    .topic-section-bg .topic-more-like-this{
        font-size:14px;
        margin:0 0 0 15px
    }
    .topic-section-bg .blue.slick-slider{
        margin:0 0 70px 15px
    }
    .topic-section-bg .celeb-desc-p.white-line-top,.celeb-desc-p.white-line-top{
        border-bottom:none!important;
        float:left;
        width:90%
    }
    .topic-section-bg .celeb-desc-p.white-line-top{
        margin-top:50px
    }
    .celeb-desc-p.white-line-top{
        margin-top:20px
    }
    .topic-section-bg{
        margin-bottom:0!important;
    }
    .topic-section-bg .blue.slick-slider .horizontal a .show-cover{
        margin:20px auto 0!important
    }
    .topic-section-bg .celeb-desc-p .sm{
        margin-top:30px!important;
        float:left
    }
    .topic-section-bg .topic-title-overview{
        font-size:16px;
        color:#fff;
        padding:30px 0 10px;
        margin-bottom:0;
    }
    .sub-category-page.jk_topic_mobile .og-grid .horizontal{
        height:auto!important;
        max-width:100%!important;
        min-width:289px!important;
        margin:0 15px!important
    }
    .sub-category-page.jk_topic_mobile .og-grid .horizontal .show-cover-details{
        display:none!important
    }
    .sub-category-page.jk_topic_mobile .og-grid li{
        margin-bottom:60px!important
    }
    .detail-title-info-unregistered{
        float:left;
        width:100%
    }
    .celebrity-topic-wrapper-sidebar{
        padding:0 14px;
        margin:0 auto 100px;
        float:left
    }
    .celeb-desc-p .sm{
        font-size:12px;
        margin-top:20px;
        padding-top:0!important
    }
    .celeb-desc-p{
        font-size:16px;
        float:left;
        margin:20px 0 10px
    }
    .celeb-shows-title{
        font-size:24px;
        line-height:30px
    }
    .celeb-shows-sec .date{
        font-size:12px;
        line-height:24px;
        font-family:'helvetica'
    }
    .celeb-desc-p.white-line-top{
        text-align:center;
        border-bottom:1px solid rgba(225,225,225,.3);
        padding-bottom:50px;
        margin:20px 0 -100px;
        width:100%;
        float:left
    }
    .celeb-shows-sec.right{
        display:none
    }
    .celeb-shows-cont,.celeb-exclusives-cont{
        padding:40px 0;
        min-height:100px
    }
    .celeb-shows-sec img{
        margin:0 0 10px;
        width:100%;
        height:auto
    }
    .celeb-movies-infos{
        width:50%
    }
    .celeb-movies-cont{
        padding:40px 0;
        min-height:270px
    }
    .celeb-movies-thumb{
        background-size:cover!important;
        width:130px;
        height:200px
    }
    .celeb-movies-infos .date{
        margin:-5px 0 5px;
        font-size:10px;
        line-height:16px
    }
    .celeb-movies-infos a{
        font-size:10px;
        margin:7px 0
    }
    .celeb-movies-infos a img{
        width:20px
    }
    .celeb-movies-infos .celeb-shows-title{
        margin:0 0 5px;
        font-size:22px;
        line-height:26px
    }
    .tabs{
        width:94%
    }
    .tabs nav a span{
        font-size:14px
    }
    .tabs nav ul li{
        margin:10px 18px 0 0
    }
    .celeb-topic-section{
        margin:950px 0
    }
    .detail-title-overview.registered{
        border-top:0;
        margin-top:10px;
        margin-bottom:0;
        float:left;
        width:100%
    }
    .detail.registered,.detail.unregistered{
        background-image:none;
        background-color:#12181f;
        margin:0!important;
        min-height:500px!important
    }
    .detail-header-section-registered{
        min-height:100px;
        position:relative;
        float:left;
        display:block;
        width:100%!important;
        margin-top:0!important
    }
    .detail-header-section-registered.live-video-detail{
        margin-top:60px!important
    }
    .detail-video-cont{
        border:0!important
    }
    .live-video-detail .unregistered .detail-video-cont{
        width:100%;
        height:220px;
        padding:0;
        margin-bottom:20px
    }
    .live-video-detail .detail.unregistered{
        min-height:0!important
    }
    .detail-section-bg .main-container-md{
        margin-bottom:40px!important;
        padding-top:100px
    }
    .detail-section-bg.free .main-container-md{
        margin-bottom:0!important;
        padding-top:0!important
    }
    .detail-section-bg.free .main-container-md .thumbnail-container{
        margin:0 0 8px!important
    }
    .detail-section-bg.unregistered .main-container-md{
        margin:0!important;
        float:left;
        width:100%;
        padding-top:0
    }
    .detail-section-bg,.celeb-topic-section,.online-premiere-section,.topic-section-bg{
        background-size:cover;
        background-color:#132334;
        float:left;
        max-width:100%!important;
        min-width:100%!important
    }
    .jk_overview_un .detail-title-info-registered .topic-title-h1{
        margin-top:0;
        border-top:1px solid rgba(225,225,225,.3);
        padding-top:30px;
        float:left;
        width:100%
    }
    .detail-title-info-registered.movie-detail .topic-title-h1{
        margin-top:-110px
    }
    .container{
        position:relative;
        float:left
    }
    .container.review{
        width:100%;
        padding-left:0!important;
        padding-right:0!important
    }
    .online-premiere-section{
        margin-bottom:30px!important;
        padding-bottom:0
    }
    .online-premiere-section .h1.heading-blockbuster{
        margin-top:100px
    }
    .online-premiere-section .slick-mobile-slider-p{
        margin-bottom:20px
    }
    .online-premiere-section .main-container-xl{
        float:left;
        width:100%;
        margin:0;
        overflow-y:auto
    }
    .panel-group .parent-h4 .panel-heading .panel-title.top{
        border-bottom:1px solid #ccc;
        padding:30px 0 20px;
        padding-left:15px!important;
        padding-right:15px!important
    }
    #accordion_parent .panel-group .h4{
        margin-left:15px!important;
        margin-right:15px!important;
        padding-right:15px!important
    }
    .help-tab #accordion_parent .panel-group .h4{
        margin-left:15px!important;
        margin-right:15px!important;
        padding-right:0!important
    }
    .glyphicon-menu-down:before{
        content:"\e259";
        font-size:14px;
        color:#9c9c9c;
        margin-right:-15px
    }
    .glyphicon-triangle-bottom:before{
        content:"\e252";
        font-size:14px;
        line-height:25px
    }
}
@media (max-width: 991px){
    .signup_area .packages .package{
        max-width:100%;
        min-width:100%
    }
}
@keyframes animatedBackground{
    0%{
        background-position:0 0
    }
    25%{
        background-position:100% 0
    }
    50%{
        background-position:70% 0
    }
    100%{
        background-position:0 0
    }
}
@keyframes animatedLiveBackground{
    0%{
        background-position:0 0
    }
    25%{
        background-position:100% 0
    }
    50%{
        background-position:70% 0
    }
    100%{
        background-position:0 0
    }
}
@media only screen and (min-width: 435px) and (max-width: 738px){
    .signin-btn{
        margin-top:5px!important
    }
    .tp-caption.home-slider-gettfc-link{
        margin-top:55px!important
    }
}
@media only screen and (min-width: 768px) and (max-width: 895px){
    .celebrity-topic-wrapper-sidebar{
        padding:50px 34px 0 18px
    }
    ul.footer-list li+li{
        padding-left:6%!important
    }
    #sharebar-ui.share-link{
        margin-right:0;
        padding:0 0 27px
    }
    .share-link.pull-left{
        padding:50px 0 0
    }
    .detail-section-bg .detail-share-addtolist{
        padding-top:90px;
        padding-bottom:0
    }
}
@media only screen and (min-width: 896px) and (max-width: 1199px){
    ul.footer-list li+li{
        /*padding-left:45px!important*/
    }
    #sharebar-ui.share-link{
        margin-right:0;
        padding:54px 0 21px
    }
    .share-link.pull-left{
        padding:50px 0 17px
    }
    .detail-section-bg .detail-share-addtolist{
        padding-top:110px;
        padding-bottom:0
    }
    .celebrity-topic-wrapper-sidebar{
        padding:115px 0 0 18px !important
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
    .slick-mobile-slider-p{
        width: 100%;
        float: left;
    }
    .modal .modal-body .p{
        max-width:400px!important
    }
    .detail-video-cont.registered .jw-logo{
        margin-right:-40px!important;
        margin-top:10px!important;
        max-height:25px
    }
    #playerTarget object{
        width:100%!important;
        height:450px!important
    }
    #playerTarget{
        max-height:450px!important
    }
    .profile_page .tab-pane#transactions .box .table-responsive{
        min-height:.01%;
        overflow-x:auto
    }
    .jk_countdown_banner .the_live_counter_end{
        font-size:24px;
        font-weight:700;
        text-transform:uppercase;
        padding:30px 0 100px;
        float:right
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-8.col-sm-8 .topic-title-h1.live{
        padding-bottom:0;
        margin-top:95px;
        border-bottom:none
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-8.col-sm-8 .topic-title-h1.live .topic-title-h1.hidden-xs.live .col-lg-6{
        padding:0!important;
        border-top:0
    }
    .jk_countdown_banner.live-detail-countdown.live .jk_countdown_banner .the_live_counter_end{
        padding:20px 0 100px;
        float:right
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-8.col-sm-8 .topic-title-h1.live{
        padding-bottom:0;
        margin-top:95px
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-8.col-sm-8 .detail-title-overview.live{
        border-bottom:none;
        padding:10px 0;
        border-top:solid 1px rgba(225,225,225,.3);
        margin-top:215px
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-4.col-sm-4.celebrity-topic-wrapper-sidebar{
        padding:135px 0 0 50px
    }
    .topic-title-h1.live>div:last-child{
        border-top:0
    }
    .detail-section-bg.live-video-detail .main-container-md .col-md-4.col-sm-4.celebrity-topic-wrapper-sidebar .detail-share-addtolist.jk_live{
        padding-top:50px;
        padding-bottom:10px
    }
    .detail-section-bg .celeb-desc-p.white-line-top.topic-pages{
        margin-top:30px
    }
    .sub-category-page.drama .main .og-grid.tv-programs-grid.category li.og-grid-item-o{
        float:left;
        width:25%;
        min-height:200px;
        min-width:32.33333%;
        padding:0 5px 0 0;
        margin:0!important
    }
    .profile_page #transactions .box{
        background-color:#fff;
        border:1px solid #DDD;
        padding:20px 10px;
        margin-bottom:20px
    }
    .profile_page #transactions .box .table-responsive .table>thead>tr>th{
        font-size:14px
    }
    .profile_page #transactions .box .table-responsive .table>tbody>tr>td{
        font-size:12px;
        max-width:100px;
        white-space:pre-line
    }
    .profile_page .tab-pane#transactions{
        padding:30px
    }
    .colored-gradient-bg.shows-slider-header{
        margin-bottom:90px!important
    }
    .horizontal.tv-programs-grid a .show-cover:hover .show-cover-details{
        margin:10px 0;
        width:100%;
        min-height:163px;
        background-position:bottom center;
        height:163px
    }
    .modal-help textarea.form-control{
        height:250px!important
    }
    .modal-dialog{
        width:auto;
        margin:auto 35px
    }
    .modal.fade{
        padding-left:0;
        padding-right:0
    }
    .modal-help .modal-body{
        padding:30px 67px!important
    }
    .jq-ry-container{
        padding:0!important
    }
    .header-hero-image.topic-page .hero-image-aired{
        margin:75px 0 0!important;
        width:40%!important
    }
    .my-list-page-section .show-cover-thumb-aired-mobile.sub-category{
        margin-left:0
    }
    #hero .shows-slider-prev-link .link-right{
        padding:0;
        margin-left:0;
        border-left:none
    }
    .main-container-md.thumbnail-container .h2.heading-slider.heading-topicpage{
        margin:15px 0 25px
    }
    .detail-section-bg .thumbnail-container .heading-topicpage .show-cat-filter{
        margin-right:0!important
    }
    .jk_countdown_banner h2{
        font-size:30px;
        margin:0 0 25px
    }
    .jk_countdown_banner p{
        font-size:16px;
        font-family:"Helvetica"
    }
    .jk_countdown_banner .date{
        font-size:12px
    }
    .jk_countdown_banner .buttons a{
        font-size:14px
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar .share-addtolist{
        padding-top:83px;
        padding-bottom:6px;
        min-height:105px
    }
    .jk_topic_mobile.hidden-xs.hidden-lg .topic-more-like-this.col-md-12{
        display:none
    }
    .col-md-8.col-xs-8.celebrity-topic-wrapper-left{
        padding-left:34px!important
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar{
        padding:74px 34px 0 18px
    }
    .live-gradient-overlay{
        display:none
    }
    .tabs nav a span{
        font-size:14px
    }
    .sub-category-page.drama .main .og-grid .og-grid-item-o{
        height:auto!important
    }
    #mylist-movies .og-grid.tv-programs-grid li{
        min-height:300px!important;
        width:24%
    }
    #mylist-movies .og-grid.tv-programs-grid li a img{
        min-height:233px!important
    }
    #sharebar-ui.share-link{
        margin-right:0;
        padding:0 0 27px;
        padding-top:0;
        position:absolute;
        margin-top:-30px
    }
    .live .main-container-xl.live-top-margin{
        border-bottom:1px solid rgba(225,225,225,.2);
        margin:100px 35px 0!important;
        padding:0 0 40px
    }
    .sub-category-page .horizontal .show-cover:hover{
        margin-top:80px
    }
    .detail-video-cont #playerTarget img{
        margin-top:0;
        opacity:.3
    }
    .fs-notif-vio{
        width:100%;
        margin-top:0
    }
    .fs-notif-vio .desc-vio{
        width:70%
    }
    .visible-xs.visible-sm.main-container-xl.sub-category-page{
        padding:60px 0 0 35px
    }
    .fluid-live{
        max-width:100%;
        margin:60px 35px 0
    }
    .h2.heading-slider.heading-subcategory .show-cat-filter{
        margin-top:-10px
    }
    .my-list-page-section .heading-subcategory{
        margin:150px 0 -100px 35px !important
    }
    .show-cover-thumb-aired-mobile,.show-cover-thumb-aired-desktop{
        text-align:left
    }
    .my-list-page-section .celeb-tabs-section nav{
        height:90px;
        margin:100px 35px -100px;
        border-bottom:1px solid rgba(225,225,225,0.1)
    }
    .sub-category-page .og-grid li{
        height:auto!important
    }
    .reviews{
        margin-top:40px;
        margin-left:-30px;
        margin-right:-27px
    }
    .reviews .media.media-review .media-body,.reviews .media.media-review .h3.media-heading,.reviews .main-avatar .body,.reviews .main-avatar .h3.media-heading{
        font-size:14px
    }
    .reviews .well{
        min-height:570px
    }
    .reviews .well .main-review{
        font-size:22px
    }
    .main-avatar .media-left .img img{
        width:140px
    }
    .reviews .media-left.testimonial{
        width:90px
    }
    .reviews .media.media-review{
        margin-left:-14px;
        margin-bottom:30px
    }
    section#feature-container{
        margin-top:-20px
    }
    .live-video-detail .detail-video-cont.unregistered img{
        width:100%
    }
    .live-video-detail .detail.unregistered{
        margin:-50px 0 30px!important
    }
    .live-video-detail .unregistered .col-sm-4.detail-wrapper-sidebar{
        margin-top:-40px;
        margin-bottom:120px
    }
    .live-video-detail .unregistered .detail-sidebar-ad img{
        width:100%
    }
    .live-video-detail .unregistered .detail-sidebar-ad,.live-video-detail .unregistered .detail-sidebar-title{
        padding-left:0;
        width:90%;
        font-size:14px;
        font-family:"Helvetica"
    }
    .live-video-detail .detail-video-cont.unregistered{
        border:0;
        opacity:1;
        margin-left:16px
    }
    .detail-header-section-unregistered.live-video-detail .jk_countdown_banner.live-detail-countdown{
        float:left;
        margin-top:-50px
    }
    .live-video-detail .unregistered .topic-title-h1.live-detail{
        margin-top:0
    }
    .live-video-detail .unregistered .jk_countdown_banner{
        margin-bottom:0
    }
    .left.for-billing{
        width:100%!important
    }
    .card_update_form .field.col-xs-12.col-sm-4{
        margin-top:0!important
    }
    .profile_page .visa_top td{
        padding:3px 10px 0 0
    }
    .box.box2.profile-info .profinfo-edit{
        margin:10px 0 27px;
        min-width:100%;
        max-width:100%!important
    }
    .box.box2.profile-info .profinfo-view{
        min-width:140px;
        margin-bottom:25px
    }
    #cancel_subscription .modal-body{
        padding:30px 35px 47px
    }
    #cancel_subscription .check_boxs{
        padding-left:0;
        margin-bottom:35px
    }
    #cancel_subscription .check_box{
        width:45%
    }
    .celeb-topic-section{
        margin:-20px 0 30px!important
    }
    #celebrity-section .tabs.celeb-tabs-section{
        padding-left:0!important;
        padding-right:0!important
    }
    #celebrity-section .tabs nav ul li{
        margin:10px 40px 10px 0
    }
    #celebrity-section .col-sm-4.col-md-6.celeb-shows-sec{
        padding:0 0 0 10px !important
    }
    #celeb-shows .horizontal .show-cover:hover,.celeb-shows-sec .horizontal .show-cover:hover{
        height:128px;
        width:210px
    }
    .celeb-topic-section{
        padding-bottom:130px!important
    }
    .celeb-movies-thumb{
        background-size:cover!important
    }
    .celeb-movies-infos .celeb-shows-title{
        margin:0
    }
    a.chocolat-image img{
        width:100%;
        padding:0 5px
    }
    .prepaid-cards .col-md-8{
        padding:0 15px;
        height:420px
    }
    .prepaid-cards.colored-gradient-bg{
        padding-top:100px!important;
        margin-bottom:0!important
    }
    .prepaid-cards{
        margin-bottom:40px!important
    }
    .signin_area .sub_title{
        font-size:25px;
        margin:44px 0 35px
    }
    .signin_area .sub_title.first{
        margin-bottom:32px
    }
    .signin_area .create_account .requir_text{
        font-size:14px;
        margin-top:25px
    }
    .signin_area .create_account_note{
        margin-top:90px
    }
    .home-slider,.movies-slider{
        min-height:0;
        display:none
    }
    .home-sliders{
        margin-top:0;
    }
    #hero{
        margin-bottom:0;
    }
    .detail-section-bg,.detail.registered,.detail.unregistered,.online-premiere-section,.topic-section-bg{
        margin:60px 0 30px!important;
        padding-bottom:60px
    }
    .detail-section-bg{
        margin:0!important;
        padding-left:35px;
        padding-right:35px
    }
    .h2.heading-slider.online-premiere{
        margin:0 34px 20px
    }
    .feature-carousel-portrait.blockbuster-movies.online-premiere-on-mobile .portrait a .show-cover{
        margin:44px auto 0 0
    }
    .heading-slider.first{
        margin:10px 0;
    }
    #two-liner-title{
        margin-bottom:77px!important
    }
    .detail-video-cont.registered .after-play{
        padding:100px 0 0
    }
    .detail-video-cont.registered .after-play .ap-desc{
        font-size:42px;
        margin-top:20px
    }
    .celebrity-topic-wrapper-sidebar{
        padding:115px 0 0 18px !important;
        width:30%!important
    }
    .celeb-name-h1{
        font-size:45px;
        font-weight:700
    }
    .fb-btn{
        width:100%;
        margin-bottom:10px
    }
    .twitter-btn{
        width:100%;
        margin-left:0
    }
    .celeb-desc-p.white-line-top{
        margin-top:120px
    }
    .celeb-desc-p{
        font-size:16px;
        margin-top:8px;
        margin-bottom:50px;
        line-height:26px
    }
    .celeb-desc-p .sm{
        margin-top:22px!important
    }
    .pull-left{
        padding:30px 15px 0 34px
    }
    #blue-section-curve-top{
        margin-top:-30px!important;
        visibility:hidden
    }
    .celebrity-topic-wrapper{
        min-height:495px;
        margin-bottom:-500px;
        margin-top:-100px!important
    }
    .celeb-topic-section{
        padding:0 34px
    }
    .celeb-shows-title{
        color:#fff;
        font-size:34px;
        font-weight:700;
        text-align:left;
        margin-top:-7px;
        font-family:"Helvetica"
    }
    .celeb-shows-sec img{
        width:50%;
        margin-right:30px;
        margin-top:-19px
    }
    .celeb-shows-cont{
        padding:80px 0;
        border-top:none;
        margin-bottom:-140px
    }
    .celeb-shows-cont:last{
        margin-bottom:-45px
    }
    .celeb-shows-sec .date,.celeb-movies-infos .date{
        margin-bottom:127px
    }
    .review{
        padding-right:23px!important;
        padding-left:23px!important
    }
    .review .show-cat-filter{
        margin-right:0;
        margin-top:-20px
    }
    .review .margin-top{
        margin-top:40px
    }
    .review .overall.rating{
        font-size:18px;
        margin-top:-2px
    }
    .review.col-md-8{
        padding:0
    }
    .review.col-md-4{
        margin-top:85px
    }
    .review .hashtag{
        margin-top:11px;
        font-size:15px
    }
    .review .border-right{
        border-right:none
    }
    .show-cover-thumb-title-mobile.sub-category{
        text-align:left!important;
        font-size:14px;
        padding-top:10px;
        display:block
    }
    .show-cover-thumb-aired-mobile.sub-category{
        text-align:left!important;
        font-size:10px;
        padding-top:7px
    }
    .heading-subcategory{
        font-size:24px!important;
        font-family:'gothic'
    }
    .black-filler{
        height:340px
    }
    .sub-category-page{
        margin:0 0 -18px
    }
    .main{
        margin-top:0;
        width:auto!important
    }
    .og-grid li{
        height:200px!important
    }
    .row-ad{
        margin-top:60px
    }
    #tv-program-slider{
        margin-top:158px
    }
    #today-news{
        margin:0
    }
    .jk_related_news.region_news{
        padding-top:0
    }
    .regional-news .region_filter{
        margin-right:34px
    }
    .region_filter{
        margin-top:-13px;
        margin-right:34px
    }
    .region_filter select{
        padding:14px 10px
    }
    #more-balita{
        margin-top:-40px
    }
    .jk_countdown_banner>.image{
        width:100%;
        float:left;
        margin-top:-200px
    }
    .jk_countdown_banner.news>.image{
        width:506px;
        float:left;
        max-width:60%!important;
        max-height:285px!important;
        min-width:60%!important;
        min-height:285px!important;
        background-size:contain!important;
        background-repeat:no-repeat!important;
        margin:10px 0 0
    }
    .img-banner-on-news{
        width:506px
    }
    .jk_countdown_banner>.text{
        margin-top:-126px;
        width:100%;
        height:0;
        padding:42px 30px 120px;
        float:right;
        border:none
    }
    .jk_countdown_banner.news>.text{
        margin-top:10px;
        width:40%;
        max-height:260px;
        float:right;
        min-height:260px;
        padding:42px 30px 20px;
        border:2px solid #4D4751;
        background:rgba(0,0,0,.2)
    }
    .the_live_counter{
        float:right;
        margin-top:28px
    }
    #header-news-logo-size{
        max-width:60%;
        margin-top:-20px;
        max-height:45px
    }
    .jk_countdown_banner .buttons{
        margin-top:10px;
        margin-bottom:40px
    }
    .jk_countdown_banner.news .buttons{
        margin-top:10px;
        margin-bottom:0
    }
    .jk_countdown_banner .buttons .preview{
        background-size:32px
    }
    .jk_countdown_banner .buttons .get_tfc{
        background-size:32px
    }
    .jk_related_news{
        padding-top:0;
        padding-bottom:0;
        margin:0 0 0 34px
    }
    .body.account .payment_info_area .select_outer select{
        padding:12px 20px
    }
    .jk_countdown_banner .buttons a{
        padding:9px 10px 9px 45px;
        margin-bottom:5px
    }
    .jk_countdown_banner .more_text{
        font-size:14px;
        padding-top:20px;
        margin-top:12px;
        margin-bottom:-33px
    }
    .main-container-xl{
        padding:0 0 0 35px;
        margin:auto auto 20px
    }
    .colored-gradient-bg .main-container-xl .main-container-xl{
        padding:0!important
    }
    .blockbuster-mvs-section{
        font-family:'Helvetica';
        text-align:center;
        margin-top:50px;
        padding-left:34px;
        padding-top:20px
    }
    .heading-blockbuster-desc{
        font-size:24px
    }
    .colored-gradient-bg{
        background:url(https://img.tfc.tv/assets/img/colored-gradient-bg.png) no-repeat;
        background-position:top center;
        background-size:170%;
        padding-top:20px!important;
        margin-bottom:0!important
    }
    .profile_page .profile_body {
        margin-top: 35px;
    }
    .profile_page .nav-tabs{
        padding:0 !important;
    }
    .tab-content .plan-details{
        padding: 35px 25px !important;
    }
    .tab-content .plan-details .plan-desc{
        width: 100%;
        float:left;
    }
    .tab-content .plan-details .plan-desc .entitlement{
        width:30%;
        float:left;
    }
    .tab-content .plan-details .plan-desc .features{
        width:70%;
        float:left;
    }
    .tab-content .plan-details, .tab-content .more-plans{
        width: 100% !important;
    }
    .tab-content {
        display: block !important;
    }
    .tab-content .plan-details .show-details.mob{
        display:none !important;
    }
    .tab-content .plan-details .show-details.tab{
        display:block !important;
    }
    .tab-content .plan-details .all-details{
        display: none;
    }
    #featured-on-news{
        margin-top:0!important
    }
    .shows-slider-title{
        font-size:25px!important
    }
    .shows-slider-aired{
        font-size:12px!important
    }
    .shows-slider-prev-link{
        margin-top:0!important;
        margin-left:-6px!important
    }
    .shows-slider-prev-link .link-right{
        padding:10px 0 10px 30px;
        margin-left:0;
        border-left:none
    }
    .show-title{
        margin-top:-40px;
        margin-bottom:28px;
        font-size:24px;
        font-weight:bolder;
        text-transform:capitalize
    }
    ad-square img{
        margin-top:10px
    }
    .jk_countdown_banner.news{
        display:none
    }
    .slick-mobile-slider-h .show-cover-thumb-title-mobile{
        padding:9px 0 0!important;
        max-width:130px!important
    }
    .horizontal a .show-cover{
        height:128px;
        max-width:210px!important
    }
    .new .horizontal .show-cover{
        height:128px;
        max-width:210px!important;
        margin:10px 0 0 10px !important
    }
    .new .horizontal .show-cover .show-cover-details{
        display:none!important
    }
    .content-current .show-cover-thumb-title-mobile,.horizontal h3.show-cover-thumb-title-mobile{
        padding:9px 0 0 10px
    }
    .show-cover-thumb-title-mobile{
        padding:9px 0 0
    }
    .thumbnail-container .show-cover-thumb-aired-mobile{
        padding:10px 0 0
    }
    .show-cover-thumb-aired-mobile{
        padding:10px 0 0 10px
    }
    .slick-initialized .slick-slide{
        margin:0!important
    }
    .slick-slider{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 50px!important;
        background-size:60px
    }
    .blue.slick-slider{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 50px!important;
        background-size:60px;
        width:100%
    }
    .tp-loader.spinner2{
        background:url(https://img.tfc.tv/assets/img/ripple.gif) no-repeat;
        background-position:center 50px!important;
        background-size:60px
    }
    .new .horizontal a .show-cover{
        height:128px;
        max-width:210px!important
    }
    #more-shows-eps-thumbs,#morelikethis-shows-thumbs{
        margin-left:15px
    }
    .detail-header-section-registered{
        margin-top:0!important
    }
    .jk_related_news .slick-slide{
        height:210px;
        margin-top:10px!important
    }
    .blockbuster-movies{
        margin-top:-100px!important
    }
    .slider-on-mobile{
        margin-top:0;
        padding-left:0!important
    }
    .thumbnail-container{
        margin-left:34px;
        margin-right:34px!important
    }
    .detail-section-bg .thumbnail-container{
        margin-left:0;
        margin-right:0!important
    }
    #show-header-slider{
        margin-top:10px!important
    }
    .home-slider-show-desc{
        padding-left:10px!important
    }
    .home-slider-aired{
        padding-left:10px!important
    }
    .home-slider-logo,.home-slider-aired,.home-slider-show-desc,.shows-slider-aired,.shows-slider-title{
        padding-left:0!important;
        margin-left:-6px!important
    }
    .tp-caption.shows-slider-aired{
        margin:-162px 0 0 -6px !important
    }
    .tp-caption.shows-slider-title{
        margin:-155px 0 0 -6px !important
    }
    .tp-caption.shows-slider-prev-link{
        margin:-156px 0 0 -6px !important
    }
    #movies-slider .tp-caption.shows-slider-prev-link{
        margin-left:9px!important
    }
    #show-header-slider .tp-bullets{
        margin-top:-3px!important
    }
    #main_nav_mobile ul{
        width:288px
    }
    .children-list{
        padding:0 30px
    }
    #main_nav_mobile li{
        padding:8px 34px 0
    }
    li.has_children > a{
        margin-right:0
    }
    .navbar-toggle .icon-bar{
        width:22px
    }
    .logo-xs{
        width:65%
    }
    search-btn{
        margin-top:0
    }
    .search-on-mobile{
        right:120px;
        bottom:40px;
        padding-right:16px
    }
    li a.signin-btn{
        margin-top:-45px;
        left:20px;
        float:right!important;
        color:#fff!important;
        font-size:16px
    }
    .search-icon{
        padding-right:0;
        width:90%
    }
    .heading-slider .first{
        margin:60px 0 0
    }
    .heading-slider{
        margin:10px 0;
        float:left;
        width:100%;
    }
    .regional-news .horizontal a .show-cover{
        margin:10px auto 0
    }
    .heading-slider.heading-subcategory{
        margin:-60px 0 12px
    }
    .load-more-button.subcategory{
        margin-top:40px;
        height:0;
        margin-bottom:90px
    }
    .og-grid.tv-programs-grid{
        padding:0!important
    }
    .og-grid.tv-programs-grid li{
        float:left;
        width:25%;
        min-height:200px;
        min-width:32.33333%;
        padding:0;
        margin:0 3px 30px!important
    }
    .main-tab-content{
        margin:140px 35px 150px
    }
    .og-grid li > a,.og-grid li > a img{
        width:100%
    }
    .blockbuster-movies .show-cover-thumb-title-mobile{
        margin-left:0
    }
    .horizontal{
        margin-left:-10px
    }
    .blockbuster{
        margin-left:-10px
    }
    ul.footer-list li{
        padding-right:0
    }
    .footer-all-right-reserved{
        margin-right:15px;
        margin-left:-40px;
        margin-top:105px
    }
    ul.footer-list li{
        display:inline
    }
    .social-links img{
        padding-left:0
    }
    .social-links img+img{
        margin-left:13px
    }
    .social-links{
        margin:15px 15px 0 0
    }
    .horizontal{
        overflow-y:hidden
    }
    .blockbuster-first{
        margin-left:100px
    }
    .detail-video-cont.unregistered .after-play .ap-desc{
        margin-top:10px
    }
    .slick-initialized .slick-slide{
        max-width:220px!important
    }
    .detail-header-section-unregistered.live-video-detail .detail-video-cont.unregistered{
        width:100%
    }
    .detail.registered{
        background-image:url(https://img.tfc.tv/assets/img/online-premiere-bg.png);
        background-size:100% 100%;
        background-position:center;
        background-color:#12181f;
        min-height:0;
        padding-bottom:100px;
        margin-bottom:-90px!important;
        margin-top:0!important
    }
    .detail-section-bg,.celeb-topic-section,.online-premiere-section,.topic-section-bg{
        background-image:url(https://img.tfc.tv/assets/img/online-premiere-bg.png);
        background-size:100% 100%;
        background-position:center;
        background-color:#132334;
        min-height:0;
        padding-bottom:100px;
        margin-bottom:0
    }
    .detail-section-bg.free{
        float:left
    }
    .main-container-xl .h2{
        font-size:16px
    }
    footer li a{
        font-size:14px
    }
    .app-store,.google-play{
        width:auto
    }
    .detail-video-cont .akamai-playing,.detail-video-cont .akamai-ready{
        z-index:1000
    }
    .detail-video-cont.registered .akamai-paused{
        z-index:1000
    }
    #show-header-slider .horizontal{
        overflow-y:visible
    }
    #show-header-slider .tp-bullets{
        -webkit-transform:translateY(38px)!important;
        -moz-transform:translateY(38px)!important;
        -ms-transform:translateY(38px)!important;
        -o-transform:translateY(38px)!important;
        transform:translateY(38px)!important
    }
    .online-premiere-section .h1.heading-blockbuster{
        font-size:24px;
        margin-top:0;
        margin-bottom:0
    }
    .online-premiere-section .heading-blockbuster-desc{
        font-size:16px;
        line-height:26px;
        margin-top:0;
        margin-bottom:48px
    }
    #online-pre.h2{
        font-size:16px
    }
    .topic-title-h1{
        font-size:24px
    }
    .hero-image-rating{
        font-size:12px
    }
    .detail-title-overview{
        font-size:16px;
        margin-bottom:0
    }
    .detail-title-overview.registered{
        padding-top:25px
    }
    .share-link{
        font-size:14px;
        float:left
    }
    .share-link img{
        width:10px
    }
    .celeb-desc-p.white-line-top.topic-pages{
        margin-top:20px;
        clear:both
    }
    .celeb-desc-p .sm{
        font-size:12px
    }
    .detail-share-addtolist{
        padding-top:115px;
        padding-bottom:5px
    }
    .detail-share-addtolist.jk_live{
        padding-top:75px;
        padding-bottom:5px
    }
    .detail-share-addtolist.jk_live .share-link+.share-link{
        margin-top:10px
    }
    .topic-more-like-this{
        font-size:16px;
        clear:both
    }
    .show-cover-thumb-title-mobile{
        display:block;
        width:200px
    }
    .blue.feature-carousel .horizontal a .show-cover{
        margin:60px auto 0!important
    }
    .detail-section-bg .show-cover-thumb-aired-mobile{
        margin-top:10px
    }
    .blue.feature-carousel+.topic-more-like-this{
        margin-top:45px;
        margin-bottom:-30px
    }
    .review .img-circle{
        max-width:52px;
        margin-right:8px
    }
    .time-review{
        font-size:12px
    }
    .review .media{
        margin-top:30px;
        padding-bottom:30px
    }
    .review .media .media-body{
        font-size:16px;
        line-height:26px
    }
    .review .hashtag img{
        width:20px
    }
    .review .h4{
        margin-bottom:0
    }
    .detail-play-btn img{
        width:120px
    }
    .detail-image-logo.registered,.detail-image-logo.unregistered{
        margin-left:160px;
        bottom:150px
    }
    .detail-image-logo.registered img,.detail-image-logo.unregistered img{
        max-height:60px
    }
    .detail-video{
        height:450px
    }
    .detail-control-cont{
        padding-left:34px;
        height:450px
    }
    .detail-video-cont.unregistered{
        height:255px;
        padding-bottom:0
    }
    .detail-video-cont.registered{
        height:450px
    }
    .detail-video-cont.registered #playerTarget{
        max-height:450px!important
    }
    .detail-video-cont.registered .akamai-video.akamai-layer{
        margin-top:0
    }
    .topic-title-h1.live{
        padding-bottom:0;
        margin-top:113px
    }
    .topic-title-h1.live>div{
        padding:0
    }
    .topic-title-h1.live .jk_countdown_banner{
        margin-bottom:24px
    }
    .topic-title-h1.live .the_live_counter{
        margin:0;
        float:none;
        padding:30px 0 15px;
        display:inline-block
    }
    .topic-title-h1.live .jk_countdown_banner.live-detail-countdown{
        margin:0;
        float:none;
        text-align:center
    }
    .curve-up-blue.registered{
        height:100px!important;
        bottom:0
    }
    .tabs.celeb-tabs-section{
        padding-left:34px!important;
        padding-right:34px!important
    }
}
@media (min-width: 1101px){
    header>.inner{
        padding:15px 34px 0 20px;
        position:relative;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .review .social-media-body{
        padding-left:78px
    }
}
@media (max-width: 1024px){
    header>.inner{
        padding-bottom:0;
    }
    .horizontal .close-thumb{
        opacity:1
    }
    .horizontal .close-confirm{
        position:relative;
        font-size:10px
    }
    .horizontal .close-confirm .btn .ex,.horizontal .close-confirm .btn .check{
        width:25px;
        height:25px;
        float:left;
        margin-left:10px
    }
}
@media (min-width: 768px) and (max-width: 1199px){
    ::-webkit-scrollbar{
        width:0;
        background:transparent
    }
    .detail-image-logo.unregistered{
        margin-left:0
    }
    .detail-image-logo.unregistered img{
        max-height:79px!important
    }
    .show-video-detail>.colored-gradient-bg.detail.unregistered{
        min-height:460px;
        background-size:cover;
        padding:46px 35px 0!important
    }
    .detail-header-section-unregistered .detail-wrapper-sidebar{
        margin-top:40px;
        margin-bottom:90px
    }
    .detail-sidebar-title{
        font-size:14px
    }
    .detail-sidebar-ad img{
        max-width:100%
    }
    img.akamai-branding-image{
        height:30px!important;
        width:87px!important;
        margin:10px 20px 0 0 !important
    }
    .detail-video-cont.unregistered .parental-advisory{
        padding:80px 0
    }
    .detail-video-cont.registered .parental-advisory{
        padding:200px 0 0
    }
    .detail-video-cont.unregistered{
        max-width:100%;
        background-position:center center!important;
        margin-bottom:23px!important
    }
    .detail-header-section-unregistered{
        height:auto;
        position:relative;
        padding-bottom:10px
    }
    .detail-header-section-unregistered .detail-video-cont.unregistered play{
        margin:0;
        position:absolute;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
    .detail-section-bg.unregistered{
        clear:both;
        margin-top:0!important
    }
    .detail-title-info-unregistered .detail-title-overview{
        padding-top:90px;
        padding-bottom:25px;
        margin-bottom:25px
    }
    .detail-section-bg.unregistered .detail-share-addtolist{
        padding-top:52px
    }
    .detail-section-bg.unregistered .horizontal.slick-slide.slick-current.slick-active,.detail-section-bg.unregistered .portrait.slick-slide.slick-current.slick-active{
        padding-left:0!important
    }
    .detail-section-bg.unregistered .main-container-md .blue.feature-carousel .horizontal a .show-cover{
        margin-bottom:0!important;
        margin-top:50px!important
    }
    .detail-section-bg.unregistered .show-cover-thumb-aired-mobile{
        margin-top:0;
        font-size:10px!important
    }
    .detail-section-bg.unregistered .blue.feature-carousel{
        padding-right:34px
    }
    .detail-section-bg.unregistered .jk_overview_un{
        padding-left:0!important
    }
    .unregistered .main-container-md.thumbnail-container .h2.heading-slider.heading-topicpage{
        margin:50px 0 25px!important
    }
}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1413px){
    .my-list-page-section .og-grid{
        width:100%!important;
        overflow:hidden!important;
        margin:0 20px
    }
    #mylist-movies .og-grid{
        margin:-50px 0 0!important;
        padding:20px 0!important
    }
}
@media (max-width: 374px){
    .footer-list{
        margin:45px 5px 5px;
        padding-left:30px
    }
}
.hd_left .ham-svg-icon{
    margin-left:0;
    width:20px;
    margin-top:0;
    max-width:100%
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px){
    .detail-header-section-registered.live-video-detail .detail-video{
        margin-top:140px
    }
    .detail-header-section-registered.live-video-detail .detail.registered{
        padding-bottom:0!important
    }
    .detail-header-section-registered.live-video-detail .topic-title-h1.live{
        border-bottom:0;
        padding-bottom:0;
        margin-top:20px
    }
    .membership-sticky-bar .msb-btn a{
        font-size:10px
    }
    .membership-sticky-bar .msb-desc{
        font-size:11px;
        max-width:calc(100% - 130px);
        margin-left:0!important
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .sub-category-page ul.og-grid.grid-block-dates li{
        height:170px!important
    }
    ul.og-grid.grid-block-dates .horizontal .show-cover{
        height:150px
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2){
    .detail-header-section-registered.live-video-detail .detail-video{
        margin-top:170px
    }
    .detail-header-section-registered.live-video-detail .topic-title-h1.live{
        border-bottom:0;
        padding-bottom:0;
        margin-top:0
    }
    .detail-header-section-registered.live-video-detail .detail.registered{
        padding-bottom:20px!important
    }
    #mylist-shows .og-grid li,#mylist-episodes .og-grid li{
        margin:14px 0 0!important;
        height:147px!important;
        min-width:50%;
        min-height:100px
    }
    .live-video-detail .colored-gradient-bg.detail.unregistered .jk_countdown_banner.live-detail-countdown{
        margin-top:-30px
    }
    .detail-section-bg.unregistered{
        margin:0 0 35px!important;
        padding-top:0
    }
    .detail-section-bg{
        margin:0!important;
        display:block;
        float:left;
        padding-top:0!important
    }
    .detail.registered .topic-title-h1{
        margin:20px 14px 0
    }
    .detail.unregistered .topic-title-h1{
        margin:20px 14px 0;
        float:left;
        width:100%
    }
    .tabs{
        width:93%
    }
    .membership-sticky-bar .msb-desc{
        font-size:12px;
        max-width:calc(100% - 170px);
        margin-left:0!important;
        text-align:left
    }
    .membership-sticky-bar .msb-btn a{
        font-size:12px;
        margin-right:10px!important;
        float:right!important
    }
    .main-container-xl-mobile{
        margin-top:-30px!important; 
    } 
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
    .sub-category-page ul.og-grid.grid-block-dates li{
        height:220px!important
    }
    ul.og-grid.grid-block-dates .horizontal .show-cover{
        height:200px
    }
}
@media only screen and (min-device-width: 412px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3){
    .detail-header-section-registered.live-video-detail .detail-video{
        margin-top:170px
    }
    .detail-header-section-registered.live-video-detail .topic-title-h1.live{
        border-bottom:0;
        padding-bottom:0;
        margin-top:15px;
        float:left
    }
    .detail-header-section-registered.live-video-detail .detail.registered{
        padding-bottom:0!important;
        float:left;
        height:auto;
        width:100%
    }
    .membership-sticky-bar .msb-desc{
        max-width:calc(100% - 170px)
    }
    .colored-gradient-bg.detail.unregistered{
        padding-top:60px!important;
        float:left;
        padding-bottom:0;
        width:100%
    }
    .detail-image-logo{
        width:100%;
        float:left;
        margin-bottom:25px;
        margin-top:30px!important
    }
    .detail-video-cont.unregistered{
        opacity:1
    }
    .detail-section-bg.unregistered{
        margin:10px 0 35px!important;
        padding-top:0
    }
    .topic-title-h1.live{
        border-bottom:0;
        padding-bottom:70px;
        margin-top:-360px
    }
    .detail-section-bg{
        margin:0!important
    }
    .detail.registered .topic-title-h1{
        margin:20px 14px 0
    }
    .detail.unregistered .topic-title-h1{
        margin:20px 0 0 10px
    }
    .tabs{
        width:93%
    }
    .main-container-xl-mobile{
        margin-top:-30px!important;
        margin-top:-30px!important
    }
    .tp-bullets.ares.horizontal.noSwipe{
        top:430px!important;
        left:70%!important
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape){
    .sub-category-page ul.og-grid.grid-block-dates li{
        height:220px!important
    }
    ul.og-grid.grid-block-dates .horizontal .show-cover{
        height:200px
    }
}
@media only screen and (max-width: 1280px) and (min-width: 760px){
    header:not(.signin) .logo{
        width:95px!important;
        float:left
    }
    .signup .ps-notes{
        font-size:12px!important;
        font-style:italic!important;
        float:left!important;
        margin-top:30px!important;
        position:absolute!important;
        bottom:170px!important;
        width:85%!important
    }
}
@media only screen and (max-width: 1280px) and (min-width: 992px){
    .signup_area .packages .package{
        padding:4px!important;
        text-align:center!important;
        font-size:16px!important;
        max-width:290px!important;
        min-width:290px!important;
        float:none!important;
        display:inline-block!important;
        vertical-align:top!important
    }
    .signup .signup_area .packages .package>.inner{
        padding:59px 20px 220px!important;
        min-height:750px!important;
        -webkit-transition:all .9s!important;
        -ms-transition:all .9s!important;
        transition:all .9s!important
    }
    .signup_area .packages .package>.inner{
        border:2px solid #262A2F!important;
        padding:59px 30px 38px!important;
        position:relative!important;
        background:url(https://img.tfc.tv/assets/img/signup_bg1.png) no-repeat center top/ 100% auto!important
    }
    .signup .signup_area .package .inner{
        min-height:580px!important
    }
    .signup_area .package .bottom_info{
        position:absolute!important;
        bottom:40px!important;
        width:85%!important
    }
    .signup .signup_area .packages .price{
        font-weight:700!important;
        margin:25px 0 20px!important;
        padding-top:30px!important;
        border-top:1px solid #2B3037!important;
        float:left!important;
        width:100%!important
    }
    .signup_area .packages .price{
        font-weight:700!important;
        margin:35px 0 40px!important
    }
}
@media only screen and (max-width: 991px){
    .signup .signup_area .packages .package>.inner{
        padding-bottom:20px
    }
}
@media only screen and (max-device-width: 413px) and (min-device-width: 376px){
    .tabs{
        width:93%
    }
}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
    .detail-section-bg .main-container-md .blue.feature-carousel .horizontal a .show-cover:hover{
        margin:60px auto 0!important
    }
}
@media only screen and (min-width: 1500px){
    .colored-gradient-bg{
        min-height:800px
    }
    .colored-gradient-bg.shows-header{
        min-height:100px
    }
}
@media only screen and (min-width: 2000px){
    .colored-gradient-bg{
        min-height:1000px
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
    .detail-video-cont.unregistered{
        height:350px
    }
    .fs-notif-vio .desc-vio{
        width:70%
    }
}
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){
    #hero{
        margin-bottom:170px!important
    }
    .navbar-toggle{
        display:block!important
    }
    .hd_left .logo{
        float:left
    }
    .movies-slider,.home-slider,#main_nav_desk{
        display:none!important
    }
    #main_nav_mobile{
        border:0;
        background:none;
        width:100%;
        overflow:auto
    }
    header .hd_left img{
        width:85px;
        margin-left:24px;
        margin-right:0!important
    }
    header>.inner{
        padding:24px 50px 0!important;
        position:relative
    }
    .menu_button_over_arrow.active{
        display:block!important
    }
    .membership-sticky-bar .msb-desc{
        margin-left:10%!important
    }
}
.body.promo{
    background:#09090A url(https://img.tfc.tv/assets/img/promo_bg.png) no-repeat center top;
    -webkit-background-size:100% auto;
    background-size:100% auto
}
.promo_pages .basic_info{
    padding-top:10px;
    font-size:30px;
    text-align:center;
    color:#fff;
    line-height:40px;
    max-width:785px;
    margin:auto
}
.promo_pages .basic_info h1{
    font-size:60px;
    margin:0 0 25px;
    text-transform:uppercase;
    font-weight:700
}
.promo_pages .basic_info h2,.promo_pages .basic_info h3{
    font-size:34px;
    margin:0 0 5px;
    text-transform:uppercase;
    font-weight:700
}
.promo_pages .basic_info p{
    margin-bottom:70px
}
.promo_pages.yellow .highlight{
    color:#ffea00
}
.promo_pages.green .highlight{
    color:#007c37
}
.promo_pages.orange .highlight{
    color:#FF8A01
}
.promo_pages .promo_info h2.highlight{
    text-align:center;
    font-size:24px;
    font-weight:700;
    margin:10px 0 75px
}
.promo_pages .promo_info{
    border:2px solid #303031;
    padding:20px 20px 65px;
    color:#fff;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top:50px;
    margin-bottom:-140px;
    position:relative
}
.promo_pages .new_wu>.left{
    padding:22px 30px 320px;
    position:static
}
.promo_pages .new_wu>.right{
    padding:0 55px;
    margin-top:5px;
    border-left:2px solid #303031;
    min-height:1000px
}
.promo_pages .new_wu .step{
    font-size:18px;
    line-height:24px;
    margin-bottom:53px;
    text-align:center
}
.promo_pages .new_wu .number{
    display:block;
    font-size:60px;
    font-weight:700;
    color:#000;
    background-color:#FFDE00;
    border:5px solid #FFDE00;
    width:80px;
    height:80px;
    text-align:center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    font-family:"helveticabold",Helvetica,sans-serif;
    padding-top:24px;
    margin:0 auto 12px
}
.promo_pages.green .new_wu .number{
    background-color:#007c37;
    border-color:#007c37
}
.promo_pages.orange .new_wu .number{
    background-color:#FF8A01;
    border-color:#FF8A01
}
.promo_pages .new_wu .active .number{
    border:5px solid #fff
}
.promo_pages .promo_by{
    font-size:18px;
    text-align:center;
    position:absolute;
    left:0;
    bottom:70px
}
.promo_pages .promo_by img{
    vertical-align:middle
}
.promo_pages .promo_by p{
    margin-bottom:20px
}
.promo_pages .new_wu .video{
    font-size:18px;
    padding-top:10px;
    text-align:center
}
.promo_pages .new_wu iframe{
    border:0
}
.promo_pages .new_wu .embed-container{
    margin:0 0 13px
}
.promo_pages .guidlines{
    margin-top:39px;
    margin-bottom:-40px;
    position:relative
}
.promo_pages .guidlines>p{
    font-size:18px;
    margin-bottom:13px
}
.promo_pages .guidlines .scroll_text{
    line-height:24px;
    font-size:14px
}
.promo_pages .guidlines .scroll_text a{
    color:#fff
}
.promo_pages .guidlines .scroll_text a:hover{
    text-decoration:underline
}
.promo_pages .guidlines .scroll_text > ol{
    padding-left:13px
}
.promo_pages .guidlines .scroll_text >ol>li{
    margin-bottom:23px
}
.promo_pages .guidlines .scroll_text ol ol,.promo_pages .guidlines .scroll_text ol ul{
    padding-left:37px
}
.promo_pages .new_wu .reg_left{
    border:0;
    padding:0
}
.promo_pages .orange_but{
    padding:15px 40px
}
.promo_pages .or{
    font-size:24px;
    color:#1362ac;
    text-align:center;
    margin:35px 0;
    font-weight:700
}
.promo_pages .transaction p{
    margin-bottom:25px;
    font-size:18px;
    font-weight:400;
    color:#fff
}
.promo_pages .transaction form{
    margin-top:35px
}
.promo_pages .new_wu select{
    padding:13px 20px
}
.promo_pages .blue_but{
    border-radius:10px;
    font-family:Helvetica,sans-serif;
    font-weight:700;
    margin-top:14px;
    padding:15px 12px;
    transition:all .4s ease 0
}
.promo_pages .tab-pane h3{
    text-align:center;
    font-size:30px;
    font-family:"gothic";
    margin:-7px 0 48px
}
.promo_pages .tab-pane h3.sub_title{
    margin:48px 0
}
.promo_pages .tab-pane#WU_new3 h3{
    line-height:40px
}
.promo_pages .tab-pane p{
    font-size:18px;
    margin:26px 0
}
.promo_pages .form-group{
    margin-bottom:28px
}
.promo_pages .form-group label{
    font-size:16px;
    color:#ccc;
    margin-bottom:4px
}
.body.account .promo_pages .tab-pane .orange_but{
    width:auto;
    margin:60px auto 0;
    display:block;
    padding-left:50px!important;
    padding-right:50px!important;
    min-width:260px
}
.promo_pages .tab-pane .circle_or{
    margin:48px 0 42px
}
.promo_pages #form_create_account{
    margin-top:-16px
}
.promo_pages #form_trans_details{
    margin-top:75px
}
.promo_pages #WU_new2{
    text-align:center!important
}
.promo_pages #WU_new2 .profile_header{
    border-radius:100%;
    border:solid 1px;
    width:150px;
    height:150px;
    background-size:cover;
    margin:60px auto 50px
}
.promo_pages #WU_new2 .wu_user_name{
    text-transform:uppercase;
    font-weight:700;
    line-height:0;
    font-size:22px
}
.promo_pages #WU_new2 .wu_user_add{
    line-height:0;
    font-size:14px
}
.promo_pages #WU_new2 .wu_user_since{
    font-size:15px;
    margin:50px auto 100px;
    text-transform:uppercase
}
.promo_pages #WU_new2 .wu_user_signout{
    font-size:14px;
    font-style:italic;
    color:#bcbcbc
}
.body.account .promo_pages input[type=checkbox]{
    padding:0
}
.body.account .promo_pages .checkbox_outer+label{
    max-width:90%;
    max-width:calc(100% - 50px)
}
.body.account .promo_pages .check_box{
    margin-top:55px
}
.body.account .promo_pages .check_box a{
    color:#ccc
}
.body.account .promo_pages .check_box label{
    vertical-align:top
}
.body.account .promo_pages .check_box .checkbox_outer{
    margin-top:5px
}
.promo_pages .tab-pane .form-group{
    margin-left:-3px;
    margin-right:-3px
}
.promo_pages .tab-pane .form-group>div{
    padding-left:3px;
    padding-right:3px;
    padding-left:3px;
    padding-right:3px
}
.promo_pages .promo_img{
    text-align:center
}
.promo_pages .promo_img img{
    max-width:100%
}
.promo_pages .promo_by .pmimg{
    max-width:100%;
    margin-bottom:40px
}
#promo_popup{
    padding:0!important;
    margin:0!important;
    font-size:16px;
    background-color:rgba(18,24,31,0.9)
}
#promo_popup .modal-content{
    margin:0;
    padding:0;
    right:3px;
    top:3px;
    left:auto;
    border:none;
    background-color:#117703;
    color:#fff;
    padding:20px 15px;
    border-radius:7px;
    max-width:590px;
    position:absolute
}
#promo_popup .table{
    display:table;
    width:100%;
    margin:0
}
#promo_popup .table-cell{
    display:table-cell;
    vertical-align:middle
}
#promo_popup .table-cell.one{
    padding:0 20px
}
#promo_popup h4{
    font-size:20px;
    font-weight:700;
    margin:0 0 7px
}
.embed-container{
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    max-width:100%;
    height:auto
}
.embed-container iframe,.embed-container object,.embed-container embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@media (max-width: 1199px){
    .promo_pages{
        padding-left:20px;
        padding-right:20px
    }
    .promo_pages .basic_info{
        padding-top:0;
        font-size:18px;
        line-height:24px;
        max-width:470px
    }
    .promo_pages .basic_info h1{
        font-size:48px;
        line-height:40px
    }
    .promo_pages .basic_info h2,.promo_pages .basic_info h3{
        font-size:18px;
        margin:0 0 15px
    }
    .promo_pages .promo_info h2.highlight{
        font-size:18px;
        margin:0 0 16px
    }
    .promo_pages .promo_info{
        margin-top:0;
        padding-bottom:40px
    }
    .promo_pages .new_wu .number{
        font-size:42px;
        width:57px;
        height:57px;
        padding:15px 0 0;
        margin-bottom:9px
    }
    .promo_pages .new_wu .step{
        font-size:12.75px;
        line-height:17px;
        margin-bottom:36px
    }
    .promo_pages .new_wu>.left{
        padding:22px 5px
    }
    .promo_pages .new_wu>.right{
        padding:0 5px;
        border-left:0
    }
    .promo_pages .new_wu .video{
        font-size:12.54px
    }
    .promo_pages .guidlines .scroll_text{
        font-size:9.75px;
        line-height:16.72px
    }
    .promo_pages .guidlines>p{
        font-size:12.54px
    }
    .promo_pages .tab-pane h3{
        font-size:20px
    }
    .promo_pages .form-group label{
        font-size:10.76px;
        float:left
    }
    .promo_pages .new_wu input{
        font-size:14px;
        padding:8px 15px
    }
    .promo_pages .new_wu select{
        font-size:14px;
        padding:10px 15px
    }
    .promo_pages .form-group{
        margin-bottom:14px;
        width:100%
    }
    .promo_pages .new_wu input[type=submit]{
        font-size:10px
    }
    .body.account .promo_pages .tab-pane .orange_but{
        margin-top:36px;
        padding:17px 30px!important;
        min-width:172px
    }
    .promo_pages .tab-pane .circle_or{
        font-size:10px;
        width:36px;
        height:36px;
        margin:30px 0;
        padding-top:12px
    }
    .promo_pages .tab-pane h3{
        margin-bottom:30px
    }
    .promo_pages .tab-pane h3.sub_title{
        margin:30px 0
    }
    .promo_pages .tab-pane#WU_new3 h3{
        line-height:26px
    }
    .body.account .promo_pages .check_box{
        margin-top:33px
    }
    .promo_pages .tab-pane .check_box label{
        font-size:10.76px
    }
    .promo_pages .promo_by{
        font-size:12.75px;
        bottom:22px
    }
    .promo_pages .promo_by p{
        margin-bottom:14px
    }
    .promo_pages .promo_by .pmlogo{
        max-height:30px;
        width:auto
    }
    .promo_pages .new_wu .reg_left{
        margin-top:22px
    }
    .promo_pages .tab-pane p{
        font-size:11.96px;
        margin:15px 0
    }
    .promo_pages #form_trans_details{
        margin-top:43px
    }
    .promo_pages .tab-pane .form-group .col-xs-12{
        padding-top:10px;
        padding-bottom:5px
    }
}
@media (max-width: 767px){
    .promo_pages .new_wu>.left{
        display:none
    }
    .promo_pages .new_wu>.right .tab-pane{
        display:block!important;
        opacity:1
    }
    .promo_pages .basic_info{
        font-size:14px;
        line-height:14.31px
    }
    .promo_pages .basic_info h1{
        font-size:34.74px;
        line-height:28.95px;
        margin:0 0 17px
    }
    .promo_pages .basic_info h2,.promo_pages .basic_info h3{
        font-size:14.82px;
        margin:0 0 15px
    }
    .promo_pages .basic_info p{
        margin-bottom:40px
    }
    .promo_pages h2.highlight{
        font-size:16px
    }
    .promo_pages .guidlines{
        display:none;
        margin:0;
        padding-top:1px;
        padding-bottom:20px
    }
    .promo_pages .promo_info{
        border-width:0;
        border-top-width:2px;
        padding-left:0;
        padding-right:0
    }
    .promo_pages .new_wu .step{
        text-align:left;
        display:table;
        width:100%;
        font-size:12.75px;
        margin-top:40px;
        margin-bottom:20px
    }
    .promo_pages .new_wu .step>div{
        display:table-cell;
        vertical-align:middle;
        padding-right:12px
    }
    .promo_pages .new_wu .step p{
        margin:0 0 15px;
        font-size:12.75px
    }
    .promo_pages .new_wu .number{
        width:45px;
        height:45px;
        border-color:#FFDE00!important;
        font-size:34px;
        padding-top:10px;
        margin-top:0
    }
    .promo_pages #WU_new1 .step{
        margin-bottom:0
    }
    .promo_pages .tab-pane h3{
        margin-bottom:12px
    }
    .promo_pages #form_create_account{
        margin-top:25px
    }
    .promo_pages .tab-pane .form-group .col-sm-6{
        margin-bottom:15px
    }
    .promo_pages .tab-pane h3.sub_title{
        margin:45px 0 14px;
        float:left;
        width:100%
    }
    #promo_popup{
        font-size:8px
    }
    #promo_popup h4{
        font-size:10px
    }
    .main-container-xl-mobile{ 
        padding-left: 10px !important;
    }
    .main-container-xl#free-episodes{
        float:left;
    }
    .center a.bordered_button {
        float:left;
        margin:10px auto 20px 3% !important;
    }
}
@media (min-width: 768px){
    .promo_pages .guidlines{
        display:block!important
    }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){
    #main_nav_desk .sb_right .extra_info_item{
        position:relative
    }
    .show-cover-thumb-title-mobile{
        width:210px
    }
    .show-cover-thumb-title-mobile:hover,.show-cover-thumb-title-mobile:focus{
        color:#fff
    }
    a.slick-slide:hover,a.slick-slide:focus{
        color:#fff!important
    }
}
input[type=text]::-ms-clear{
    display:none;
    width:0;
    height:0
}
input[type=text]::-ms-reveal{
    display:none;
    width:0;
    height:0
}
select::-ms-expand{
    display:none
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 50px #fff inset
}
a.slick-slide,a.slick-slide:hover,a.slick-slide:focus,a.slick-slide:visited,a.slick-slide:active{
    color:#fff!important
}
.clearfix:before,.clearfix:after{
    content:"";
    display:table
}
.clearfix:after{
    clear:both
}
.clearfix{
    zoom:1
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .detail-section-bg,.celeb-topic-section,.online-premiere-section,.topic-section-bg{
        float:none
    }
}
#sharebar-ui{
    margin-top:10px
}
#sharebar-ui.share-link,.addToList.share-link{
    display:block;
    float:none
}
.share-addtolist.signed{
    padding-top:94px;
    padding-bottom:0
}
.share-addtolist{
    padding-top:115px;
    padding-bottom:2px
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
    .addToList.share-link{
        margin-bottom:30px!important
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar .share-addtolist.signed{
        padding-top:93px;
        padding-bottom:2px
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar .share-addtolist{
        padding-top:143px;
        padding-bottom:2px
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
    .addToList.share-link{
        margin-bottom:30px!important
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar .share-addtolist.signed{
        padding-top:75px;
        padding-bottom:2px
    }
    .col-md-4.col-xs-4.celebrity-topic-wrapper-sidebar .share-addtolist{
        padding-top:142px;
        padding-bottom:2px
    }
}
.desc_p_container{
    text-align:center;
    margin-top:25px
}
.desc_p_container p{
    font-family:"Helvetica"
}
.desc_p_container p:first-child{
    font-size:18px;
    margin-bottom:5px
}
.desc_p_container p:nth-child(2){
    font-size:16px;
    font-style:oblique
}
.sub_menu .inner .btn-close.cus-btn{
    position:absolute;
    top:0;
    right:10px;
    z-index:2;
    display:block
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape){
    .new-ad .main-container-lg .ad-left{
        max-height:90px
    }
}
.header-hero-image.topic-page{
    margin-top:60px;
}
.new-pricing{
    float:left;
    width:100%
}
.new-pricing .pricing-table{
    width:100%;
    margin:80px auto;
    padding:5px;
    float:left
}
.new-pricing .pricing-table .pricing-plans{
    width:100%;
    float:left;
    padding:7px 5px
}
.new-pricing .pricing-table .pricing-plans.main-feat{
    background:rgba(225,225,225,.1);
    margin:15px 0 10px;
    padding:10px 0 10px 20px
}
.new-pricing .pricing-table .pricing-plans .feat-desc{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    color:rgba(225,225,225,.7);
    float:left;
    position:relative;
    width:52%
}
.new-pricing .pricing-table .pricing-plans .feat-desc.discl{
    font-size:16px
}
.new-pricing .pricing-table .pricing-plans .feat-desc.sub{
    padding:0 0 0 30px
}
.new-pricing .pricing-table .pricing-plans .feat-desc.sub p{
    font-size:11px;
    line-height:18px;
    font-style:italic;
    padding:5px 50px 10px 0
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    color:rgba(225,225,225,.7);
    float:left;
    position:relative;
    text-align:center;
    width:16%
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-name{
    font-size:24px;
    font-weight:bolder;
    text-transform:uppercase
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-name .most-pop{
    color:#ffd400;
    font-size:12px;
    line-height:1;
    font-weight:400
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-price{
    font-size:22px
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc .slct-btn{
    padding:15px;
    background:#88949d;
    color:#000;
    font-weight:700;
    font-size:16px;
    margin:30px auto;
    display:block;
    width:85%;
    z-index:9999;
    position:relative
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc .slct-btn:hover,.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.mst-pplr .slct-btn{
    background:#e15428!important;
    color:#fff
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc #slct-btn1.hover,.new-pricing .pricing-table .pricing-plans .pricing-plan-desc #slct-btn2.hover{
    background:#e15428!important;
    color:#fff
}
.new-pricing .pricing-table .pricing-plans .pricing-plan-desc #slct-btn3.hover{
    background:#88949d!important;
    color:#000
}
.hover-col1{
    overflow:hidden;
    position:relative
}
.hover-slide1{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    -webkit-transition:all .175s ease-in-out,visibility 0 .175s;
    transition:all .175s ease-in-out,visibility 0 .175s;
    visibility:hidden;
    will-change:transform;
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
.hover-row1:hover ~ .hover-row1 .hover-slide1{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
.hover-row1:hover .hover-slide1{
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.hover-row1:hover .hover-col1:hover ~ .hover-col1 .hover-slide1{
    -webkit-transform:translateX(-100%);
    transform:translateX(-1
    00%)
}
.hover-row1:hover .hover-col1:hover .hover-slide1{
    -webkit-transform:none;
    transform:none;
    visibility:visible;
    -webkit-transition-delay:0;
    transition-delay:0
}
.hover-row1{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:48%;
    float:right;
    margin-top:-20px;
    margin-right:0;
    z-index:999;
    position:relative
}
.hover-col1{
    color:#fff;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    position:relative
}
.hover-col1 h2{
    font-weight:300;
    font-size:1.33333rem;
    line-height:1.25;
    margin:0;
    position:absolute;
    bottom:1.5rem;
    right:1.5rem;
    z-index:0
}
.hover-col1:nth-child(2){
    min-width:20%
}
.hover-col1:nth-child(4){
    min-width:33%
}
.hover-col1:nth-child(3) + .hover-col1:nth-child(3){
    min-width:50%
}
.hover-slide1{
    background:rgba(225,225,225,0.05);
    padding:0 1.5rem
}
.hover-slide1.mst-ppl{
    visibility:visible;
    transform:none
}
.hover-slide1.mst-ppl.hover{
    visibility:hidden
}
#hover-col2.hover .hover-slide1,#hover-col1.hover .hover-slide1{
    visibility:visible;
    transform:none
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .new-pricing .pricing-table .pricing-plans .pricing-plan-desc{
        width:33.33%;
        font-size:10px;
        line-height:23px
    }
    .new-pricing .pricing-table .pricing-plans.main-feat .pricing-plan-desc,.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-name,.new-pricing .pricing-table .pricing-plans.plan-btns .pricing-plan-desc,.new-pricing .pricing-table .pricing-plans .pricing-plan-desc.plans-price{
        border:none
    }
    .feat-desc-mob{
        width:100%;
        font-size:12px;
        float:left;
        color:rgba(225,225,225,.8);
        text-align:center
    }
    .new-pricing .pricing-table .pricing-plans .pricing-plan-desc .slct-btn{
        width:95%;
        padding:10px;
        font-size:12px
    }
}
.info-blue img{
    width:15px;
    margin:-10px 0 0
}
.trans-details{
    width:100%;
    padding:0;
    text-align:center;
    float:left;
    background:#d8d8d8
}
.trans-details .trans-sub-dets,.trans-details .trans-sub-title{
    width:33.33%;
    float:left;
    background:#d8d8d8
}
.trans-details .trans-sub-title{
    font-size:14px;
    font-weight:700;
    border-bottom:1px solid #a6a6a6;
    padding:20px 0
}
.trans-details .trans-sub-dets{
    padding:15px 0;
    min-height:50px
}
#transactions td .expand-details{
    cursor:pointer
}
#transactions .loader{
    padding:0!important;
    white-space:unset;
    border:0
}
#transactions .loader img{
    width:30px;
    height:30px
}
#transactions .table>tbody>tr>td{
    white-space:unset!important
}
.modal-content .clickable{
    cursor:pointer
}
.content-current.live-content-current .og-grid.tv-programs-grid li.live-item{
    height:250px
}
.whats-new-tab{
    padding:50px 60px;
    border-radius:0;
    background-color:#eee;
    float:left;
    width:100%
}
.panel-default>.panel-heading{
    color:#333;
    background-color:#fff;
    border-color:#e4e5e7;
    padding:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.panel-default>.panel-heading a{
    display:block;
    padding:10px 15px
}
.panel-default>.panel-heading a:after{
    content:"";
    position:relative;
    top:-17px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    float:right;
    transition:transform .25s linear;
    -webkit-transition:-webkit-transform .25s linear
}
.panel-default>.panel-heading a[aria-expanded="true"]{
    background-color:#eee
}
.panel-default>.panel-heading a[aria-expanded="true"]:after{
    content:"\2212";
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    color:#000
}
.panel-default>.panel-heading a[aria-expanded="false"]:after{
    content:"\002b";
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    color:#000
}
.accordion-option{
    width:100%;
    float:left;
    clear:both;
    margin:15px 0
}
.accordion-option .title{
    font-size:20px;
    font-weight:700;
    float:left;
    padding:0;
    margin:0;
    color:#000
}
.accordion-option .toggle-accordion{
    float:right;
    font-size:16px;
    color:#6a6c6f
}
.accordion-option .toggle-accordion:before{
    content:"Expand All"
}
.accordion-option .toggle-accordion.active:before{
    content:"Collapse All"
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .panel-default .panel-title{
        min-height:50px
    }
    .panel-default>.panel-heading a:after{
        top:8px
    }
    .panel-default>.panel-heading a[aria-expanded="true"]{
        min-height:50px
    }
    .panel-default .update-date{
        font-size:12px;
        padding:2px 14px
    }
    .panel-default .update-subject{
        font-weight:700
    }
    img.kbo-crown{
        width:40px;
        margin:-9px 0 0
    }
}
#main_nav_desk>ul>li.no-sub>a:after{
    display:none!important
}
.whats-new-tab h1{
    color:#000
}
.whats-new-tab li{
    margin:0 25px;
    float:left;
    width:90%
}
.bitrate-menu{
    position:absolute;
    padding:10px;
    right:0;
    bottom:50px;
    z-index:1;
    background-color:rgba(0,0,0,0.5);
    font-size:12px;
    min-width:90px;
    line-height:22px;
    text-align:center
}
.bitrate-menu ul{
    padding:0;
    list-style-type:none
}
.bitrate-menu ul li{
    cursor:pointer
}
.bitrate-menu ul li:hover{
    background-color:#E8931F
}
.amp-unmute.yasuo{
    font-size:16px!important;
    width:170px!important;
    left:5px;
    height:40px!important
}
.amp-unmute.yasuo:after{
    content:""!important;
    padding:5px 0 0 5px
}
.amp-unmute .ttu{
    font-weight:700;
    position:relative;
    left:5px;
    font-family:"gothic"
}
.amp-skipad{
    display:block;
    right:-10px;
    bottom:40px;
    position:absolute;
    background-color:#333!important
}
.amp-skipad:before{
    content:""
}
.amp-skipad:after{
    position:relative;
    content:"";
    font-size:13px;
    font-family:Arial,sans-serif;
    top:0;
    left:0
}
.amp-skipad:hover{
    background-color:#555!important
}
.amp-skipad.zoe{
    font-family:"gothic";
    font-size:16px!important;
    width:220px!important;
    height:100px!important;
	z-index: 1 !important;
}
.package-loader{
    position:fixed;
    background:rgba(0,0,0,0.7);
    height:100%;
    width:100%;
    z-index:99999
}
.package-loader img{
    display:block;
    margin:45vh auto 0
}
.profile_body .products-loader img{
    display:block;
    margin:30px auto 50px;
    max-width:150px
}
img.kbo-crown{
    width:40px;
    margin:-9px 0 0
}
.roku-cont{
    font-family:'Helvetica'
}
.roku-cont .roku-title{
    font-size:42px;
    font-weight:300;
    color:#fff;
    margin:0 0 20px
}
.roku-cont .roku-title img{
    margin:-10px 0 0
}
.roku-cont .roku-enter-code{
    font-size:20px;
    padding:50px 50px 150px;
    background:#402461;
    color:#fff;
    margin:0 0 100px
}
.roku-cont .roku-enter-code img{
    float:right;
    margin:-190px -50px 0 0
}
.roku-cont .roku-act-sec{
    max-width:450px;
    margin:20px 0 0;
    float:left
}
.roku-cont .roku-enter-code p{
    float:left;
    width:100%;
    margin:0
}
.roku-cont .roku-act-sec input{
    width:250px;
    float:left;
    border-radius:0;
    margin:0 10px 0 0;
    height:45px
}
.roku-cont .roku-act-sec input.btn{
    width:150px;
    float:left;
    background-color:#fd532e;
    border-radius:0;
    padding:12px;
    transition:all linear .2s
}
.roku-cont .roku-act-sec input.btn:hover{
    background-color:#8d46b4;
    color:#fff
}
.roku-cont .roku-setup h1{
    font-size:34px;
    color:#fff;
    font-weight:300
}
.roku-cont .roku-setup .r-sub-title{
    font-size:20px;
    color:#fff
}
.roku-cont .roku-setup .r-sub-title.last{
    margin:100px 0 0
}
.roku-cont .roku-setup .r-steps span{
    background:#402461;
    border-radius:50%;
    padding:7px 14px;
    margin:0 20px 0 0
}
.roku-cont .roku-setup .r-steps{
    font-size:20px;
    color:#fff;
    font-weight:700;
    margin:80px 0 0
}
.roku-cont .roku-setup .r-steps-desc{
    font-size:20px;
    color:#fff;
    margin:10px 0 0 60px
}
.roku-cont .roku-setup img{
    margin:40px 0 0 60px
}
@media only screen and (max-width: 767px) and (min-width: 320px){
    .roku-cont .roku-title{
        font-size:22px;
        padding:10px;
        margin:0 0 20px
    }
    .roku-cont .roku-enter-code{
        font-size:16px;
        padding:80px 10px 20px;
        background:#402461;
        color:#fff;
        margin:50px 0;
        text-align:center
    }
    .roku-cont .roku-enter-code img{
        float:unset;
        margin:-500px auto 0;
        width:300px
    }
    .roku-cont .roku-title img{
        margin:-10px 0 0;
        width:80px
    }
    .roku-cont .roku-act-sec input{
        width:100%;
        margin:0 0 20px
    }
    .roku-cont .roku-act-sec input.btn{
        width:100%
    }
    .roku-cont .roku-act-sec{
        max-width:none;
        margin:20px 0 0;
        float:left;
        width:100%
    }
    .roku-cont .roku-setup{
        padding:0 10px
    }
    .roku-cont .roku-setup h1{
        font-size:24px
    }
    .roku-cont .roku-setup .r-steps span{
        padding:5px 12px;
        margin:0 10px 0 0
    }
    .roku-cont .roku-setup .r-sub-title{
        font-size:16px;
        color:#fff
    }
    .roku-cont .roku-setup .r-steps{
        font-size:20px;
        margin:40px 0 0
    }
    .roku-cont .roku-setup .r-steps-desc{
        font-size:16px;
        margin:10px 0 0
    }
    .roku-cont .roku-setup img{
        margin:20px 0 0;
        width:100%
    }
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
    .roku-cont{
        padding:100px 0 0!important
    }
    .roku-cont .roku-title{
        font-size:35px;
        padding:10px;
        margin:0 0 150px;
        text-align:center
    }
    .roku-cont .profile_page{
        padding:0
    }
    .roku-cont .roku-enter-code{
        font-size:16px;
        padding:80px 10px 20px;
        background:#402461;
        color:#fff;
        margin:50px 0;
        text-align:center
    }
    .roku-cont .roku-enter-code img{
        float:unset;
        margin:-550px auto 0;
        width:450px
    }
    .roku-cont .roku-title img{
        margin:-10px 0 0;
        width:80px
    }
    .roku-cont .roku-act-sec input{
        width:100%;
        margin:0 0 20px
    }
    .roku-cont .roku-act-sec input.btn{
        width:100%
    }
    .roku-cont .roku-act-sec{
        max-width:500px;
        margin:50px auto 0;
        float:none;
        width:100%
    }
    .roku-cont .roku-setup{
        padding:0 30px
    }
    .roku-cont .roku-setup h1{
        font-size:24px
    }
    .roku-cont .roku-setup .r-steps span{
        padding:5px 12px;
        margin:0 10px 0 0
    }
    .roku-cont .roku-setup .r-sub-title{
        font-size:16px;
        color:#fff
    }
    .roku-cont .roku-setup .r-steps{
        font-size:20px;
        margin:40px 0 0
    }
    .roku-cont .roku-setup .r-steps-desc{
        font-size:16px;
        margin:10px 0 0
    }
    .roku-cont .roku-setup img{
        margin:20px 0 0;
        width:100%;
        max-width:600px
    }
}
.amp-unmute{
    top:30px!important
}
header.main.uninav-header.uninav-default.uninav-tfconline{
    height:auto;
    width:100%!important
}
header.uninav-default.header-sticky .logo a>img{
    /*height:auto!important*/
}
header.uninav-tfconline>div.main-uninav-header{
    position:relative
}
.uninav-tfconline div.gigya-expanded-profile{
    position:relative;
    float:right;
    margin-top:-127px
}
.uninav-tfconline div.triangle-top,.uninav-tfconline div.triangle-bottom{
    position:relative;
    float:left;
    margin-top:-127px
}
header .hd_right a.search{
    border-right:0;
    padding-right:0;
    margin-right:0;
}
.sso-container{
    z-index:99999999999
}
.sso-container .first-to-show .close-container .btn-cancel{
    background:none!important
}
.navbar-toggle{
    position:relative
}
.my-blocker,.sso-container.sso-container-active,.sso-profile{
    z-index:99999!important
}

header.uninav-default .logo{
    margin-left: 0 !important;
}

@media (max-width: 767px){
    header.uninav-default{
        height:85px!important;
        width:100%!important
    }
    header.uninav-default .logo a>img{
        height:auto!important;
        margin:9px 0 0 10px !important
    }
    header.uninav-header .logo a,header.navbar .logo a{
        display:table!important
    }
    header .hd_right a.search{
        float:right!important;
        margin:15px!important;
        position: absolute;
        right: 0;
    }
    header.signin .logo{
        text-align:center!important;
        margin:20px auto 0!important;
        float:none!important
    }
    header.signin .logo a{
        margin:auto!important
    }
    .search img {
    width: 20px !important;
    }
    .search-open .big_search{
        margin:-74px 0 0 0 !important;
        padding:0 0 20px 15px !important;
    }
    .search-close{
        width:60px !important;
        padding:5px 0 0 0 !important;
    }
    .search-clear{
        font-size:12px !important;
        margin:-27px 15px 0 0px !important;
    }
}
@media (max-width: 1100px) and (min-width: 768px){
    header.uninav-header .navbar-toggle,header.navbar .navbar-toggle{
        display:block!important
    }
    header.uninav-default .logo a>img{
        height:auto!important
    }
    header.uninav-default .logo{
        margin-left:0!important
    }
    header .hd_right .search img {
    width: 25px;
    }
}
@media (min-width: 768px){
    header.signin .logo{
        text-align:center!important;
        margin:30px auto 0!important;
        float:none!important;
        width:100%!important
    }
    header.signin .logo a{
        margin:auto!important;
        width:150px!important
    }
}
@media (min-width: 1101px){
    header.uninav-default .navbar-toggle{
        display:none!important
    }
}
.ka-redirect .counter{
    color:#dac733;
    font-weight:700;
    font-size:60px;
    text-align:center;
    display:block
}
.ka-redirect h4{
    color:#fff;
    font-size:22px;
    text-align:center
}
.ka-redirect h6{
    color:#fff;
    text-align:center;
    font-size:17px
}
#lottie{
    background-color:#000;
    width:100%;
    height:100%;
    z-index:999999;
    position:fixed
}
#lottie > svg{
    position:fixed;
    top:35%;
    width:100%;
    height:25%!important
}
div.loading-text{
    width:100%;
    position:fixed;
    font-size:16px;
    color:#fff;
    z-index:1000000;
    text-align:center;
    top:50%
}
.main-container-md section.sub-category-page .main,.main-container-md .celeb-tabs-section .main{
    display:block!important
}
.ka-tooltip{
    float:right;
    margin-top:6px;
    font:normal normal normal 14px/1 FontAwesome
}
span#kapamilya-bubble-tooltip{
    top:0;
    right:32px;
    z-index:99999;
    position:fixed;
    color:#444;
    padding:8px;
    border:1px solid #bfcfda;
    background-color:#f3f5f6;
    box-shadow:#bfcfda 0 0 2px 0;
    width:290px;
    font-size:11px;
    line-height:1.3;
    text-align:center;
    display:none
}
.ka-tooltip-on{
    width:2rem;
    animation-name:bellshake;
    animation-delay:0;
    animation-duration:.5s;
    animation-iteration-count:infinite;
    animation-direction:normal;
    backface-visibility:hidden;
    transform-origin:top right
}
@keyframes bellshake{
    0%{
        transform:rotate(0)
    }
    15%{
        transform:rotate(5deg)
    }
    30%{
        transform:rotate(-5deg)
    }
    45%{
        transform:rotate(4deg)
    }
    60%{
        transform:rotate(-4deg)
    }
    75%{
        transform:rotate(2deg)
    }
    85%{
        transform:rotate(-2deg)
    }
    92%{
        transform:rotate(1deg)
    }
    100%{
        transform:rotate(0)
    }
}
#hero .item:first-of-type .first h1.hero-title{
    font-weight:700;
    margin-bottom:20px
}
#hero .item:first-of-type .first .hero-list{
    line-height:29px;
    font-size:16px
}
body .detail-header-section-registered .registered:first-child{
    margin-top:-30px!important
}
.whats-new-tab.signin-faq{
    font-size:16px
}
.whats-new-tab.signin-faq ol li strong{
    font-size:18px;
    line-height:24px
}
.whats-new-tab.signin-faq ol li.sf-list{
    margin:0 0 30px
}
@media (max-width: 1100px){
    .whats-new-tab.signin-faq{
        font-size:14px;
        padding:50px 10px
    }
    .whats-new-tab.signin-faq ol li strong{
        font-size:15px
    }
}
.error-app{
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    padding:0 30px
}
.error-app img{
    margin:150px auto 5px;
    width:100px;
    display:block
}
.error-app h1{
    font-size:60px;
    font-weight:600;
    color:#fff;
    text-align:center
}
.error-app .subtitle{
    font-size:34px;
    font-weight:600;
    color:#fff;
    text-align:center
}
.error-app .subtitle2{
    font-size:20px;
    font-weight:600;
    color:#fff;
    margin-bottom:45px;
    text-align:center
}
.error-app .subdetails{
    font-size:18px;
    color:#fff;
    margin:45px auto;
    text-align:center;
    max-width:700px
}
@media (max-width: 767px){
    .error-app img{
        margin:0 auto 5px;
        width:100px;
        display:block
    }
    .error-app h1{
        font-size:40px
    }
    .error-app .subtitle{
        font-size:22px
    }
    .error-app .subtitle2{
        font-size:18px
    }
    .error-app .subdetails{
        font-size:14px
    }
}
header.signin.main.uninav-header.uninav-default.uninav-tfconline + section.promo header.signin .main-container-md .logo{
    display:none
}
#playerTarget .akamai-caption-text p{
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif!important;
    text-shadow:1px 1px 1px rgba(0,0,0,0)!important;
    font-size:26px!important
}
@media (min-width: 768px){
    #playerTarget .akamai-caption-text p{
        font-size:26px!important
    }
}
@media (max-width: 768px){
    #playerTarget .akamai-caption-text p{
        font-size:12px!important
    }
}
@media screen and (min-width: 1025px) and (max-width: 1280px){
    #playerTarget .akamai-caption-text p{
        font-family:Arial,Helvetica Neue,Helvetica,sans-serif!important;
        text-shadow:1px 1px 1px rgba(0,0,0,0)!important;
        font-size:28px!important
    }
}
.detail-control-cont .registered .parental-cap,.parental-cap-wrapper .parental-cap{
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif!important;
    color:#fff;
    padding:20px 0 20px 30px;
    font-size:16px;
    float:left;
    border-left:1px solid #ffffff8a;
    margin:90px 0 0 20px;
    max-width:350px
}
.detail-control-cont .registered .parental-cap .parental-dets,.parental-cap-wrapper .parental-cap .parental-dets{
    font-size:12px;
    padding:5px 0
}
.registered .detail-logo-on-mobile .parental-cap{
    font-family:Arial,Helvetica Neue,Helvetica,sans-serif!important;
    color:#fff;
    padding:10px 0 20px 20px;
    font-size:10px;
    float:left;
    border-left:1px solid #ffffff2e;
    margin:0 0 20px 10px;
    width:60%
}
.parental-cap-wrapper,.parental-cap-wrapper img{
    float:left
}
@media (max-width: 767px){
    .parental-cap-wrapper .parental-cap{
        font-size:10px;
        margin:30px 0 0;
        max-width:200px
    }
}
.unregistered .parental-advisory{
    color:#fff;
    float:left;
    width:100%;
    margin-top:-25px;
    margin-bottom:10px
}
.unregistered .parental-advisory b{
    font-size:16px
}
.unregistered .parental-advisory p{
    margin-top:5px;
    font-size:12px
}
@media (max-width: 767px){
    .unregistered .parental-advisory{
        margin:20px 0 -30px 15px !important;
        padding-right:20px;
    }
}



.detail-control-cont .registered .parental-cap{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important; 
    color: #fff;
    padding: 20px 0 20px 30px;
    font-size: 16px;
    float: left;
    border-left: 1px solid #ffffff8a;
    margin: 30px 0 0 20px;
    max-width: 350px;
}

.detail-control-cont .registered .parental-cap .parental-dets{
    font-size: 12px;
    padding:5px 0;
}

.registered .detail-logo-on-mobile .parental-cap{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important; 
    color: #fff;
    padding: 10px 0 20px 20px;
    font-size: 10px;
    float: left;
    border-left: 1px solid #ffffff2e;
    margin: 0 0 20px 10px;
    width: 60%;
}

 #home-slider-new .item.thematic{
     margin:200px 0 0 0;
 }

.thematic-sec{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: auto;
    max-width: 1200px;
    color: #fff;
}

.thematic-sec .desc{
    font-size:20px;
    margin: 30px 0;
}

.thematic-sec .heading-slider{
    margin:20px 0 0 0;
}

 #home-slider-new .item.thematic .text-area{
    margin: 330px auto 0;
    position: relative;
    max-width: 1300px;
 }
 
  
 
 .thematic-sec h2 a{
     font-size: 24px;
     font-weight:bold;
 }
 
  #home-slider-new .thematic .icons .white-btn-hero img{
    margin: 0 10px;
    width: auto;
    height: 20px;
    filter: invert(0%);
  }
  
  
  #home-slider-new .thematic .icons .white-btn-hero:hover img{
   filter: invert(100%);
  }
 
 #home-slider-new .thematic .icons .white-btn-hero{
     border-radius: 50px;
     background: #00000029;
     padding: 10px 50px;
     margin-right: 20px;
 }
 
  #home-slider-new .thematic .icons .white-btn-hero:hover{ 
     background: #fff;
     color:#000;  
 }
 
 
  #home-slider-new .thematic .first.text-area .hero-title{
     font-size: 48px;
     font-weight: normal;
  }
  
  #home-slider-new .item.thematic .bg{
      background-position: center;
  }
  
 .thematic-sec .ad-center{
       text-align: center;
       margin:50px auto;
       width:100%;
 }
 
  .thematic-sec .ad-center h5{ 
        font-size: 12px;
        font-weight:light;
        color: #A7A7A7;
        letter-spacing: 0; 
        line-height: 18px;
        margin:15px auto;
  }
  
  .thematic-sec .ad-center .excl-promo{
      width:100%;
  }
  
   .thematic-sec h2{
       margin:50px 0 0 0;
   }
   
   .thematic-sec .main-container-xl .slick-slider{
        padding: 0 0 0 0 !important;
   }
   
  
 
.thematic__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  /* [1] */
  position: fixed;
  /* [2] */
  top: 0;
  /* [2] */
  right: 0;
  /* [2] */
  bottom: 0;
  /* [2] */
  left: 0;
  /* [2] */
  z-index: 999;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.9); }
  .thematic__overlay:target, .thematic__overlay.is-active {
    visibility: visible;
    /* [1] */ }

 
.thematic__content {
  max-height: 100%;
  /* [1] */
  overflow: auto;
  /* [1] */ }
  :target > .thematic__content,
  .is-active > .thematic__content {
    -webkit-animation: 0.4s ease-out 0.2s both;
            animation: 0.4s ease-out 0.2s both;
    -webkit-animation-name: inherit;
            animation-name: inherit;
    /* [2] */ }

.thematic__html {
  padding: 2em;
  max-width: 42em;
  background-color: #fff; }

 
.thematic__figure {
  display: none;
  /* [1] */
  margin: 1.5em; }
  :target > .thematic__figure,
  .is-active > .thematic__figure {
    display: block;
    /* [2] */ }
  .thematic__figure img {
    display: block;
    height: 0; }

.thematic__figcaption {
  color: #fff; }
 
.thematic__image {
  max-width: 100%;
  /* [1] */
  background-size: 100%;
  /* [2] */ }

 
.thematic__control {
  position: absolute;
  width: 3em;
  height: 3em;
  background-position: center center;
  /* [1] */
  background-size: cover;
  /* [1] */
  text-indent: -999em;
  /* [2] */ }

.thematic__close {
  top: 10em;
  right: 1em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21.7%2010.3c-0.4-0.4-1-0.4-1.4%200l-4.3%204.3-4.2-4.2c-0.4-0.4-1-0.4-1.4%200-0.4%200.4-0.4%201%200%201.4l4.2%204.2-4.3%204.3c-0.4%200.4-0.4%201%200%201.4%200.4%200.4%201%200.4%201.4%200l4.3-4.3%204.2%204.2c0.4%200.4%201%200.4%201.4%200%200.4-0.4%200.4-1%200-1.4l-4.2-4.2%204.3-4.3C22.1%2011.3%2022.1%2010.7%2021.7%2010.3zM16%200C7.2%200%200%207.2%200%2016s7.2%2016%2016%2016c8.8%200%2016-7.2%2016-16S24.8%200%2016%200zM16%2030C8.3%2030%202%2023.7%202%2016S8.3%202%2016%202s14%206.3%2014%2014S23.7%2030%2016%2030z%22%2F%3E%3C%2Fsvg%3E"); }

 
.thematic__prev {
  left: 2em;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  /* [1] */ }

.thematic__next {
  right: 2em; }

 
.untarget {
  position: fixed;
  /* [1] */
  top: 0;
  /* [1] */ }

 
.thematic__prev,
.thematic__next {
  top: 50%;
  /* [1] */
  margin-top: -1.5em;
  /* [1] */
  opacity: 0.2;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244.1%22%20height%3D%2294.7%22%20viewBox%3D%220%200%2044.1%2094.7%22%20enable-background%3D%22new%200%200%2044.088%2094.67%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.1%2047.3L1.5%2094.7%200%2093.3l41.4-46L0%201.3%201.5%200%2044.1%2047.3z%22%2F%3E%3C%2Fsvg%3E"); }
  .thematic__prev:hover, .thematic__prev:focus,
  .thematic__next:hover,
  .thematic__next:focus {
    opacity: 1; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

 .thematic-vid-pop{
     position: absolute;
    top: 15%;
    left: 15%;
    width: 70%;
    height: 70%;
 }
 
 .themeatic__image{
     position: relative;
    width: 70%;
    height: 0;
    padding-bottom: 56.25%;
 }
 
 .thematic-sec .new .horizontal .show-cover{
     background-position: center;
 }
 
 
 
 
 @media only screen and (max-width: 1199px) and (min-width: 768px){
       .thematic-slider{
           display: block !important;
       }
       .thematic-sec{
           margin:0 0 0 50px;
       }
       .thematic-about{
           margin:0 40px 0 0;
       }
       .thematic-sec .ad-center{
           float: left;
           margin: 10px 0;
           width: 95%;
       }
       .thematic-sec .ad-center img{ 
           width: 100%;
       }
   }
   
 @media only screen and (max-width: 767px) and (min-width: 320px){
       .thematic-slider{
           display: block !important;
       }
       .thematic-sec{
           margin:0 0 0 20px;
       }
       
       .thematic-sec .slick-mobile-slider-h{
           width:100%;
       }
       .thematic-about{
           margin:-50px 20px 0 0;
       }
       .thematic-about h2{
           font-size:20px;
           margin: 0;
       }
       .thematic-about .desc{
           font-size:14px;
        margin: 10px 0;
       }
       #home-slider-new .item.thematic{
           height:280px;
       }
       #home-slider-new .item.thematic .text-area{
            margin: 150px auto 0 auto; 
       }
       #home-slider-new .thematic .first.text-area .hero-title {
            font-size: 32px;
       }
       #home-slider-new .thematic .first.text-area .hero-sub.nola{
           display: none;
       }
       #home-slider-new .thematic .icons .white-btn-hero{
           padding: 10px 20px;
            margin-right: 15px;
            width: 140px;
            float: left;
            font-size: 12px;
       }
       #home-slider-new .thematic .icons{
           margin:0;
       }
       .thematic-sec h2 a{
           font-size: 20px;
            margin: 20px 0!important;
       }
       .thematic-sec .ad-center{
           float: left;
           margin: 10px 0;
           width: 95%;
       }
   }
   
    @media only screen and (min-width: 1781px){
     
     #home-slider-new .item.thematic .text-area{
         margin:400px auto 0;
     }
        
    }


@media only screen and (min-width: 768px) and (max-width: 1280px){ 
    #home-slider-new .item.thematic{
        height:480px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1480px){ 
    #home-slider-new .item.thematic{
        height:480px;
    }
}
@media only screen and (min-width: 1481px) and (max-width: 1780px){ 
    #home-slider-new .item.thematic{
        height:480px;
    }
}
@media only screen and (min-width: 1781px) and (max-width: 2000px){ 
    #home-slider-new .item.thematic{
        height:580px;
    }
}
@media only screen and (min-width: 2001px) and (max-width: 5000px){ 
    #home-slider-new .item.thematic{
        height:580px;
    }
}

.modal-backdrop{
    z-index:99998 !important;
}

.modal .modal-dialog.welcome{
    width:75%;
    max-width:900px;
    min-height: calc(100% - (1.75rem * 2));
    margin: 1.75rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal .welcome .modal-content{
    border-radius: 16px;
    background: #FAFAFA;
    border: none;
    width: 100%;
}

.modal .welcome .modal-content .modal-body img{
    width:400px;
    margin:0 auto 30px auto;
}

.modal .welcome .modal-content .modal-body .thumbs{
    display:flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;
}


.modal .welcome .modal-content .modal-body .thumbs .items.show{
    margin:30px 12px 0;    
}

.modal .welcome .modal-content .modal-body .thumbs .items.show img{
    width:210px;
    height:auto;
}

.modal .welcome .modal-content .modal-body .thumbs .items.movie{
    margin:30px 4px -25px;    
}


.modal .welcome .modal-content .modal-body .thumbs .items.movie img{
    width:165px;
    height:auto;
}



.modal .welcome .modal-content .modal-body .t{
    font-family: 'Helvetica';
    font-size: 48px;
    font-weight:bold;
    color: #000000;
    letter-spacing: -0.16px;
    text-align: center;
    line-height: 56px;
    margin:20px auto 30px auto;
    max-width: 680px;
}

.modal .welcome .modal-content .modal-body .p,.modal .welcome .modal-content .modal-body .p1{
    font-family: 'Helvetica';
    color: #000000;
    letter-spacing: -0.08px;
    text-align: center;
    margin:0 auto;
    max-width: 680px;
}

.modal .welcome .modal-content .modal-body .p{
    font-size: 24px;
    line-height: 32px;
}

.modal .welcome .modal-content .modal-body .p1{
    font-size: 32px;
    line-height: 40px;
}

.modal .welcome .modal-content .modal-body .p1 span{
    font-weight: bolder;
    font-style: italic;
}
.modal .welcome .modal-content .modal-body .p span{
    font-size:48px;
    line-height: 65px;
}
.modal .welcome .modal-content .modal-body .p span, .modal .welcome .modal-content .modal-body .sub-heading span{
    font-weight:bold;
}

.modal .welcome .modal-content .modal-body .sub-heading{
    font-family: 'Helvetica';
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: -0.06px;
    text-align: center;
    line-height: 23px;
    max-width:700px;
    margin:60px auto 0px auto;
}

 .modal .welcome .modal-content .modal-body .sub-heading a{
    font-weight:bold;
    text-decoration:underline;
 }
 
  .modal .welcome .modal-content .modal-body .orange_button{
      font-family: 'gothic';
      background: #CB4511;
    border-radius: 4px;
    font-size: 18px;
    font-weight:900;
    color: #FFFFFF;
    letter-spacing: 0.72px;
    line-height: 26px;
    padding: 15px 80px;
  }
  
    a.bordered_button{
    font-family: 'Helvetica';
    background: none;
    border:2px solid #fff;
    border-radius: 50px;
    font-size: 16px;
    font-weight:600;
    color: #fff;
    letter-spacing: 0.72px;
    line-height: 26px;
    padding: 9px 60px; 
    display: inline-block;
    margin: 25px auto 0 auto;
  }
 
 a.bordered_button:hover{
      -webkit-transition: all 150ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
   background: #fff;
   color: #223A52;
   cursor:pointer;
  }
  
 .modal .welcome .modal-content .modal-body .orange_button:hover{
      -webkit-transition: all 150ms cubic-bezier(0.445, 0.050, 0.550, 0.950); 
   background: #000;
   color: #fff;
   cursor:pointer;
  }
  

    .modal .welcome .modal-content .modal-body{
        padding:25px 15px 30px 15px;
    }
    .modal .welcome .modal-content .modal-body .close-button img{
    width: 35px;
    height: auto;
    position: absolute;
    right: 5px;
    top: 0px;
  }
  
  .home-slider {
    margin-bottom: -30px !important;
    margin-top:70px;
    }
   
   .search-clear{
       font-family: 'Helvetica';
       position: relative;
       float: right;
       color:#fff;
       text-transform: uppercase;
       margin:-39px 25px 0 0px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
   }
   .search-clear:hover{
       color:#FFD400;
   }
   
   .search-close{
       color:#fff;
       text-align: center;
       padding: 20px 5px 0 0;
       cursor: pointer;
       width:80px;
   }
   
   .search-close img{
       width: 30px;
       height: auto;
       opacity:0.7;
   }
    
    .dim-overlay{
     height:100vh;
     width:500vh;
     background:rgba(0,0,0,0.6);
     position:absolute;
     top: 0;
     left: 0;
     right: 0;
     display: none;
     overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    }
    
    .search-open .dim-overlay{
        display: block;
    }
    
    .search-open header, .search-open .big_search{
        background:rgba(0,0,0,0);
    }
 

#free-episodes h3 a.heading-slider{
    font-family: 'gothic';
    font-size: 40px;
    font-weight: bold;
    color: #FFD400;
    letter-spacing: -0.28px;
    line-height: 70px;
    margin:30px 0 30px 50px;
}

#free-episodes a.heading-slider:hover{
    color:#FFD400 !important;   
}

#free-episodes a.heading-slider span{
    font-family: 'Helvetica';
    text-decoration:underline;
    font-size: 16px;
    font-weight: normal;
    color: #3995F3;
    letter-spacing: -0.21px;
    line-height: 24px;
    margin:8px 0 0 15px;
    position: absolute;
}

.home-sliders #kbo-forrent{
        padding: 30px 0;
        margin: 0 0 30px 0;
        background: #12181F;
background-image: linear-gradient(-45deg, #1BCEDF 0%, #5B247A 100%);
}


#kbo-forrent h3 a.heading-slider{
    font-family: 'gothic';
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.28px;
    line-height: 70px;
    margin:30px 0 30px 50px;
}

#kbo-forrent h3 a.heading-slider img{
    width:70px;
    height: auto;
    margin: -10px 0 0 -10px;
}

#kbo-forrent a.heading-slider:hover{
    color:#FFD400 !important;   
}

#kbo-forrent a.heading-slider span{
    font-family: 'Helvetica';
    text-decoration:underline;
    font-size: 16px;
    font-weight: normal;
    color: #3995F3;
    letter-spacing: -0.21px;
    line-height: 24px;
    margin:8px 0 0 15px;
    position: absolute;
}

a.heading-slider:hover{
     color:rgba(255,255,255,.75) !important;   
}

.heading-slider .premium-tag{
    position: relative;
    left: 5px;
    top: 0;
    display: inline-block;
    background:none;
    font-size: 22px;
    font-weight: bold;
    background: rgba(0,0,0,.8);
    border-radius: 50px;
    padding: 5px 10px 5px 0;
    width:auto;
    height: auto;
    float: none;
}

.premium-badge{
    float: left;
    color:#fff !important;
    font-weight: normal !important;
    font-size:12px !important;
}

.premium-badge img{
    width:10px !important;
     height:auto !important;
     margin:4px 5px 0 8px;
     float:left;
}

.premium-badge + .show-cover{
    opacity:.5;
}

.horizontal > .premium-badge{
    background:#000;
}



.premium-tag{
    background: rgba(0,0,0,.7);
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
}

.premium-tag a, .premium-badge{
    position: absolute;
    right: 5px;
    top: 5px;
    background: rgba(0,0,0,.8);
    border-radius: 50px;
    padding: 5px 10px 5px 0;
    font-family: 'gothic';
    font-weight: bold;
    font-size: 16px;
    color: #FFD400;
    letter-spacing: 0;
    line-height: 24px;
    z-index:999;
    backdrop-filter: blur(20px);  
    -webkit-backdrop-filter: blur(20px); 
}
.premium-tag img{
     width:15px !important;
     height:auto !important;
     margin:0 5px -5px 5px;
     float:left;
}

.new-ad{
    width:100%;
    text-align:center;
    background: #12181e;
}

.new-ad .ad div{
    margin:auto;
    padding:10px 0;
}

.new-ad.mobile{
    display:none;
    width:100%;text-align:center;background:#0d1115
}
.new-ad.mobile .ad div{
    margin:auto;padding:10px 0
}

 @media only screen and (max-width: 767px) and (min-width: 320px){
     
     body{
        padding: 85px 0 0;
     }
     
     header{
         background:none;
     }
     header .inner.clearfix{
         background:rgba(0,0,0);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
     }
     .horizontal .close-thumb{
         z-index:999 !important;
         background:rgba(0,0,0,.8) !important;
     }
     .premium-tag{
        position: sticky;
        width: 100%;
        float: right;
        margin: 0;
        padding:0;
        font-size:12px;
    }
    .premium-tag a{
        font-size: 10px !important;
        padding:3px 10px 3px 0 !important;
    }
    .premium-tag img{
         width:10px !important;
         margin:3px 5px 0px 12px !important; 
    }
    
    
    .heading-slider .premium-tag img{
        margin:3px 5px 0px 0px !important; 
    }
     
    .heading-slider .premium-tag{
        float: left;
        margin: 0;
        top: -4px;
        left:0;
        width:100px;
        font-size: 16px;
    }
    
    .heading-slider span{
        float: left;
        margin: 0 10px 5px 0;
    }
    
    .home-sliders #free-episodes{
        padding: 35px 0 10px 15px;
        margin: 0 0 20px 0;
        float: left;
        position: relative;
        width: 100%;
    }
    
    #free-episodes h3 a.heading-slider{
        font-size: 24px !important;
        line-height: 34px !important;
        margin: 15px 0 !important;
        width: 100%;
        text-align: left;
        float: left;
        position: relative;
    }
    
    #free-episodes h2 a.heading-slider{
        font-size: 16px !important;
        line-height: 24px !important;
        
    }
    
    
    #free-episodes a.heading-slider span{
        font-size: 14px;
        margin: 0;
        width: 100%;
        text-align: center;
        float: left;
        position: relative;
    }
    
     .modal .modal-dialog.welcome {
        width: 100%;
        max-width:300px;
     }
     
     .modal .welcome .modal-content .modal-body {
         padding:15px;
     }
     
      a.bordered_button{
      font-size: 13px;
      margin:10px auto 20px auto;
      padding: 9px 40px;
      }
      
      #kbo-forrent h3 a.heading-slider{
            font-size: 24px !important;
            line-height: 34px !important;
            margin: 15px 0 !important;
            width: 100%;
            text-align: left;
            float: left;
            position: relative;
      }
      
      #kbo-forrent h3 a.heading-slider img {
            width: 40px;
            height: auto;
            margin: -7px 3px 0 0px;
        }
     
     .home-sliders #kbo-forrent {
            padding: 0 0 0 16px;
     }
     #kbo-forrent h3 a.heading-slider{
         margin:0 0 15px 0 !important;    
     }
     
     .modal .welcome .modal-content .modal-body img{
            width:100%;
            max-width: 200px;
            margin:auto;
        }
        
        .modal .welcome .modal-content .modal-body .p{
            font-size: 16px;
            letter-spacing: -0.05px;
            text-align: center;
            line-height: 24px; 
            margin:3px auto;
        } 
        
        .modal .welcome .modal-content .modal-body .sub-heading{
            font-size: 12px;
            line-height: 20px;
            max-width:650px;
            margin:10px auto;
        }
        
          .modal .welcome .modal-content .modal-body .orange_button{
            border-radius: 4px;
            font-size: 14px;
            padding: 8px 20px;
            width:100%;
          }
          
          
            .modal .welcome .modal-content .modal-body .close-button img{
            width: 20px;
            right: 0px;
            top: 0px;
          }
          
          .nola .movie-lovers{
              height:400px;
          }
          
          
            .modal .welcome .modal-content .modal-body .thumbs .items.show{
                margin:7px 3px 0;   
            }
            
            .modal .welcome .modal-content .modal-body .thumbs .items.show img{
                width:125px;
                height:auto;
            }
            
            .modal .welcome .modal-content .modal-body .thumbs .items.movie{
                margin:15px 4px -25px;    
                display: inline-block !important;
            }
            
            
            .modal .welcome .modal-content .modal-body .thumbs .items.movie img{
                width:100px;
                height:auto;
                margin-bottom: 20px;
            }
            
            .modal .welcome .modal-content .modal-body .p span{
                font-size: 24px;
                line-height: 32px;
            }
            
            .modal .welcome .modal-content .modal-body .t{
                font-size: 24px;
                line-height: 32px;
                margin:15px auto 10px auto;
            }
            
            .popup-slider .slick-dots {
                bottom: -30px;
            }
            
            .popup-slider .slick-dots li button:before {
                font-size: 35px !important;
            }
            .popup-slider .slick-dots li.slick-active button:before {
                top: 1px !important;
                left: 0.3px !important;
            }
            
            .popup-slider .slick-dots li.slick-active button {
                padding: 7px !important;
            }
            
            .free-tokens{
            font-size: 14px !important;
            margin:0 !important;
            }
            
            .grid-block-dates li a .show-date {
            font-size: 12px;
            }
            
            .episode-sections .free-episodes h3{
                font-size: 24px !important;
            line-height: 32px !important;
            }
            
            .episode-sections .free-episodes .sub-category-page {
               margin: 30px 14px 0px;
            }
            
            .all-eps-cont {
                margin: 0 !important;
            }
            
            .episode-list-showp{
                width:100%;
            }
            .heading-topicpage .show-cat-filter span {
                margin: 20px 0 15px 0;
            }
            .episode-sections .sub-category-page {
            margin: 0 14px 0px !important;
            }
            
            .episode-sections .free-episodes {
                margin: -15px auto 0 auto !important;
            }
     
 }
 
 
 @media only screen and (min-width: 768px) and (max-width: 1024px){ 
     body{
        padding: 85px 0 0;
     }
     
     .premium-tag{
        position: static;
        width: 95px;
        float: right;
        margin: 5px;
        padding:0 10px 0 0;
        font-size:12px !important;
    }
    .premium-tag img{
         width:10px !important;
         margin:3px 5px 0px 12px !important; 
    }
    
     .heading-slider .premium-tag img{
        margin:3px 5px 0px 0px !important; 
    }
     
    .heading-slider .premium-tag{
        float: left;
        margin: 0;
        top: -4px;
        width:100px;
        font-size: 16px !important;
    }
    
    .heading-slider span{
        float: left;
    }
    
    .home-sliders #free-episodes{
        padding:15px 0 25px 0px;
        margin: -20px 0 30px 0;
    }
    
    #free-episodes h2 a.heading-slider{
        font-size: 24px !important;
        margin: 0px 0 10px 0;
    }
    
    #free-episodes h3 a.heading-slider{
        font-size: 24px !important;
        margin: 30px 0 0px 30px;
    }
    
    
    
    
    #free-episodes a.heading-slider span{
        font-size: 14px !important;
        margin:8px 0 0 15px !important;
    }
    
    #kbo-forrent h3 a.heading-slider{
            font-size: 24px !important;
            line-height: 34px !important;
            margin: 15px 0 !important;
            width: 100%;
            text-align: left;
            float: left;
            position: relative;
      }
      
      #kbo-forrent h3 a.heading-slider img {
            width: 40px;
            height: auto;
            margin: -7px 3px 0 0px;
        }
     
     .home-sliders #kbo-forrent {
            padding: 0 0 0 30px;
     }
     #kbo-forrent h3 a.heading-slider{
         margin:15px 0 !important;    
     }
     
     
     .modal .modal-dialog.welcome {
        width: 100%;
        max-width: 500px;
     }
     
     .modal .welcome .modal-content .modal-body {
         padding:20px 30px;
     }
     
     .modal .welcome .modal-content .modal-body img{
            width:200px;
            margin:auto;
        }
        
        .modal .welcome .modal-content .modal-body .p{
            font-size: 16px;
            letter-spacing: -0.05px;
            text-align: center;
            line-height: 24px; 
            margin:5px auto;
        } 
        
        .modal .welcome .modal-content .modal-body .sub-heading{
            font-size: 12px;
            line-height: 20px;
            max-width:650px;
            margin:10px auto;
        }
        
          .modal .welcome .modal-content .modal-body .orange_button{
            border-radius: 4px;
            font-size: 14px;
            padding: 10px 40px;
            margin: 10px 0 0 0;
          }
          
          
        .modal .welcome .modal-content .modal-body .close-button img{
            width: 20px;
            right: 0px;
            top: 0px;
          }
          
          header .hd_right .msb-btn {
            margin: 10px 60px 0 0;
            } 
            
            .modal .welcome .modal-content .modal-body .thumbs .items.show{
                margin:7px 3px 0;   
            }
            
            .modal .welcome .modal-content .modal-body .thumbs .items.show img{
                width:125px;
                height:auto;
            }
            
            .modal .welcome .modal-content .modal-body .thumbs .items.movie{
                margin:15px 4px -25px;    
            }
            
            
            .modal .welcome .modal-content .modal-body .thumbs .items.movie img{
                width:110px;
                height:auto;
            }
            
            .modal .welcome .modal-content .modal-body .p span{
                font-size: 24px;
                line-height: 32px;
            }
            
            .modal .welcome .modal-content .modal-body .t{
                font-size: 24px;
                line-height: 32px;
                margin:15px auto 10px auto;
            }
            
            .popup-slider .slick-dots {
                bottom: -30px;
            }
            
            .popup-slider .slick-dots li button:before {
                font-size: 35px !important;
            }
            .popup-slider .slick-dots li.slick-active button:before {
                top: 1px !important;
                left: 0.3px !important;
            }
            
            .popup-slider .slick-dots li.slick-active button {
                padding: 7px !important;
            }
            .popup-slider .item{
                max-width: none !important;
            }
            
            .popup-slider .slick-arrow{
                display: none !important;
            }
            
            .episode-sections .horizontal .show-cover{
                height: 95px;
            width: 170px;
            }
            
            .episode-sections .grid-block-dates li, .episode-sections .horizontal{
                width: 165px;
            }
            
            .episode-sections .free-episodes h3 {
                font-size: 24px !important;
                line-height: 32px !important;
                margin: 50px 0 20px 35px !important;
            }
            
            .review-section {
             float:left;
            }
            
            .sub-category-page .og-grid.grid-block-dates li {
                height: 150px!important;
            }
            
            .episode-sections {
            margin: -150px 0 50px 0 !important;
            }
            .episode-sections .og-grid {
            padding: 20px 0!important;
            }
            
            .episode-sections .heading-topicpage .show-cat-filter span {
                margin: 15px 0 0 0;
            }
            
            .episode-sections .episode-list-showp {
             width:50%;   
            }
            
            .saf--pagination {
                float: left;
                width: 100%;
                text-align: center;
            }
            
            
            
}

 @media only screen and (min-width: 1024px) and (max-width: 1279px){ 
  
  header .hd_right .msb-btn {
    margin: 13px 60px 0 0;
    }   
    
 }
 
 .slick-cloned:not(#show-slider-new .slick-cloned){
    display: none !important;
}

.free-tokens{
    font-size: 18px;
color: #FFFFFF;
letter-spacing: 0.26px;
line-height: 28px;
width:100%;
float:left;
margin:20px 0;
}

#rent-movie-cta a.free-tokens {
	pointer-events: none;
}


.pagination>li>a, .pagination>li>span {
  background-color: transparent !important;
  border: 0 !important;
  color: #6e6e6e;
}

.saf--pagination {
	text-align: center;
}

.saf--pagination .page-item.active{
	background-color: #03a9f4;
	border-radius:3px;
}

.saf--pagination .page-item.active a{
	color:#fff;
	font-weight: bold;
}

.episode-sections{
    margin:0 0 50px 0 ;
    max-width: 100%;
    padding: 50px 0 0 0;
}

.episode-sections .free-episodes h3{
    font-family: 'gothic'!important;
    font-size: 40px;
    color: #FFD400;
    letter-spacing: -0.35px;
    text-align: left;
    line-height: 48px;
    font-weight: bold;
    margin:50px 0 0 0;
}

.episode-sections .free-episodes{
   margin:-40px auto 0 auto;
}


.free-eps-cont{
background: #223A52;
background-image: linear-gradient(0deg, #141E30 0%, #243B55 100%);
margin:-10px 0 0 0;
float:left;
width:100%;
}

.all-eps-cont{
margin:20px 0 60px 0;
float:left;
width:100%;
background-color: #12181e;
}

.curve-up-blue.registered{
    display:none;
}

.episode-sections .heading-topicpage{
    margin-top:50px;
}

.episode-sections .episode-list-showp{
    font-weight: bold;    
}

.detail-section-bg{
    float:left;
width:100%;
}


.popup-slider.slick-slider .item{
    min-width:800px !important;
}

.modal{
    width: calc(100% + 17px);
}

header.uninav-default .logo a > img{
    height:33px !important;
}

.topic-section-bg{
    float: left !important;
    width: 100% !important;
}

header.uninav-default .logo a > img{
    height:33px !important;
}

.topic-section-bg{
    float: left !important;
    width: 100% !important;
}

.og-grid-item .show-cover {
	position: relative;
	
}

.og-grid-item .show-cover .premium-tag {
	background-color: rgba(0,0,0,0.3);
	transition: background-color 0.4s ease-in-out;
	-webkit-transition: background-color 0.4s ease-in-out;
	-moz-transition: background-color 0.4s ease-in-out;
	-o-transition: background-color 0.4s ease-in-out;
}

.og-grid-item .show-cover .premium-tag:hover {
	background-color: rgba(0,0,0,0);
}

.og-grid-item .show-cover .premium-tag a {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
}

#token-modal .modal-dialog{
    max-width: 500px;
}

#token-modal .modal-content{
    border: none !important;
    border-radius: 5px !important;
}

#token-modal .modal-body {  
	padding: 17px 15px !important;
}

#token-modal .btn-primary {
    background-color: #e15427;
    border-color: #e15427;
}

#token-modal .btn{
	padding:12px 15px;    
}

.loading-dots{
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    display: none;
    position: fixed;
    z-index: 99999;
}

.lds-ellipsis {
  display: inline-block;
  position: absolute;
 margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; 
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}



section.plans{
    background: #EFEFEF;    
    margin:0;
}

section.plans h3{
    color:#000;
}

section.plans a{
    font-family: "Helvetica"; 
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    margin: 30px auto;
    display: block;
    max-width: 600px;
}

section.plans a span{
    font-family: "Helvetica"; 
    font-size: 24px;
    color: #3995F3;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    font-weight:bold;
}


section.plans .cont{
    display: flex;
  align-items: center;
  justify-content: center;
    margin: 0 auto;
  flex-wrap: wrap;
  align-content: space-between;
  max-width: 1200px;
}
section.plans .cont .blocks.three{
    width:370px;
}

section.plans .cont .blocks{
    width: 45%;
    height: auto;
    margin: 0 12px 12px 12px;  
    cursor: pointer;
    position: relative; 
    background-color:#fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
    border-radius: 8px;
    align-self: flex-start;

     -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}

section.plans .cont .blocks:hover{
    transform: scale(1.05);
}


section.plans .cont .blocks .price {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}


section.plans .cont .blocks .price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}


section.plans .cont .blocks .price .header {
    background: rgba(32,35,48,0.90) !important;
    font-family: "Helvetica"; 
    font-size: 16px;
    color: rgba(255,255,255,.65);
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    border-radius:8px 8px 0 0;
    margin:0;
    padding: 10px;
}


section.plans .cont .blocks .price li {
  padding: 10px;
  text-align: center;
}


section.plans .cont .blocks .price .cost span{
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 6px 0;
    font-size: 13px;
}



section.plans .cont .blocks .price li:nth-child(odd) { background: #F7F9FC; }
section.plans .cont .blocks .price li:nth-child(even) { background: #fff; }

section.plans .cont .blocks .price li.select {
    padding:24px;
    border-radius:0 0 8px 8px;
    background-color: #fff;
}
section.plans .cont .blocks .price .cost { 
  font-size: 24px;
  font-weight:bolder;
    color: #202330;
    letter-spacing: 0;
    line-height: 32px;
    padding:16px;
}

section.plans .cont .blocks .price li.select .button {
  background: #717A84;
  font-family: "Helvetica"; 
  font-weight:bold;
  font-size: 16px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 24px;
padding:10px 50px;
display:inline-block;
}


section.plans .cont .blocks:hover .price li.select .button{
 background: #FF6800;   
}

section.plans .cont .blocks .price.premium .header {
color: #d6d7d9;
}

section.plans .cont .blocks .price.premium .header img{
 height:30px;
 width:auto;
 margin:-5px 7px 0 5px;
}

section.plans .cont .blocks .price .header img.tag{
    height: 52px;
    width: auto;
    margin: -10px -2px 0 0;
    position:absolute;
    right:0;
}


section.plans .cont .blocks .price li.yes, section.plans .cont .blocks .price li.no{
    font-family: "Helvetica";
    font-weight:medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-align:left;
    text-indent: -3.1em;
    padding-left: 3.1em;
}

section.plans .cont .blocks .price li.yes{
color: #000000;
}

section.plans .cont .blocks .price li.no{
color: #A7A7A7;
}

section.plans .cont .blocks .price li.yes img{
    width:20px;
    height:auto;
    margin:-6px 12px 0 12px;
}

section.plans .cont .blocks .price li.no img{
    width:25px;
    height:auto;
    margin:0 12px;
}

@media (min-device-width: 320px) and (max-device-width: 767px){
 section.plans a{
        font-size: 11px;
        line-height: 17px;
    }
    section.plans a span{
        font-size: 16px !important;
    }
    
    section.plans .cont .blocks .price li.yes, section.plans .cont .blocks .price li.no{
        font-size: 12px !important;
    }
    
    section.plans .cont{
         max-width: 300px !important;
    }
    section.plans{
        margin: 0 !important;
    }
     section.plans .cont .blocks .price .header{
        font-size: 16px;
        padding: 9px;
    }
    section.plans .cont .blocks .price.premium .header img {
    height: 22px;
    }
    section.plans .cont .blocks .price .header img.tag{
        height: 42px;
        margin:-9px -1px 0 0;
    }
    section.plans .cont .blocks .price li.yes img{
            width: 18px;
            margin: -4px 4px 0 12px;
    }
    
    
}


@media (min-width: 768px) and (max-width: 1100px){
 
 section.plans a{
        font-size: 16px !important;
        line-height: 24px !important;
    }
    section.plans a span{
        font-size: 16px !important;
    }
    
    section.plans .cont .blocks .price li.yes, section.plans .cont .blocks .price li.no{
        font-size: 12px !important;
    }
    
    section.plans .cont{
         max-width: 750px !important;
    }
    section.plans .cont .blocks{
        max-width: 335px !important;
    }
    section.plans{
        margin: 0 !important;
    }  
    section.plans .cont .blocks .price .header{
        font-size: 16px;
        padding:12px;
    }
    section.plans .cont .blocks .price.premium .header img{
        height: 27px;
    }
    section.plans .cont .blocks .price .header img.tag{
        height: 47px;
        margin:-13px -2px 0 0;
    }   
    
}



section.plans p.disclaimer {
    font-size: 16px;
    color: #4A4A4A;
    letter-spacing: 0;
    text-align: center;
    line-height: 32px;
    margin: auto;
    display: block;
	font-weight: 600;
}

.profile_page .tab-pane{
    width:100%;
}

.tab-content{
  display: flex;
  align-items: stretch;
}
.tab-content .plan-details{
    float:left;
    width:30%;
    height:100%;
    background:#fff;
    padding:45px 25px;
}

.tab-content .more-plans{
    float:left;
    width:70%;
    height:100%;
    background:#eee;
    padding:45px 15px;
}

.tab-content .more-plans .t1{
    font-family: "Helvetica";
    font-weight:300;
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.08px;
    line-height: 34px;
    width:100%;
    text-align:center;
}

.tab-content .more-plans .t2{
    font-family: "Helvetica";
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    letter-spacing: 0;
    width:100%;
    text-align: center;
    margin: 0 0 30px 0;
}

.tab-content .plan-details .all-details{
    padding: 30px 0;
    border-top:1px solid #979797;
    margin:30px 0;
    float: left;
    width:100%;
}

.tab-content .plan-details .t1{
    font-family: "Helvetica";
    font-weight:300;
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.08px;
    line-height: 34px;
    width:100%;
    margin:0 0 30px 0;
}

.tab-content .plan-details .t2{
    font-family: "Helvetica";
    font-weight:700;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.06px;
    line-height: 24px;
    width:100%;
}

.tab-content .plan-details .t3{
    font-family: "Helvetica";
    font-weight:300;
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.06px;
    line-height: 24px;
    width:100%;
    margin:0 0 20px 0;
}

.tab-content .plan-details .t4{
    font-family: "Helvetica";
    font-weight:500;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 24px;
    width:100%;
    text-indent: -2.1em;
    padding-left: 2.1em;
    margin:6px 0;
}

.tab-content .plan-details .t4 img {
    width: 20px;
    height: auto;
    margin: -6px 12px 0 0;
}


.tab-content .plan-details .t5{
    font-family: "Helvetica";
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 24px;
    width:100%;
    margin:4px 0;
}


.tab-content .plan-details a.cancel-button{
    font-family: "Helvetica";
    background: #F6F6F6;
    border: 1px solid #979797;
    font-size: 14px;
    color: #4A4A4A;
    letter-spacing: -0.05px;
    text-align: center;
    line-height: 24px;
    padding:15px 40px;
}

.tab-content .plan-details a.cancel-button:hover{
    background: #000;
    color:#fff;
}

section.plans .cont .blocks .price li.tag-price{
    font-family: "Helvetica";
    font-weight:700;
    width:100%;
    text-align:center;
    font-size: 24px !important;
    color: #202330;
    letter-spacing: 0;
    line-height: 32px;
    margin:8px 0;
}

section.plans .cont .blocks .price li.tag-price sup{
     font-size: 12px;   
}

section.plans .cont .blocks .price li.tag-price span{
     font-size: 16px;   
}



.tab-content .plan-details .show-details {
    font-weight: bold;
    font-size: 14px;
    color: #4A90E2;
    letter-spacing: -0.04px;
    line-height: 24px;
    display: none;
    cursor:pointer;
    margin:15px 0 0 0;
}

@media (min-width: 840px) {

footer .footer-list li {
    padding: 0 40px 20px 0 !important;
    display: inline-block !important;
}

}

.modal-membership {
  font-family: "Helvetica";
}

.modal-membership .modal-content {
  border-radius: 16px;
}

.modal-membership .modal-header .close {
  margin-top: -38px;
  font-size: 34px;
  opacity: 1;
}

.modal-membership .modal-footer {
  border-top: none;
}

.modal-membership .modal-header {
  border-bottom: none;
}

.modal-membership .modal-content {
  border: none;
}

.modal-membership .modal-header h5 {
  color: black;
  font-size: 24px;
  font-weight: 800;
}

.modal-membership .modal-body {
  padding: 19px 15px;
  font-size: 16px;
}

.modal-membership .modal-footer {
  text-align: center;
}

.modal-membership .btn-primary {
  background-color: #CB4511;
  border-color: #CB4511 !important;
}

.modal-membership .btn {
  padding: 20px 20px;
  font-size: 18px;
  border: 1px solid #999;
  border-radius: 4px;
  text-transform: uppercase;
}

.modal-membership p {
  line-height: 24px;
  font-size: 16px;
}

.modal-membership label {
  font-weight: 400;
  display: inline;
}

.modal-membership select.form-control {
  display: inline-block;
  width: 364px;
  height: 40px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  .modal.modal-membership {
    font-family: "Helvetica";
    width: 100% !important;
  }
  
  .modal-membership .modal-body, .modal-membership p  {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
  }
  
  .modal-membership ul {
    margin-bottom: 24px;
  }
  
  .modal-membership .btn {
    padding: 8px 16px;
    font-size: 12px;
  }
  
  .modal-membership .modal-dialog {
    margin: 55px 16px;
  }
  
  .modal-membership .modal-header h5 {
    font-size: 16px;
    margin-top: 26px;
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
  }
  
  .modal-membership .modal-header .close {
    margin-top: -80px;
    font-size: 28px;
    margin-right: -5px;
    opacity: 0.5;
  }
  
  .modal-membership .modal-footer {
    border-top: none;
    margin-top: -30px;
  }
  
  .modal-membership .btn.btn-secondary {
    background-color: transparent;
  }
  
  .modal-membership select.form-control {
    width: 100%;
  }
    
    .plansticky {
        display: none;
        position: fixed;
        top: 80px;
        width: 100%;
        border-top: 1px solid #000;
        z-index: 1;
    }
    
    .plansticky .profileSelect_out{
        padding:0 14px;
    }
    
    .plansticky .sticky-mob{
        background:#fff;
        margin:0 15px;
        padding:20px 25px 3px 25px;
    }
    
    .plansticky .sticky-mob .t1{
            font-family: "Helvetica";
            font-weight: 300;
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.08px;
    line-height: 34px;
    width: 100%;
    margin: 0 0 30px 0;
    }
    .plansticky .sticky-mob .t2 {
        font-family: "Helvetica";
        font-weight: 700;
        font-size: 18px;
        color: #000000;
        letter-spacing: -0.06px;
        line-height: 24px;
        width: 100%;
    }
    .plansticky .sticky-mob .t3 {
        font-family: "Helvetica";
        font-weight: 300;
        font-size: 18px;
        color: #000000;
        letter-spacing: -0.06px;
        line-height: 24px;
        width: 100%;
        margin: 0 0 20px 0;
    }

}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .modal-membership .modal-dialog {
    margin: 55px 63px;
  }
  
  .modal-membership .btn {
    padding: 8px 16px;
    font-size: 12px;
  }
  
  .modal-membership .btn.btn-secondary {
    background-color: transparent;
  }
}

.modal-notification .modal-dialog {
  width: 330px;
  margin-top: 30px !important;
  margin-right: 10%;
}

.modal-notification .modal-content {
  border-radius: 4px;
}

.modal-notification .modal-header h5 {
  color: #FF4E55;
  font-size: 16px;
}

.modal-notification .modal-body {
  padding: 0px 15px 15px;
}

.modal-notification .modal-body a {
  font-weight: 800;
}

.modal-notification .modal-header .close {
  margin-top: -36px;
  font-size: 30px;
  opacity: .5;
  margin-right: -5px;
}



.plansticky {
  display:none;  
}

.eplist-loader {
	position: relative;
    display: block;
    margin: 60px auto;
}

.ep-sort-cont {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	padding: 20px 0;
}

.ep-sort-cont > p {
	margin-bottom: 0;
	font-weight: 700;
	color: #fff;
	font-family: "Helvetica";
    font-size: 14px;
}

.ep-sort-cont > div a {
	color: #c7c7c7;
	font-size: 16px;
	font-weight: 600;
	margin-left: 15px;
	font-family: "Helvetica";
	cursor: pointer;
}

.ep-sort-cont > div a:hover {
	color: #FFD400;
}

.new-eplist .episode-list-showp {
	float: unset;
	width: 100%;
}

.new-eplist .show-cat-filter {
	float: unset;
	display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
	margin-bottom: -10px;
}

.new-eplist .ep-filter {
	display: flex;
    align-items: center;
}

.new-eplist .h2.heading-slider.heading-topicpage {
	margin-bottom: 0;
}

.new-eplist .sub-category-page {
	margin-top: 0;
}

.pagination li, .paginationjs-pages ul li:last-child {
	margin-right: 0;
}

#new-membership-options-tooltip {
    font-family: 'Helvetica';
    top: 0;
    right: 130px;
    z-index: 99999;
    position: fixed;
    color: #444;
    padding: 15px;
    border-radius: 4px;
    background-color: #f3f5f6;
    box-shadow: #bfcfda 0 0 2px 0;
    width: 330px;
    font-size: 14px;
    line-height: 1.3;
    display: none;
}

#new-membership-options-tooltip h5 {
	color: #FF4E55;
	font-size: 16px;
	margin-bottom: 12px;
}

#new-membership-options-tooltip h5 > span {
	font-size: large;
}

#new-membership-options-tooltip a {
	font-weight: 600;
}

.new-pricing .pricing-table {
	margin-bottom: 20px;
}

.new-pricing p.terms {
	color: #fff;
	padding: 20px 10px;
	text-align: center;
	margin-bottom: 20px;
}

#main_nav_desk .box_type_one > a {
	display: inline-block;
	position: relative;
}

#main_nav_desk .box_type_one > a .premium-tag {
	transition: 0.4s background ease-in-out;
	-webkit-transition: 0.4s background ease-in-out;
	-moz-transition: 0.4s background ease-in-out;
	-o-transition: 0.4s background ease-in-out;
}

#main_nav_desk .box_type_one > a:hover .premium-tag {
	background: rgba(0,0,0,0);
}

.gig-comments-container .gig-composebox-logout {
	display: none !important;
}

@media (min-width: 1101px){
	#main_nav_desk .sub_menu .sb_left {
		vertical-align: top;
	}
}

@media (min-width: 768px) {
	#show_episode_list {
		max-width: 250px;
	}
	
	.grid-block-dates li a .show-date {
		white-space: normal;
	}
	
	.smtv-cont {
		min-height: unset !important;
	}
}

@media only screen and (max-width: 690px){
    .aa-dropdown-menu{
        overflow:auto !important;
        max-height: 200px !important;
    }
}

@media only screen and (max-width: 767px) {
    .popup-slider.slick-slider .item {
        min-width: 0 !important;
    }

    .popup-slider .slick-dots li.slick-active button:before {
        top: 50% !important;
        left: 50% !important;
    }
	
	.new-eplist .ep-filter, .new-eplist .ep-filter select {
		width: 100%;
	}
	
	.new-eplist .show-cat-filter {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.parental-cap-wrapper .parental-cap {
		padding: 10px 10px 0 10px;
		margin: 0;
	}
	
	.header-hero-image.topic-page .gradient-overlay-slide-wrapper .hero-image-logo {
		display: grid;
		position: absolute;
        bottom: 70px;
	}
	
	.header-hero-image .gradient-overlay-slide-wrapper .main-container-md .hero-image-logo img {
		margin: 0;
	}
	.eplist-loader {
		float: left;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#new-membership-options-tooltip {
		right: 10px;
	}
	
	header.uninav-header .main-uninav-header .advertise, header.uninav-header .main-uninav-header .divider {
		margin-bottom: 0 !important;
	}
}

.help .tab-content>.active{
    width:100%;
}

#feature-container.home-sliders{
    padding-top: 80px;
}

.main-container-xl#free-episodes{
        background: #223A52;
    background-image: linear-gradient(0deg, #141E30 0%, #243B55 100%);
    padding: 30px 0;
    margin: 0;
}

.amp-wmark {
	position: relative;
	opacity: 0.15;
    font-size: 82%;
    width: 100px;
    text-shadow: 2px 2px 4px #000000;
}

.amp-settings .amp-autoplay-off,
.amp-settings .amp-autoplay-on,
.amp-settings .amp-playback-rate-button,
.amp-share,
.amp-option-button.amp-component
{
   display: none !important;
}

.smtv p {
	text-align: center;
}

.smtv .roku-act-sec {
	position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 100%;
}

@media only screen and (min-width: 1200px) {
	.smtv .roku-act-sec {
		display: flex;
	}
	
	.smtv .roku-act-sec input {
		flex-grow: 1;
	}	
}

@media only screen and (max-width: 1200px) and (min-width: 768px) {
	.roku-cont .smtv.roku-enter-code {
		padding: 50px 50px 150px;
	}
	
	.roku-cont .smtv .roku-act-sec input, .roku-cont .smtv .roku-act-sec input.btn {
		width: 50%;
	}
	
	.roku-cont .smtv .roku-act-sec {
		position: unset;
		transform: unset;
	}
	
	.smtv p {
		margin-bottom: 10px;
		margin-top: -10px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	.roku-cont .smtv.roku-enter-code {
		padding: 50px 50px 200px;
	}
}

.hero-image-infos .hero-image-rating, .gig-composebox-ratings, #comment-area .gig-comment-rating {
    display: none !important;
}
*.gig-comment-title {
	margin-bottom: -28px!important;
}
*.gig-comments-comments {
	margin-top: 10px!important;
}

*.gig-comment-flag {
	display: none!important;
}

.review-section, .review .margin-top {
	margin-top: 30px!important;
}

*.gig-comment-username {
	font-size: 14px!important;
	color:#ccc!important;
	font-weight: 600!important;
}
*.gig-comment-body, .gig-comment-body *, *.gig-composebox-textarea, *.gig-comments-more{
	font-size: 12px!important;
}

.gig-comment-footer *, *.gig-comment-time,*.gig-comments-button {
	font-size: 10px!important;
}
*.gig-composebox-title{
	font-size:14px!important;}
*.gig-composebox-username{
	font-size: 13px!important;}

*.gig-comment-img{
	height: 70px!important;
	width: 70px!important;
	border-radius: 5px!important;
}

.gig-comments-container * {
	line-height: 25px!important;
}

*.gig-comment-content {
	left: 0px!important;
}

*.gig-comment-footer-left {
	float: right!important;
}

*.gig-comment{
	margin-top: 10px!important;
}
.gig-composebox-post {
	min-width: 50px!important;
}


#product-popup .modal-content{
    max-width: 500px;
    margin:auto;
    border-radius: 10px;
}

#product-popup .modal-body{
    padding:15px 15px 110px 15px;
}

#product-popup .modal-title{
    font-size:20px;
}


#product-popup .modal-content .mod-title{
    font-size:26px;
    font-weight:bolder;
}

#product-popup .modal-header .close span{
    font-size:30px;
}

#product-popup .modal-content a{
    font-size:20px;
    width: 100%;
    float:left;
    color:#000;
    margin:5px 0;
}

.signin_area .create_account.promo .sub_title.first.p {
	font-size: 15px;
    line-height: 32px;
    margin: 30px 0 30px;
}

.signin_area .create_account.promo {
	max-width: 760px !important;
}

.select-products {
	cursor: pointer;
}

.nu-player .detail-control-cont {
	background: unset !important;
}
	
.nu-player .detail-video {
	background-position: center;
	background-size: cover;
}

.nu-player #playerTarget img.amp-poster {
	opacity: 0;
}

.nu-eps-cont .sub-category-page .og-grid.grid-block-dates li {
	height: 350px !important;
	width:232px !important;
}

.nu-eps-cont .sub-category-page .og-grid-item .show-cover{
    background-size: cover !important;
}

.nu-eps-cont .main-container-xl{
    padding: 0;
    margin: auto auto !important;
    overflow-y: hidden;
    width: 1200px;
    overflow-x: hidden !important;
}

@media (min-width: 1200px) {
	.nu-player .detail-video, .nu-player .detail-video-cont.registered {
		height: 720px;
	}
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.nu-player .detail-video {
		background-position: center 50px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    
    .nu-eps-cont .main-container-xl {
    padding: 0 15px; 
    width: 100% !important;
    }
    
    .nu-eps-cont .og-grid li {
    height: 200px !important;
    width: 320px !important;
    }

    .nu-eps-cont ul#og-grid-live {
    max-width: 100% !important;
    width: 100%;
    margin: 0 40px;
    } 
    .nu-eps-cont .heading-topicpage .h2.heading-slider.first {
    margin-bottom: 35px !important;
    margin-left: 35px !important;
    font-size: 22px !important;
    margin-top: 0px !important;
    } 
    
    .nu-eps-cont .heading-topicpage {
    margin-top: 30px !important;
    }
    
    .nu-eps-cont .og-grid {
    margin: 0 -57px 0 40px !important;
    }
    
    .nu-eps-cont ul#og-grid {
    margin-top: 30px !important;
    
        
    }
    .nu-player .detail.registered{
        padding-bottom:0 !important;
    }
    
    .nu-player .colored-gradient-bg.detail.registered {
    margin-bottom: -160px!important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
	.nu-eps-cont #advisory_movie_listing .og-grid li {
		max-width: none !important;
	}
	
	.nu-eps-cont .og-grid li {
	    height: 110px !important;
		width: 46% !important;
		max-width: 135px;
	} 
	
	.nu-eps-cont .grid-block-dates li { 
        margin: -20px 5px 45px 5px !important;
    }
	
	
	
	.nu-eps-cont ul#og-grid-live{
	    padding-left: 0px !important;
    max-width: 100%;
    width: 100%;
    float: left;
    margin: 0;
	}
	
	
	.nu-eps-cont ul#og-grid {
    margin-top: -30px !important;
    }
    
	.nu-eps-cont .heading-topicpage {
    width: 100%;
    float: left;
    margin-left: 0 !important;
    margin-bottom: 10px !important;
        margin-top: 5px !important;
	}
	
	.nu-eps-cont .heading-topicpage .h2.heading-slider.first{
	     margin-bottom: 20px !important;
	}
	
	.nu-eps-cont .main-container-xl{
	    width:100% !important;
	   padding: 0 15px;
	}
	
	.nu-eps-cont .sub-category-page {
    margin: 0 14px 50px 0 !important;
	}
	
	.nu-eps-cont #og-grid li a .portrait{
	    max-width: none !important;
	}
	.nu-eps-cont .sub-category-page ul.og-grid.grid-block-dates li {
		height: 260px !important;
		width: 50% !important;
	}
	
	.nu-eps-cont .sub-category-page .og-grid-item .show-cover{
	    width: 155px !important;
        height: 215px !important;
        
	}
	
	.nu-eps-cont .port-cover-thumb-title{
	    margin-left: 0px;
        width: 100px!important;
        margin-top: -5px;
        font-size: 14px !important;
        padding:0 !important;
	}
	
	.grid-block-dates li a .show-date {
		width: 100%;
	}
	
	header .membership-sticky-bar {
		display: none !important;
	}
	
	footer .membership-sticky-bar {
		bottom: 0 !important;
		display: block !important;
		z-index: 999999;
	}
}

.smartbanner {
	z-index: 9999 !important;
}

.smartbanner > a.smartbanner__button {
	top: 36px !important;
	font-size: 14px !important;
}

.plus-ultra .ui-pnotify-container {
	background: #eee !important;
    border-color: #aaa !important;
    color: #000;
}

.plus-ultra {
    max-width: calc(100% - 20px);
	transform: translate(-50%, -50%);
    margin-left: 0px !important;
    left: 50% !important;
    top: 50% !important;
}

@media (max-width: 480px) {
	.plus-ultra {
		min-width: calc(100% - 20px);
	}
}