@import url("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: 0.9;
}
#playerTarget .amp-pause-overlay.amp-icon.amp-control {
  color: #555;
  background-color: #fefefe;
  opacity: 0.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: #283083;
  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;
}

.nowrap {
  white-space: nowrap;
}

@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 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.new-signup-area.signup_area .packages .package.recommended > .inner,
.signup_area .packages .package > .inner:hover {
  border: 2px solid #174c74;
  -webkit-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.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 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.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 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.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: 0.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, 0.075);
  box-shadow: 1px 1px 0 rgba(0, 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: 0.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;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}
.close-confirm-yes {
  width: 0;
  opacity: 0;
  transition: all 0.15s ease;
  -webkit-transition: all 0.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);
  transition: all 0.25s ease;
  -webkit-transition: all 0.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);
  transition: all 0.55s linear;
  -webkit-transition: all 0.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);
  transition: all 0.35s linear;
  -webkit-transition: all 0.35s linear;
}
.horizontal:hover .close-thumb {
  opacity: 1;
  transition: all 0.25s linear;
  -webkit-transition: all 0.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;
  transition: all 0.25s linear;
  -webkit-transition: all 0.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 0.25s linear;
  -webkit-transition: border 0.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 0.25s linear;
  -webkit-transition: background 0.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: 0.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) 0.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.2) !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, 0.075);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.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, 0.1) solid;
  border: 0 rgba(225, 225, 225, 0.1) solid;
}
.black-filler {
  background: rgba(0, 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: #283083;
  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);
  filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
  -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 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.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: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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;
}

.live-chat .lc-icon {
  float: right;
  position: fixed;
  bottom: 15px;
  right: 1%;
  z-index: 999;
  cursor: pointer;
}

.live-chat .lc-icon .chat-icon {
  width: 170px;
  height: 70px;
  background-image: url("https://img.tfc.tv/assets/svg/desktop-live-chat3.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}

.live-chat .lc-icon .chat-icon:hover {
  transform: scale(1.05);
}

.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: 0.8;
  transition: 0.8s ease-in-out;
  -webkit-transition: 0.8s ease-in-out;
  -moz-transition: 0.8s ease-in-out;
  -o-transition: 0.8s ease-in-out;
}
.social-links img:hover {
  padding-left: 15px;
  opacity: 1;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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, 0.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, 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: 0.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: 0.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, 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: 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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: #283083;
  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, 0.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: 10px 5px 5px 5px;
    height: 60px !important;
  }
  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;
    margin-top: 5px !important;
  }
  header .hd_right .signin {
    font-size: 16px;
  }
  header .hd_right a.search {
    margin-right: 68px;
  }

  header .hd_right {
    margin: 1px 10px !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;
    margin-top: 3px;
    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;
  }
} */

@media (min-width: 1025px) {
  .logo {
    width: 40px;
    margin-right: 15px;
  }

  .logo .mob {
    display: none;
  }
}

@media (max-width: 1024px) {
  header .hd_left,
  .logo {
    width: 100%;
  }

  header .hd_right {
    margin: 0;
  }

  .logo .desk {
    display: none;
  }

  .logo .mob {
    margin: 8px auto 0 auto;
    display: block;
    max-width: 30px;
  }
}

#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;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    -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;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  }
  #main_nav_desk > ul > li:hover > a:after {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition-delay: 0.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, 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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: 0.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: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.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: 0.5s;
  animation-duration: 0.5s;
}
#home-slider-new .slick-active .text1,
#show-slider-new .slick-active .text1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
#home-slider-new .slick-active .text2,
#show-slider-new .slick-active .text2 {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
#home-slider-new .slick-active .icons,
#show-slider-new .slick-active .icons {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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 0.6s;
  -moz-transition: opacity 0.6s;
  -ms-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.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: 0.2;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.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 0.6s;
  -moz-transition: opacity 0.6s;
  -ms-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.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 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.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: 0.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: 0.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 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.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 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.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) 0.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: 0.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, 0.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: 0.3;
  text-align: center;
  -webkit-transition: background 0.4s;
  -ms-transition: background 0.4s;
  transition: background 0.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 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.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 {
  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;
  margin-bottom: -30px;
}
.profile_page .profile_header .table > div {
  display: inline-block;
  vertical-align: middle;
}
.profile_page .profile_header .col1 {
  width: auto;
  margin-right: 25px;
}
.profile_page .profile_header .col2 {
  padding-left: 0px;
}
.profile_page .profile_header img {
  width: 70px;
  height: 70px;
  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: 10px;
  /*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: 0.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: 0.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 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.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: 0.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: 0.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 0.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: 0.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: 0.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 0.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: 0.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: 0.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 0.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, 0.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, 0.8);
  border: solid 1px rgba(225, 225, 225, 0.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 0.4s;
  -ms-transition: background 0.4s;
  transition: background 0.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: 0.5px;
  padding: 0 40px;
  -webkit-transition: background 0.4s;
  -ms-transition: background 0.4s;
  transition: background 0.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;
    background: #000000 url(https://img.tfc.tv/assets/img/select_arrow.png)
      no-repeat scroll 90% center;
  }
  .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;
    margin: 0 !important;
  }

  .profile_page .profile_header .table {
    margin-bottom: 15px;
  }

  .profile_page .profile_header .date {
    padding-left: 0 !important;
  }

  .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: 0px;
  }
  .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: 0px 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 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.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: 0.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: 0.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, 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: #283083;
  border-radius: 3px;
}

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

.paginationjs li a {
  color: #fff;
}

.algolia-cont .ais-pagination--item {
  border-radius: 5px;
}

.algolia-cont .ais-pagination--item a {
  color: #283083;
  margin-right: 0 !important;
}

.algolia-cont .ais-pagination--item.active {
  background: #283083;
}

.algolia-cont .ais-pagination--item.active a {
  color: #fff;
}

@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;
  position: relative;
  transition: 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: 0.3s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: 0.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;
  position: relative;
}
.portrait a .show-cover {
  margin: 30px auto 0;
  height: 263px;
  width: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  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: 0.05s cubic-bezier(0.5, 0, 0.1, 1);
  -webkit-transition: 0.05s cubic-bezier(0.5, 0, 0.1, 1);
  -moz-transition: 0.05s cubic-bezier(0.5, 0, 0.1, 1);
  -o-transition: 0.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;
  height: 263px;
  width: 190px;
  margin: 10px auto 0;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  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: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.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: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.slick-prev {
  left: 5px !important;
  opacity: 0;
  width: 33px !important;
  height: 73px !important;
  backface-visibility: hidden;
  -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: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.feature-carousel:hover .slick-next,
.feature-carousel-portrait:hover .slick-next {
  opacity: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.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: 0.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 .amp-playing,
.detail-video-cont.registered .akamai-ready,
.detail-video-cont.registered .amp-ready {
  z-index: 100000;
}
.detail-video-cont.registered .akamai-paused,
.detail-video-cont.registered .amp-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: 0.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: 0.2s ease;
  -moz-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.online-prem-cell.portrait a .show-cover:hover,
.online-prem-container a .show-cover:hover {
  box-shadow: none !important;
  transform: scale(0.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: 0.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, 0.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 0.5s cubic-bezier(0.55, 0, 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 0.5s cubic-bezier(0.55, 0, 0.1, 1) 1;
  transition: transform 0.5s cubic-bezier(0.55, 0, 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: 0.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 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.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, 0.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, 0.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.6) !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, 0.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: 0.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, 0.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, 0.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, 0.1);
  min-height: 600px;
  margin-top: -1px;
}
.celeb-exclusives-cont {
  padding: 80px 0;
  border-top: 1px solid rgba(225, 225, 225, 0.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, 0.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, 0.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(0.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 0.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 0.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-announcement {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.review.col-md-8 a {
  color: #3995f3 !important;
}

.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: 0.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.2);
  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);
  filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
  -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);
  filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
  -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, 0.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, 0.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 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.detail-control-cont {
  background: rgba(0, 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: 0.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;
  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: 0.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: 0.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: 0.8;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.detail-play-btn:hover {
  cursor: pointer;
  transform: scale(0.95);
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-ing-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.detail-play-btn:visited {
  cursor: pointer;
  transform: scale(0.95);
}
.live-video-detail .unregistered.live-rent .detail-video-cont {
  margin-bottom: 30px;
}
.detail-video-cont {
  border: 0 rgba(225, 225, 225, 0.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: 0.2;
}
.detail-video-cont #playerTarget img {
  margin-top: -100px;
  opacity: 0.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: 0.9;
  z-index: 10 !important;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.detail-video-cont play:hover {
  opacity: 1;
  transform: scale(0.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: 0.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: 0.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, 0.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, 0.01);
  height: 163px;
  width: 289px;
  background-position: top center;
}
.slick-slide {
  -webkit-transition: all 0.8s !important;
  -ms-transition: all 0.8s !important;
  transition: all 0.8s !important;
}
.slick-slide:hover .show-cover-thumb-title-mobile,
.slick-slide:hover .port-cover-thumb-title {
  color: #ffd400;
  -webkit-transition: all 0.8s !important;
  -ms-transition: all 0.8s !important;
  transition: all 0.8s !important;
}
.new .horizontal .show-cover {
  background-color: rgba(225, 225, 225, 0.01);
  height: 163px;
  width: 289px;
  margin: 0;
}
.portrait .show-cover,
.online-prem-container a .show-cover {
  background-color: rgba(225, 225, 225, 0.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.3);
  -moz-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.3);
}
.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.3);
  -moz-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.3);
}
.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 screen and (min-width: 768px) {
  header .main-uninav-header .right-container .login {
    min-width: 50px;
    text-align: right;
  }
}
@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: 0.4;
    width: 4.5%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    -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: 0.4;
    width: 4.5%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand',M11=0.7071067811865476,M12=-0.7071067811865475,M21=0.7071067811865475,M22=0.7071067811865476)";
    -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: 0.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: auto;
    margin: 60px 16px !important;
  }
  .modal-content {
    background-color: rgba(255, 255, 255, 0.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 {
    padding-left: 0;
    padding-right: 0;
    margin: -100px auto 0 !important;
  }
  .profile_page .nav-tabs {
    display: none;
  }
  .profileSelect_out {
    display: block;
    padding: 0 !important;
  }

  .tab-content .plan-details {
    padding: 25px 25px !important;
  }
  .tab-content .more-plans .t1 {
    font-size: 16px !important;
  }

  .tab-content .more-plans .t2 {
    font-size: 12px !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    line-height: 16px !important;
  }

  .tab-content .plan-details.for-desktop {
    display: none !important;
  }

  .tab-content .plan-details.for-mobile {
    display: block !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 {
    margin: 30px 0 0 0 !important;
    border-top: solid 2px #eee;
    padding-top: 20px !important;
  }

  .tab-content .plan-details .t4 {
    font-weight: 700 !important;
    font-size: 14px !important;
  }

  section.plans .cont .blocks {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
  }

  .celeb-desc-p a {
    font-size: 16px;
    width: 100%;
    float: none;
  }
  .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;
    z-index: 5000 !important;
  }
  .detail-video-cont play {
    width: 100%;
    height: 110px;
    margin: 0 0 -200px !important;
    float: left;
    background-size: 100px 100px;
    background-position: center;
    z-index: 9999 !important;
  }
  .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, 0.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;
    z-index: 5000;
  }
  .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;
  }
  #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;
  }

  .live-chat .lc-icon {
    float: right;
    margin: -30px 5% 0 5%;
    cursor: pointer;
  }

  .live-chat .lc-icon .chat-icon {
    width: 48px;
    height: 48px;
    background-image: url("https://img.tfc.tv/assets/svg/mobile-live-chat3.svg");
    right: -5px !important;
  }

  .live-chat .lc-icon img {
    max-width: 70px;
  }

  .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-announcement {
    margin-top: 20px !important;
  }

  .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;
    width: 85% !important;
  }
  .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: 0.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;
    white-space: nowrap;
  }
  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;
  }

  .home-slider {
    margin-top: 0 !important;
  }

  #home-slider-new .item {
    height: 350px;
  }

  .home-slider .item.slick-slide img {
    height: 100%;
    object-fit: cover;
  }

  .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, 0.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, 0.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) {
  #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: 0.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, 0.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, 0.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: 0.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-slider {
    margin-top: 0 !important;
  }

  .home-slider .item img {
    height: 100%;
    object-fit: cover;
  }

  .slick-mobile-slider-h a .horizontal .show-cover,
  .slick-mobile-slider-p a .portrait .show-cover {
    position: relative !important;
  }

  .premium-tag {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: unset !important;
    bottom: unset !important;
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }

  .premium-tag a,
  .premium-badge {
    font-size: 14px !important;
  }

  section#feature-container {
    margin-top: 20px;
  }

  #home-slider-new .item {
    height: 500px;
  }

  .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, 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: 40px !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 0.9s !important;
    -ms-transition: all 0.9s !important;
    transition: all 0.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 0.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 (max-width: 375px) {
  #home-slider-new .slick-dots {
    bottom: 45px !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 {
  box-shadow: 0 0 0 50px #fff inset;
  -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;
}

.body.account .checkbox_outer label {
	background-color: #555555;
}

.body.account .promo_pages .check_box .tacA a {
	color: #fff347;
    white-space: nowrap;
	-webkit-transition: color 0.4s ease-in-out;
}

.body.account .promo_pages .check_box .tacA a:hover {
	color: #fff679;
}

@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, 0.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, 0.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, 0.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 0.175s ease-in-out, visibility 0 0.175s;
  transition: all 0.175s ease-in-out, visibility 0 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, 0.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;
  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 0.25s linear;
  -webkit-transition: -webkit-transform 0.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: 9999;
  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 0.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-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: 10px;
  margin-right: 10px;
}
.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: 5px auto 0 auto;
    display: block;
    max-width: 30px;
    /* margin: 9px 0 0 10px !important; */
  }
  header.plain.uninav-default .logo a > img {
    height: 70px !important;
    margin: 0 26% 38px 0 !important;
  }

  header.uninav-header .logo a,
  header.navbar .logo a {
    display: block !important;
    width: 140%;
  }
  header .hd_right a.search {
    float: right !important;
    margin: 0 !important;
    position: absolute;
    right: 0;
  }

  header .hd_right {
    padding: 14px 0;
  }

  .navbar-toggle.ham {
    margin: 15px 0 15px 10px !important;
  }

  header .hd_right .signin {
    margin-left: 25px;
  }

  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;
    margin: -30px 15px 0 0 !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.plain.uninav-default .logo a > img {
    height: 80px !important;
  }
  header.plain.uninav-default .logo {
    margin: 22px auto 0 !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: 0.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: 28px !important;
}
@media (min-width: 768px) {
  #playerTarget .akamai-caption-text p {
    font-size: 28px !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: 30px !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: 5px 10px;
    margin-right: 15px;
    width: auto;
    float: left;
    font-size: 10px;
  }

  #home-slider-new .thematic .icons .white-btn-hero img {
    margin: 0 10px 0 0 !important;
  }
  #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: 114px !important;
  margin: 0 auto 30px auto;
}

.modal .welcome .modal-content .modal-body button {
  background: #283083 !important;
  border-radius: 4px !important;
  padding: 1.5rem 5rem !important;
  font-weight: 800 !important;
}

.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 {
  transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: #fff;
  color: #223a52;
  cursor: pointer;
}

.modal .welcome .modal-content .modal-body .orange_button:hover {
  transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transition: all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  background: #000;
  color: #fff;
  cursor: pointer;
}

.modal .welcome .modal-content .modal-body {
  padding: 25px 115px 30px 115px;
}
.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, 0.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, 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: 0.5;
}

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

.premium-tag {
  background: rgba(0, 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, 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, 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 !important;
    margin: 0 0 20px 0 !important;
    float: left !important;
    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;
    width: 100%;
  }

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

header.plain.uninav-default .logo a > img {
  height: 100px !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, 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: 600px; */
  margin: 0 12px 30px 12px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  align-self: flex-start;

  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.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;
  min-height: 700px;
}

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(0, 0, 0, 0.85) !important;
  font-family: "Helvetica";
  font-size: 24px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  border-radius: 8px 8px 0 0;
  margin: 0;
  padding: 17px;
  font-weight: 700;
  height: 59px;
}

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

.tab-content .plan-details .features {
  margin-top: 20px;
}

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;
  border-radius: 4px;
}

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

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

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: 59px;
  width: auto;
  margin: -17px -2px 0 0;
  position: absolute;
  right: 1px;
}

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: -2.7em;
  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: 100% !important;
  }
  section.plans {
    margin: 0 !important;
  }
  section.plans .cont .blocks .price .header {
    font-size: 16px;
    padding: 14px;
    height: 50px;
  }
  section.plans .cont .blocks .price.premium .header img {
    height: 22px;
  }
  section.plans .cont .blocks .price .header img.tag {
    height: 50px;
    margin: -14px -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 .cont .blocks .price li.yes,
  section.plans .cont .blocks .price li.no {
    text-indent: -3.7em;
  }
}

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: 28%;
  height: 100%;
  background: #fff;
  padding: 45px 25px;
}

.tab-content .plan-details.for-mobile {
  display: none;
}

.tab-content .plan-details.for-desktop {
  display: block;
}

.tab-content .more-plans {
  float: left;
  width: 72%;
  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: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  width: 100%;
  text-align: center;
  margin: 10px 0 30px 0;
  padding-left: 10rem;
  padding-right: 10rem;
}

.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: 22px;
  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 .t5 span {
  color: #000;
}

.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;
    margin-left: -24px;
  }

  .modal-membership .btn {
    padding: 8px 27px;
    font-size: 12px;
  }

  .modal-membership .modal-dialog {
    margin: 55px 16px;
  }

  .modal-membership .modal-header h5 {
    font-size: 14px;
    margin-top: 20px;
    text-align: left !important;
  }

  .modal-membership .modal-header .close {
    margin-top: -50px;
    font-size: 28px;
    margin-right: -5px;
    opacity: 0.5;
  }

  .modal-membership .modal-footer {
    border-top: none;
    margin-top: -30px;
    padding-bottom: 40px;
  }

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

.payment_info_area .panel-group .logged-in {
	margin-left: 8.3%;
    font-family: "helvetica";
}

.payment_info_area .panel-group .logged-in h3 {
	margin-bottom: 10px;
    font-size: 20px;
}

.payment_info_area .panel-group .logged-in .account {
	display: block;
    margin-left: 20px;
}

.payment_info_area .panel-group .logged-in .log {
	margin-left: 20px;
    font-family: "helvetica";
    font-weight: bold;
    color: #a7a7a7;
    text-transform: uppercase;
}

.payment_info_area .panel-group .logged-in-hr {
	border-top: 1px solid #353a40;
}

.payment_info_area .billing_period .product-desc {
	margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}

.payment_info_area .billing_period .order-total {
	margin-top: 10px;
    font-size: 18px;
}

.signup_area.login-cont .account {
	text-transform: lowercase;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}

  .signup_area.login-cont .page_title {
		margin-bottom: 15px;
	}

.no-bg-img {
	background-image: unset !important;
}

.promo_info .reg_left h2.review-announcement {
	font-size: 20px;
    line-height: 28px;
}

.promo_pages .promo_info #WU_new2 {
	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;
  }
  
  .amp-wmark {
    font-size: 8px;
  }
  
  header.plain.uninav-default.new-plain .logo > a  {
	  width: unset !important;
  }
  
  header.plain.uninav-default.new-plain .logo > a img {
    margin: auto !important;
    display: block;
    width: 60px;
    min-width: unset;
    max-width: unset;
  }
  
  .signup_area.login-cont .page_title {
		margin-bottom: 15px;
	}
	
	.promo_info .reg_left h2.review-announcement {
		font-size: 16px;
		line-height: 24px;
		margin-top: 0 !important;
	}
	
	.promo_pages .promo_info #WU_new2 .reg_left {
		display: none !important;
	}
}

.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-header {
	border-bottom: 0;
	padding: 5px 10px 0;
}

.product-popup .modal-header .close span {
	color: #fff;
}

.product-popup .modal-dialog {
	margin-left: auto !important;
}

.product-popup .modal-content {
  max-width: 500px;
  margin: auto;
  border-radius: 10px;
  background-color: #12181f !important;
  color: #fff;
  border-width: 1px;
}

.product-popup .modal-content .modal-body .subs-cont {
	text-align: center;
	font-size: 16px;
}

.product-popup .modal-content .modal-body .subs-cont a {
	background-color: #283083;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    font-weight: bold;
    font-size: 14px;
    width: 170px;
    margin: 0 auto 10px;
}

.product-popup .modal-body {
  padding: 0 15px 30px 15px;
}

.product-popup .modal-body > p {
	text-align: center;
}

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

.product-popup .modal-content .mod-title {
  font-size: 20px;
  font-weight: bolder;
  margin-top: 10px;
  border-bottom: 1px solid #ddd;
}

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

.product-popup .modal-content a {
  font-size: 16px;
  width: 100%;
  display: block;
  color: #fff;
  margin: 2px 0;
  cursor: pointer;
}

.product-popup .modal-content a:hover {
	text-decoration: underline;
}

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

/*#custom_fc_button {
  width: 10%;
  position: fixed;
  right: 10px;
  bottom: 20px;
}
#imageicon {
  height: 100%;
  width: 100%
}
*/
@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);
  }
}

.modal-npp5 {
  font-family: Helvetica;
}

@media (max-width: 991px) {
  .modal-npp5 {
    padding-left: 35px !important;
    padding-right: 35px !important;
    width: auto !important;
  }

  .modal-npp5 .modal-dialog,
  .modal-npp5 .modal-dialog.welcome {
    margin: auto !important;
  }
  .modal-npp5 .modal-header .close {
    margin-top: -10px;
    opacity: 0.8 !important;
  }

  .modal-npp5 .modal-body {
    padding-top: 0px;
    text-align: center;
  }

  .modal-npp5 #switchHeader {
    font-size: 14px;
    text-align: center;
    margin-bottom: 50px;
  }

  .modal-npp5 #switchWelcome {
    font-size: 16px;
  }

  .modal-npp5 img {
    margin-bottom: 20px;
    width: 100%;
  }

  .modal-npp5 .modal-footer {
    padding-bottom: 30px !important;
    text-align: center !important;
  }

  .modal-npp5 .modal-footer p {
    font-size: 10px;
  }

  .modal-npp5 #switchFill {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .modal-npp5 .modal-header .close {
    margin-top: -10px;
    font-size: 4rem !important;
    opacity: 0.8 !important;
  }

  .modal-npp5 .modal-body {
    padding-top: 0px;
    text-align: center;
  }

  .modal-npp5 #switchHeader {
    font-size: 32px;
    text-align: center;
    margin-bottom: 15px !important;
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .modal-npp5 #switchWelcome {
    font-size: 24px;
    margin-top: 35px !important;
  }

  .modal-npp5 img {
    margin-bottom: 20px;
    width: 30% !important;
  }

  .modal-npp5 .modal-footer {
    padding-bottom: 30px !important;
    text-align: center !important;
  }

  .modal-npp5 .modal-footer p {
    font-size: 14px;
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .modal-npp5 #switchFill {
    margin-bottom: 50px;
    font-size: 24px;
  }
}

#success-cancel .modal-header button.close {
  margin-top: -5px;
}

#success-cancel .modal-dialog {
  width: 600px;
}

#success-cancel .modal-body {
  padding: 1rem 3rem 4rem;
}

#success-cancel .modal-body p {
  line-height: 32px;
}

@media (max-width: 1199px) {
  #success-cancel .modal-body p {
    line-height: 32px !important;
  }
}

@media (max-width: 767px) {
  #success-cancel .modal-dialog {
    width: auto !important;
  }
  #success-cancel .modal-body p {
    line-height: 24px !important;
  }
}

section.plans .cont .blocks .npp-btn.button {
  background: #717a84;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  margin: 1rem 10rem 5rem;
  line-height: 24px;
  padding: 10px 50px;
  border-radius: 4px;
}

.videoc.stuck {
  bottom: 100px !important;
}

#playerTarget .amp-caption-text .amp-caption p {
  font-size: 23px !important;
  line-height: 33px !important;
}

.uninav-cookie-law-container.uninav-cookie-law-container-ready {
  width: 350px !important;
}

@media only screen and (min-width: 1101px) {
  header .hd_left .logo a img {
    margin-top: 3px;
  }

  header .hd_right .search {
    right: 15px;
    position: relative;
  }

  header .hd_right .msb-btn {
    margin-right: 30px !important;
  }
}
@media only screen and (min-width: 768px) {
  #feature-container.home-sliders {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1279px) and (min-width: 1024px) {
  header .hd_right .msb-btn {
    display: none;
    margin: 10px 20px 0 10px !important;
  }
}
@media only screen and (max-width: 1101px) {
  header.main > .inner {
    height: 50px;
    background: rgba(0, 0, 0, 1);
  }

  header.main {
    height: 50px !important;
    min-height: 50px !important;
  }

  header .hd_right .msb-btn a {
    padding: 10px 30px !important;
  }

  body {
    padding-top: 50px;
  }

  header.main .logo a > img {
    /* margin-top: 5px !important; */
  }

  header .navbar-toggle.ham {
    margin-top: 13px;
    margin-left: 10px;
  }

  header .hd_right .search {
    position: relative;
    top: 8px;
    right: 10px;
  }

  header .hd_right .signin {
    position: relative;
    top: 9px;
    right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  header .navbar-toggle.ham {
    margin-top: 9px;
  }

  header.main .logo a > img {
    margin-top: 2px !important;
    margin-left: 20px;
    height: 35px !important;
    width: 35px !important;
  }
}
@media only screen and (max-width: 767px) {
  .search-open .big_search {
    margin: -15px 0 0 0 !important;
    position: absolute !important;
  }

  .search-clear {
    margin-top: -32px !important;
  }

  .search-close {
    padding: 10px 0 0 0 !important;
  }

  body header .hd_right {
    float: right !important;
  }
  header .hd_right.premium a.search {
    position: absolute;
    top: 28px !important;
    right: 10px !important;
  }

  header .hd_right a.search {
    float: unset !important;
    position: absolute;
    top: 28px;
    right: 55px;
  }

  header .hd_right a.signin {
    position: absolute;
    top: 15px;
    margin-right: 10px;
  }

  section.help.about .tab-content {
    margin: 0 14px;
    padding: 0 20px;
  }

  :not(.search-open) .big_search {
    position: absolute;
    top: 80px;
    padding: 5px;
  }

  .algolia-cont {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 690px) {
  .search-clear {
    margin-top: -26px !important;
  }

  .search-close {
    padding: 4px 0 0 0 !important;
  }
}
body {
  padding: 0;
}

header .pre_fname {
  display: inline-block;
}

#playerTarget:not(.amp-autoplay) {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: inherit;
}

.free-trial p {
  font-family: helvetica;
  font-weight: 400;
  font-size: 18px;
  color: rgb(0 0 0 / 0.5);
  letter-spacing: -0.08px;
  text-align: center;
  line-height: 32px;
}

.free-trial p a {
  font-size: 18px;
  color: #0091ff;
  display: inline;
}

section.plans.free-trial .pricing-footer {
  font-family: helvetica;
  font-weight: 400;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  max-width: 100%;
}

section.plans.free-trial .pricing-footer a {
  font-size: 18px;
  font-weight: 400;
}

section.plans .cont .blocks li.select.free-trial {
  background: #f3f3f3;
}
section.plans .cont .blocks li.select.free-trial p {
  color: rgb(0 0 0 / 0.85);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

section.plans .cont .blocks li.select.free-trial p a {
  color: #0091ff;
  display: inline;
}

section.plans .cont .blocks li.select.free-trial .button {
  margin: 10px auto;
}

section.plans .cont .blocks .price li.free-trial:last-child {
  bottom: 0;
  position: absolute;
}

section.plans .cont .blocks .price .yes.tag-price {
  padding-right: 0rem;
}

.modal--free-trial .modal-dialog {
  width: 827px;
  margin: 250px auto;
}

.modal--free-trial .modal-body p {
  font-family: HelveticaNeue;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 27px;
}

.modal--free-trial .modal-body {
  padding: 0 40px 40px;
}

.modal--free-trial h3 {
  color: #000;
  margin-bottom: 3rem;
}

.modal--free-trial .close {
  font-size: 5rem;
  opacity: 1;
  margin-top: -12px;
}

.modal--free-trial .modal-header {
  border-bottom: 0;
  padding: 10px;
}

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

#mb-overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999999999;
  cursor: pointer;
  overflow-y: auto;
}
#mb-overlay img {
  width: 100%;
}
#mb-overlay .copy {
  margin-top: 5px;
  color: #fff;
  padding: 15px;
  font-size: 24px;
  text-align: center;
  bottom: 0;
  position: absolute;
  height: 25%;
  background: rgba(0, 0, 0, 0.7);
}

@media (max-device-width: 767px) and (min-device-width: 320px) {
  section.plans.free-trial .pricing-footer {
    font-size: 14px;
    padding: 10px 20px;
  }

  section.plans.free-trial .pricing-footer a {
    font-size: 14px;
  }

  section.plans .cont .blocks .price li.select .button {
    font-size: 14px;
    padding: 10px 30px;
    margin: 10px auto 20px auto;
  }

  section.plans .cont .blocks li.select.free-trial p a,
  section.plans .cont .blocks li.select.free-trial p {
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: normal !important;
  }

  .modal--free-trial .modal-dialog {
    width: 90%;
    margin: 100px auto;
  }

  .modal--free-trial .modal-body p {
    font-family: HelveticaNeue;
    font-size: 14px;
  }

  .modal--free-trial h3 {
    font-size: 18px;
    line-height: 28px;
  }
}

.detail-section-bg .main-container-xl.main-container-xl-mobile {
  float: left;
  width: 100%;
}

.detail-section-bg .main-container-md.thumbnail-container {
  float: left;
  width: 100%;
}

.main-container-md.thumbnail-container .heading-topicpage {
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}

.main-container-md.thumbnail-container.new-eplist {
  float: unset !important;
}

.payment-options {
	display: flex;
	flex-wrap: wrap;
}

.payment-options .select-pid {
	height: 50px;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	transition: transform 0.2s ease-in-out;
	-webkit-transition: transform 0.2s ease-in-out;
	cursor: pointer;
	margin-top: 20px;
	margin-right: 20px;
}

.payment-options .select-pid:last-child {
	margin-right: 0;
}

.payment-options .select-pid:hover {
	transform: scale(1.15);
}

.payment-options .select-pid img {
	max-height: 100%;
}

.payment-options .select-pid.active {
	transform: scale(1.15);
	border-radius: 20px;
	background-color: #fff;
}

.payment-options .select-pid.grabpay.active {
	background-color: rgb(224 255 224);
}

.payment-options .select-pid.gcash.active {
	background-color: #2d85c2;
}

.modal-notif .modal-dialog {
	width: unset !important;
    justify-content: center;
}

.modal-notif .modal-dialog .modal-content {
	width: unset;
}

.modal-notif .modal-dialog .notif {
	text-align: center;
}

.modal-notif .modal-dialog .notif img {
	width: 75px !important;
    height: 75px !important;
    margin-bottom: 20px !important;
}

.modal-notif .welcome .modal-content {
	
}

.modal-notif .welcome .modal-content .modal-body {
    padding: 25px 70px 30px;
}

.modal-notif .modal-dialog .notif h4 {
	font-weight: 900;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
}

.modal-notif .modal-dialog .notif p {
	font-size: 19px;
    line-height: 120%;
    max-width: 516px;
    margin: 0 auto 20px;
}

.modal-notif .modal-dialog .notif a.btn {
	width: 171px;
    height: 42px;
    background: #273486;
    border-radius: 4px;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
	font-weight: 600;
    transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
}

.modal-notif .modal-dialog .notif a.btn:hover {
	background: #3c4fca;
}

.modal-notif .modal-dialog .notif.profile-notif .left {
	padding-left: 20px;
}

.modal-notif .modal-dialog .notif.profile-notif .mb-20 {
	margin-bottom: 20px;
}

.modal-notif .modal-dialog .notif.profile-notif {
	max-width: 600px;
}

.modal-notif .modal-dialog .notif.profile-notif h4 {
    font-size: 16px;
    margin-bottom: 26px;
}

.modal-notif .modal-dialog .notif.profile-notif p, .modal-notif .modal-dialog .notif.profile-notif li {
	font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: 100%;
    max-width: unset !important;
    margin-bottom: 0;
	font-weight: 300;
    color: rgb(50, 50, 50);
}

.reco-container {
	margin-top: 70px;
}

.profile-notif .checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 12px;
  color: #A7A7A7;
    letter-spacing: 0;
    line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.profile-notif .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.profile-notif .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 1px solid #333;
}

/* On mouse-over, add a grey background color */
.profile-notif .checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.profile-notif .checkbox input:checked ~ .checkmark {
  background-color: #fff;
  border: 1px solid #333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.profile-notif .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.profile-notif .checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.profile-notif .checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*== start of code for tooltips ==*/
.profile-notif .tool {
    position: relative;
	color: #3995f3;
}


/*== common styles for both parts of tool tip ==*/
.profile-notif .tool::before,
.profile-notif .tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.profile-notif .tool:hover::before,
.profile-notif .tool:focus::before,
.profile-notif .tool:hover::after,
.profile-notif .tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    
    z-index: 999;
}

/*== pointer tip ==*/
.profile-notif .tool::before {
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    border-color: #3E474F transparent transparent transparent;
    bottom: 100%;
    content: "";
    margin-left: -0.5em; 
    transform:  scale(.6) translateY(-90%);
} 

/*== speech bubble ==*/
.profile-notif .tool::after {
    background: #3E474F;
    border-radius: .25em;
    bottom: 180%;
    color: #EDEFF0;
    content: attr(data-tip);
    margin-left: -17em;
    padding: 1em; 
    transform:  scale(.6) translateY(50%);  
    width: 30em;
}
 
@media (max-width: 760px) {
  .profile-notif .tool::after { 
        font-size: .55em;
        margin-left: -13em;
        margin-bottom: -15px;
        width: 25em; 
  }
}

.modal-notif .modal-dialog .notif .btn-group {
	display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.modal-notif .modal-dialog .notif .btn-group a.btn {
	margin: 5px;
}

.modal-notif .modal-dialog .notif .btn-group a.btn.no {
	background: transparent !important;
    border: 2px solid #273486 !important;
    color: #273486;
	transition: 0.4s all ease-in-out;
    -webkit-transition: 0.4s all ease-in-out;
}

.modal-notif .modal-dialog .notif .btn-group a.btn.no:hover {
	background: #3c4fca !important;
	border-color: #3c4fca !important;
    color: #fff;
}

@media (max-width: 767px) {
  .main-container-xl.main-container-xl-mobile {
    float: unset !important;
  }

  .main-container-md.thumbnail-container .heading-topicpage {
    margin: 10px 14px 5px -5px !important;
  }

  .topic-section-bg .celeb-desc-p .sm {
    width: 100%;
  }
  
  .payment-options {
	justify-content: center;
	margin-bottom: 40px !important;
  }
  
  .modal-notif {
	  width: 100%;
  }
  
  .modal-notif .modal-dialog {
	max-width: calc(100% - 20px) !important;
    justify-content: center;
    margin: auto !important;
    align-items: center;
  }
  
  .modal-notif .modal-dialog .modal-content {
	  width: 500px;
	  background-color: rgba(255, 255, 255, 1) !important;
  }
  
  .modal-notif .modal-dialog .modal-content .modal-header {
	  border-bottom: 0;
  }
  
  .modal-notif .modal-dialog .notif h4 {
    font-size: 20px;
  }
  
  .modal-notif .modal-dialog .notif p {
    font-size: 16px;
    line-height: 140%;
  }
  
  .modal-notif .welcome .modal-content .modal-body {
    padding: 0 20px 30px;
  }

  .reco-container {
	margin-top: 50px;
  }
}