@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@font-face {
  font-family: "Roboto";
  src: url("/public/fonts/Roboto-Regular.eot");
  src: url("/public/fonts/Roboto-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/public/fonts/Roboto-Regular.woff2") format("woff2"),
    url("/public/fonts/Roboto-Regular.woff") format("woff"),
    url("/public/fonts/Roboto-Regular.ttf") format("truetype"),
    url("/public/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html{
  scroll-snap-type: y mandatory;

}  
body
html,
body {
  scroll-behavior: smooth !important;

  overflow-x: hidden;
}
* {
  outline: none !important;
  box-sizing: border-box;
}

:root {
  --card-size: "280px";
}

.uk-link,
a {
  color: #b066fe;
}
.yellowClr .uk-link,
.yellowClr a {
  color: #ffa52d;
}
.uk-link-toggle:focus .uk-link,
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
  color: #ffffff;
}
.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
.uk-heading-2xlarge,
.uk-heading-large,
.uk-heading-medium,
.uk-heading-small,
.uk-heading-xlarge,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
}
html {
  width: 100%;
  height: 100%;
  background: #0d0d19;
}
b,
strong {
  font-weight: bold;
}
body {
  font-family: "Lato", sans-serif;
  background: #151515;
  min-height: 100%;
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 15px;
  cursor: pointer;
}
body::-webkit-scrollbar-track {
  background: #131424;
}
body::-webkit-scrollbar-thumb {
  background: #ffffff99;
}
body::-webkit-scrollbar-thumb:hover {
  background: #ffffffcc;
}
img {
  max-width: 100%;
}
.mdl {
  display: table;
  width: 100%;
  height: 100%;
}
.mdl_inner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
header,
footer,
section {
  width: 100%;
  float: left;
}
.home_page > div {
  display: inline-block;
  width: 100%;
}

.headernav ul {
  margin-bottom: 13px;
  margin-left: 0px;
  color: white;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  margin-top: 13px;

  align-items: center;
}
.headernav ul a {
  color: hsla(0, 0%, 100%, 0.9) !important;
  font-weight: 400;
  /* letter-spacing: 1px; */
  font-kerning: 1px;
  font-size: 16px;
  font-family: "Lato", sans-serif !important;
  position: relative;
}

.headernav li.active a:after {
  display: none;
}

/* .headernav ul a .uk-badge{
  background-color: #dd3333;
  margin-bottom: 18px;
  font-size: 10px;
  font-family: 'Roboto' , sans-serif !important;
} */

/* .headernav ul a:hover {
  text-decoration: none;
  background: linear-gradient(180deg, #ff5b25 0%, #ffcc45 100%);
  -webkit-background-clip: text;
  color: transparent;
} */

.headernav > ul > li > a:after {
  background: #fff;
  bottom: -23px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: width 0.25s ease-in,
    bottom 0.25s cubic-bezier(0.33, 0.04, 0.63, 0.93), opacity 0.25s ease-in,
    bottom 0.25s cubic-bezier(0.33, 0.04, 0.63, 0.93);
  width: 0;
}

.headernav li:hover a:after {
  opacity: 1;
  transition: width 0.25s ease-in,
    bottom 0.25s cubic-bezier(0.33, 0.04, 0.63, 0.93);
  width: 100%;
}
.headernav ul a:hover {
  text-decoration: none;
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  text-shadow: 0.5px 0 0.5px #fff;
}

.headernav li {
  margin-left: 24px;
  list-style: none;
}

/* .main_header .logoandsearch{
  display: flex !important;
  justify-content: space-between !important;
} */

.headernav {
  width: 70%;
  float: left;
}
.rightside_header {
  width: auto ;
  float: right;
}

.splash {
  background: #1e1041;
  background: -moz-linear-gradient(top, #1e1041 0%, #101324 100%);
  background: -webkit-linear-gradient(top, #1e1041 0%, #101324 100%);
  background: linear-gradient(to bottom, #1e1041 0%, #101324 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1041', endColorstr='#101324', GradientType=0 );
  width: 100%;
  height: 100%;
  text-align: center;
}
.main_header {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #0a0a0a;
  background-image: linear-gradient(
    to bottom,
    rgba(19, 20, 36, 0.7) 10%,
    rgba(19, 20, 36, 0)
  );
  z-index: 9999;
  box-shadow: 0px 8px 10px #00000073;
  height: 68px;
  border-bottom: 1px solid #70707073;
  /* border-bottom: 1px solid #707070; */
}
.home_slider .uk-slider-nav.uk-dotnav .uk-dotnav > * {
  padding-left: 8px !important;
}
.headernav ul li.active a {
  color: #fff !important;
  border-bottom: 2px solid #fff;
  padding-bottom: 20px;
  text-shadow: 0.5px 0 0.5px #fff;
}
.main_header .logo {
  margin: 13px 0 15px 0px;
}
.HomeHeader {
  /* background-color: transparent; */
  /* background-color: #0f0f1d; */

  /* box-shadow: 0 5px 5px 3px rgba(255,255,255, 0.2); */
  box-shadow: 0px 8px 10px #00000073;
  /* outline: 1px solid red !important; */
}
.main_header.uk-active {
  background: rgb(135 107 107 / 22%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.home_slider .uk-slider-nav.uk-dotnav {
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  /* background: #212121; */
  padding: 5px;
  margin-top: 8px;
}

.home_slider .uk-dotnav > * {
  flex: none;
  padding-left: 6px !important;
}
.home_slider .uk-slider-nav.uk-dotnav > * > * {
  background-color: hsla(0, 0%, 100%, 0.7) !important;
  border-color: hsla(0, 0%, 100%, 0.7) !important;
  transition: all 1s ease-in-out;
  width: 6px;
  height: 6px;
}
.home_slider .uk-slider-nav.uk-dotnav > .uk-active > * {
  background-color: #8330c6 !important;
  border-color: #8330c6 !important;
  width: 10px;
  border-radius: 5px;
}
.HomeHeader ~ .uk-sticky-placeholder {
  display: none;
}
.content_sec .ad_cont {
  padding-top: 0px;
}
.ad_cont {
  background: #0d0d19;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.ad_act.sidebar {
  position: relative;
  float: right;
  padding-top: 0px;
}
.ad_cont ~ .content_sec {
  padding-top: 0;
}
.ad_act_ii.ad_cont {
  height: 420px;
  transition: all 0.8s ease;
  position: relative;
}
.content_sec .ad_act_ii.ad_cont {
  height: 360px;
}
.ad_act_ii.ad_cont .img_before {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ad_act_ii .ad_space {
  position: relative;
}
.live_sec.rmv_pt_60 {
  padding-top: 0px !important;
}
.rmp-ad-info {
  display: none !important;
}

.rmp-quick-unmute {
  display: none !important;
}
.rmp-quality {
  display: none !important;
}
.rmp-volume {
  display: none !important;
}
/* .rmp-cast {
  display: none !important;
} */
.rmp-pip {
  display: none !important;
}
/* .rmp-time-elapsed {
  display: none !important;
} */

#adPlayer {
  margin-left: auto;
  margin-right: auto;
}
.logo {
  float: left;
  /* width: 127px; */
  width: 150px;
  margin: 12px 0 12px 56px;
}
/* sss */
.HomeHeader .logo {
  /* margin: 12px 0 12px 90px; */

  margin: 14px 0 15px 0px;
}
.right_hdr {
  float: right;
  padding: 15px 0px;
}
.right_hdr .top_share_btn {
  padding-top: 8px;
}
.right_hdr p {
  float: left;
  font-size: 15px;
  color: #ffffff;
  margin: 0;
  line-height: 21px;
}
.right_hdr a {
  float: left;
  margin-left: 15px;
  color: #ffffff;
  font-size: 13px;
  line-height: 21px;
  font-weight: bold;
}
.right_hdr a svg {
  color: #ffffff;
  float: left;
  margin-top: -2px;
  margin-right: 2px;
  width: 24px;
}

.right_hdr a:hover {
  text-decoration: none;
  color: #ffffff;
}
.right_hdr a:hover svg {
  color: #ffffff;
  text-decoration: none;
}
.right_hdr a.mob_hide img {
  /* float: left; */
  /* width: 70px; */
  width: 110px;
}
.side_menu {
  position: fixed;
  left: 0;
  top: 0;
  width: 72px;
  height: 100%;
  background-color: #131424;
  z-index: 999;
  text-align: center;
  padding: 11px 0;
  border-right: solid 1px #0d0d19;
}
.side_menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.side_menu ul li {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.side_menu ul li a {
  float: left;
  width: 100%;
  font-size: 8px;
  line-height: 20px;
  color: #868a9b;
}
.side_menu ul li a .menu_icon {
  display: inline-block;
  background: rgb(255, 222, 0);
  background: -moz-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  color: #0d0d19;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  line-height: 36px;
}
.side_menu ul li span,
.side_menu ul li h1 {
  width: 100%;
  float: left;
  font-size: 8px;
  line-height: 20px;
  margin: 0px;
  color: #868a9b;
}
.side_menu ul li:hover a,
.side_menu ul li.active a,
.side_menu ul li:hover a h1,
.side_menu ul li.active a h1,
.side_menu ul li:hover a span,
.side_menu ul li.active a span {
  color: #ffffff;
}
.content_sec {
  display: inline-block;
  width: 100%;
  padding-top: 0px;

  margin-bottom: -5px;
  min-height: 500px;
}

/* GeneralCatWatch sliders SM */
/* .content_sec .prog_box_sec .slider_new_container{
  overflow-x: hidden;
}
.content_sec .shows_slider_sec .slider_new_container{
  overflow-x: hidden;
}

.content_sec .channel_box_sec .slider_new_container{
  overflow-x: hidden;

} */
/* GeneralCatWatch sliders SM */

.home_slider {
  /* height: 620px; */
  padding-left: 0px;
  height: 100%;
  /* padding-top: 15px; */
  padding-top: 30px;
  /* margin-top: 50px; */
  margin-top: 55px;
  margin-bottom: 10px;
}
.home_slider .uk-slider ul {
  /* margin-top: 2.5%;
  margin-bottom: 2.5%; */
}
.home_slider .uk-slider-items li {
  width: 57%;
  height: 100%;
  padding: 0 10px;
}
.home_slider .uk-slider-items li .uk-panel {
  /* opacity: 0.3; */
  opacity: 0.8;
}
.home_slider .uk-slider-items li.uk-active .uk-panel {
  z-index: 9;
  opacity: 1;
}

.home_slider .uk-slider-items li {
  /* width: 57%; */
  width: 80%;
  padding: 0 10px;
  position: relative;
  overflow: hidden;
  max-height: 68vh !important;
  /* max-height: 64vh !important; */
  /* margin-bottom: 50px; */

  /* outline: 1px solid green !important; */
}

.home_slider .uk-slider-items li:not(.uk-active) {
  filter: blur(5px);
  background-color: linear-gradient(to right, #000);

  /* scale: 0 !important ; */
}

/* .home_slider .uk-slider-items li img {
  width: 100%;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: all 900ms ease 0s;
  -webkit-transition: all 900ms ease 0s;
  object-fit: cover;
  object-position: center;
  z-index: 0;

} */
.gradientdiv {
  position: absolute;
  background-color: red;

  z-index: 10;

  /* background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); */
}

.home_slider .uk-slider-items li .uk-panel img {
  border-radius: 12px;
}

.home_slider .uk-slider-items li.uk-active .uk-panel img {
  /* transform: scale(1.02);
  -webkit-transform: scale(1.02); */
  transition: all 900ms ease 0s;
  -webkit-transition: all 900ms ease 0s;
  height: auto;
}
/* .home_slider .uk-slider-items li.uk-active .uk-panel img::before{
  color: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);

} */

.home_slider .uk-slider-items li .uk-panel {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home_slider .uk-slider-items li .uk-panel a,
.home_slider .uk-slider-items li .uk-panel div.inner-div {
  float: left;
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 56.38%;
  /* background-color: rgba(0, 0, 0, 0.3); */
  border-radius: 10px;
  overflow: hidden;
}

.home_slider .uk-slider-items li .uk-panel a video,
.home_slider .uk-slider-items li .uk-panel div.inner-div video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-size: cover;
  overflow: hidden;
}
.home_slider .new_recmnd {
  position: fixed;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  color: #4f00bc;
  background-color: #ffffff;
  font-size: 14px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 5px 15px;
  font-weight: bold;
  line-height: 22px;
}
.pad_left {
  /* padding-left: 12px; */
  /* padding-left: 80px; */
  padding-left: 45px;
}
.pad_right {
  padding-right: 56px;
}
.pad_tb {
  padding-bottom: 40px;
  padding-top: 40px;
}
.pad_t {
  /* padding-top: 50px; */
  padding-top: 25px;
}
.pad_b {
  padding-bottom: 50px;
}
.headng_box {
  width: 100%;
  padding-bottom: 10px;
  display: inline-block;
  margin-bottom: -2px;
}
.headng_box h2 {
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  margin: 0;
  float: left;
}
.slider_fav {
  float: left;
  width: 100%;
  overflow: visible;
}
.slider_fav li {
  padding: 0 5px;
}
.slider_fav li:first-child {
  padding-left: 0;
}
.slider_fav li:last-child {
  padding-right: 0;
}
.fav_sld_img {
  float: left;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 0px;
  overflow: hidden;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding-bottom: 56.25%;
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.slider_fav li .fav_sld_img > img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.anim_expand a {
  transform: scale3d(1.5, 1.5, 1) translate3d(0, 0, 0) perspective(500px);
  z-index: 1;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}
.anim_expand:first-child a {
  transform: scale3d(1.5, 1.5, 1) translate3d(17%, 0, 0) perspective(500px);
}
.anim_expand:last-child a {
  transform: scale3d(1.5, 1.5, 1) translate3d(-17%, 0, 0) perspective(500px);
}
.minus-margin {
  margin-left: -19px;
}
.live_style .txt_box {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  float: left;
  width: 100%;
  padding: 10px;
}
.livetv_box:hover .txt_box,
.slider_fav li .live_style:hover .txt_box {
  background: none;
}
.txt_box img {
  float: left;
  max-width: 40px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.slider_fav li a h4 {
  float: left;
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}

.bannergrid {
  max-width: 655px;
  /* padding-top: 20px; */
}
.gridbox {
  /* margin: 2.5rem; */
  margin-left: 4.5rem;
}

.banner_item {
  height: 570px;
  max-height: 570px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  /* padding-top: 4rem; */
}
h1.banner_name {
  display: block;
  float: left;
  position: relative;
  z-index: 1;
  top: 5%;
}
.banner_rating {
  margin-top: 8px !important;
}

.banner_text,
.banner_play {
  position: relative;
  z-index: 10;
  text-decoration: none;
  font-family: "Roboto-regular", sans-serif !important;
  max-width: 500px;
}

.imdb {
  width: auto;
  height: auto;
  /* position: absolute; */
}

.imgContainer-banner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.imgContainer-banner img {
  width: 100%;
  /* height: 100%; */
  height: auto;
  /* max-height: 575px; */
  max-height: 570px;
  object-fit: cover;
  object-position: center center;
}

a.channel_sldr_box {
  width: 100%;
  max-width: 198px;
}

.banner_name {
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 54px;
  line-height: 65px;
  font-weight: 900;
  text-shadow: 4px 4px 4px #18171791;
}

.fav_slider {
  padding: 5px 40px 40px !important;
}
/* Musfar | Live Channel  */

/* #glider_slider_channel3 .glider-slide{
  margin-right: 15px !important;
} */



#glider_slider_epi1 .glider-slide{
  width: 300px !important;
}

.newp40.pad_t.channel_box_sec .h2forhome{
  padding-left: 40px;
}

div#glider_slider_channel4 {
  padding-left: 40px;
}
.pad_t.channel_box_sec.pading .h2forhome{
  padding-left: 40px;
}
#heading4 .h2forhome {
  padding-left: 40px;
}
.drama_sldr_new div a .channel_sldr_box:hover {
  transform: scale(1.15);
  z-index: 3;
  transition: all 0.5s ease !important;
}

/* inside programs Musfer  */

.prog_box_sec {
  overflow: hidden;
  padding-bottom: 2%;
  padding-left: 45px;
}

section.pad_left.pad_right.pad_t.prog_box_sec.dark_bg.m_h {
    padding-left: 55px;
}
section.pad_left.pad_right.pad_tb.prog_box_sec.m_h {
  padding-left: 55px;
}

#heading3 .h2forhome {
  padding-left: 40px;
}

#glider_slider_pro2 a.channel_sldr_box:hover {
  transform: scale(1.15);
  z-index: 3;
  transition: all 0.5s ease !important;
}
.prog_list_cont .prog_list_cont_inner .dramas_box:hover {
  transform: scale(1.15);
  z-index: 3;
  transition: all 0.5s ease !important;
}
.prog_list_cont .prog_list_cont_inner .dramas_box{
  transition: all 0.5s ease-in-out !important;
}
#glider_slider_pro2{
  overflow: scroll;
  padding: 20px 0px 20px 0px;
  margin: -20px 0px;
}
.pad_left.pad_right.pad_tb.prog_box_sec.episodeSection.m_h .prog_sldr_text {
  margin-bottom: 0px;
}
.NowUpnextSlide {
  float: left;
  padding-right: 5px;
}
.NowUpnextSliderInner {
  float: left;
  width: 100%;
  background: #131424;
  padding: 5px;
}
.NowUpnextSliderImg {
  float: left;
  width: 113px;
}
.NowUpnextSliderTxt {
  float: left;
  width: calc(100% - 113px);
  padding: 0px 10px;
}
.NowUpnextSliderTxt h4 {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  height: 32px;
  overflow: hidden;
  margin-bottom: 12px;
}
.NowUpnextSliderTxt .watchingbtn {
  float: left;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
  text-align: justify;
}
.NowUpnextSliderImg a img {
  width: 113px;
  float: left;
}
.hearticon.uk-icon{
  display: none;
}
#NowUpnextSlider li.glider-slide {
  list-style: none !important;
}
div#NowUpnextSlider {
  overflow: scroll;
}
.banner_rating_wrap .dv-star-rating-star {
  cursor: default !important
}

#talk-shows-view-all{
  overflow: hidden;
}

#talk-shows-view-all .prog_box_sec{
  overflow: visible !important;
}



/* musfar totop button Home-page */
.totop{
  height: 30px;
  width: 30px !important;
  border-radius: 2px;
  margin-right: 28px;
  background-color: #8330c6;
  float: right;
  position: sticky;
}



@media (min-width: 2560px) {
  .home_slider {
    height: 830px;
  }
  .imgContainer-banner img {
    max-height: 770px;
  }
  .banner_item {
    max-height: 770px;
    height: 770px;
  }

  .banner-glider-prev,
  .banner-glider-next {
    max-height: 770px !important;
  }
}

@media (max-width: 1920px) {
  .imgContainer-banner img {
    max-height: 680px;
  }
  .channel_box_sec .glider-slide {
    width: 208px !important;
    padding-right: 0 !important;
    transition: all 0.5s ease;
    margin-right: 5px !important;
  }
  .home_slider .uk-slider-items li {
    max-height: 64vh !important;
  }
.searchSec.showSearchBar {
  width: 330px !important;
}

}

/* @media(max-width: 1660px){
  .imgContainer-banner img{
    max-height: 575px;
  }
}
@media(max-width: 1366px){
  .imgContainer-banner img{
    max-height: 575px;
  }
}
@media(max-width: 1280px){
  .imgContainer-banner img{
    max-height: 575px;
  }
} */

/* HOme - homeslider - SM  */

@media (max-width: 1366px) {
  .banner_item {
    height: 420px ;
  }
  .home_slider .uk-slider-items li {
    max-height: 68vh !important;
  }
  .rightside_header {
    /* width: 7% ; */
    float: right;
  }
}

.banner_release {
  display: flex;
}

.banner_release h3 {
  color: #cccbca;
  font-size: 1.2rem;
}

.banner_play button {
  background-color: #8230c6;
  color: #ffffff;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  width: 120px;
  border: none;
  height: 40px;
  box-shadow: 5px 7px 10px #00000047;
  cursor: pointer;
}
.banner_play button:hover,
.banner_play button:focus {
  /* background: linear-gradient(0deg, #FF5B25   0%, #FFCC45 100%); */
  /* box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover); */
  /* background: linear-gradient(189deg, #FFCC45 0%, #FF5B25 100%); */
}

.banner_text h4 {
  text-align: left;
  font-family: "Lato", sans-serif;
  color: #fff;
  line-height: 1.8;
  font-weight: 400;
  letter-spacing: 0.1px;
  font-size: 16px !important;
  line-height: 25px;
  max-width: 320px;
}
.custom-star-rating {
  font-size: 28px;
}
/* HOme - homeslider - SM  */

.uk-panel a:hover {
  text-decoration: none;
}

.banner_rating {
  z-index: 1;

  height: auto;
}

.banner_rating_wrap {
  max-width: 300px; /* Adjust the maximum width as needed */
  width: 100%; /* Ensure the container takes the full width available */
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner_rating_wrap p {
  font-size: 20px;
  margin: 0;
  margin-top: 4px;
}
.temp {
  font-family: "Roboto", sans-serif;
  margin-top: 5px;
  border-radius: 6px;
  height: 32px;
  width: 165px;
  /* margin-left: -2px; */
  overflow: none;
  background-image: url(../img/IMDB_Logo.svg);
  background-repeat: no-repeat;
  background-position: 0%;
}
.banner_release h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  font-family: "Lato", sans-serif;
}
.temp img {
  max-height: 0px;
}

.banner_play svg {
  z-index: 1;
  /* margin-bottom: 4px; */
}

.banner_play button span {
  line-height: 22px;
  margin-top: 1px;
  display: block;
  float: right;
  margin-right: 12px;
}
.banner_play button:hover {
  background: linear-gradient(to top, #8230c6 0%, #935dc5 51%);
}

.home_slider .gradientOverlay {
  background: rgb(0, 0, 0);
  /* background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%); */
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 1) 13%,
    rgba(0, 0, 0, 0.8267682072829132) 34%,
    rgba(255, 255, 255, 0) 75%
  );
  /* background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(255,255,255,0) 100%); */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 1200px) {
  *.uk-grid-margin,
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin {
    margin-top: 30px;
  }
}

.live_span {
  background-color: #ed1d24;
  float: right;
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  width: 50px;
  text-align: center;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding-left: 6px;
  z-index: 1;
  text-transform: uppercase;
}
.live_span:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  left: 6px;
  top: 7px;
}
.view_all {
  float: right;
  font-size: 12px;
  position: relative;
  line-height: 29px;
  color: #b066fe;
  margin: 0 56px 0 0;
  margin: 0 70px 0 0;
  text-decoration: none !important;
}
.yellowClr .view_all {
  color: #ffa52d !important;
}
.music_hotlist .view_all {
  margin: 0 0px 0 0;
}
.view_all svg {
  width: 30px;
  height: 30px;
  margin-top: -6px;
}
.prog_sldr {
  float: left;
  width: 100%;
  overflow: visible;
}
.prog_sldr li {
  padding: 0 10px;
}
.prog_sldr li:first-child {
  padding-left: 0;
}
.prog_sldr li:last-child {
  padding-right: 0;
}
.prog_sldr_box {
  width: 100%;
  float: left;
}

/* Musfar | Live channel Inside card  */
#glider_slider_epi1 .prog_sldr_box {
  background-color: #262626;
  padding: 5px;
  border-radius: 8px;
  height: 250px;
}
/* #glider_slider_epi1 .prog_sldr_box:hover{
  transform: scale(1.1);
    z-index: 1;
    box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.1);
    transition: all 0.5s ease;
} */

#glider_slider_epi1 .prog_sldr_new.glider{
  overflow: visible;
}

#glider_slider_epi1 .glider-slide a{

  min-width: 100%;
}

.prog_sldr_box .hvr_box {
  /* background-color: transparent; */
  transition: all 0.5s ease;
}
.prog_sldr_box:hover {
  transition: all 0.5 ease;
  /* padding-right: 20px; */
}

.prog_sldr_box:hover .hvr_box {
  background-color: rgba(2, 2, 2, 0.5);
}
/* .prog_sldr_box  .hvr_box :hover {
  background-color: black;
} */

.prog_sldr_img {
  float: left;
  width: 100%;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.prog_sldr_img a {
  float: left;
  width: 100%;
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.prog_sldr_img a > img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.duration_time {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
  background: #000000;
  color: #fff !important;
  font-size: 12px;
  text-align: center;
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none !important;
}
.prog_sldr_text {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.uk-slider .prog_sldr_text {
  margin-bottom: 0px;
}
.prog_sldr_text h4 {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  margin: 14px 0 5px;
}
.prog_sldr_text h4 b,
.prog_sldr_text h4 strong {
  font-weight: normal;
}
.prog_sldr_text h4 a {
  height: 20px;
  overflow: hidden;
  float: left;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  text-align: left;
}
.prog_sldr_text a {
  text-decoration: none;
}
.prog_sldr_text p {
  float: left;
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  color: #a1a1a7;
}
.prog_sldr_text p span {
  float: left;
}
/* .prog_sldr_text p span + span {
  margin-left: 3px;
} */
.dark_bg {
  background-color: #151515;
}
.dark_bg .headng_box h2 {
  color: #ffffff;
}
.color_white.headng_box h2 {
  color: #ffffff;
}
.channel_sldr {
  float: left;
  width: 100%;
  overflow: visible;
}
.channel_sldr li {
  padding: 0 8px;
}
.channel_sldr li:first-child {
  padding-left: 0;
}
.channel_sldr li:last-child {
  padding-right: 0;
}
.channel_sldr_box {
  position: relative;
  /* width: 180px; */
  width: 100%;
  text-align: center;
  float: left;
  margin-bottom: 10px;
}

/* .channel_sldr_img {
  position: relative;
  height: 280px;
  max-height: 100%;
  background-color: #0d0d19;
  border-radius: 5px;
  float: left;
  border: solid 1px transparent;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  overflow: hidden;
  width: 200px;
} */
.channel_sldr_img {
  float: left;
  width: 100%;
  height: 274px;
  max-height: 100%;
  position: relative;
  transition: all 0.5s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}

.channel_box_sec .glider {
  /* overflow-y: visible; */
  /* background: red; */
  /* padding-top: 20px;
  padding-bottom: 20px; */
}

.channel_box_sec .glider {
  overflow: scroll;
  padding: 20px 0px 20px 45px;
  margin: -20px 0px;
}
.channel_box_sec .glider-slide {
  width: 208px !important;
  padding-right: 0 !important;
  transition: all 0.5s ease;
  margin-right: 15px;
}
.channel_box_sec .headng_box h2 {
  padding-left: 45px;
}
.prog_sldr_new.glider,
.drama_sldr_new.glider {
  overflow: scroll;
}
#glider_slider_channel3 {
  padding-left: 40px;
}
.glider-slide a {
  width: calc(100% - 10px);
  float: left;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  min-width: 198px;
}

/* .channel_box_sec .glider-prev, .channel_box_sec .glider-next{
  background: none !important;
} */
.yellowClr .channel_sldr_img {
  border: solid 1px #ffa52d;
}
/* .channel_sldr_img img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
} */

.channel_sldr_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.channel_sldr_img .live_span {
  position: absolute;
  /* left: 50%;
  bottom: -7px;
  transform: translateX(-50%); */
  left: 10px;
  top: 10px;
  padding-left: 0;
}
.channel_sldr_img .live_span:before {
  display: none;
}
.channel_sldr_txt {
  float: left;
  text-align: center;
  width: 100%;
  padding-top: 15px;
}
.channel_sldr_txt h3 {
  margin: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shows_slider {
  float: left;
  width: 100%;
  overflow: visible;
}
.shows_slider li {
  padding: 0 10px;
}
.shows_slider li:first-child {
  padding-left: 0;
}
.shows_slider li:last-child {
  padding-right: 0;
}
.shows_slider li a {
  float: left;
  width: 180px;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.anim_expand2 .shows_slider_img {
  transform: scale3d(1.2, 1.2, 1) translate3d(0, 0, 0) perspective(500px);
  z-index: 1;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  transition: transform 0.3 ease;
}
.anim_expand2:first-child .shows_slider_img {
  transform: scale3d(1.2, 1.2, 1) translate3d(12%, 0, 0) perspective(500px);
}
.anim_expand2:last-child .shows_slider_img {
  transform: scale3d(1.2, 1.2, 1) translate3d(-12%, 0, 0) perspective(500px);
}
.shows_slider_img {
  float: left;
  width: 100%;
  position: relative;
  transition: all 0.5s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.shows_slider_img img {
  width: 100%;
}
.shows_slider_txt {
  float: left;
  width: 100%;
}
.shows_slider_txt h4 {
  float: left;
  width: 100%;
  margin: 15px 0 0;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.gf_sec {
  background-image: url(../images/gf_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.gf_img {
  float: left;
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.gf_img img {
  width: 100%;
}
.gf_txt {
  float: left;
  width: 100%;
  color: #ffffff;
}
.gf_txt h2 {
  color: #ffffff;
  font-size: 42px;
  line-height: 42px;
}

.newgfbtn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 125px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

.newgfbtn:hover,
.newgfbtn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}

.gf_txt .gf_watch_btn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 125px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.gf_txt .gf_watch_btn:hover,
.gf_txt .gf_watch_btn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
.gf_txt .gf_watchlist_btn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 125px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.gf_txt .gf_watchlist_btn:hover,
.gf_txt .gf_watchlist_btn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
.gf_txt p {
  width: 100%;
  float: left;
  margin-top: 0px;
  font-size: 18px;
  line-height: 24px;
}
.gf_txt p b,
.gf_txt p strong {
  margin-top: 20px;
  float: left;
  font-size: 22px;
  line-height: 27px;
}
.chnl_like {
  text-align: center;
}
.chnl_like2 {
  background-color: #131424;
}
.chnl_like_img {
  display: inline-block;
  width: 100%;
  position: relative;
}
.chnl_like_img:hover .hvr_box {
  background: none;
}
.chnl_like_img .hvr_box svg {
  width: 62px;
  height: 62px;
}
.chnl_like_txt {
  float: left;
  width: 100%;
  color: #ffffff;
  text-align: left;
}
.chnl_like_txt h4 {
  color: #ffffff;
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 0px;
}
.chnl_like_txt p {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
}
.chnl_like_txt .lets_do {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 100px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.chnl_like_txt .lets_do:hover,
.chnl_like_txt .lets_do:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
/* .moviesSectionHome{
  overflow-x: hidden;
} */
.shows_slider_sec_large .shows_slider li a {
  width: 300px;
}
.shows_slider_sec_large .shows_slider_txt h4 {
  font-size: 24px;
  line-height: 29px;
}
.shows_slider_sec_large .headng_box h2 {
  color: #868a9b;
}
footer {
  background-color: #151515;
  position: absolute;
  z-index: 1;
}
footer ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer ul li {
  float: left;
  margin: 0 5px;
}
footer ul li:first-child {
  margin-left: 0;
}
footer ul li:last-child {
  margin-right: 0;
}
footer ul li a {
  float: left;
  color: #c6c6c6;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
}
footer p {
  float: left;
  width: 100%;
  color: #c6c6c6;
  font-size: 12px;
  line-height: 22px;
  margin: 10px 0 0;
}
footer p a {
  text-decoration: none;
  color: #c6c6c6;
}
.ftr_btns {
  float: right;
  padding: 9px 0;
}
.ftr_btns a {
  float: left;
  margin-left: 10px;
  width: 120px;
}
.ftr_btns a:first-child {
  margin-left: 0px;
}
.live_sec {
  width: calc(100% - 405px);
}
.live_sec .pad_left {
  padding-left: 40px;
}
.live_sec .pad_right {
  padding-right: 50px;
}
.sidebar {
  position: fixed;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 405px;
  background-color: #0d0d19;
  padding-top: 80px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  min-height: auto !important;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
}
.sidebar::-webkit-scrollbar {
  display: none;
}
.uk-slider .nxt_btn {
  right: 0;
  top: 50%;
  position: absolute;
  color: #000 !important;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 27px;
}
.uk-slider .prev_btn {
  left: 0;
  top: 50%;
  position: absolute;
  color: #000 !important;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.45);
  text-align: center;
  line-height: 27px;
}
.home_slider .uk-slider .nxt_btn {
  right: 5%;
}
.home_slider .uk-slider .prev_btn {
  left: 5%;
}
.prog_box_sec .uk-slider .nxt_btn {
  top: 80px;
  transform: translateY(0);
}
.prog_box_sec .uk-slider .prev_btn {
  top: 80px;
  transform: translateY(0);
}
.shows_slider_sec .uk-slider .nxt_btn {
  top: 110px;
  transform: translateY(0);
}
.shows_slider_sec .uk-slider .prev_btn {
  top: 110px;
  transform: translateY(0);
}
.shows_slider_sec_large .uk-slider .nxt_btn {
  top: 192px;
  transform: translateY(0);
}
.shows_slider_sec_large .uk-slider .prev_btn {
  top: 192px;
  transform: translateY(0);
}
/* Hover disabled and added new hover to programs cards - trending, Movies, Drama and Programs - Home */
.ProgramSectionHome .ProgramsCard {
  /* margin-right: 5px; */
  width: 208px !important;
  padding-right: 0 !important;
  transition: all 0.5s ease;
  margin-right: 5px;
}
.ProgramSectionHome .ProgramsCard:hover,
.ProgramSectionHome .ProgramsCard:focus {
  transform: scale(1.15);
  z-index: 1;
  transition: all 0.5s ease;
}
.ProgramSectionHome .ProgramsCard:hover .chnl_hvr_box,
.ProgramSectionHome .ProgramsCard:focus .chnl_hvr_box {
  background: linear-gradient(rgba(32, 30, 30, 0.502), rgba(0, 0, 0, 0.502));
  display: block;
  transition: all 0.5s ease;
}
.headernav .uk-badge {
  background: #8330c6 !important;
}
/* Hover disabled and added new hover to programs cards - Movies, Drama and Programs - Home */
.player_sec {
  /* background: #262626; */
  background: #151515;
  padding: 30px 25px 0 95px;
}
.player_box {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.player_btm_bar {
  float: left;
  width: 100%;
  padding: 15px 0;
  position: relative;
}
.player_btm_bar .player_ul {
  display: none;
}
.player_btm_bar .live_span {
  float: left;
  width: 60px;
}
.player_btm_bar .live_span:before {
  left: 9px;
}
.player_btm_bar .live_span {
  display: none;
}
.player_btm_bar .watching_now {
  display: none;
}
.watching_now {
  font-size: 16px;
  margin: 0;
  color: #ffffff80;
  float: left;
  margin-left: 10px;
  margin-top: 20px;
  background: #00000094;
  line-height: 20px;
  padding: 1px 6px;
  border-radius: 2px;
}
/* movies slider hover home page */
.moviesSection .shows_slider_img {
  overflow: hidden;
  /* background: red; */
  border-radius: 8px;
  /* border: 1px solid red; */
}
.moviesSection a .shows_slider_img img,
.moviesSection a .shows_slider_img img {
  transform: scale(1);
  transition: all 0.25s ease;
}
.moviesSection a:hover .shows_slider_img img,
.moviesSection a:focus .shows_slider_img img {
  transform: scale(1.1);
  transition: all 0.25s ease;
}
/* movies slider hover home page - ends */
/* MBK - logo on video bar - watch.js */
.player_hd_bar .logo-videoPlayer {
  margin: 0;
  float: left;
  margin-left: 10px;
  margin-top: 12px;
  /* background: #00000094; */
  line-height: 20px;
  padding: 1px 6px;
  border-radius: 2px;
  max-height: 40px;
}
.watching_now_live {
  font-size: 16px;
  margin: 0;
  color: #ffffff80;
  float: left;
  margin-top: 4px;
  background: #00000094;
  line-height: 20px;
  padding: 1px 6px;
  border-radius: 2px;
}
.watching_now svg {
  width: 22px;
}
.player_btm_bar .player_ul {
  position: relative;
  right: inherit;
  top: inherit;
  float: right;
}
.player_btm_bar .watching_now {
  font-size: 12px;
  line-height: 20px;
  color: #ebebf599;
  width: auto;
  margin: 0;
  background: none;
}
.player_btm_bar .player_ul li a {
  color: #b066fe;
}
.player_ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 20px;
  top: 20px;
}
.player_ul li {
  float: left;
  margin-left: 10px;
}
.player_ul li:first-child {
  margin-left: 0px;
}
.right_hdr a:hover svg {
  color: #ffffff;
}
.player_ul li a {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  float: left;
}
.player_ul li a:hover {
  color: #ffffff;
}
.player_ul li a svg {
  float: left;
  margin-right: 5px;
}
hr {
  background-color: #0c0d17;
  border: none;
  margin: 0px;
  float: left;
  width: 100%;
  height: 2px;
  display: none;
}
.txt_box .live_span {
  margin-top: -4px;
}

/* .hvr_box :hover{
    background-color: rgba(2,2,2,0.3);

} */
.hvr_box {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;

  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /* background: rgba(2,2,2,0.3); */
  /* background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0.11) 79%,
    rgba(7, 7, 7, 0.14) 80%,
    rgba(6, 6, 6, 0.17) 81%,
    rgba(4, 4, 4, 0.23) 83%,
    rgba(7, 7, 7, 0.26) 84%,
    rgba(6, 6, 6, 0.29) 85%,
    rgba(9, 9, 9, 0.32) 86%,
    rgba(9, 9, 9, 0.41) 89%,
    rgba(11, 11, 11, 0.44) 90%,
    rgba(17, 17, 17, 0.7) 99%,
    rgba(18, 18, 18, 0.5) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0.11) 79%,
    rgba(7, 7, 7, 0.14) 80%,
    rgba(6, 6, 6, 0.17) 81%,
    rgba(4, 4, 4, 0.23) 83%,
    rgba(7, 7, 7, 0.26) 84%,
    rgba(6, 6, 6, 0.29) 85%,
    rgba(9, 9, 9, 0.32) 86%,
    rgba(9, 9, 9, 0.41) 89%,
    rgba(11, 11, 11, 0.44) 90%,
    rgba(17, 17, 17, 0.7) 99%,
    rgba(18, 18, 18, 0.5) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 0.11) 79%,
    rgba(7, 7, 7, 0.14) 80%,
    rgba(6, 6, 6, 0.17) 81%,
    rgba(4, 4, 4, 0.23) 83%,
    rgba(7, 7, 7, 0.26) 84%,
    rgba(6, 6, 6, 0.29) 85%,
    rgba(9, 9, 9, 0.32) 86%,
    rgba(9, 9, 9, 0.41) 89%,
    rgba(11, 11, 11, 0.44) 90%,
    rgba(17, 17, 17, 0.7) 99%,
    rgba(18, 18, 18, 0.5) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80121212', GradientType=0 ); */
}
@keyframes dash {
  to {
    stroke-dasharray: 1000;
  }
}
.hvr_box svg {
  position: absolute;

  /* -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease; */
  /* left: 10px;
  bottom: 10px; */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* width: 32px;
  height: 32px; */
  width: 60px;
  height: 60px;
  color: #ffffff;
  opacity: 0;
}
.hvr_box:hover svg {
  color: white;
  opacity: 0.9;
}
.prog_sldr_box:hover .hvr_box svg {
  color: white;
  opacity: 0.9;
}
.continue_bar {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 4px;
  background-color: #000;
}
.continue_bar span {
  position: absolute;
  left: 0px;
  width: 0;
  bottom: 0px;
  height: 4px;
  background-color: #b066fe;
}
.yellowClr .continue_bar span {
  background-color: #ffa52d;
}
.chnl_hvr_box {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /* -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; */
  display: none;
}
.chnl_hvr_box svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;

  color: #ffffff;
}
.channel_sldr_box:hover .chnl_hvr_box {
  background: linear-gradient(rgba(32, 30, 30, 0.502), rgba(0, 0, 0, 0.502));
  transition: all 0.5s ease;
  display: block;
}

.sidebar_tab_btns {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.sidebar_tab_btns.sidebar_tab_btns_half li {
  width: 50%;
}
.sidebar_tab_btns li {
  float: left;
  width: 33.3333%;
  text-align: center;
}
.sidebar_tab_btns li a {
  float: left;
  width: 100%;
  position: relative;
  text-decoration: none;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 10px;
  border-bottom: solid 2px #040404;
}
.sidebar_tab_btns li.uk-active a {
  color: #ffffff;
}
.sidebar_tab_btns li.uk-active a:before {
  background-color: #b066fe;
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.yellowClr .sidebar_tab_btns li.uk-active a:before {
  background-color: #ffa52d;
}
.sidebar_tab {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar_tab > li {
  float: left;
  width: 100%;
  text-align: center;
}
.info_tab_box {
  float: left;
  width: 100%;
  padding: 20px 0;
  text-align: left;
}
.hashtag {
  font-size: 14px;
  line-height: 22px;
  margin-right: 3px;
}
.info_tab_box h4 {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  margin-top: 0px;
}
.info_tab_box h4 b {
  font-weight: normal;
}
.info_tab_box a:hover {
  text-decoration: none;
}
.info_txt {
  float: left;
  width: 100%;
  border-top: solid 2px #000000;
  padding-top: 20px;
}
.info_txt .channel_sldr_box {
  width: 64px;
  margin-right: 10px;
}
.info_txt .channel_sldr_img {
  width: 64px;
  height: 64px;
  border: solid 1px #b066fe;
}
.yellowClr .info_txt .channel_sldr_img {
  border: solid 1px #ffa52d;
}
.info_txt h1,
.info_txt h2 {
  color: #e6e6e6;
  font-size: 17px;
  line-height: 22px;
  float: left;
  margin: 10px 0 0;
  width: calc(100% - 170px);
}
.info_txt .info_category_txt {
  float: left;
  margin: 0;
  width: calc(100% - 170px);
  color: #ebebf599;
  font-size: 13px;
  line-height: 20px;
}
.favourite {
  float: right;
  color: #ffffff;
  background: #ed1d24;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 12px;
  font-size: 9px;
  font-weight: bold;
  width: 90px;
  text-align: center;
  line-height: 24px;
  margin-top: -11px;
}
.favourite:hover .favourite:focus {
  color: #ffffff;
}
.favourite svg {
  width: 12px;
  height: 12px;
  margin-left: 3px;
  margin-bottom: 3px;
}
.favourite.active svg path {
  fill: #ffffff;
}
.adbox_sidebar {
  display: inline-block;
  width: 300px;
  /* height: 250px; */
}
.related_tab_box {
  float: left;
  width: 100%;
  position: relative;
  margin: 0px;
  padding: 20px 15px;
  list-style: none;
}
.related_tab_box li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  text-align: left;
}
.related_tab_box li:last-child {
  margin-bottom: 0px;
}

.comments_sec {
  float: left;
  width: 100%;
  text-align: left;
  padding: 15px 0;
}
.comments_write {
  float: left;
  width: 100%;
  padding: 15px;
  border-bottom: solid 1px #3d3d47;
}
.comments_user_pic {
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 20px;
}
.comments_write textarea {
  width: calc(100% - 60px);
  background-color: transparent;
  border: none;
  color: #aaaaaa;
  line-height: 19px;
  font-size: 16px;
  resize: none;
  height: 40px;
  padding: 9px 0;
}
.commnts_answers {
  float: left;
  width: 100%;
}
.commnts_answers ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.commnts_answers ul li {
  float: left;
  width: 100%;
}
.commnts_answer_box {
  float: left;
  width: 100%;
}
.commnts_answer_box ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.commnts_answer_box ul li {
  float: left;
  width: 100%;
}
.commnts_answer {
  float: left;
  width: 100%;
  padding-left: 15px;
}
.commnts_answer_box .comments_user_pic {
  margin: 15px 20px 15px 0;
}
.commnts_answer_txt {
  float: left;
  width: calc(100% - 60px);
  padding: 15px 0;
  border-bottom: solid 1px #3d3d47;
}
.commnts_answer_head {
  float: left;
  width: 100%;
  color: #aaaaaa;
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 5px;
}
.commnts_answer_head h5 {
  float: left;
  margin: 0;
  color: #aaaaaa;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
}
.commnts_time {
  color: #aaaaaa;
  font-size: 11px;
  line-height: 13px;
  font-weight: normal;
  float: left;
  margin-left: 5px;
}
.commnts_answer_reply {
  float: right;

  color: #ffffff;
  margin-right: 15px;
}
.commnts_answer_reply svg {
  width: 16px;
}
.commnts_answer_body {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  padding-right: 50px;
}
.show_hide_btn {
  float: left;
  margin: 10px 0;
  position: relative;
  padding-right: 24px;
  text-decoration: none !important;
}
.show_hide_btn:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 2px;
  width: 24px;
  height: 22px;
  background-image: url(../images/arrow.png);
}
.open_cm.show_hide_btn:before {
  transform: rotate(180deg);
}
.show_hide_cmnt {
  float: left;
  width: 100%;
  margin: 0px;
  list-style: none;
  padding: 0;
}
.show_hide_cmnt .commnts_answer {
  padding: 0px;
}
.show_hide_cmnt .comments_user_pic {
  width: 24px;
  height: 24px;
  margin: 10px 15px 10px 0;
}
.show_hide_cmnt .commnts_answer_txt {
  border-bottom: none;
  padding: 10px 0;
}
.continue_watching_m {
  display: none;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.continue_watching_m li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.continue_watching_m .prog_sldr_box {
  max-width: 100%;
}
.continue_watching_m .prog_sldr_img {
  width: 160px;
  margin-right: 10px;
}
.continue_watching_m .prog_sldr_text {
  width: calc(100% - 170px);
}
.continue_watching_m .prog_sldr_text h4 {
  white-space: normal;
  overflow: inherit;
  text-overflow: inherit;
  color: #ffffff;
  margin-top: 0;
}
.continue_watching_m .prog_sldr_text h4 a {
  color: #ffffff;
  height: auto;
  max-height: 40px;
}
.continue_watching_m .prog_sldr_text p span {
  float: left;
  width: 100%;
}
.mobile_info_sec {
  display: none;
}
.search_box {
  float: left;
  width: 100%;
  background-color: #0d0d19;
}
.search_box form {
  width: 100%;
  position: relative;
  padding: 15px 0;
  float: left;
  color: #919191;
}
.close_search {
  float: right;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.search_icon {
  float: left;
}
.search_box svg {
  float: left;
  width: 30px;
  height: 30px;
  margin: 5px 0;
}
.search_box input {
  float: left;
  width: calc(100% - 40px);
  height: 40px;
  margin: 0;
  background: none;
  border: none;
  padding: 5px 15px;
  font-size: 32px;
  font-weight: bold;
  color: #919191;
}
.dramas_box {
  max-width: 180px;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.prog_box_sec .dramas_box {
  margin-bottom: 20px;
}
.tags_box {
  padding-top: 20px;
  padding-bottom: 20px;
}
.tags_box .tag_box {
  display: inline-block;
  background-color: transparent;
  color: #b066fe99;
  text-decoration: none !important;
  font-size: 11px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  padding: 5px 15px;
  line-height: 20px;
  margin: 3px;
  border: solid 1px #b066fe99;
}
.tag_box .plus_tick {
  width: 20px;
  height: 20px;
  background-image: url(../images/plus.svg);
  float: left;
  margin-right: 5px;
}
.tag_box.active .plus_tick {
  background-image: url(../images/tick2.svg);
}
.tags_box .tag_box.active,
.tags_box .tag_box:hover {
  color: #ffffff;
  border: solid 1px #3a3c58;
  background-color: transparent;
}
.yellowClr .tags_box .tag_box.active,
.yellowClr .tags_box .tag_box:hover {
  border: solid 1px #ffa52d;
}
.tag_sldr {
  float: left;
  width: 100%;
}
.tags_box .tag_search {
  float: left;

  color: #ffffff;
  text-decoration: none !important;
  font-size: 14px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  padding: 5px 15px;
  line-height: 20px;
  margin: 0 5px;
  border: solid 1px #ffffff;
}
.tags_box .tag_search.active {
  color: #ffffff;
  background-color: #4f00bc;
  border-color: #4f00bc;
}
.tag_clear {
  width: 32px;
  height: 32px;
  float: left;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  color: #ffffff;
  background-color: #4f00bc;
  text-align: center;
  line-height: 30px;
  margin: 0 3px;
  display: none;
}
.popular_tags .tag_search {
  margin: 5px;
}
.ul_active .tag_clear {
  display: block;
}
.sidebar_profile {
  float: left;
  width: 375px;
  min-height: 300px;
  margin-left: 72px;
  background-color: #131424;
  border-left: solid 1px #0d0d19;
  border-right: solid 1px #0d0d19;
}
.sidebar_profile_pic {
  background-color: #0d0d19;
  float: left;
  width: 100%;
  text-align: center;
}
.profile_pic_box {
  display: inline-block;
  margin: 20px 0 0px;
  position: relative;
  width: 164px;
  height: 164px;
  border: solid 2px #b066fe;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.yellowClr .profile_pic_box {
  border: solid 2px #ffde00;
}
.profile_img {
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  overflow: hidden;
  border: solid 2px #131424;
}
.profile_img img {
  width: 100%;
}
.select .profile_img {
  border: solid 2px #ffffff;
}
.asad_bg {
  float: left;
  width: calc(100% - 447px);
  overflow: hidden;
}
.asad_bg .pad_left {
  padding-left: 56px;
}
.profile_name {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
  float: left;
  width: 100%;

  color: #ffffff;
}
.update_image {
  background: rgb(248, 186, 0);
  background: -moz-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -webkit-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -o-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -ms-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: linear-gradient(
    120deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  text-align: center;
}
.update_image span {
  float: left;
  width: 17px;
  height: 17px;
  margin: 5px;
}
.sidebar_profile_navi {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 10px 0px;
  list-style: none;
}
.sidebar_profile_navi li {
  float: left;
  width: 100%;
  margin-bottom: 1px;
}
.sidebar_profile_navi li a {
  float: left;
  width: 100%;
  padding: 10px 20px;
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}
.sidebar_profile_navi li:hover a,
.sidebar_profile_navi li.active a {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
}
.sidebar_profile_navi li a .img_a {
  float: left;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-right: 10px;
  color: #b066fe;
}
.sidebar_profile_navi li:hover a .img_a,
.sidebar_profile_navi li.active a .img_a {
  color: #ffffff;
}
.sidebar_profile_navi li a .img_a svg {
  width: 24px;
  height: 24px;
}

.sidebar_profile_navi li a .icon_arow {
  float: right;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-right: -10px;
  color: #ffffff4d;
}
.sidebar_profile_navi li:hover a .icon_arow,
.sidebar_profile_navi li.active a .icon_arow {
  color: #ffffff;
}
.empty_box {
  float: left;
  width: 100%;
  text-align: center;
  height: 80vh;
}
.empty_box p {
  margin: 50px 0;
  color: #ffffff;
}
.blue_btn {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none !important;
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  padding: 10px 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff !important;
  cursor: pointer;
  border: none;
}
.blue_btn:hover,
.blue_btn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
.del_box {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: none;
  z-index: 1;
}
.del_box svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.for_del .del_box {
  display: block;
}
.shows_slider_img .del_box {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.for_del .channel_sldr_img {
  border-color: #ffffff;
}
.for_del .shows_slider_img {
  border: solid 2px #ffffff;
}
.asad_bg .continue_watching_m {
  display: block;
}
.asad_bg .continue_watching_m li:hover {
  background-color: #0f101e;
}
.treanding_list {
  padding-left: 72px;

  border-bottom: solid 2px #000000;
  background-color: #0d0d19;
  z-index: 1;
}
.treanding_list_slider {
  float: left;
  width: 100%;
  position: relative;
  padding: 15px;
}
.treanding_list_slider li {
  padding-right: 8px;
  float: left;
}
.treanding_list_slider li a {
  float: left;
  background: #23243c;
  border: 1px solid #3a3c58;
  border-radius: 14px;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  text-decoration: none;
}
.treanding_list_slider li a span {
  float: left;
}
.treanding_list_slider li.active a {
  background: #b066fe99;
  border: 1px solid #b066fe;
}
.treanding_list_slider li:hover a {
  color: #ffffff;
}
.toggle_btn {
  float: right;
  width: 30px;
  height: 30px;
  margin-right: -40px;
  margin-top: 10px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #868a9b;
}
.toggle_btn:hover {
  color: #ffffff;
}
.toggle_btn_open {
  transform: rotate(180deg);
}
.trending_icon_box {
  float: left;
  width: 100%;
  padding: 20px 50px 20px 122px;
  display: none;
  background-color: #131424;
  z-index: 1;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
  max-height: calc(100% - 170px);
  overflow: auto;
}
.trending_icon_box ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
.trending_icon_box ul li {
  float: left;
  margin: 8px;
}
.trending_icon_box ul li a {
  float: left;
  text-align: center;
  max-width: 72px;
}
.trending_icon_box ul li a span {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-color: #0d0d19;

  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  line-height: 56px;
  margin-bottom: 10px;
}
.trending_icon_box ul li.active a span {
  background: rgb(255, 222, 0);
  background: -moz-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  color: #0d0d19;
}
.trending_icon_box ul li a p {
  margin: 0px;
  display: inline-block;
  width: 100%;

  color: #ffffff;
  font-size: 10px;
  line-height: 14px;
  height: 25px;
  overflow: hidden;
}
.trending_icon_box ul li a svg {
  width: 24px;
  height: 24px;
}
.trending_icon_box ul li.active a {
  color: #ffffff;
}
.livetv_box {
  float: left;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.livetv_box > img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.txt_box h4 {
  float: left;
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 12px;
  width: calc(100% - 100px);
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.carousel_sec {
  background-image: url(../images/livetv_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 0px !important;
  padding-bottom: 20px !important;
}
.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 440px;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
/* Loading style Start */
body::after,
body::before {
  z-index: 10;
  content: "";
  height: 100%;
  width: 50%;
  position: fixed;
  top: 0;
  background-color: #0d0d19;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.4s 0.4s;
  -moz-transition: -moz-transform 0.4s 0.4s;
  transition: transform 0.4s 0.4s;
}
body::before {
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
body::after {
  right: 0;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
body.loadkaro::after,
body.loadkaro::before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
}
.loadkaro_bar {
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  height: 7px;
  width: 90%;
  background-color: #0a0620;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s 0s ease-in;
  -moz-transition: visibility 0s 0.4s, -moz-transform 0.4s 0s ease-in;
  transition: visibility 0s 0.4s, transform 0.4s 0s ease-in;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.loadkaro_bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #b066fe;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.loadkaro .loadkaro_bar {
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -moz-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -ms-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -o-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  transform: translateX(-50%) translateY(-50%) scaleX(0.3);
  -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.4s 0.4s;
  -moz-transition: visibility 0s 0.3s, -moz-transform 0.4s 0.4s;
  transition: visibility 0s 0.3s, transform 0.4s 0.4s;
}
.loadkaro .loadkaro_bar::before {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: -webkit-transform 0.8s 0.8s ease-in;
  -moz-transition: -moz-transform 0.8s 0.8s ease-in;
  transition: transform 0.8s 0.8s ease-in;
}
/* Loading style End */
.react-player {
  position: absolute;
  width: 665px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.live-tv-player .react-player {
  position: relative;
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 56.25%;
  top: 0;
  left: 0;
  transform: none;
}
.live-tv-player .react-player video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.vid_for_car,
.live-tv-player {
  position: absolute;
  width: 665px !important;
  top: calc(50% - 10px);
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 36px;
  border: solid 3px #4f00bc;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.live-tv-player a {
  float: left;
  width: 100%;
  height: 100%;
}
.live-tv-player .mutebtn1,
.live-tv-player .mutebtn2 {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  margin: 0;
  padding: 0;
  color: #fff;
  width: 30px;
  cursor: pointer;
}
.trending_vid_box .react-player {
  margin-left: 0px;
}
.carousel.carousel-slider {
  top: 0;
  left: 0;
}
.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 380px;
  position: absolute;
  top: 0;
  left: 0;
}
.carousel .carousel-item {
  visibility: hidden;
  width: 670px;
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1 !important;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.carousel .carousel-item > img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.carousel .carousel-item > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.carousel .carousel-item a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.carousel-item.active img {
  opacity: 0;
  visibility: hidden;
}
.carousel-item.active video {
  display: block;
}
.carousel-item a {
  display: none;
}
.carousel-item.active a {
  display: block;
}
.tending_player_sec {
  padding: 40px 50px 0 122px;
}
.trending_box {
  display: inline-block;
  background-color: #23243c;
  width: 75%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 20px;
  text-align: left;
}
.treanding_head {
  float: left;
  width: 100%;
  padding: 13px 15px;
}
.treanding_head > img {
  /* width: 54px; */
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: center center;
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.treanding_head h4 {
  width: calc(100% - 110px);
  float: left;
  color: #ffffff;
  margin: 0px;
  font-size: 17px;
  line-height: 22px;
  overflow: hidden;
  max-height: 21px;
  margin-top: 6px;
}
.treanding_head p {
  width: calc(100% - 110px);
  float: left;
  color: #aaaaaa;
  margin: 0px;
  font-size: 13px;
  line-height: 20px;
}
.trending_vid_box .subscriptionWrapper{
  /* background: #131424; */
  background: rgb(19,20,36, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;

}
.trending_vid_box .subscriptionWrapper span{
  color: #fff;
  font-size: 26px;
  line-height: 36px;
  display: block;
  width: 100%;
  text-align: center;
  top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
}
.trending_vid_box {
  float: left;
  width: 100%;
  height: 0px;
  padding-bottom: 56.25%;
  position: relative;
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.trending_vid_box img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.treanding_foot {
  float: left;
  width: 100%;
  padding: 13px 15px;
}
.channel_feature_sec {
  /* padding-left: 72px; */
  position: relative;
  background: #151515;
  min-height: 500px;
}
.channel_feature_img {
  float: left;
  width: 100%;
}
.channel_feature_img img {
  width: 100%;
}
.channel_feature_txt {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 20px 56px 20px 128px;
  width: 100%;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.02) 4%,
    rgba(0, 0, 0, 0.04) 6%,
    rgba(0, 0, 0, 0.25) 35%,
    rgba(0, 0, 0, 0.28) 36%,
    rgba(0, 0, 0, 0.46) 61%,
    rgba(0, 0, 0, 0.51) 67%,
    rgba(0, 0, 0, 0.55) 74%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.72) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.02) 4%,
    rgba(0, 0, 0, 0.04) 6%,
    rgba(0, 0, 0, 0.25) 35%,
    rgba(0, 0, 0, 0.28) 36%,
    rgba(0, 0, 0, 0.46) 61%,
    rgba(0, 0, 0, 0.51) 67%,
    rgba(0, 0, 0, 0.55) 74%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.72) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.02) 4%,
    rgba(0, 0, 0, 0.04) 6%,
    rgba(0, 0, 0, 0.25) 35%,
    rgba(0, 0, 0, 0.28) 36%,
    rgba(0, 0, 0, 0.46) 61%,
    rgba(0, 0, 0, 0.51) 67%,
    rgba(0, 0, 0, 0.55) 74%,
    rgba(0, 0, 0, 0.7) 90%,
    rgba(0, 0, 0, 0.72) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b8000000', GradientType=0 );
}
.channel_feature_txt > img {
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.channel_feature_txt h2,
.channel_feature_txt h1 {
  font-size: 22px;
  line-height: 24px;
  margin: 25px 0 7px;
  color: #ffffff;
  float: left;
  width: calc(100% - 490px);
}
.channel_feature_txt p {
  font-size: 16px;
  line-height: 18px;
  margin: 0px;

  color: #ffffff;
  float: left;
  width: calc(100% - 490px);
}
.channel_feature_btns {
  float: right;
  margin-top: -26px;
}
.channel_feature_btns a {
  float: left;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #4f00bc;
  text-decoration: none;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.channel_feature_btns a.adtofav svg {
  margin-right: 5px;
}
.channel_feature_btns a.adtofav .active svg path {
  fill: #ffffff;
}
.channel_feature_btns a.play_now {
  width: 160px;
}
.channel_feature_btns a.adtofav {
  width: 200px;
  margin-left: 10px;
}
.playlist_sldr {
  float: left;
  width: 100%;
}
.playlist_sldr li {
  padding: 0 10px;
}
.playlist_sldr li:first-child {
  padding-left: 0px;
}
.playlist_sldr li:last-child {
  padding-right: 0;
}
.playlist_sldr a {
  text-decoration: none;
}
.playlist_box_img {
  float: left;
  width: 180px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.playlist_box {
  float: left;
  width: 365px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.playlist_box .playlist_img {
  float: left;
  width: 100%;
  height: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.playlist_box .playlist_img img {
  position: absolute;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.playlist_box .playlist_txt {
  color: #ffffff;
  background-color: #4f00bc;
  float: left;
  width: 100%;
  height: 44px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 8px 10px;
}
.playlist_box .playlist_txt p {
  float: left;
  margin: 0px;
  font-size: 18px;
  line-height: 24px;
}
.playlist_box .playlist_txt svg {
  width: 32px;
  height: 32px;
  float: right;
}
.trending_side {
  float: left;
  width: 100%;
  padding: 20px 15px;
}
.black_box {
  float: left;
  width: 100%;
  height: 250px;

  margin: 20px 0px;
  text-align: center;
}
.ad_reminder {
  float: right;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-align: center;
  line-height: 26px;
  color: rgba(176, 102, 254, 0.6);
}
.ad_reminder:hover {
  color: #ffffff;
}
.ad_reminder svg {
  width: 100%;
}
.reward_card_sec {
  float: left;
  width: 100%;
  background-color: #0d0d19;
  padding: 35px 35px;
}
.reward_card_box {
  float: left;
  width: 100%;
  height: 162px;
  background-image: url(../images/rewardcardbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
}
.card_name_img {
  float: left;
  width: 100%;
}
.card_img {
  float: right;
  width: 90px;
  height: 90px;
  border: solid 2px #ffffff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  position: relative;
}
.card_img img {
  float: right;
  width: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  height: 100%;
}
.level_show_noti {
  background: rgb(248, 186, 0);
  background: -moz-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -webkit-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -o-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: -ms-linear-gradient(
    30deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  background: linear-gradient(
    120deg,
    rgb(248, 186, 0) 0%,
    rgb(237, 29, 36) 100%
  );
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
  height: 27px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 9px;
  line-height: 25px;
}
.card_name {
  width: calc(100% - 100px);
  float: left;
}
.card_name h2 {
  font-size: 18px;
  color: #ffffff;
  line-height: 22px;
  width: 100%;
  margin: 0px;
}
.card_name p {
  font-size: 10px;
  color: #ffffff;
  line-height: 21px;
  width: 100%;
  margin: 0px;
}
.total_coin {
  float: left;
  width: calc(100% - 100px);
}
.total_coin h4 {
  float: left;
  width: 100%;
  font-size: 28px;
  margin: 0px;
  color: #ffffff;
  line-height: 20px;
  font-weight: bold;
}
.total_coin h4 span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}
.total_coin .rdm_btn {
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  line-height: 21px;
  margin-top: -2px;
  float: left;
}
.total_coin .rdm_btn svg {
  margin-right: 5px;
}
.achived_level_box {
  float: left;
  width: 100%;
  color: #ffffff;
}
.achived_level_img {
  float: left;
  width: 34px;
  height: 34px;
  text-align: center;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  line-height: 28px;
  margin-right: 7px;
}
.achived_level_img svg {
  width: 20px;
  height: 20px;
}
.achived_level_box h5 {
  float: left;
  width: calc(100% - 82px);
  font-size: 14px;
  line-height: 20px;
  margin: 0px;
  color: #ffffff;
}
.achived_level_box p {
  float: left;
  width: calc(100% - 82px);
  font-size: 10px;
  line-height: 14px;
  margin: 0px;
  color: #ffffff;
}
.achived_level_box .click_dtl {
  float: right;
  color: #ffffff;
  width: 34px;
  height: 34px;
  margin-top: -15px;
}
.achived_level_box .click_dtl svg {
  width: 30px;
  height: 30px;
}
.image_boxprof {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  max-width: 320px;
}
.form_profile {
  float: left;
  width: 100%;
  border-bottom: solid 8px #0c0d17;
  margin: 70px 0 20px;
}
.upnext_ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 15px;
  list-style: none;
}
.upnext_ul li {
  margin-bottom: 15px;
  text-align: left;
  float: left;
  width: 100%;
}

.upnext_ul .prog_sldr_text {
  margin-bottom: 0px;
}
.vod_txt .channel_sldr_img {
  height: auto;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.vod_txt .channel_sldr_img img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form_profile .uk-input,
.form_profile .uk-select:not([multiple]):not([size]),
.form_profile .uk-textarea {
  cursor: not-allowed;
  height: 60px;
  background: #00000080;
  border: 1px solid #b066fe66;
  border-radius: 8px;
  padding: 20px 15px 5px;
  color: #ffffff;
  font-size: 17px;
}
.edit_now .uk-input,
.edit_now .uk-select:not([multiple]):not([size]),
.edit_now .uk-textarea {
  border: solid 1px #ffffff;
  cursor: inherit;
  background: #ffffff;
  color: #000000;
}
.form_profile .uk-form-label {
  color: #aaaaaa;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #ffffff99;
  font-size: 12px;
  margin: 0;
  padding: 7px 0px 0 15px;
  line-height: 20px;
}
.edit_now .uk-form-label {
  color: #00000099;
}
.form_profile .uk-form-controls {
  margin-left: 0px;
  text-align: left;
  position: relative;
}
.form_profile h5 {
  font-size: 13px;
  line-height: 20px;
  color: #b066fe;
  text-align: left;
  width: 100%;
  float: left;
  margin: 10px 0;
}
.form_profile hr {
  height: 4px;
  float: none;
  display: inline-block;
}
.logout_btn {
  float: left;
  width: 100%;
  color: #ffffff;
  background: #b066fe;
  font-size: 17px;
  line-height: 24px;
  text-decoration: none;
  border-radius: 8px;
  height: 50px;
  line-height: 48px;
}
.logout_btn:hover,
.logout_btn:focus {
  text-decoration: none;
  color: #e6e6e6;
}
.logout_btn span {
  margin-left: 5px;
}
.image_boxprof .profile_name {
  text-indent: -9999px;
}
.edit_now .profile_name {
  text-indent: 0px;
}
.image_boxprof .update_image {
  display: none;
}
.edit_now .update_image {
  display: block;
}
.topics_box {
  float: left;
  width: 100%;
}
.topics_box .tag_box.active {
  margin: 10px 3px;
}
.margin_personlize {
  margin-top: 40px;
  margin-bottom: 110px;
}
.personlize .dramas_box .shows_slider_img {
  border: solid 1px #1e1041;
}
.personlize .dramas_box.active .shows_slider_img {
  border-color: #ffffff;
}
.personlize .dramas_box .shows_slider_img:before {
  background-image: url("../images/check-symbol.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  left: 0px;
  top: 0px;
}
.personlize .dramas_box.active .shows_slider_img:before {
  display: block;
}

.loaderq {
  background: rgba(15, 15, 29, 0.1);
  z-index: 100;
}

.loader {
  border-radius: 50%;
  background: url(../images/sitespinner.png);
  background-size: 100% 100%;
  width: 80px;
  height: 80px;
  -webkit-animation: spinloader 2s linear infinite;
  animation: spinloader 1.5s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
}
.loader_inner {
  width: 74px;
  height: 74px;
  background: none;
  border-radius: 50%;
  margin: 3px;
  float: left;
}
.loader_box {
  position: relative;
  float: left;
  width: 100%;
  height: 80px;
  margin: 30px 0;
}

@-webkit-keyframes spinloader {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.level_box_sec {
  background-color: #101120;
  border-bottom: solid 2px #0d0d19;
}
.redeem_btn {
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #131313;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  background: rgb(176, 102, 254);
  background: linear-gradient(
    90deg,
    rgb(176, 102, 254) 0%,
    rgb(121, 69, 175) 100%
  );
  text-align: center;
  width: 110px;
  font-weight: bold;
  margin-right: 56px;
}
.yellowClr .redeem_btn {
  background: rgb(255, 222, 0);
  background: linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
}
.redeem_btn:hover,
.redeem_btn:focus {
  background: rgb(121, 69, 175);
  background: linear-gradient(
    90deg,
    rgb(121, 69, 175) 0%,
    rgb(176, 102, 254) 100%
  );
  color: #131313;
  text-decoration: none;
}
.yellowClr .redeem_btn:hover,
.yellowClr .redeem_btn:focus {
  background: rgb(255, 140, 0);
  background: linear-gradient(
    90deg,
    rgb(255, 140, 0) 0%,
    rgb(255, 222, 0) 100%
  );
}
.vip_level {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.vip_level h4 {
  font-size: 16px;
  line-height: 20px;
  color: #b066fe;
  margin: 0px;
}
.yellowClr .vip_level h4 {
  color: #ffa52d;
}
.vip_level h4 svg {
  margin-right: 10px;
}
.points_level {
  float: left;
  width: 100%;
  color: #b066fe;
}
.yellowClr .points_level {
  color: #ffa52d;
}
.points_level p {
  font-size: 12px;
  line-height: 24px;
  margin: 0px;
}
.points_level p span {
  font-size: 20px;
  margin-right: 10px;
}
.level_sldr {
  float: left;
  width: 100%;
}
.level_sldr.uk-slider-container {
  overflow: inherit;
}
.level_bar {
  float: left;
  width: 90px;
  position: relative;
  height: 36px;
}
.level_bar:before {
  position: absolute;
  left: 0px;
  top: 6px;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #0d0d19;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.level_bar i {
  width: 12px;
  height: 12px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  float: left;
  background-color: #0d0d19;
  position: relative;
  margin: 3px 0;
}
.level_bar .level_txt {
  float: left;
  width: 100%;
  color: #b066fe;
  font-size: 10px;
  line-height: 12px;
  margin-top: 9px;
}
.yellowClr .level_bar .level_txt {
  color: #ffa52d;
}
.level_bar span {
  float: left;
}
.level_bar.active i {
  background-color: #b066fe;
  box-shadow: 0px 0px 28px 0px rgba(176, 102, 254, 0.6);
  width: 16px;
  height: 16px;
  margin: 0;
}
.yellowClr .level_bar.active i {
  background-color: #ffa52d;
  box-shadow: 0px 0px 28px 0px rgba(255, 222, 0, 0.6);
}
.level_bar .bar_active {
  position: absolute;
  left: 0px;
  top: 6px;
  width: 0px;
  height: 4px;
  background-color: #b066fe;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.yellowClr .level_bar .bar_active {
  background-color: #ffa52d;
}
.task_sec {
  float: left;
  width: 100%;
}
.task_ul {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
}
.task_ul > li {
  float: left;
  width: 100%;
  padding: 20px 56px;
  border-bottom: solid 2px #0d0d19;
}
.task_box {
  float: left;
  width: 100%;
}
.task_head {
  float: left;
  width: 100%;
  margin: 10px 0;
  color: #ffa629;
  font-size: 18px;
  line-height: 24px;
}
.task_head svg {
  float: left;
  margin-right: 10px;
}
.task_body {
  float: left;
  width: 100%;
}
.txt_a {
  float: left;
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #e6e6e6;
  width: calc(100% - 80px);
  text-align: left;
}
.task_body p {
  float: left;
  margin: 0px;
  font-size: 16px;
  line-height: 20px;
  color: #e6e6e6;
  width: calc(100% - 80px);
  text-align: left;
}
.task_body p span {
  margin: 0px;
  font-size: 16px;
  line-height: 20px;

  color: #ffffff;
  font-weight: bold;
}
.Done_update {
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  border: solid 1px #ffffff;
  float: right;
  text-align: center;
  width: 65px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -12px 0 0;
  font-weight: bold;
}
.Done_update:hover,
.Done_update:focus {
  text-decoration: none;

  color: #ffffff;
}
.clam_btn {
  color: #e6e6e6;
  font-size: 11px;
  line-height: 24px;
  float: right;
  text-align: center;
  width: 65px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -12px 0 0;
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  text-decoration: none;
  font-weight: bold;
}
.clam_btn:hover,
.clam_btn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  color: #e6e6e6;
  text-decoration: none;
}
.task_container {
  float: left;
  width: 100%;
}
.task_container .sidebar_tab_btns li a {
  background-color: #0d0d19;
}
.days_challenge {
  float: left;
  margin: 10px 0;
}
.days_challenge ul {
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
}
.days_challenge ul li {
  float: left;
  position: relative;
}
.days_challenge ul li span {
  width: 12px;
  height: 12px;
  background-color: #000000;
  float: left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
.days_challenge ul li i {
  float: left;
  width: 28px;
  height: 4px;
  background-color: #000000;
  margin-top: 4px;
}
.days_challenge ul li span:before {
  width: 18px;
  height: 18px;
  position: absolute;
  left: -3px;
  top: -3px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-image: url("../images/tick_c.svg");
  color: #000000;
  background-size: 100%;
  content: "";
  z-index: 1;
  display: none;
}
.days_challenge ul li.active span:before {
  display: block;
}
.days_challenge ul li:first-child i {
  display: none;
}
.days_challenge ul li.active i {
  background: #b066fe;
  color: #ffffff;
}
.discount_available {
  float: left;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;

  color: #ffffff;
  margin: 20px 0 0px;
}
.discount_sldr {
  float: left;
  width: 100%;
}
.discount_sldr.uk-slider-container {
  overflow: inherit;
}
.discount_sldr li {
  padding: 10px 8px;
}
.discount_sldr li:first-child {
  padding-left: 0px;
}
.discount_sldr li:last-child {
  padding-right: 0px;
}
.discount_sldr li a {
  float: left;
  width: 180px;
  text-decoration: none;
}
.discount_img {
  float: left;
  width: 100%;
  position: relative;
  height: 0px;
  padding-bottom: 66.66%;
  overflow: hidden;
  border: solid 1px #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.discount_img img {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.discount_prs {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(13, 13, 25, 0.8);
  font-size: 44px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.discount_prs p {
  display: inline-block;
  margin: 0px;
}
.discount_txt {
  float: left;
  width: 100%;
  margin: 10px 0 0;
}
.discount_txt h4 {
  margin: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
}
.headng_box p {
  float: left;
  width: 100%;
  margin: 5px 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
}
.coins_discount {
  float: left;
  width: 100%;
  color: #9fa0a6;
  margin-top: 5px;
}
.coins_eqal {
  float: left;
  width: 140px;
}
.coins_eqal p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 5px;
}
.coins_inner {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background: rgb(255, 222, 0);
  background: -moz-linear-gradient(
    0deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -o-linear-gradient(
    0deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: -ms-linear-gradient(
    0deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  background: linear-gradient(
    90deg,
    rgb(255, 222, 0) 0%,
    rgb(255, 140, 0) 100%
  );
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #131313;
  font-size: 20px;
  font-weight: bold;
}
.redeem_icon {
  float: left;
  width: 68px;
  margin-top: 30px;
  text-align: center;
}
.redeem_icon svg {
  width: 30px;
}
.discount_box {
  float: left;
  width: 140px;
}
.discount_box p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 5px;
}
.discount_inner {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 34px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: bold;

  color: #ffffff;
  border: solid 1px #ffffff;
}
.Cate_text {
  float: left;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
  color: #ffffff;
  margin: 0px;
}
.mrgn_t {
  margin-top: 15px;
}
.edit_btn {
  margin: 0px;
}
.more_mob {
  display: none;
}
.sidebar_profile_mob {
  bottom: 49px;
}
.sidebar_profile_mob .uk-offcanvas-bar {
  background-color: #131424;
  border-left: solid 1px #0d0d19;
  border-right: solid 1px #0d0d19;
  left: -375px;
  width: 375px;
  padding: 0px;
}
.sidebar_profile_mob.uk-open > .uk-offcanvas-bar {
  left: 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}

.popup {
  background: #131424;
}
.popup header {
  background: #131424 !important;
  width: 100%;
  display: block;
  background: transparent;
  box-shadow: none;
  z-index: 9999;
}
.popup .uk-modal-dialog {
  background: transparent;
}
.popup .popup_content {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  min-height: auto !important;
}
.popup .popup_content::-webkit-scrollbar {
  display: none;
}
.popup .popup_content h1 {
  font-size: 30px;
  color: #fff;
  margin-bottom: 0px;
}
.popup .popup_content p {
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}
.popup .popup_content .avatar {
  display: inline-block;
  width: 100%;
  max-width: 355px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.popup .popup_content .avatar a.picture {
  width: 157px;
  height: auto;
  float: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.popup .popup_content .avatar .picture:first-child {
  margin-right: 40px;
}
.popup .popup_content .picture .image {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    90deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  width: 156px;
  height: 156px;
  float: left;
  padding: 5px;
  border-radius: 100px;
}
.popup .popup_content .avatar .text {
  display: inline-block;
  color: #fff;
  margin-top: 20px;
  font-size: 23px;
}
.popup .popup_content .picture.select .image {
  border: solid 2px #ffffff;
}
.popup .popup_content .picture.select .text {
  color: #ffffff;
}
.popup footer {
  padding-top: 32px;
  padding-bottom: 32px;
  position: fixed;
  bottom: 0;
}
.popup footer .gf_txt {
  display: inline-block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 125px;
}
.popup footer .gf_txt a {
  font-size: 15px;
}
.popup_home .uk-modal-dialog {
  background: transparent;
}
.popup_ii .content {
  background: #fff;
  width: 100%;
  max-width: 300px !important;
  padding: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-radius: 10px;
}
.popup_ii .content h1,
.popup_ii .content h3 {
  font-weight: bold;
  color: #131313;
  font-size: 22px;
  margin-bottom: 0px;
  margin-top: 17px;
}
.popup_ii .content p {
  color: #232323;
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.2em;
}
.popup_home .uk-close {
  left: 50%;
  bottom: 0px;
  top: 100%;
  border: 2px solid #ffffff;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  transform: translateX(-50%);
}
.popup_ii .content .gf_txt {
  display: inline-block;
  float: none;
}
.popup_ii .content .gf_txt .gf_watch_btn {
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-size: 15px;
  padding: 9px 19px;
}
.popup .personlize .avatar {
  margin-top: 0px;
}
.popup .personlize form {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.popup .personlize form label {
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
}
.popup .personlize .avatar a.picture {
  float: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto !important;
}
.popup .personlize .avatar a.picture .image {
  float: none;
  width: 106px;
  height: 106px;
  margin-right: auto;
  margin-left: auto;
}
.popup .personlize form input {
  text-align: center;
  font-size: 18px;
  color: #fff;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background: #0d0d19;
}
.popup .personlize form input::-webkit-input-placeholder {
  color: #aaaaaa;
}
.popup .personlize form input:-ms-input-placeholder {
  color: #aaaaaa;
}
.popup .personlize form input::placeholder {
  color: #aaaaaa;
}
.popup_iii .uk-modal-dialog .content {
  text-align: center;
  background-image: url("../images/popup_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  width: 184px;
  height: 214px;
  margin-left: auto;
  margin-right: auto;
}
.popup_iii .uk-modal-dialog .content h1 {
  letter-spacing: 1.12px;
  color: #ffde00;
  font-size: 28px;
  margin-bottom: 0px;
  padding-top: 20px;
}
.popup_iii .uk-modal-dialog .content img {
  margin-top: -25px;
}
.popup_iii .uk-modal-dialog .content p {
  letter-spacing: 0.52px;
  color: #e6e6e6;
  font-size: 13px;
  margin-top: 0px;
  margin-top: -20px;
  margin-bottom: 0px;
}
.popup_iii .uk-modal-dialog .content h2 {
  letter-spacing: 0.9px;
  color: #ffde00;
  font-size: 18px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.personlize .channel_sldr_box.active .channel_sldr_img {
  position: relative;
  border-color: #fff;
}
.personlize .channel_sldr_img:before {
  background-image: url("../images/check-symbol.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  border-radius: 100px;
  left: 0px;
  top: 0px;
}
.channel_sldr_box.active .channel_sldr_img:before {
  display: block;
}
.add_fav .dramas_box.active .shows_slider_img {
  border: 1px solid #fff;
}
.add_fav .dramas_box .shows_slider_img {
  position: relative;
}
.add_fav .dramas_box.active .shows_slider_img:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../images/ic_lock.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.topics_tag .tag_box {
  margin: 8px 3px;
}
.abt_content {
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}
.hide_txt {
  display: none;
}
.hide_txt.inline_txt {
  display: inline;
}
.abt_content p {
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 20px;
}
.abt_content h3 {
  font-size: 18px;
  line-height: 20px;
  color: #e6e6e6;
  margin: 0 0 15px;
  font-weight: normal;
}
.info_tab_box .toggle_txt_btn {
  display: inline-block;
  line-height: 30px;
  margin-top: -46px;
  color: #ffffff;
}
.toggle_txt_btn span {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.toggle_txt_btn.active_icon span {
  transform: rotate(180deg);
}
.height_auto {
  min-height: inherit !important;
}
.topics_tag_box {
  display: inline-block;
  background-color: transparent;
  color: #b066fe99;
  text-decoration: none !important;
  font-size: 11px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  padding: 5px 15px;
  line-height: 20px;
  margin: 3px;
  border: solid 1px #b066fe99;
}
.topics_tag_box:hover {
  color: #ffffff;
  border: solid 1px #3a3c58;
  background-color: transparent;
}
.yellowClr .topics_tag_box:hover {
  border-color: #ffa52d;
}
.topics_tag_box .plus_tick {
  width: 20px;
  height: 20px;
  background-image: url(../images/plus.svg);
  float: left;
  margin-right: 5px;
}
.topics_tag_box .plus_tick.active {
  background-image: url(../images/tick2.svg);
}
.topics_tag_box a {
  color: #ffffff;
  text-decoration: none !important;
  font-size: 14px;
}
.searchBarContainer {
  position: absolute;
  /* background: red;
  outline: 1px solid red !important; */
  /* float: left; */
}
.searchSec {
  float: right;
  margin: 15px 0px 0px -37px;
  width: 30px;
  /* height: 32px; */
  height: 40px;
  text-align: center;
  /* transition: width 0.1s ease; */
}
.searchSec .header_search_btn {
  /* margin: 3px; */
}

.searchSec.showSearchBar {
  transition: width 1.5s ease;
  /* width: calc(100% - 545px); */
  width: 230px;
  max-width: 355px;
  /* background: #f5f5f5; */
  background: #10101e;
  border-radius: 6px;
  position: absolute;
  right: 0;
  /* background: red; */
}

/* .searchSec.showSearchBar {
  width: 100%;
  max-width: 1320px;
  background: #f5f5f5;
  border-radius: 6px;
  position: absolute;
  top: 60px;
  padding: 10px;
  margin: 0px auto;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
} */

.searchSec .search_btn {
  float: right;
  width: 32px;
  height: 32px;
  /* color: #00000066; */
  color: #fff;
  text-align: center;
  line-height: 32px;
}
.searchSec .SearchFilterbtn {
  float: right;
  width: 32px;
  height: 32px;
  color: #00000066;
  text-align: center;
  line-height: 32px;
  margin: 0 10px 0 3px;
}
.searchSec .SearchFilterClosebtn {
  float: right;
  width: 32px;
  height: 32px;
  color: #00000066;
  text-align: center;
  line-height: 32px;
  margin: 0 10px 0 3px;
  display: none;
}
.SearchFldBox {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  /* height: 32px; */
  height: 40px;
  display: none;
  /* background: #f5f5f5; */
  background: #10101e;
  z-index: 1;
  border-radius: 6px;
  border: 1px solid rgba(247, 242, 242, 0.3);
}
.SearchFldBox ::placeholder {
  /* color: white; */
}
.header_search_btn {
  float: left;
  width: 32px;
  height: 32px;
  color: #ffffff;
  text-align: center;
  line-height: 32px;
  /* margin: 10px 10px; */
  margin: 1px 10px;
}
.search_close_btn {
  display: none;
}
.Mobileheader_search_btn {
  float: left;
  width: 32px;
  height: 32px;
  color: #ffffff;
  text-align: center;
  line-height: 32px;
  /* margin: 10px 10px; */
  margin: 5px 10px 5px 10px;
  display: none;
}
.showSearchBar .SearchFldBox {
  display: block;
}
.showSearchBar .header_search_btn {
  display: none;
}
.showSearchBar .search_close_btn {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  width: 30px;
  height: 30px;
}
.showSearchBar .search_close_btn svg {
  width: 30px;
  height: 30px;
}
.showSearchBar.noBtmRadius {
  border-radius: 6px 6px 0 0;
}
.before_login {
  display: none;
}
.SearchFldBox input {
  float: left;
  width: calc(100% - 35px);
  height: 40px;
  border-color: transparent;
  padding: 0 8px;
  background: #0d0d19;
  cursor: pointer;
  color: #fff;
}
.SearchFldBox input::placeholder {
  color: #fff;
}
.SearchFldBox .uk-form-danger {
  color: none !important;
  border-color: none !important;
}
.uk-form-danger,
.uk-form-danger:focus {
  color: none !important;
  border-color: none !important;
}
.right_hdr .after_login .login_img {
  width: 36px;
  height: 36px;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-top: -7px;
  margin-bottom: -7px;
  float: left;

  color: #ffffff;
  font-size: 13px;
  line-height: 21px;
  font-weight: bold;
}
.right_hdr .after_login .login_img img {
  width: 36px;
  height: 36px;
}
.after_login .login_txt {
  float: left;
  color: #ffffff;
  font-size: 18px;
  display: none;
}
.after_login .login_txt img {
  float: right;
  width: 23px;
  margin-top: -1px;
  margin-left: 6px;
}
.after_login {
  display: none;
  float: right;
}
.before_login.active {
  display: block;
}
.after_login.active {
  display: block;
}
.rmp-ad-container > div {
  width: 100% !important;
  height: 100% !important;
}

.rmp-ad-container iframe {
  width: 100%;
  height: 100%;
}
.rmp-ad-container > div {
  width: 100% !important;
  height: 100% !important;
}

.ad_clck {
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.afterclick {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  z-index: 2;
  background: #000;
  cursor: pointer;
}
.after_max {
  position: absolute !important;
  width: 40px !important;
  height: 40px !important;
  left: calc(100% - 62px) !important;
  top: calc(100% - 40px) !important;
  color: red !important;
  z-index: 1;
}
.mob_overlaybox {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 300px;
  z-index: 9999;
  width: 100%;
  display: none;
}
.mob_overlaybox iframe {
  width: 100%;
  height: 100%;
}
.dyn-add,
.dyn-add2,
.dyn-add3 {
  width: 100%;
  height: 100%;
  z-index: 3;
}

.ad_and_btn {
  position: absolute;
  left: 24%;
  bottom: 5%;
  width: 100%;
  height: 100%;
}
.ad_ios_btn {
  position: absolute;
  left: 52%;
  bottom: 5%;
  width: 25%;
  height: 8%;
}
.hide_dsk_ftr {
  display: none;
}
.asad_bg .continue_watching_m .prog_sldr_box {
  padding-right: 30px;
  position: relative;
}
.prog_sldr_box .del_btn {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  color: #aaaaaa;
  display: none;
}
.prog_sldr_box:hover .del_btn {
  display: block;
}
.randdom_header {
  background-color: #0d0d19;
}
.randdom_header,
.randdom_header h1,
.randdom_header p {
  color: #ffffff;
}
.randdom_body p,
.randdom_body ul,
.randdom_body ol,
.randdom_body,
.randdom_header p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}
.randdom_body ul,
.randdom_body ol {
  padding-left: 20px;
}
.randdom_body .uk-accordion {
  padding-left: 0px;
}
.randdom_body .uk-accordion-title {
  padding: 10px;
  color: #fff;
  background: #0d0d19;
}
.randdom_body .uk-accordion-content {
  margin-bottom: 15px;
}
.randdom_body .uk-accordion > :nth-child(n + 2) {
  margin-top: 5px;
}
.submit_btn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );

  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 125px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
.submit_btn:hover,
.submit_btn:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
.randdom_body .uk-fieldset .uk-input {
  color: #fff;
  background: #0d0d19;
  border: solid 1px #0d0d19;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.randdom_body .uk-fieldset .uk-input[type="number"]::-webkit-inner-spin-button,
.randdom_body .uk-fieldset .uk-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.randdom_body .uk-fieldset .uk-select {
  color: #fff;
  background: #0d0d19;
  border: solid 1px #0d0d19;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.randdom_body .uk-fieldset .uk-select option {
  color: #ffffff;
}
.randdom_body .uk-fieldset .uk-select:not([multiple]):not([size]) {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}
.randdom_body .uk-fieldset .uk-textarea {
  color: #fff;
  background: #0d0d19;
  border: solid 1px #0d0d19;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  resize: none;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
}
.randdom_body input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.randdom_body input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.randdom_body input::placeholder {
  color: #ffffff;
  opacity: 1;
}
.randdom_body textarea::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.randdom_body textarea:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}
.randdom_body textarea::placeholder {
  color: #ffffff;
  opacity: 1;
}
.bg_about {
  background: url(../images/aboutus-cover@2x.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}
.about_banner_txt {
  display: inline-block;
  width: 100%;
  max-width: 470px;
  color: #fff;
  padding: 30px 0;
}
.about_banner_txt h1 {
  float: left;
  width: 100%;
  font-size: 80px;
  line-height: 70px;
  margin: 0 0 20px;
}
.about_banner_txt p {
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 39px;
  margin: 0;
  text-align: center;
}
.abt_inr {
  float: left;
  width: 100%;
  text-align: center;
}
.abt_inr span {
  width: 100%;
  max-width: 200px;
  height: 200px;
  background: #131424;
  margin-bottom: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  padding: 20px;
  line-height: 160px;
  display: inline-block;
}
.abt_inr p {
  text-align: center;
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  float: left;
  width: 100%;
}
.about_sec {
  padding-bottom: 30px;
}
.about_sec h2 {
  color: #ffffff;
}
.rpr_text h3 {
  color: #ffffff;
}
.rpr_text {
  height: 100%;
}
.rpr_text p {
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0px;
}
.rpr_img {
  color: #ffffff;
  height: 100%;
}
.skip {
  cursor: pointer;
}
.ad_container {
  padding-left: 72px;
  margin-top: 0 !important;
  text-align: center;
  float: left;
  width: 100%;
}
.ad_container .adBox > div {
  margin-top: 20px !important;
}
.ad_container.ad_container_trending {
  padding: 0px;
  margin-top: -20px;
}
.ad_container2 {
  margin-top: 20px;
}
.ad_container2 .desktop_ad {
  display: none;
}
.desktop_ad {
  display: inline-block;
  width: 728px;
}
.desktop_ad_large {
  display: inline-block;
  width: 970px;
}
.mob_ad {
  display: none;
  width: 320px;
}
.player_hd_bar {
  width: 100%;
  position: absolute;
  left: 0px;
  z-index: 2;
  top: 0px;
  background-image: url(../images/controlsbgtop.png);
  background-position: top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  padding-bottom: 30px;
}
.player_hd_bar .live_span {
  float: left;
  width: 60px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 2px 0 2px 6px;
}
.player_hd_bar .live_span:before {
  top: 9px;
}
/* MBK - live player Watch js changes */
.rmp-control-bar .live_span {
  float: left;
  width: 60px;
  margin-top: 20px;
  margin-left: 10px;
  padding: 2px 0 2px 6px;
  background: red;
}
.rmp-control-bar .live_span:before {
  top: 9px;
}
.rmp-control-bar .watching_now {
  font-size: 16px;
  margin: 0;
  color: #ffffff80;

  /* background: #00000094; */
  line-height: 20px;
  padding: 1px 6px;
  border-radius: 2px;
  height: 20px;
  position: relative;
  float: right;
  margin: 20px 10px 10px 0px;
  left: inherit !important;
}

.player_hd_bar .live_span.live_btn {
  background: #868a9b;
  cursor: pointer;
  text-decoration: none;
}
.player_hd_bar .logo-playerScreen {
  line-height: 14px;
  font-size: 8px;
  padding: 0 0 0 4px;
  margin-top: 18px;
  float: left;
}
.player_btm_bar .live_span.live_btn {
  background: #868a9b;
  cursor: pointer;
  text-decoration: none;
}
.pointer {
  cursor: pointer;
}
.home_slider_shimer {
  float: left;
  position: relative;
  width: 100%;
}
.home_slider_shimer_inner {
  position: relative;
  left: 50%;
  top: 0px;
  width: calc(57% - 30px);
  height: 0px;
  padding-bottom: 31%;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  transform: translateX(-50%);
}
.home_slider_shimer_inner:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: absolute;
  left: calc(-100% - 30px);
  top: 0px;
  width: 100%;
  height: 100%;
}
.home_slider_shimer_inner:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  position: absolute;
  right: calc(-100% - 30px);
  top: 0px;
  width: 100%;
  height: 100%;
}
.fav_slider_shimmer {
  float: left;
  position: relative;
  overflow: hidden;
  height: 178px;
  width: 100%;
}
.fav_slider_shimmer_inner {
  position: absolute;
  left: 0px;
  top: 39px;
  width: 220%;
}
.fav_slider_shimmer_box {
  float: left;
  width: 245px;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 0px;
  overflow: hidden;
  padding-bottom: 137px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 5px;
}
.fav_slider_shimmer_box:first-child {
  margin-left: 0;
}
.fav_slider_shimmer_box:last-child {
  margin-right: 0;
}
.modal_sharing .uk-modal-dialog {
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.sharing_content {
  float: left;
  width: 100%;
}
.sharing_content h3 {
  font-weight: bold;
  color: #131313;
  font-size: 22px;
}
.sharing_content ul {
  display: inline-block;
  margin: 0;
  padding: 0px;
  list-style: none;
}
.sharing_content ul li {
  display: inline-block;
  margin: 0 2px;
}
.sharing_content ul li a {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
  color: #ffffff;
}
.sharing_content button {
  display: inline-block;
  border: none;
  background: none;
  cursor: pointer;
}
.sharing_content button + button {
  color: #b066fe !important;
}
.yellowClr .sharing_content button + button {
  color: #ffa52d !important;
}
.icon_facebook {
  background-color: #3b5998;
}
.icon_whatsapp {
  background-color: #43d854;
}
.icon_twitter {
  background-color: #55acee;
}
.icon_twitterX {
  background-color: #000000;
  color: #fff;
}
/* twitter x svg icon styling */
.icon_twitterX svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}
.icon_google-plus {
  background-color: #dc4e41;
}
.icon_linkedin {
  background-color: #0077b5;
}
.icon_instagram {
  background-color: #e4405f;
}
.icon_pinterest {
  background-color: #bd081c;
}
.player_ul li button {
  font-size: 14px;
  line-height: 24px;

  color: #fff;
  text-decoration: none;
  border: none;
  background: none;
  float: left;
  padding: 0;
}
.player_ul li button:hover {
  color: #ffffff;
}
.filter_btn {
  position: absolute;
  right: 56px;
  text-decoration: none !important;

  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 5px;
  width: 73px !important;
}
.filter_btn.active {
  color: #ffffff;
}
.filter_btn:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.filter_btn.uk-active {
  background-color: #0d0d19;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.filter_box {
  position: fixed;
  left: 0;
  bottom: 0px;
  z-index: 9999;
  width: 100%;
  background-color: #23243c;
  padding: 30px 50px;
  margin: 0;
  display: none;
  -webkit-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.4);
}
.filter_box h3 {
  color: #ffffff;
}
.filter_box ul {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.filter_box ul li {
  float: left;
  margin-bottom: 10px;
  padding-right: 15px;
}
.filter_box ul li a {
  float: left;
  background: #23243c;
  border: 1px solid #3a3c58;
  border-radius: 14px;
  color: #ffffff;
  font-size: 11px;
  padding: 5px 15px;
  text-decoration: none;
}
.filter_box ul li a:hover {
  background: #b066fe99;
  border: 1px solid #b066fe;
}
.yellowClr .filter_box ul li a:hover {
  border: solid 1px #ffa52d;
}
.live_style {
  width: 245px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.36);
  background-color: rgba(79, 0, 188, 0.06);
  float: left;
  border: solid 1px rgba(134, 138, 155, 0.1);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.live_style:hover,
.live_style:focus {
  border: solid 1px #b066fe;
}
.live_style:hover .hvr_box {
  background: none;
}
.live_style.live_style_full {
  width: 100%;
}
.trnd_box {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 100%;
  color: #ffffff;
  width: 100%;
  text-decoration: none;
}
.trnd_box_inner {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 30px;
  color: #ffffff;
  width: 100%;
  text-decoration: none;
  background: transparent
    linear-gradient(0deg, #000000 0%, #000000 50%, #0000000d 100%) 0% 0%
    no-repeat padding-box;
}
.trnd_number {
  float: left;
  width: 30px;
  text-align: center;
  color: #b066fe;
  font-size: 12px;
}
.trnd_number span {
  float: left;
  width: 100%;
  font-size: 36px;
  line-height: 30px;
  color: #ffffff;
}
.trnd_number i {
  width: 14px;
}
.trnd_box h3,
.trnd_box h1 {
  float: left;
  width: calc(100% - 30px);
  margin: 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 27px;
  padding-left: 20px;
}
.trnd_box p {
  float: left;
  width: calc(100% - 30px);
  margin: 0px;
  color: #ffffff;
  font-size: 16px;
  line-height: 19px;
  padding-left: 20px;
}
.player_btm_bar .ad_container {
  padding-left: 0;
}
.gf_txt .gf_watch_btn.margin_float_auto {
  margin: 20px auto;
  float: none;
  display: block;
}
.page_notfound .asad_bg {
  width: 100%;
}
.prog_mob {
  display: none;
}
.channel_feature_sec_mob {
  text-align: center;
  display: none;
}
.channel_feature_sec_mob .channel_feature_txt {
  background: -moz-linear-gradient(
    top,
    rgba(13, 13, 25, 0) 0%,
    rgba(13, 13, 25, 0) 1%,
    rgba(13, 13, 25, 0.94) 30%,
    rgba(13, 13, 25, 1) 32%,
    rgba(13, 13, 25, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(13, 13, 25, 0) 0%,
    rgba(13, 13, 25, 0) 1%,
    rgba(13, 13, 25, 0.94) 30%,
    rgba(13, 13, 25, 1) 32%,
    rgba(13, 13, 25, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(13, 13, 25, 0) 0%,
    rgba(13, 13, 25, 0) 1%,
    rgba(13, 13, 25, 0.94) 30%,
    rgba(13, 13, 25, 1) 32%,
    rgba(13, 13, 25, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d0d19', endColorstr='#0d0d19',GradientType=0 );
}
.channel_feature_sec_mob .channel_feature_txt p {
  color: #aaaaaa;
}
.channel_feature_sec_mob .channel_feature_btns a {
  display: inline-block;
  float: none;
}
.channel_feature_sec_mob .channel_feature_btns .blue_btn {
  width: 200px;
  margin: 0 10px;
  height: 40px;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.channel_feature_sec_mob .channel_feature_btns .adtofav_mob {
  background: none;
}
.channel_feature_sec_mob .channel_feature_btns .adtofav_mob .active svg path {
  fill: #ffffff;
}
.channel_feature_sec_mob .channel_feature_btns .info_btn {
  background: none;
}
.info_model .uk-modal-dialog {
  border-radius: 10px;
  text-align: center;
}
.prog_tab.sidebar_tab > li {
  text-align: left;
}
.prog_tab .uk-container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.filter_search {
  float: left;
  width: calc(100% - 24px);
  padding: 0 0 0 10px;
  background-color: #0d0d19;
  border: none;
  color: #898a92;
  height: 50px;
  font-size: 15px;
}
.filter_search::-webkit-input-placeholder {
  color: #898a92;
}
.filter_search:-ms-input-placeholder {
  color: #898a92;
}
.filter_search::placeholder {
  color: #898a92;
}
.search_sec {
  float: left;
  width: 100%;
  padding: 0 30px;
  background-color: #0d0d19;
  position: relative;
  margin-bottom: 30px;
}
.search_sec img,
.search_sec svg {
  float: left;
  margin-top: 13px;
}
#rmpPlayer {
  margin-top: 10px;
  background: #000000;
}
.rmp-module-overlay .rmp-i {
  z-index: 1;
}
#rmpPlayer {
  min-height: 400px;
}
#rmpPlayerEmbed {
  height: 100% !important;
}

.uk-panel .uk-active {
  display: none;
}

.uk-panel .views_txt {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: auto;
  color: #ffffff;
  padding: 0px;
}
.uk-panel .views_txt svg {
  width: 16px;
  margin-right: 3px;
}
.uk-panel .live_span {
  position: absolute;
  left: 10px;
  top: 10px;
}
.live-tv-player .views_txt {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  width: auto;
  color: #ffffff;
  padding: 0px;
}
.live-tv-player .views_txt svg {
  width: 16px;
  margin-right: 3px;
}
.live-tv-player .live_span {
  position: absolute;
  left: 10px;
  top: 10px;
}
.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}
.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0px 4px;
  background-color: #ffffff;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: 50%;
}
.carousel .indicators .indicator-item.active {
  opacity: 1;
}
.no_result h3 {
  color: #ffffff;
}
.page_notfound .empty_box {
  height: 70vh;
}
.adbox_sidebar_lg {
  width: 336px;
  height: 280px;
  margin-left: 0;
}
.slider_new_container {
  width: 100%;
  position: relative;
  float: left;
  z-index: 1;
}
.glider-track {
  /* width: 100%; */
  width: 1650px;
  margin: 0;
  padding: 0;
  display: flex;
  z-index: 1;
}
.glider-slide {
  width: 210px !important;
}
.glider,
.glider-track,
.glider-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.glider {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.glider::-webkit-scrollbar {
  display: none;
  opacity: 0;
  height: 0;
}
/* headline - home - MBK */
.episodeSection .prog_sldr_box {
  position: relative;
  overflow: hidden;
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  /* background: #0a002b; */
  background: #262626;
  /* background: red; */
  transition: all 0.5s ease;
}
.episodeSection .prog_sldr_box:hover,
.episodeSection .prog_sldr_box:focus {
  transform: scale(1.1);
  z-index: 1;
  box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.5s ease;
}
.episodeSection .prog_sldr_box .prog_sldr_img {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
}
.episodeSection .prog_sldr_box .prog_sldr_text {
  padding: 5px 5px;
}
.episodeSection .prog_sldr_box .prog_sldr_text p span {
  display: block;
  width: 100%;
  float: none;
}
/* headline - home - MBK */

.banner-glider-prev,
.banner-glider-next {
  z-index: 0;
  left: 0;
  top: 0;
  position: absolute;
  /* width: 260px; */
  width: 10%;

  height: 100%;
  max-height: 570px;
  text-align: center;
  line-height: 27px;
  border: none;
  cursor: pointer;
  background: 0 0;
  /* background: linear-gradient(to right, #000, transparent); */
  /* backdrop-filter: blur(5px); */
  text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-glider-next {
  right: 0px;
  left: inherit;
  /* background: linear-gradient(to right, transparent, #000); */
}
.banner-glider-prev svg {
  width: 60px;
  float: right;
  display: none;
  transition: 0.3s all ease-in-out;
}
.banner-glider-next svg {
  width: 60px;
  display: none;
}
#slideshow2:hover .banner-glider-prev svg,
#slideshow2:hover .banner-glider-next svg {
  display: block;
}
.glider-prev,
.glider-next {
  left: 0;
  top: 0;
  position: absolute;
  color: #ffffff !important;

  width: 50px;
  height: 100%;
  /* z-index: 99; */
  /* background: red !important; */
  text-align: center;
  line-height: 27px;
  border: none;
  cursor: pointer;
  display: none;
  background: 0 0;
  background: linear-gradient(to right, #000, transparent);
  text-align: center;
}
.glider-prev svg,
.glider-next svg {
  display: none !important;
}
.glider-next {
  right: 0px;
  left: inherit;
  background: linear-gradient(to right, transparent, #000);
}
.slider_new_container:hover .glider-prev,
.slider_new_container:hover .glider-next {
  display: block;
}
.glider-next.disabled,
.glider-prev.disabled {
  opacity: 0;
  visibility: hidden;
}
/* .glider-slide {
  width: 100% !important;
  display: flex;
} */
.glider-hide {
  opacity: 0;
}
/* .glider {
  margin: 0 auto;
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
} */
.fav_slider_new .live_style {
  width: calc(100% - 10px);
}
.prog_sldr_new .prog_sldr_box {
  width: calc(100% - 10px);
  max-width: inherit;
}
.prog_sldr_new .prog_sldr_text {
  margin-bottom: 0px;
}
.arrow_top .glider-prev,
.arrow_top .glider-next {
  height: 100%;
}
.prog_sldr_new_small .prog_sldr_box {
  width: calc(100% - 10px);
  max-width: inherit;
}
.circle_center .glider-prev,
.circle_center .glider-next {
  height: calc(100% - 10px);
}
.drama_sldr_container .glider-prev,
.drama_sldr_container .glider-next {
  height: 100%;
}
.drama_sldr_new div a {
  width: calc(100% - 10px);
  float: left;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hide_overflow {
  float: left;
  width: calc(100% - 60px);
  overflow: hidden;
  height: 40px;
}
.msg_box {
  float: left;
  width: 100%;
  text-align: center;
  position: fixed;
  left: 0;
  top: 100px;
  z-index: 11;
}
.msg_box .ai_recom {
  display: inline-block;
  padding: 10px 30px;
  background-color: #ed1d24;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  color: #ffffff;
  font-size: 14px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}
.ai_recom_green {
  display: inline-block;
  padding: 10px 30px;
  background-color: #4bb543;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  color: #ffffff;
  font-size: 14px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
}
.channel_live_cont {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: -15px;
}
.channel_live_cont_inner {
  float: left;
  width: 6.25%;
  padding-left: 15px;
  padding-bottom: 15px;
}
.asad_bg .channel_live_cont_inner {
  width: 8.3333%;
}
.channel_live_cont_inner .channel_sldr_box {
  width: 100%;
}
.channel_live_cont_inner .channel_sldr_img {
  width: 100%;
  height: 100%;
}

.channel_box_sec .channel_sldr_box {
  transition: all 0.3s ease-in !important;
}

.channel_box_sec .channel_sldr_box:hover {
  transform: scale(1.15);
  z-index: 3;
  transition: all 0.5s ease !important;
}
/* .channel_box_sec .channel_sldr_img{
  transition: all 0.3s ease-in !important;
}

.channel_box_sec .channel_sldr_img:hover{
  transform: scale(1.2);
  transition: all 0.2s ease-in !important;
  
} */

.prog_list_cont {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-bottom: -15px;
}
.prog_list_cont_inner {
  float: left;
  width: 12.5%;
  padding-left: 15px;
  padding-bottom: 15px;
}
.asad_bg .prog_list_cont_inner {
  width: 14.285%;
}
.prog_list_cont_inner .dramas_box {
  max-width: inherit;
  margin-bottom: 0px;
}
.login_modal_box {
  float: left;
  width: 100%;
}
.login_modal_box h3 {
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0px;
}
.login_modal_box img {
  margin-bottom: 10px;
}
.modal_login {
  text-align: center;
}
.modal_login .uk-modal-dialog {
  max-width: 700px !important;
  width: 100%;
  min-height: 420px;
  background: url(../images/bg_nosign.webp) no-repeat;
  background-size: cover;
}
.btn_modal {
  float: left;
  width: 100%;
  margin-bottom: 11px;
}
.btn_modal .butn {
  float: left;
  width: 100%;
  background: #ffffff;
  color: #b066fe;
  text-decoration: none;
  padding: 10px;
  margin: 4px 0;
  box-shadow: inset 0 0 0 2px #b066fe;
  cursor: pointer;
}
.yellowClr .btn_modal .butn {
  color: #ffa52d;
  box-shadow: inset 0 0 0 2px #ffa52d;
}
.btn_modal .butn:hover,
.btn_modal .butn:focus {
  background: rgba(176, 102, 254, 0.4);
}
.yellowClr .btn_modal .butn:hover,
.yellowClr .btn_modal .butn:focus {
  background: rgba(255, 165, 45, 0.4);
}
.btn_modal a span {
  margin-left: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.login_modal_box p {
  margin: 0 0 15px;
  float: left;
  width: 100%;
}
.smalltxt_modal {
  font-size: 12px;
}
.rmp-i.uk-icon-button {
  border-radius: 8px;
  width: 45px;
  height: 45px;
  margin: -15px 0 0 10px;
  font-size: 30px;
  cursor: pointer;
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
  transition: all 0.5s ease;
}
/* i was here */
.rmp-i.uk-icon-button.fb {
  background-color: #3b5998;
  border: 1px solid #3b5998;
}
.rmp-i.uk-icon-button.wa {
  background-color: #43d854;
  border: 1px solid #43d854;
}
.rmp-i.uk-icon-button.twt {
  background-color: #55acee;
  border: 1px solid #55acee;
}
.rmp-i.uk-icon-button.twtX {
  background-color: #000000;
  border: 1px solid #000000;
}
.rmp-i.uk-icon-button.twtX svg {
  width: 20px;
  height: 20px;
}
.rmp-i.uk-icon-button.lin {
  background-color: #0077b5;
  border: 1px solid #0077b5;
}
.rmp-i.uk-icon-button.fb:hover,
.rmp-i.uk-icon-button.fb:focus {
  color: #3b5998 !important;
  background-color: transparent;
  border: 1px solid #3b5998;
}
.rmp-i.uk-icon-button.wa:hover,
.rmp-i.uk-icon-button.wa:focus {
  color: #43d854 !important;
  background-color: transparent;
  border: 1px solid #43d854;
}
.rmp-i.uk-icon-button.twt:hover,
.rmp-i.uk-icon-button.twt:focus {
  color: #55acee !important;
  background-color: transparent;
  border: 1px solid #55acee;
}
.rmp-i.uk-icon-button.lin:hover,
.rmp-i.uk-icon-button.lin:focus {
  color: #0077b5 !important;
  background-color: transparent;
  border: 1px solid #0077b5;
}
.rmp-sharing-link {
  height: 40px;
}
.rmp-sharing-link .rmp-i.rmp-i-link {
  box-shadow: none;
  height: 40px;
  width: 40px;
  font-size: 16px;
  color: #222;
  border: 1px solid #222;
  border-radius: 4px 0 0 4px;
  border-right: none;
  line-height: 38px;
  position: relative;
  left: unset;
  display: inline-block;
  cursor: pointer;
}
.rmp-sharing-link .rmp-sharing-input {
  box-shadow: none;
  height: 40px;
  font-size: 16px;
  border: 1px solid #222;
  border-radius: 0 4px 4px 0;
  border-left: none;
  margin-left: 0;
  position: relative;
  width: 75%;
  left: unset;
}
/* .rmp-i.uk-icon-button:hover {
  color: #b066fe;
  background: #fff;
} */
.yellowClr .rmp-i.uk-icon-button:hover {
  color: #ffa52d;
}
.login_modal_box p:last-child {
  margin-bottom: 0px;
}
.login_modal_box a {
  color: #b066fe;
}
.yellowClr .login_modal_box a {
  color: #ffa52d;
}
.login_fld {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.login_fld input {
  float: left;
  width: 100%;
  height: 44px;
  font-size: 16px;
  padding: 10px 10px 10px 60px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 47, 52, 0.64);
  border: none;
}
.login_fld input:focus {
  box-shadow: inset 0 0 0 3px #00777f;
}
.login_fld.error_fld input {
  box-shadow: inset 0 0 0 3px #dc1714;
}
.login_fld input[type="number"]::-webkit-inner-spin-button,
.login_fld input[type="number"]::-webkit-outer-spin-button,
.digit_fld input[type="number"]::-webkit-inner-spin-button,
.digit_fld input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.login_fld span {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 50px;
  padding: 10px;
  text-align: left;
  border-right: 1px solid rgba(0, 47, 52, 0.36);
  color: rgba(0, 47, 52, 0.36);
}
.login_fld .error_msg {
  margin: 0px;
  float: left;
  color: rgba(0, 47, 52, 0.64);
  font-size: 12px;
  display: none;
  float: left;
  width: auto;
}
.error_fld .error_msg {
  display: block;
}
.login_via_phone {
  display: none;
}
.login_modal_box .login_back_btn {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #999;
  width: 24px;
  height: 24px;
}
.login_modal_box .login_back_btn:focus,
.login_modal_box .login_back_btn:hover {
  color: #666;
  outline: 0;
}
.modal_login .blue_btn {
  width: 100%;
  margin-top: 15px;
  border-radius: 0px;
}
.login_pin_phone {
  display: none;
}
.digit_fld {
  float: left;
  width: 100%;
}
.digit_fld input {
  float: left;
  width: 23%;
  height: 44px;
  font-size: 26px;
  padding: 10px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 47, 52, 0.64);
  border: none;
  margin: 0 1%;
  text-align: center;
}
.login_modal_box p.btn_resend {
  margin: 15px 0 0;
}
.login_modal_box p.btn_resend a {
  float: left;
}
.login_via_email {
  display: none;
}
.login_via_email .login_fld input {
  padding: 10px;
}
.login_pin_email {
  display: none;
}
.error_msg_pro {
  background: rgba(255, 0, 0, 0.5);
  padding: 15px;
  color: #fff;
  margin: 20px 0 0;
  float: left;
  width: 100%;
}
.success_msg_pro {
  background: rgba(92, 184, 92, 0.5);
  padding: 15px;
  color: #fff;
  margin: 20px 0 0;
  float: left;
  width: 100%;
}
.player_sec {
  position: relative;
}
.icons_custm {
  position: absolute;
  margin: 0;
  padding: 0px;
  list-style: none;
  left: 10px;
  bottom: 60px;
  z-index: 99;
}
.icons_custm li {
  float: left;
}
.icons_custm li a {
  float: left;
  margin: 0 5px;
  color: #ffffff;
  max-width: 90px;
  position: relative;
  z-index: 1;
  animation: btn_bounce 2s;
  animation-iteration-count: 3;
}
.icons_custm li a:hover {
  animation-iteration-count: infinite;
}
@keyframes btn_bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pslmatch,
.pslteams,
.pslpoints {
  display: block;
}
.mobpslmatch,
.mobpslteams,
.mobpslpoints {
  display: none;
}
.fav_sld_img img {
  opacity: 0.7;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fav_sld_img .img_log {
  float: left;
  opacity: 1;
  width: 130px;
  position: absolute;
  left: calc(50% - 65px);
  top: calc(50% - 65px);
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.txt_box img {
  max-width: inherit;
  width: 0px;
  height: 40px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.live_style:hover img,
.live_style:focus img {
  opacity: 1;
}
.live_style:hover .txt_box img,
.live_style:focus .txt_box img {
  width: 40px;
}
.live_style:hover .fav_sld_img .img_log,
.live_style:focus .fav_sld_img .img_log {
  opacity: 0;
  visibility: hidden;
}
.fltr_close_btn {
  float: right;
  margin-top: -50px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  text-decoration: none !important;
  color: #ffffff;
}
.frameclose {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  z-index: 1;
}
.dyn-add4 {
  bottom: 0px;
  height: 100%;
  position: absolute;
  width: 50%;
  color: rgb(255, 255, 255);
  right: 0px;
  display: none;
  top: 0px;
  z-index: 3;
}
.showdots {
  display: inline-block;
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.player_btm_bar {
  padding: 4px 0;
}
.player_sec {
  padding: 17px 25px 0 41px;
}
#rmpPlayer {
  margin-top: 4px;
}
.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #b066fe !important;
}
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #b066fe !important;
}
.dtp-btn-ok,
.dtp-btn-cancel {
  background: 0 0;
  color: #b066fe !important;
  border: none;
  cursor: pointer;
}

.dtp.hidden,
.dtp .hidden {
  display: none !important;
}
.dtp table.dtp-picker-days tr > td > a.selected {
  background: #b066fe !important;
  color: #fff;
}
.dtp .dtp-close {
  display: none !important;
}
#channel_btn {
  background: none;
  border: none;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  position: absolute;
  right: 180px;
  bottom: 0;
  padding: 0;
  cursor: pointer;
  height: 100%;
}
#channel_btn svg {
  width: 26px;
  margin-right: 10px;
}
#related_channel {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
}
#player_glider_slider_channel .glider-slide {
  min-width: 130px;
}
#related_channel .glider-prev,
#related_channel .glider-next {
  background: none;
  height: 100%;
}
#player_glider_slider_channel .channel_sldr_img {
  border: solid 1px #b066fe;
  background: transparent;
}

.rmp-control-bar .rmp-i-volume::before {
  content: "";
  background-image: url("../images/player_volume_up.svg");
  background-size: 100%;
  width: 30px;
  height: 30px;
  float: left;
  margin-top: 4px;
}
.rmp-control-bar .rmp-i-off-volume::before {
  content: "";
  background-image: url("../images/player_volume_off.svg");
  background-size: 100%;
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 6px;
  margin-left: 2px;
}
.rmp-control-bar .rmp-quick-rewind-or-forward.rmp-i-quick-rewind-10 {
  width: 40px !important;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 10px;
  left: inherit !important;
  font-size: 28px;
}
.rmp-control-bar .rmp-quick-rewind-or-forward.rmp-i-quick-forward-10 {
  width: 40px !important;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 10px;
  left: inherit !important;
  font-size: 28px;
}
.rmp-quick-rewind-and-forward-ui .rmp-duration {
  width: auto;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 5px;
  left: inherit !important;
  background: none !important;
  padding-left: 10px;
}
.rmp-quick-rewind-and-forward-ui .rmp-time-elapsed {
  width: auto;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 10px;
  left: inherit !important;
  background: none !important;
}
/* .rmp-control-bar .rmp-quick-rewind-and-forward-ui .rmp-time-elapsed {
  left: 200px;
  background: none;
  width: 50px;
} */
.rmp-quick-rewind-and-forward-ui .rmp-duration:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "/";
  color: #fff;
}
/* .rmp-control-bar .rmp-quick-rewind-and-forward-ui .rmp-duration {
  left: 250px;
  background: none;
  width: 40px;
} */
.rewind svg {
  width: 24px;
  margin-right: 5px;
}
.rmp-module ~ .rmp-module ~ .rmp-module {
  right: 0px !important;
}
.rmp-overlay-level {
  background: none !important;
  font-size: 15px;
  color: #ffffff99;
  left: inherit !important;
  margin-left: 0px !important;
  border: none !important;
  text-align: left;
  padding-left: 50px !important;
}
.rmp-overlay-level svg{
  display: none;
}
.rmp-overlay-level:hover:not(.rmp-overlay-level-active) {
  color: #ffffff99;
}
.rmp-overlay-level:hover {
  color: #ffffff99 !important;
}
.rmp-overlay-level.rmp-overlay-level-active {
  color: #b066fe;
}

.rmp-overlay-level.rmp-overlay-level-active svg{
  color: purple;
  float: right;
  position:absolute;
  display: inline;

}

.rmp-overlay-level.rmp-overlay-level-active:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  background: url("../images/stream_active.svg");
  background-size: 100%;
  width: 20px;
  height: 20px;
}
.stream_convert {
  position: relative;
  float: left;
  height: 22px;
  width: 52px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.stream_convert input {
  display: none;
}

.stream_convert_slider {
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 500px;
  bottom: 0;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.2s;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07);
}

.stream_convert_slider:before {
  content: "";
  background-image: url("/images/switch_audio.svg");
  position: absolute;
  width: 30px;
  height: 30px;
  left: -2px;
  bottom: -4px;
  border-radius: 50%;
  transition-property: transform, box-shadow;
  transition-duration: 0.2s;
  background-size: 100%;
}

input:checked + .stream_convert_slider {
  background-color: rgba(255, 255, 255, 0.22) !important;
}

input:checked + .stream_convert_slider:before {
  transform: translateX(26px);
  background-image: url("/images/switch_video.svg");
}
.stream_convert_slider.uk-switch-on-off {
  background-color: #f0506e;
}
input:checked + .stream_convert_slider.uk-switch-on-off {
  background-color: rgba(255, 255, 255, 0.22) !important;
}

.stream_convert_slider.uk-switch-big:before {
  transform: scale(1.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
}
.stream_convert_slider.uk-switch-small:before {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.22);
}
input:checked + .stream_convert_slider.uk-switch-big:before {
  transform: translateX(26px) scale(1.2);
}

.uk-light .stream_convert_slider:not(.uk-switch-on-off) {
  background-color: rgba(255, 255, 255, 0.22);
}
.rmp-audio-only {
  width: 100% !important;
}
.rmp-audio-only-volume-icon {
  left: 60px !important;
  width: 30px !important;
  position: absolute;
}
.audioBackground {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.audioBackground > img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
#audioText {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}
#audioText svg {
  float: left;
  width: 60px;
}
#audioText p {
  float: left;
  font-size: 23px;
  line-height: 28px;
  text-align: left;
  margin: 0;
  width: 230px;
}
#audioText p b {
  font-size: 34px;
  line-height: 28px;
}
FilterSec {
  float: left;
  margin-bottom: -80px;
  width: 100%;
  position: relative;
}
.FilterButton {
  margin-top: 50px;
  float: right;
  color: #ffffff66;
  padding: 0;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.FilterButton svg {
  width: 100%;
}
.FilterModal .uk-modal-body {
  box-shadow: 0px -20px 20px #0000004d;
  border: 1px solid #eeeeee;
  border-radius: 6px;
}
.FilterModal .uk-modal-close {
  float: right;
  width: 20px;
  height: 20px;
  border: none;
  padding: 0;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  color: #fff;
  padding: 2px;
  cursor: pointer;
  margin-top: -10px;
  margin-bottom: 10px;
}
.FilterFld {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.FilterFld label {
  float: left;
  width: 130px;
  color: #00000066;
  font-size: 15px;
  line-height: 40px;
}
.FilterFld:last-child {
  margin-bottom: 0;
}
.FilterFld .uk-select:not([multiple]):not([size]) {
  border: none;
  border-bottom: solid 2px #e4e4e4;
  background-image: url(../images/selectbox_icon.svg);
  cursor: pointer;
  border-radius: 4px;
  width: calc(100% - 130px);
}
.FilterFld .uk-input {
  border: none;
  border-bottom: solid 2px #e4e4e4;
  cursor: pointer;
  border-radius: 4px;
  width: calc(100% - 130px);
}
.FilterFld .SearchDate {
  background-image: url(../images/calender_icon.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.FilterFld .uk-input:hover,
.FilterFld .uk-select:hover {
  background-color: #e4e4e4;
}
.FilterFld button {
  float: right;
  background: #b066fe;
  border-radius: 6px;
  border: none;
  padding: 10px 30px;
  height: 40px;
  line-height: 20px;
  color: #ffffff;
  font-size: 15px;
  cursor: pointer;
}
.FilterFld button:hover {
  background: #4f00bc;
}
.NewHomeSlider {
  padding: 0px 0px 0px 72px;
  margin-bottom: -100px;
}
.NewHomeSlider .uk-slider ul {
  margin-top: 0;
  margin-bottom: 0;
}
.NewHomeSlider .uk-slider-items li {
  width: 100%;
}
.livebtn {
  background-color: #ed1d24;
  float: left;
  margin: 5px 10px 0 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  width: 60px;
  text-align: center;
  -webkit-box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding-left: 6px;
  z-index: 1;
  text-transform: uppercase;
}
.livebtn:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  left: 6px;
  top: 7px;
}
.NewHomeSlider_inner {
  float: left;
  width: 100%;
  position: relative;
}
.NewHomeSlider_inner::before {
  background-image: linear-gradient(
    to bottom,
    rgba(12, 12, 24, 0) 0,
    rgba(12, 12, 24, 0.15) 15%,
    rgba(12, 12, 24, 0.35) 29%,
    rgba(12, 12, 24, 0.58) 44%,
    #0c0c18 68%,
    #0c0c18 100%
  );
  z-index: 1;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10%;
}
.mobileSlide::before {
  display: none;
}
.NewHomeSliderMobBtns::before {
  background-image: linear-gradient(
    to bottom,
    rgba(12, 12, 24, 0) 0,
    rgba(12, 12, 24, 0.15) 15%,
    rgba(12, 12, 24, 0.35) 29%,
    rgba(12, 12, 24, 0.58) 44%,
    #0c0c18 68%,
    #0c0c18 100%
  );
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 100%;
}
.NewHomeSlider_inner > img {
  width: 100%;
  position: relative;
  transition: all 3s ease;
}
.NewHomeSliderBg {
  background: -webkit-linear-gradient(
    13deg,
    rgba(0, 0, 0, 0.6) 0,
    rgba(0, 0, 0, 0) 85%
  );
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
  height: 100%;
}
.NewHomeSlider_txt {
  position: absolute;
  padding-left: 56px;
  padding-bottom: 50px;
  padding-right: 10%;
  width: 45%;

  height: 100%;
  left: 0;
  top: 0;
}
.NewHomeSlider_txt .mdl_inner > img {
  max-width: 200px;
  margin-top: 20px;
}
.NewHomeSlider_txt h3 {
  font-size: 42px;
  line-height: 42px;
  width: 100%;
  float: left;
  margin-top: 20px;
  color: #ffffff;
}
.NewHomeSlider_txt p {
  font-size: 20px;
  line-height: 26px;
  width: 100%;
  float: left;
  color: #d1d2d9;
  margin-bottom: 0;
  max-height: 58px;
  overflow: hidden;
  transition: all 3s ease;
  color: #ffffff;
}
.NewHomeSlider_txt p ~ p {
  margin-top: 0;
  margin-bottom: 20px;
}
.NewHomeSlider_txt p a {
  font-size: 20px;
  line-height: 28px;
  float: left;
  color: #d1d2d9;
}
.headng_box h2 {
  position: relative;
}
.liveicon {
  background-color: #ed1d24;
  float: left;
  margin: 0px 10px 0 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  width: 60px;
  text-align: center;
  -webkit-box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding-left: 6px;
  z-index: 1;
  text-transform: uppercase;
}
.liveicon:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  left: 6px;
  top: 7px;
}
.NewHomeSlider_btns {
  float: left;
  width: 100%;
}
.viewicon {
  background-color: rgba(0, 0, 0, 0.8);
  float: left;
  margin: 0px 10px 0 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
  width: auto;
  text-align: center;
  -webkit-box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 45%);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  padding: 0 6px;
}
.viewicon svg {
  width: 20px;
  margin-top: -3px;
  margin-right: 2px;
}
.mobileSlide {
  display: none;
}
.tvguideLiveSliderBox {
  width: 100%;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #0d0d19;
  float: left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tvguideLiveSliderInner {
  padding-right: 10px;
}
.tvguideLiveSliderInner .tvguideLiveSliderimg {
  float: left;
  width: 100%;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  height: 0px;
  overflow: hidden;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding-bottom: 56.25%;
  background-image: url(../images/bg_video.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #ffffff;
}
.tvguideLiveSliderimg > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tvguideLiveSliderHover {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  z-index: 10;
}
.tvguideLiveSliderBox:hover .tvguideLiveSliderHover , .tvguideLiveSliderBox.active .tvguideLiveSliderHover  {
  opacity: 1;
}
.tvguideLiveSliderHover div {
  position: relative;
  width: auto;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tvguideLiveSliderHover div svg {
  margin-right: 10px;
}
.tvguideLiveSliderTxt {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  float: left;
  width: 100%;
  padding: 10px;
  background: #131424;
}
.tvguideLiveSliderTxt img {
  float: left;
  max-width: 40px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: solid 1px #b066fe;
}
.yellowClr .tvguideLiveSliderTxt img {
  border: solid 1px #ffa52d;
}
.tvguideLiveSliderTxt h4 {
  float: left;
  margin: 0px;
  color: #ffffff;
  font-size: 14px;
  line-height: 12px;
  width: calc(100% - 75px);
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
}
.views_txt {
  color: #a1a1a7;
  font-size: 10px;
  line-height: 16px;
  padding: 0;
  width: calc(100% - 75px);
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hearticon {
  float: right;
  color: #b066fe;
  margin-top: 11px;
  cursor: pointer;
}
.yellowClr .hearticon {
  color: #ffa52d;
}
.hearticon.active svg path {
  fill: #b066fe;
  stroke: #b066fe;
}
.hearticon.active {
  color: #b066fe;
}
.viewerstvg {
  position: absolute;
  color: #ffffff;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.8);
  padding: 0 5px;
  left: 3px;
  top: 3px;
}
.volume_style {
  position: absolute;
  right: 40px;
  bottom: 10px;
  color: #fff;
  cursor: pointer;
  width: 24px;
}
.volume_style:hover {
  color: #b066fe;
}
.unmuter.volume_style svg {
  width: 28px;
  max-width: inherit;
}
.unmuter.volume_style {
  right: 45px;
  bottom: 8px;
}
.rmp-container .rmp-control-bar {
  height: 60px;
  z-index: 1;
}
.rmp-container .rmp-control-bar:before {
  height: 194px;
  background-image: url(../images/controlsbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
}
.rmp-control-bar .rmp-play-pause {
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 10px;
  left: inherit;
}
.rmp-control-bar .rmp-i-pause::before {
  content: "";
  background: url("../images/player_pause.svg");
  background-position: center;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rmp-control-bar .rmp-i-play::before {
  content: "";
  background: url("../images/player_play.svg");
  background-position: center;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rmp-overlay-button .rmp-i-play::before {
  content: "";
  background: url("../images/player_play.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90px;
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rmp-control-bar .rmp-desktop-volume-icon {
  width: 40px;
  height: 40px;
  position: relative;
  float: left;
  margin: 10px 0 10px 10px;
  left: inherit;
}
.rmp-control-bar .rmp-i-resize-full {
  width: 40px;
  height: 40px;
  left: inherit;
  position: relative;
  float: right;
  margin: 10px 10px 10px 0;
}
.rmp-control-bar .rmp-fullscreen {
  width: 40px;
  height: 40px;
  left: inherit;
  position: relative;
  float: right;
  margin: 10px 10px 10px 0;
}
.rmp-control-bar .rmp-i-resize-full::before {
  content: "";
  background-image: url("../images/player_fullscreen.svg");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  float: left;
  margin-top: 3px;
  margin-left: 2px;
}
.rmp-control-bar .rmp-i-resize-small::before {
  content: "";
  background-image: url("../images/player_fullscreen_exit.svg");
  background-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  float: left;
  margin-top: 3px;
  margin-left: 2px;
}
.rmp-control-bar #qty_btn {
  float: right;
  background: none;
  border: none;
  color: #fff;
  height: 40px;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  padding: 0;
  width: 40px;
  position: relative;
}
.rmp-control-bar #qty_btn span {
  display: none;
}
.rmp-control-bar #qty_btn svg {
  width: 26px;
}
.rmp-control-bar #channel_name {
  position: absolute;
  margin: 0;
  left: 20px;
  top: -20px;
  width: calc(100% - 40px);
  text-align: left;
}
.rmp-control-bar #pip_btn {
  float: right;
  background: none;
  border: none;
  color: #fff;
  height: 40px;
  margin: 10px 10px 10px 0;
  cursor: pointer;
  padding: 0;
  width: 40px;
  position: relative;
}
.rmp-control-bar #pip_btn span {
  display: none;
}
.controls_txt.rmp-control-bar #qty_btn span {
  display: inline-block;
  margin-left: 5px;
}
.controls_txt.rmp-control-bar #qty_btn {
  width: auto;
}
.controls_txt.rmp-control-bar #pip_btn span {
  display: inline-block;
  margin-left: 5px;
}
.controls_txt.rmp-control-bar #pip_btn {
  width: auto;
}
.customshare {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  /* background: red; */
  background: rgba(0, 0, 0, 0.8);
}
.customshare .customShareInner {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding: 20px;
  background: #fff;
}
.customshare h3 {
  color: #000000;
  font-weight: 700;
  /* margin-top: 50px; */
}
.customshare ul {
  display: inline-block;
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
}
.customshare ul li {
  display: inline-block;
}
.player_backscreen {
  float: left;
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  width: 24px;
  height: 24px;
  margin: 20px 0 0 20px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.playeraudio {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000000;
}
.playeraudio img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.playeraudio > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.playeraudio > div svg {
  float: left;
  width: 60px;
  margin-right: 20px;
}
.playeraudio > div p {
  float: left;
  margin: 0;
  max-width: 280px;
  text-align: left;
}
.playeraudio > div p strong {
  float: left;
  font-size: 34px;
}
.playeraudio > div p span {
  float: left;
  font-size: 28px;
}
.restart_watch_live {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
}
.restart_watch_live img {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
.restart_watch_live > div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 340px;
}
.restart_watch_live > div svg {
  display: inline-block;
  width: 20px;
  margin-right: 5px;
}
.restart_watch_live > div p button {
  float: right;
  color: #000000;
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  padding: 0;
  cursor: pointer;
  padding: 7px 15px;
  width: 164px;
  border: none;
  margin: 0 3px;
}

.rmp-desktop-volume-container {
  z-index: 1;
  bottom: 68px !important;
}
.uk-tooltip {
  font-size: 14px;
  display: inline-block;
  position: absolute;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #ffffff;
}
.rmp-i:hover,
.rmp-module:hover .rmp-i,
.rmp-i-live,
.rmp-dvr-rec .rmp-i-live:hover,
.rmp-i-live,
.rmp-pip-on .rmp-i-pip,
.rmp-quick-unmute:hover .rmp-i-volume,
.rmp-quick-unmute:hover .rmp-quick-unmute-text,
.rmp-overlay-level:hover:not(.rmp-overlay-level-active),
.rmp-volume.rmp-volume-off-mute,
.rmp-module-volume-bar-area .rmp-volume-off-mute {
  color: #b066fe !important;
}
.NewHomeSlider_vid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.NewHomeSlider_vid video {
  width: 100%;
}
.SlideActive .desktopSlide.NewHomeSlider_inner > img {
  opacity: 0;
}
.SlideActive .mobileSlide.NewHomeSlider_inner > img {
  opacity: 0;
}
.hmsldr {
  float: left;
  width: 100%;
}
.SlideActive .desktopSlide .NewHomeSlider_txt p {
  opacity: 0;
  visibility: hidden;
}
.HoverNModelOverlay {
  position: absolute;
  top: 0;
  left: 0;

  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  width: 100%;
  height: 100%;
}
.HoverNModel {
  will-change: transform;
  position: absolute;
  color: #fff;
  background-color: transparent;
  font-size: 16px;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0px 0px 75px #000000;
  border: 1px solid #b066fe66;
  border-radius: 0px 0px 6px 6px;
  background: #131424;
  opacity: 0;

  transition: all 0.5s ease;
  left: 45%;
  transform: translate(-50%, -50%);
  width: calc(100% + 50px);
  top: 50%;
}
.NewHomeSlider_vidVolume {
  position: absolute;
  right: 56px;
  bottom: 100px;
  z-index: 2;
  cursor: pointer;
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
}
.NewHomeSlider_vidVolume svg {
  width: 24px;
}
.NewHomeSlider_vidVolume svg.VidUnmuteIcon {
  display: none;
}
.vidVolumemute svg.VidUnmuteIcon {
  display: block;
}
.vidVolumemute svg.VidMuteIcon {
  display: none;
}
.HoverNModelImgVid {
  float: left;
  width: 100%;
  position: relative;
}
.HoverNModelImgVid img {
  position: relative;
  width: 100%;
}
.HoverNModelImgVid video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.HoverNModelTxt {
  float: left;
  width: 100%;
  padding: 15px;
}
.HoverNModelTxtHead {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.HoverNModelLogo {
  float: left;
  max-width: 40px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: solid 1px #b066fe;
  background: #131424;
  text-decoration: none !important;
}
.HoverNModelLogo img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.HoverNModelHeading {
  float: left;
  width: calc(100% - 152px);
}
.HoverNModelHeading h4 {
  line-height: 20px;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  font-size: 14px;
  width: 100%;
  float: left;
}
.HoverNModelHeading span {
  line-height: 20px;
  font-size: 14px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  color: #ffffff99;
  line-height: 20px;
  font-size: 12px;
  width: 100%;
  float: left;
}
.HoverNModelTxtHead ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.HoverNModelTxtHead ul li {
  float: left;
  margin-left: 10px;
}
.HoverNModelTxtHead ul li a {
  float: left;
  width: 24px;
}
.HoverNModelTxtHead ul li a svg {
  float: left;
  width: 24px;
}
.HoverNModelTxtHead ul li button {
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
  float: left;
  width: 24px;
}
.HoverNModelTxtHead ul li button {
  display: none;
}
.HoverNModelTxtHead ul li button .VidUnmuteIcon {
  display: none;
}
.HoverNModelTxt .ptag {
  float: left;
  width: 100%;
  margin-top: 0;
  font-size: 12px;
}
.HoverNModelTxt .ptag:last-child {
  margin-bottom: 0;
}
.HoverNModel_vidVolume {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
}
.HoverNModel_vidVolume svg {
  width: 24px;
}
.HoverNModel_vidVolume .VidUnmuteIcon {
  display: none;
}
.HoverNModel_playBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.9);

  border: 1px solid red;
  color: #ffffff;
  padding: 0;
}
.HoverNModel_playBtn svg {
  width: 24px;
}
.HoverNModel_playBtn .VidStopIcon {
  display: none;
}
.HoverNModelProgram .HoverNModelTxt {
  display: none;
}
.HoverNModelProgramTxtnIcon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%);
  z-index: 1;
}
.HoverNModelProgramTxtnIcon h4 {
  float: left;
  width: 100%;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
  text-align: left;
}
.HoverNModelProgramTxtnIcon p {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  margin: 0 0 20px;
  text-align: left;
}
.HoverNModelProgramTxtnIcon ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.HoverNModelProgramTxtnIcon ul li {
  float: left;
  margin-left: 10px;
}
.HoverNModelProgramTxtnIcon ul li a {
  float: left;
  width: 24px;
  color: #b066fe;
}
.HoverNModelProgramTxtnIcon ul li .hearticon {
  margin-top: 0;
}
.HoverNModelProgramTxtnIcon ul li button {
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  color: #ffffff;
  padding: 0;
  float: left;
  width: 24px;
}
.HoverNModelProgramTxtnIcon ul li button {
  display: none;
}
.HoverNModelProgramTxtnIcon ul li button .VidUnmuteIcon {
  display: none;
}
.HoverNModelProgramTxtnIcon ul li a svg {
  float: left;
  width: 24px;
}
.HoverNModelProgramTxtnIcon .HoverNModelProgramPlay {
  float: left;
  width: 26px;
  height: 26px;
  border: solid 1px #b066fe;
  border-radius: 100%;
  line-height: 22px;
  text-align: center;
}
.HoverNModelProgramTxtnIcon .HoverNModelProgramAddFav {
  float: left;
  margin-left: 10px;
  width: 24px;
}
.HoverNModelEpisode .HoverNModelTxtHead ul li {
  display: none;
}
.HoverNModelEpisode .HoverNModelTxtHead ul li:last-child {
  display: block;
}
.HoverNModelEpisode .HoverNModelHeading {
  width: calc(100% - 42px);
}
.HoverNModelEpisode .HoverNModelHeading h4 {
  height: auto;
  overflow: inherit;
  text-overflow: inherit;
  white-space: normal;
  font-size: 17px;
}
.HoverClass .HoverNModel {
  opacity: 1;
  left: 45%;
  transform: translate(-50%, -50%);
  /* width: calc(100% + 50px); */
  width: calc(100% + 50px);
  top: 50%;
}
.HoverClass .HoverNModelOverlay {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.HoverClass {
  z-index: 1;
}
.bgchange {
  background: #131424;
}
.drama_sldr_new .TrendingNumber {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
  background: #b066fe;
  line-height: 36px;
  border-radius: 100%;
  font-size: 17px;
  margin-top: -17.5px;
}
.drama_sldr_new .TrendingNumber:before {
  border: solid 1px #0d0d19;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  content: "";
}
.drama_sldr_new .TopTenTrendingBox {
  /* padding-right: 20px; */
}
.PopularGenresName {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 13, 25, 0.7);
  border-radius: 5px;
  transition: all 0.3s ease;
}
.PopularGenresName span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
  width: 100%;
  padding: 0 10px;
}
.PopularGenresBox a:hover .PopularGenresName span {
  /* top: unset;
  transform: unset;
  bottom: 5px; */
  transform: translateY(-50%) scale(0.9);
  transition: all 0.5s ease;
}

.ftr_banner {
  background-image: url(../images/unifiedvideo_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  margin-top: 40px;
}
.unifiedvideotxt {
  display: inline-block;
  width: 100%;
  max-width: 420px;
}
.unifiedvideoimg {
  display: inline-block;
  width: 100%;
  max-width: 630px;
}
.unifiedvideobtn {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.unifiedvideobtn a {
  display: inline-block;
  margin: 10px 5px 0;
}
.unifiedvideobtn img {
  width: auto;
  max-width: none;
  height: 32px;
}
.HoverNModelProgram .HoverNModelImgVid video {
  width: auto;
  max-width: initial;
  transform: translateX(-50%);
}
.hashtagbox {
  float: left;
  width: 100%;
}
.seprateheading {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.seprateheading p {
  color: #ffffff99;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
.seprateheading h2,
.seprateheading h1 {
  color: #ffffff;
  font-size: 22px;
  line-height: 27px;
  margin: 0 0 8px;
}
.FavChanelSlider .channel_sldr_box {
  width: 80px;
  margin-bottom: 10px;
}
.FavChanelSlider .channel_sldr_img {
  width: 80px;
  height: 80px;
  overflow: visible;
}
.FavChanelSlider .channel_sldr_img .live_span {
  width: 34px;
  line-height: 14px;
  font-size: 8px;
  top: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
}
.FavChanelSlider .chnl_hvr_box svg {
  width: 30px;
  height: 30px;
}
.sectionBoxLive .glider-prev,
.sectionBoxLive .glider-next {
  height: 100%;
  width: 30px;
}
.sectionBoxLive .glider-prev img,
.sectionBoxLive .glider-next img {
  width: 8px;
}
.sectionBoxLive {
  float: left;
  width: 100%;
}
.sectionBoxLive .headng_box h2 {
  font-size: 20px;
  line-height: 22px;
}
.sidebar > div {
  margin-bottom: 20px;
}
.sidebar > div:last-child {
  margin-bottom: 0px;
}
.RelatedFilter {
  float: left;
  width: 100%;
}
.RelatedFilterBtns {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.RelatedFilterBtns li {
  float: left;
  padding-right: 8px;
  width: auto;
}
.RelatedFilterBtns li:last-child {
  padding-right: 0;
}
.RelatedFilterBtns li a {
  float: left;
  background: #23243c;
  border: 1px solid #3a3c58;
  border-radius: 14px;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  text-decoration: none;
}
.RelatedFilterBtns li a.active {
  background: #b066fe99;
  border: 1px solid #b066fe;
}
.RelatedFilterBtns .RelatedFilterPrev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #0d0d19;
  text-align: center;
  color: #b066fe99;
}
.RelatedFilterBtns .RelatedFilterNext {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 34px;
  text-align: center;
  background: #0d0d19;
  color: #b066fe99;
}
.RelatedFilterBox {
  float: left;
  width: 100%;
  margin-bottom: 150px;
}
.RelatedFilterBox ul {
  float: left;
  width: calc(100% + 10px);
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: -10px;
}
.RelatedFilterBox ul li {
  float: left;
  width: 50%;
  padding: 0 0 10px 10px;
}
.RelatedFilterBox .fav_sld_img {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.RelatedFilterBox .fav_sld_img .img_log {
  height: 55%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.RelatedFilterBox .fav_sld_img h4 {
  background-image: url(../images/controlsbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 5px;
  font-size: 12px;
  line-height: 15px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.removetext {
  text-indent: -9999px;
}
.RelatedFilterBox .live_style {
  overflow: hidden;
}
.RelatedFilterBox .fav_sld_img h4::before {
  background-image: url(../images/controlsbg.png);
  background-repeat: repeat-x;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  content: "";
  z-index: -1;
}
.RelatedFilterBox .fav_sld_img p {
  color: #ffffff;
  position: absolute;
  right: 50px;
  bottom: 5px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
}

.RelatedFilterBox .live_style.live_style_full {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.RelatedFilterBox .live_style:hover,
.RelatedFilterBox .live_style:focus,
.RelatedFilterBox .live_style.active {
  border: solid 1px #b066fe;
}
.RelatedFilterBox .fav_sld_img .views_txt {
  position: absolute;
  left: 5px;
  top: 5px;
  width: auto;
  background: #000000;
  font-size: 10px;
  line-height: 12px;
  padding: 0px 4px;
}
.RelatedFilterBox .fav_sld_img .views_txt svg {
  width: 13px;
}
/* related Movies Filter - Movies watch sidebar */
.RelatedMoviesFilter {
}
.RelatedMoviesFilter .RelatedMoviesFilterBox {
}
.RelatedMoviesFilter .RelatedMoviesFilterBox ul li {
  float: left;
  width: 48%;
  padding: 0 10px 0px 0px;
  margin-bottom: 10px;
}
.RelatedMoviesFilter .RelatedMoviesFilterBox .fav_sld_img img {
  opacity: 1;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
.RelatedMoviesFilter .RelatedMoviesFilterBox .fav_sld_img {
  height: 100%;
  padding-bottom: 0;
  min-height: 230px;
  background-size: cover;
  background-position: center center;
  width: 100%;
  overflow: hidden;
}
/* related Movies Filter - Movies watch sidebar ends */
.HoverNModelImgVid .HoverNModeVidInner {
  width: 100% !important;
  height: 100% !important;
}
.InfoTextDesk {
  float: left;
  width: 100%;
}
.InfoTextMob {
  float: left;
  width: 100%;
  display: none;
}
.treanding_listPrev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: #0d0d19;
  text-align: center;
  color: #b066fe99;
}
.treanding_listNext {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 34px;
  text-align: center;
  background: #0d0d19;
  color: #b066fe99;
}
.LivetvHeaderPlayer {
  background-color: #151515;
  padding-left: 40px;
  padding-right: 40px;
}
.LivetvHeaderPlayerSection {
  float: left;
  width: 100%;
  position: relative;
}
.PlayerForLivetvBox {
  width: calc(100% - 400px);
  float: left;
  position: relative;
}
.LivetvBarStats {
  top: unset !important;
  bottom: 30px;
}
.LivetvBarBtm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 15px 10px 10px;
}
.LivetvBarBtm:before {
  height: 194px;
  background-image: url(../images/controlsbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
}
/* added by MBK - show live btn and preview on bottom bar */
.LivetvBarBtm .liveInlineBar {
  margin-left: 10px;
  position: relative;
  float: left;
  height: 40px;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.LivetvBarBtm .liveInlineBar .live_span {
  float: left;
}
.LivetvBarBtm .liveInlineBar .watching_now {
  margin-top: 0;
  float: left;
}
/* added by MBK - show live btn and preview on bottom bar - ends */
.FilterForLivetvBox {
  float: left;
  width: 400px;
  padding: 25px 25px 0;
  background: #23243c;
  border-radius: 0px 6px 6px 0px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.PlayerForLivetvBox .react-player {
  width: 100% !important;
  position: relative;
  height: 0 !important;
  left: inherit;
  top: inherit;
  transform: inherit;
  padding-bottom: 56.25%;
  background: #000000;
  border: 1px solid #3a3c58;
}
.PlayerForLivetvBox .react-player video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.FilterForLivetvBox .RelatedFilterBtns .RelatedFilterNext {
  background: #23243c;
}
.FilterForLivetvBox .RelatedFilterBtns .RelatedFilterPrev {
  background: #23243c;
}
.FilterForLivetvBox .RelatedFilter {
  height: calc(100% - 48px);
}
.FilterForLivetvBox .RelatedFilterBox {
  height: calc(100% - 50px);
  overflow: auto;
}
.FilterForLivetvBox .RelatedFilterBox::-webkit-scrollbar {
  width: 10px;
  cursor: pointer;
}
.FilterForLivetvBox .RelatedFilterBox::-webkit-scrollbar-track {
  background: #131424;
}
.FilterForLivetvBox .RelatedFilterBox::-webkit-scrollbar-thumb {
  background: #ffffff99;
}
.FilterForLivetvBox .RelatedFilterBox::-webkit-scrollbar-thumb:hover {
  background: #ffffffcc;
}
.searchChannel {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.searchChannel button {
  position: absolute;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  color: #b066fe99;
  left: 5px;
  top: 0;
  padding: 0;
}
.searchChannel button svg {
  width: 17px;
}
.searchChannel input {
  background: #131424;
  border: none;
  width: 100%;
  height: 28px;
  color: #b066fe99;
  font-size: 12px;
  padding: 0 15px 0 35px;
  border-radius: 6px;
}
.searchChannel input::-webkit-input-placeholder {
  color: #b066fe99;
}
.searchChannel input:-ms-input-placeholder {
  color: #b066fe99;
}
.searchChannel input::placeholder {
  color: #b066fe99;
}
.relatedHeart {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
  color: #ffffff;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.relatedHeart.active svg path {
  fill: #ffffff;
}
.treanding_foot .FeedShareBtn {
  float: right;
  font-size: 12px;
  line-height: 24px;
  color: #b066fe99;
  margin-top: 9px;
  text-decoration: none;
}
.treanding_foot .FeedShareBtn svg {
  width: 24px;
  float: left;
}
.treanding_foot .FeedShareBtn span {
  margin-left: 5px;
  line-height: 24px;
  float: left;
}
.NewHomeSliderMobBtns {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  padding-top: 50px;
}
.NewHomeSliderMobBtns > img {
  width: 60%;
  position: relative;
  margin-bottom: 15px;
}
.NewHomeSliderMobBtnsInner {
  display: inline-block;
  position: relative;
}
.NewHomeSliderMobBtns .InfoBtn,
.NewHomeSliderMobBtns .FavBtn {
  float: left;
  width: 46px;
  height: 46px;
  padding: 0;
  margin: 0 5px;
  background: none;
  border: none;
  color: #b066fe;
  font-size: 8px;
  text-transform: uppercase;
  cursor: pointer;
}
.NewHomeSliderMobBtns .InfoBtn svg,
.NewHomeSliderMobBtns .FavBtn svg {
  width: 24px;
}
.NewHomeSliderMobBtns .InfoBtn span,
.NewHomeSliderMobBtns .FavBtn span {
  float: left;
  width: 100%;
  line-height: 20px;
}
.NewHomeSliderMobBtns .FavBtn.active svg {
  color: #b066fe;
}
.NewHomeSliderMobBtns .FavBtn.active svg path {
  fill: #b066fe;
}
.NewHomeSliderMobBtns .LiveNowBtn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 148px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  border: none;
  margin: 0 5px;
  cursor: pointer;
}
.NewHomeSlider .uk-slider-nav {
  position: absolute;
  right: 110px;
  bottom: 109px;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.NewHomeSlider .uk-slider-nav li {
  float: left;
  margin-left: 10px;
}
.NewHomeSlider .uk-slider-nav li a {
  float: left;
  width: 30px;
  height: 5px;
  background: #ffffff99;
}
.NewHomeSlider .uk-slider-nav li.uk-active a {
  background: #b066fe;
}
.HomeSliderInfoBox {
  position: fixed;
  left: 0;
  bottom: -100%;
  width: 100%;
  background: #131424;
  border-radius: 20px 20px 0 0;
  z-index: 9999;
  padding: 20px 0;
  transition: all 0.3s ease;
}
.infoProgImg {
  float: left;
  width: 126px;
  padding-right: 20px;
}
.infoProgTxt {
  float: left;
  width: calc(100% - 126px);
}
.infoProgTxt h3 {
  float: left;
  width: 100%;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 5px;
  line-height: 24px;
}
.infoProgSmall {
  float: left;
  width: 100%;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 10px;
  color: #ffffff;
}
.infoProgSmall span {
  float: left;
  margin-right: 10px;
}
.infoProgTxt p {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #ffffff;
  margin-top: 0;
}
.ellipsis {
  overflow: hidden;
  height: 82px;
  overflow: hidden;
  float: left;
}
.ellipsis:before {
  content: "";
  float: left;
  width: 5px;
  height: 82px;
  overflow: hidden;
}
.ellipsis > *:first-child {
  float: right;
  width: 100%;
  margin-left: -5px;
}
.ellipsis:after {
  content: "\02026";
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  float: right;
  position: relative;
  top: -25px;
  left: calc(100% - 20px);
  width: 20px;
  margin-left: -20px;
  padding-right: 5px;
  text-align: right;
  color: #ffffff;
  background-color: #131424;
}
.infoProgBtns {
  float: left;
  width: 100%;
}
.infoProgBtns .LiveNowBtn {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  float: left;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 148px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 17px;
  font-weight: bold;
  border: none;
  margin-right: 10px;
  cursor: pointer;
}
.infoProgBtns .FavBtn {
  float: left;
  width: 46px;
  height: 46px;
  padding: 0;
  margin-left: 10px;
  background: none;
  border: none;
  color: #ffffff;
  font-size: 8px;
  text-transform: uppercase;
  cursor: pointer;
}
.infoProgBtns .FavBtn svg {
  width: 24px;
}
.infoProgBtns .FavBtn.active svg {
  color: #b066fe;
}
.infoProgBtns .FavBtn.active svg path {
  fill: #b066fe;
}
.infoProgBtns .FavBtn span {
  float: left;
  width: 100%;
  line-height: 20px;
}
.CloseInfoBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  background: none;
  border: none;
  color: #fff;
  width: 24px;
  cursor: pointer;
}
.infoProgImg .channel_sldr_box {
  width: 80px;
}
.infoProgImg .channel_sldr_img {
  width: 80px;
  height: 80px;
}
.infoProgImg .channel_sldr_img .live_span {
  width: 48px !important;
  line-height: 20px;
  font-size: 13px;
}
body.overlaybefore:before {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.bg_nosign {
  background: url(../images/bg_nosign.webp) no-repeat;
  background-size: cover;
}
.minHight {
  min-height: 900px;
}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.SearchPredictions {
  width: 100%;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  position: absolute;
  left: 0;
  top: 100%;
  /* padding-top: 10px; */
  border-radius: 0 0 6px 6px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: none;
}
.noBtmRadius .SearchPredictions {
  display: block;
}
.SearchPredictions li:first-child {
  border-top: solid 1px #dddddd;
  padding-top: 10px;
}
.SearchPredictions li {
  float: left;
  width: 100%;
}
.SearchPredictions li a {
  padding: 5px 15px;
  float: left;
  width: 100%;
  color: #00000099;
  font-size: 14px;
  text-decoration: none;
}
.SearchPredictions li a:hover {
  background: #ffffff;
}
.SearchPredictions li h4 {
  float: left;
  width: 100%;
  border-top: solid 1px #dddddd;
  color: #00000066;
  font-size: 12px;
  padding: 10px 15px;
  margin: 0;
  margin-top: 10px;
}
.SearchPredictions li .searchChannelList {
  float: left;
  width: 100%;
}
.SearchPredictions li .searchChannelList img {
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.SearchPredictions li .searchChannelText {
  float: left;
  width: calc(100% - 32px);
  padding-left: 12px;
}
.SearchPredictions li .searchChannelText p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #000000cc;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchPredictions li .searchChannelText span {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 12px;
  color: #00000066;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchPredictions li .searchVideoList {
  float: left;
  width: 100%;
}
.SearchPredictions li .searchVideoList img {
  float: left;
  width: 75px;
}
.SearchPredictions li .searchVideoText {
  float: left;
  width: calc(100% - 75px);
  padding-left: 12px;
}
.SearchPredictions li .searchVideoText p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #000000cc;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchPredictions li .searchVideoText span {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 12px;
  color: #00000066;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.SearchPredictions li h5 {
  float: left;
  width: 100%;
  color: #00000066;
  font-size: 12px;
  padding: 10px 15px;
  margin: 0;
  text-align: right;
}
.SearchFilterSection {
  width: 100%;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  position: absolute;
  left: 0;
  top: 100%;
  border-radius: 0 0 6px 6px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
  display: none;
  min-height: 100px;
}
.searchSec.ShowFilterBox {
  border-radius: 6px 6px 0 0;
}
.ShowFilterBox .SearchFilterSection {
  display: block;
}
.SearchFilterInner {
  float: left;
  width: 100%;
  /* margin-top: 10px; */
  padding: 10px 20px;
  border-top: solid 1px #dddddd;
}
.SearchFilterflds {
  float: left;
  width: 100%;
}
.SearchFilterflds label {
  float: left;
  width: 80px;
  color: #00000066;
  font-size: 14px;
  line-height: 28px;
}
.SearchFilterflds .uk-input,
.SearchFilterflds .uk-select:not([multiple]):not([size]) {
  height: 40px;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #e4e4e4;
  height: 28px;
  color: #666666;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
}
.SearchFilterflds .uk-select:not([multiple]):not([size]) {
  padding-right: 20px;
  background-image: url(../images/selectbox_icon.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.SearchFilterflds .uk-select option {
  padding: 5px 10px;
}
.FilterSearchBtn {
  float: right;
  background: #b066fe;
  border-radius: 6px;
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 29px;
  border: none;
  color: #ffffff;
  font-size: 14px;
}
.FilterSearchBtn:hover {
  background: #4f00bc;
}
.slider_new_container .uk-slider-container {
  /* overflow: hidden; */
  overflow: inherit;
}
.uk-slider-items .tvguideLiveSliderInner {
  width: 300px;
}
.uk-slider-items .prog_sldr_box {
  width: 350px;
  /* padding-right: 10px; */
  margin-right: 10px;
}
.uk-slider-items .newProgBox {
  /* width: 250px; */
  /* padding-right: 10px; */
}
.uk-slider-items .TopTenTrendingBox {
  width: 208px;
}
.CarouselPrevBtn {
  left: -45px;
  top: 0;
  position: absolute;
  color: #ffffff !important;

  width: 50px;
  height: 100%;
  /* z-index: 99; */
  /* background: red !important; */
  text-align: center;
  line-height: 27px;
  border: none;
  cursor: pointer;
  display: none;
  background: 0 0;
  background: linear-gradient(to right, #000, transparent);
  text-align: center;
}
.CarouselPrevBtn img,
.CarouselNextBtn img {
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
}

.CarouselNextBtn {
  position: absolute;
  right: 0;
  top: 50%;
  width: 50px;
  /* height: 80%; */
  height: 100%;
  background: linear-gradient(to right, transparent, #000);
  text-align: center;
  color: #ffffff !important;
  display: none;
  transform: translateY(-50%);
}
.uk-slider:hover .CarouselNextBtn,
.uk-slider:hover .CarouselPrevBtn {
  display: block;
}
.profileFld {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.SuggestionsSearchHead {
  float: left;
  width: 100%;
  background: #131424;
  background-color: #131424;
  z-index: 11;
  box-shadow: 0px 8px 10px #00000073;
  padding: 11px 0;
  position: relative;
}
.MobileheaderBack {
  float: left;
  width: 30px;
  height: 30px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  background: none;
  border: none;
  cursor: pointer;
}
.mobileSearchFld {
  float: left;
  width: calc(100% - 80px);
  margin-left: 10px;
  background: none;
  color: #ffffff;
  border: none;
  height: 30px;
}
.MobileSearchFilterbtn {
  float: right;
  width: 30px;
  height: 30px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
}
.SuggestionsSearchBody {
  float: left;
  width: 100%;
  padding-top: 20px;
}
.MobileSearchPredictions {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.MobileSearchPredictions li {
  float: left;
  width: 100%;
}
.MobileSearchPredictions li a {
  padding: 5px 15px;
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
.MobileSearchPredictions li h4 {
  float: left;
  width: 100%;
  border-top: solid 1px #000000;
  color: #ffffff66;
  font-size: 12px;
  padding: 10px 15px;
  margin: 0;
  margin-top: 10px;
}
.MobileSearchPredictions li .searchChannelList {
  float: left;
  width: 100%;
}
.MobileSearchPredictions li .searchChannelList img {
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.MobileSearchPredictions li .searchChannelText {
  float: left;
  width: calc(100% - 32px);
  padding-left: 12px;
}
.MobileSearchPredictions li .searchChannelText p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MobileSearchPredictions li .searchChannelText span {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 12px;
  color: #ffffff66;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MobileSearchPredictions li .searchVideoList {
  float: left;
  width: 100%;
}
.MobileSearchPredictions li .searchVideoList img {
  float: left;
  width: 75px;
}
.MobileSearchPredictions li .searchVideoText {
  float: left;
  width: calc(100% - 75px);
  padding-left: 12px;
}
.MobileSearchPredictions li .searchVideoText p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MobileSearchPredictions li .searchVideoText span {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 12px;
  color: #ffffff66;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MobileFilterSection {
  position: absolute;
  width: 100%;
  height: calc(100% - 52px);
  left: 0;
  bottom: calc(100% + 52px);
  background: #131424;
  transition: all 0.5s ease;
  z-index: 1;
  padding-bottom: 80px;
  padding-top: 20px;
}
.MobileFilterShow {
  bottom: 0;
}
.overflowHidden {
  overflow: hidden;
}
.MobileSearchFilterBar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 20px 15px;
  background: #0d0d19;
}
.MobileSearchFilterBar button {
  background: rgb(41, 171, 226);
  background: -moz-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(41, 171, 226) 0%,
    rgb(79, 0, 188) 100%
  );
  display: inline-block;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 125px;
  line-height: 26px;
  padding: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}
.MobileSearchFilterBar button:hover,
.MobileSearchFilterBar button:focus {
  background: rgb(79, 0, 188);
  background: -moz-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -webkit-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
  background: linear-gradient(
    270deg,
    rgb(79, 0, 188) 0%,
    rgb(41, 171, 226) 100%
  );
}
.MobileFilterSection .uk-container,
.MobileFilterSection form {
  height: 100%;
}
.MobileFilterSectionInner {
  float: left;
  width: 100%;
  height: 100%;
}
.MobileFilterSectionInner h1 {
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 22px;
  color: #ffffff;
}
.MobileFldBox {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.MobileFldBox .uk-input,
.MobileFldBox .uk-select:not([multiple]):not([size]),
.MobileFldBox .uk-textarea {
  cursor: not-allowed;
  height: 60px;
  background: #0d0d19;
  border: 1px solid #0d0d19;
  border-radius: 6px;
  padding: 20px 15px 5px;
  color: #ffffff;
  font-size: 17px;
}
.MobileFldBox .uk-select:not([multiple]):not([size]) {
  padding-right: 20px;
  background-image: url(../images/selectbox_icon.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.MobileFldBox label {
  color: #aaaaaa;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #b066fe99;
  font-size: 12px;
  margin: 0;
  padding: 4px 0px 0 15px;
  line-height: 20px;
}
.searchSec.AfterSearch {
  background: #23243c;
}
.AfterSearch .SearchFldBox {
  background: #23243c;
}
.AfterSearch .SearchFldBox input {
  color: #ffffff;
}
.AfterSearch .search_btn,
.AfterSearch .SearchFilterbtn {
  color: #ffffff66;
}
.SearchPredictions .loader_inner {
  /* background: #f5f5f5; */
  width: 48px;
  height: 48px;
  margin: 1px;
}
.SearchPredictions .loader {
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
}
.SearchPredictions .loader_box {
  height: 50px;
}


/* Musfar Talk-shows EpisodeViewAll Component new card fix  */

.flrbox {
  float: left;
  width: 100%;
  position: relative;
  background: #262626;
  transition: all 0.5s ease;
  border-radius: 8px;
  padding: 5px;
}

.flrbox:hover{
  transform: scale(1.1);
  z-index: 1;
  box-shadow: 0 0 10px 0px rgba(255, 255, 255, 0.1);
  transition: all 0.5s ease;
}
/*  */

.NowUpnextSlide {
  float: left;
  padding-right: 5px;
  width: 99%;
}
.NowUpnextSliderInner {
  float: left;
  width: 100%;
  background: #131424;
  padding: 5px;
}
.NowUpnextSliderImg {
  float: left;
  width: 113px;
}
.NowUpnextSliderTxt {
  float: left;
  width: calc(100% - 113px);
  padding: 0px 10px;
}
.NowUpnextSliderTxt h4 {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  height: 32px;
  overflow: hidden;
  margin-bottom: 12px;
}
.NowUpnextSliderTxt p {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 13px;
  line-height: 15px;
}
.NowUpnextSliderTxt .watchingbtn {
  float: left;
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;
}
.NowUpnextSliderTxt .watchingbtn svg {
  width: 16px;
}
.NowUpnextSliderTxt .hearticon {
  margin: 0;
  float: right;
  width: 15px;
}
.NowUpnextSliderTxt .NotifyBtn {
  float: right;
  color: #b066fe;
  cursor: pointer;
}
.NotifyBtn svg {
  width: 17px;
}
.NotifyBtn svg.notyfill {
  display: none;
}
.NotifyBtn svg.notynill {
  display: block;
}
.NotifyBtn.active svg.notyfill {
  display: block;
}
.NotifyBtn.active svg.notynill {
  display: none;
}
.VodSec .rmp-time-total {
  border: none;
  background: #7a7b7d;
}
.VodSec .rmp-time-total .rmp-loaded {
  background: #ffffff;
}
.VodSec .rmp-time-total .rmp-current {
  background: #b066fe;
}
.VodSec .rmp-seek-bar {
  height: 4px !important;
}
.VodSec .rmp-handle {
  width: 18px;
  height: 18px;
  background: #b066fe;
  border-radius: 100%;
}
.VodSec .rmp-logo.rmp-logo {
  left: 130px !important;
  top: 5px;
}
.PlayerForLivetvBox .livePlay,
.PlayerForLivetvBox .livePause {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  cursor: pointer;
}
.PlayerForLivetvBox .livePlay svg,
.PlayerForLivetvBox .livePause svg {
  width: 30px;
}
.PlayerForLivetvBox .volume_style {
  right: inherit;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  bottom: inherit;
  float: left;
  margin-left: 10px;
}
.PlayerForLivetvBox .volume_style:hover {
  color: #fff;
}
.PlayerForLivetvBox .unmuter.volume_style svg {
  width: 32px;
  max-width: inherit;
}
.PlayerForLivetvBox .muter.volume_style svg {
  width: 28px;
}
.channelNameNBtn.gf_txt {
  float: right;
  width: auto;
  position: relative;
}
.channelNameNBtn h4 {
  color: #ffffff;
  float: left;
  font-size: 22px;
  line-height: 35px;
  margin: 0;
  margin-right: 10px;
}
.LivetvBarTop {
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  width: 100%;
}
.LivetvBarTop .logo-img {
  max-height: 40px;
}
/* .LivetvBarTop {
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  width: 100%;
}
.LivetvBarTop:before {
  height: 194px;
  background-image: url(../images/controlsbgtop.png);
  background-position: top;
  background-repeat: repeat-x;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
} */
.LivetvBarTop .live_span {
  float: left;
}
.LivetvBarTop .watching_now {
  margin-top: 0;
}
.PlayerForLivetvBox .loader_box {
  width: 100% !important;
  position: absolute;
  height: 0 !important;
  padding-bottom: 56.25%;
  margin: 0;
  z-index: 1;
  left: 0;
  top: 0;
}
.gf_txt .gf_watch_btn.adtofav {
  margin-left: 10px;
  width: 170px;
}
.gf_txt .gf_watch_btn.adtofav svg {
  width: 20px;
  margin-right: 5px;
}
.rmp-loading-spin .loader_box {
  margin: 0;
  width: 60px;
  height: 60px;
}
.rmp-loading-spin .loader {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
}
.rmp-loading-spin .loader_inner {
  width: 54px;
  height: 54px;
  /* background: #000000; */
}
.redirectLink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.drama_sldr_new div a.redirectLink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.rmp-button.rmp-cast {
  right: 243px;
  top: 12px;
  background: none !important;
  z-index: 2;
  width: 70px;
}
.rmp-button.rmp-cast span {
  float: left;
  line-height: 40px;
}
.rmp-button.rmp-cast .rmp-module-button {
  width: 32px;
  float: left;
  margin-right: 5px;
}
.portraitviewmob.rmp-cast {
  right: 117px;
  top: 13px;
  background: none !important;
  z-index: 2;
  width: 40px;
}
.portraitviewmob .google-cast-launcher {
  width: 23px;
}
.tvguide_modal {
  z-index: 9999;
}
.rmp-live .rmp-time-elapsed {
  display: none !important;
}
.VodSec .rmp-live .rmp-time-elapsed {
  display: block !important;
}
.rmp-i:hover,
.rmp-module:hover .rmp-i,
.rmp-sup,
.rmp-pip-on .rmp-i-pip,
.rmp-transcripts-item:hover,
.rmp-overlay-level:hover:not(.rmp-overlay-level-active),
.rmp-volume.rmp-volume-off-mute,
.rmp-playlist-item-active .rmp-playlist-item-number,
.rmp-live .rmp-time-elapsed-text::before {
  color: #b066fe !important;
}
.rmp-control-bar #qty_btn.active {
  color: #b066fe;
}
.no_signin_inner .continuewith {
  text-decoration: none;
}
.shimmerSliderHome {
  padding-bottom: 51%;
  height: 0;
  width: 100%;
  box-shadow: 0px 0px 75px #000000;
  background: #131424;
}
.shimmerSliderHomeContainer .NewHomeSlider_btns span {
  background: #0d0d19;
  height: 22px;
  width: 60px;
  float: left;
  margin-right: 10px;
}
.shimmerSliderHomeContainer .sliderlogo {
  max-width: 200px;
  margin-top: 20px;
  height: 100px;
  background: #0d0d19;
  float: left;
  width: 100%;
}
.shimmerSliderHomeContainer .NewHomeSlider_txt h3 {
  height: 80px;
  background: #0d0d19;
}
.shimmerSliderHomeContainer .gf_watch_btn {
  height: 36px;
  background: #0d0d19;
}
.shimmerSliderHomeContainer .shimmer_bg {
  background: #131424;
  background-size: 800px 100%;
  background-image: linear-gradient(
    to right,
    #131424 40%,
    #0d0d19 50%,
    #131424 60%
  );
}
.CrouselShimmerCont .headng_box h2 {
  height: 29px;
  width: 200px;
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.CrouselShimmerCont .view_all {
  width: 50px;
  height: 29px;
  background: #131424;
}
.CrouselShimmerBox {
  float: left;
  width: 100%;
}
.CrouselShimmerBoxinner {
  display: inline-block;
  width: 280px;
  margin-right: 10px;
  background: #0d0d19;
  border: solid 1px #0d0d19;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.CrouselShimmerBoxinner .prog_sldr_img a {
  background: #131424;
}
.CrouselShimmerBoxinner .prog_sldr_text h4 {
  height: 20px;
  background: #131424;
}
.CrouselShimmerBoxinner .prog_sldr_text p {
  height: 20px;
  background: #131424;
}
.overflowscroll {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  float: left;
  width: 100%;
}
.overflowscroll::-webkit-scrollbar {
  display: none;
}
.CrouselShimmerCont .channel_sldr_box {
  margin-right: 10px;
  float: none;
  display: inline-block;
}
.CrouselShimmerCont .channel_sldr_txt {
  background-color: #131424;
  margin-top: 15px;
  height: 20px;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.CrouselShimmerCont .channel_sldr_img {
  background-color: #131424;
  border: none;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.ProgShimer .shows_slider_img {
  padding-bottom: 138%;
  background-color: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.ProgShimer .shows_slider_txt h4 {
  background-color: #131424;
  height: 20px;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.CrouselShimmerBoxinner.ProgShimer {
  width: 240px;
}
.TrendingShimmerCont .treanding_list_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.TrendingShimmerCont .treanding_list_slider ul li {
  display: inline-block;
  float: none;
}
.TrendingShimmerCont .treanding_list_slider ul li a {
  width: 100px;
  height: 28px;
  border: none;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.trending_boxshmr {
  display: inline-block;
  background-color: #23243c;
  width: 75%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 20px;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
  text-align: left;
}
.trending_boxshmr .treanding_head > .imgTrnd {
  width: 54px;
  height: 54px;
  float: left;
  margin-right: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #131424;
}
.trending_boxshmr .treanding_head h4 {
  height: 22px;
  background-color: #131424;
  width: 60%;
  margin-bottom: 2px;
}
.trending_boxshmr .treanding_head p {
  height: 18px;
  background-color: #131424;
  width: 50%;
}
.trending_boxshmr .ad_reminder {
  background-color: #131424;
}
.trending_boxshmr .trending_vid_box {
  background: #131424;
}
.trending_boxshmr .tags_box .tag_box {
  background: #131424;
  border: none;
  width: 130px;
  height: 32px;
}
.trending_boxshmr .FeedShareBtn {
  background: #131424;
  width: 60px;
  height: 24px;
}
.LiveTVShimmerimg {
  width: 100% !important;
  position: relative;
  height: 0 !important;
  left: inherit;
  top: inherit;
  transform: inherit;
  padding-bottom: 56.25%;
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.LiveTVShimmerCon .FilterForLivetvBox {
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.LiveTVShimmerCon .searchChannel {
  background: #131424;
  height: 28px;
}
.LiveTVShimmerCon .RelatedFilterBtns ul li {
  float: none;
  display: inline-block;
}
.LiveTVShimmerCon .RelatedFilterBtns ul li a {
  width: 70px;
  height: 28px;
  border: none;
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.LiveTVShimmerCon .RelatedFilterBtns ul {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.LiveTVShimmerCon .fav_sld_img {
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.CrouselShimmerCont .fav_sld_img {
  background: #131424;
}
.PlayerShimmerContainer .seprateheading {
  background: #131424;
  height: 35px;
}
.PlayerShimmerContainer .InfoTextspan {
  float: left;
  width: 100%;
  height: 20px;
  background: #131424;
}
.PlayerShimmerContainer .info_txt .channel_sldr_img {
  border: none;
  background: #131424;
}
.PlayerShimmerContainer .h1fordramadetail {
  height: 22px;
  background: #131424;
}
.PlayerShimmerContainer .info_category_txt {
  height: 20px;
  background: #131424;
}
.PlayerShimmerContainer .favourite {
  height: 24px;
  background: #131424;
}
.notify_active {
  text-align: center;
}
.notify_active span {
  width: 100%;
  padding: 0 15px;
  font-size: 13px;
  line-height: 16px;
  display: inline-block;
}
.ShimmerPlayerLiveBox {
  position: relative;
  width: 100%;
  float: left;
}
.ShimmerPlayerLiveInner {
  position: absolute;
  width: 100%;
  padding-bottom: 56.25%;
  background-color: #000000;
  height: 0;
  top: 4px;
  left: 0;
}
.epheight {
  min-height: 600px;
}
.slideshowMobileGlider {
  float: left;
  width: 100%;
}
.slideshowMobileGliderContainer {
  float: left;
  width: 100%;
  position: relative;
}
.slideshowMobiledots {
  float: left;
  width: 100%;
  text-align: center;
}
.slideshowMobiledots button {
  margin: 0 5px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #ffffff99;
  padding: 0;
  border: none;
}
.slideshowMobiledots button.active {
  background: #b066fe;
}
.owl-carousel {
  float: left;
  width: 100%;
  overflow: hidden;
}
.owl-stage-outer,
.owl-stage,
.owl-item {
  float: left;
  width: 100%;
}
.owl-nav {
  display: none;
}
.owl-dots {
  float: left;
  width: 100%;
  text-align: center;
}
.owl-dots .owl-dot {
  margin: 0 5px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #ffffff99;
  padding: 0;
  border: none;
}
.owl-dots .owl-dot.active {
  background: #b066fe;
}
@-webkit-keyframes loader-anim {
  0%,
  30% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
}

@keyframes loader-anim {
  0%,
  30% {
    opacity: 1;
  }
  15% {
    opacity: 0.5;
  }
}
.rmp-module-overlay {
  z-index: 1;
}
.tvguideLiveShimmerinner {
  width: 300px;
  display: inline-block;
  margin-right: 10px;
}
.tvguideLiveShimmerinner .tvguideLiveSliderimg {
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
  z-index: 1;
}
.tvguideLiveShimmerinner .tvguideLiveSliderTxtimg {
  float: left;
  width: 40px;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  background: #131424;
  height: 40px;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.tvguideLiveShimmerinner .tvguideLiveSliderTxt h4 {
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
  margin-bottom: 5px;
}
.tvguideLiveShimmerinner .tvguideLiveSliderTxt {
  background: none;
}
.tvguideLiveShimmerinner .views_txt {
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
  height: 14px;
}
.tvguideLiveShimmerCont .headng_box {
  position: relative;
  z-index: 1;
}
.rmp-play-pause .rmp-control-bar-hint {
  top: -60px;
}
.filter_btn.filter_btnShimmer {
  height: 34px;
  background: #131424;
  -webkit-animation: loader-anim 3s ease-out infinite both;
  animation: loader-anim 3s ease-out infinite both;
}
.infinite-scroll-component {
  text-align: center;
}
.logout_btn.Delbtn {
  margin-top: 20px;
  background-color: #ed1d24;
}
.LivetvBannerSec {
  background-image: url(../images/livebannerbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  margin-top: 50px;
  background-position: center;
  padding: 25px 46px;
}
.LivetvBannerLB {
  float: left;
  width: 100%;
  max-width: 250px;
}
.LivetvBannerLB ul {
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.LivetvBannerLB ul li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  margin-left: 1px;
}

.LivetvBannerLB ul li::before {
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  content: "";
  background: #ff11f5;
  box-shadow: 0px 0px 10px #b066fe;
}

.LivetvBannerLB ul li:first-child {
  padding-left: 0;
}

.LivetvBannerLB ul li:last-child {
  padding-right: 0;
}

.LivetvBannerLB ul li:first-child::before {
  display: none;
}
.LivetvBannerLB ul li p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.LivetvBannerLB ul li:first-child p {
  text-align: right;
}

.LivetvBannerLB ul li:last-child p {
  text-align: left;
}
.LivetvBannertxt {
  float: left;
  width: 100%;
  max-width: 700px;
}
.LivetvBannertxt h1 {
  float: left;
  width: 100%;
  font-size: 24px;
  line-height: 30px;
  color: #b066fe;
  margin: 0;
}
.LivetvBannertxt p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin: 10px 0 0;
}
.LivetvBannerbtn {
  float: right;
  width: 100%;
  max-width: 260px;
}
.LivetvBannerbtn .continuewith {
  float: right;
  width: 100%;
  cursor: pointer;
  border: none;
  background: #fff;
  border-radius: 8px;
  padding: 10px 10px;
  margin: 0;
  color: #3c4043;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  height: 44px;
}
.LivetvBannerbtn .continuewith ~ .continuewith {
  margin-top: 10px;
}
.LivetvBannerbtn .continuewith img {
  margin-right: 5px;
  width: auto;
  height: 20px;
}
.LivetvContentSec {
  float: left;
  width: 100%;
}
.LivetvContentSec h2 {
  color: #ffffff;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}
.LivetvContentSec p {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.logosicon {
  float: left;
  width: 100%;
}
.logosicon img {
  width: 98px;
  height: 98px;
  border-radius: 100%;
  float: left;
}
.logosicon img ~ img {
  margin-left: -20px;
  z-index: 1;
}
.LivetvBannerbtninner {
  float: left;
  width: 100%;
}
.trending_vid_box .duration_time {
  left: 10px;
  right: inherit;
}
#adPlayer.rmp-container .rmp-control-bar:before {
  display: none;
}
a.SliderSubcribe {
  padding: 12px 10px;
  border-radius: 10px;
  color: #fff;
  background-color: #32378d;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
button.SliderSubcribe {
  padding: 12px 10px;
  border-radius: 10px;
  color: #fff;
  background-color: #32378d;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
.container1 {
  position: relative;
  width: 50%;
}

.image1 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.middle1 {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container1:hover .image1 {
  opacity: 0.3;
}

.container1:hover .middle1 {
  opacity: 1;
}

.text1 {
  background-color: #04aa6d;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.tvguideLiveSliderBox.liveTvSub {
  width: 100%;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #0d0d19;
  float: left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 430px;
}
.bg_nosign.trendingSubscribe {
  background: url(../images/bg_nosign.webp) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.continuewith.comp {
  font-weight: 500;
}

.login_fld {
  float: left;
  width: 85% !important;
  margin-bottom: 5px !important;
  position: relative;
  margin-left: 20% !important;
}
.login_fld input {
  float: left;
  width: 100%;
  height: 44px;
  font-size: 16px;
  padding: 10px 10px 10px 60px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgb(0 47 52 / 64%);
  border: none;
  max-width: 400px !important;
  border-radius: 7px !important;
}
.modal_login .blue_btn {
  width: 100%;
  margin-top: 15px !important;
  border-radius: 0px;
  max-width: 150px !important;
  border-radius: 7px !important;
}
.login_modal_box p {
  margin: 0 0 15px !important;
  float: left;
  width: 70% !important;
  margin-top: 20px !important;
  color: #fff !important;
}

.loginCustom {
  margin-top: -127px;
}
.login_modal_box h3 {
  float: left;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0px;
  color: #fff;
}
.loginCustomOne {
  margin-top: -130px;
}
button#phn_btn {
  position: relative;
  float: right;
}
.login_modal_box.login_pin_phone.loginCustomOne p {
  width: 100% !important;
}
.digit_fld input {
  float: left;
  width: 15%;
  height: 44px;
  font-size: 26px;
  padding: 10px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgb(0 47 52 / 64%);
  border: none;
  margin: 0 1%;
  text-align: center;
  border-radius: 8px;
}
.digit_fld {
  float: left;
  width: 80%;
  margin-left: 25%;
  margin-bottom: 10px;
}
button#phn_btn {
  position: relative;
  float: none !important;
  display: block;
  text-align: center;
  margin: 0px auto 0px auto;
}
/* ads video player for movies - this player plays before actual video */
.staticVideoPlayer {
  position: relative;
}
.staticVideoPlayer .buttonControls {
  position: absolute;
  /* background: red; */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.staticVideoPlayer .buttonControls .skipVideo {
  position: absolute;
  background: red;
  background: rgb(255 255 255 / 50%);
  color: #fff;
  padding: 8px 15px 8px 20px;

  border-radius: 24px;
  font-size: 16px;
  text-transform: uppercase;

  right: 30px;
  bottom: 30px;
  /* bottom: 100px; */
  box-shadow: none;
  outline: none;
  border: none;
  cursor: pointer;
  z-index: 99;
}
.staticVideoPlayer .buttonControls .skipVideo span {
  font-size: 20px;
}
.box-movies-page {
  background: #131424;
  /* border: 1px solid red; */
  width: 200px;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  /* box-shadow: 0 10px 10px rgba(255, 255, 255, 0.3); */
  transition: all 0.5s ease;
}
.box-movies-page img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.box-movies-page:hover,
.box-movies-page:focus {
  transform: scale(1.15);
  transition: all 0.5s ease;
}


.scrollsnap{
}
.snapscrollalign{
  scroll-snap-align: start ;
  scroll-snap-stop: always;
  scroll-margin: 80px;
}

/* .pslposter{
  background-image: url('../img/05.png');
} */

.pslposter img {
  width: 100%;
}
.psltext p {
  color: white;
}
/* Loader */

/* media queries starts here */
@media screen and (min-width: 769px) {
  .rmp-module-overlay {
    top: auto !important;
    left: auto !important;
    right: 0;
    bottom: 52px;
    width: 300px !important;
    height: auto !important;
    background: #282828 !important;
  }
  .rmp-overlay-wrapper {
    position: relative !important;
    display: none;
  }

  /* .login_fld {
    float: left;
    width: 100% !important;
    margin-bottom: 5px !important;
    position: relative;
    margin-left: 0% !important;
    margin-top: 60px;
  }
  .login_modal_box p {
    margin: 20px 0 15px !important;
    float: left;
    width: 100% !important;
    color: #fff !important;
  }
  .loginCustom {
    margin-top: -35px;
}
  .digit_fld input {
    width: 20%;
    font-size: 26px;
    padding: 10px;
    border: none;
    margin: 0 1%;
    text-align: center;
    border-radius: 8px;
  }
  .digit_fld {
    float: left;
    width: 100%;
    margin-left: 5%;
    margin-bottom: 10px;
  }
  .loginCustomOne {
    margin-top: -30px !important;
  }
  .login_modal_box p {
    margin: 10px 0 15px!important;
    float: left;
    width: 100%!important;
    color: #fff!important;
  } */
}
@media screen and (max-width: 1680px) {
  /* .home_slider {
    height: 530px;
  } */
  .banner_item {
    height: 520px;
  }
  .banner_text h4 {
    font-size: 14px;
  }

  .NewHomeSlider_txt h3 {
    font-size: 36px;
    line-height: 36px;
  }
  .NewHomeSlider_txt p {
    font-size: 20px;
    line-height: 24px;
    max-height: 52px;
  }
  .NewHomeSlider_txt p a {
    font-size: 18px;
    line-height: 24px;
  }
  .CrouselShimmerBoxinner.ProgShimer {
    width: 210px;
  }
  .channel_box_sec .glider-slide {
    margin-right: 15px !important;
  }
  .home_slider .uk-slider-items li {
    max-height: 62vh !important;
  }
  /* .home_slider .uk-slider-items li {
    max-height: 60vh !important;
  } */
}
@media screen and (max-width: 1600px) {
  .banner_item {
    height: 510px;
  }

  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }

  .channel_live_cont_inner {
    width: 8.3333%;
  }
  .tending_player_sec {
    padding: 40px 30px 0 102px;
  }
  .prog_list_cont_inner {
    width: 14.285%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 12.5%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 20%;
  }
  .NewHomeSlider_txt h3 {
    font-size: 34px;
    line-height: 34px;
  }
  .NewHomeSlider_txt p {
    font-size: 20px;
    line-height: 24px;
  }
  .NewHomeSlider_txt p a {
    font-size: 18px;
    line-height: 24px;
  }
  .home_slider .uk-slider-items li {
    max-height: 68vh !important;
  }
  .channel_box_sec .glider-slide {
    margin-right: 5px !important;
  }
}
@media screen and (max-width: 1440px) {
  /* .home_slider {
    height: 460px;
  } */
  /* Home banner SM */
  .banner_item {
    height: 425px;
  }
  .banner_play {
    margin-top: 0px;
  }
  .banner_text {
    max-width: 412px;
  }

  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  .NewHomeSlider_txt h3 {
    font-size: 32px;
    line-height: 32px;
  }
  .NewHomeSlider_txt p {
    font-size: 17px;
    line-height: 24px;
    max-height: 50px;
  }
  .NewHomeSlider_txt p a {
    font-size: 15px;
    line-height: 24px;
  }
  .treanding_list_slider li a {
    font-size: 11px;
  }
  .RelatedFilterBtns li a {
    font-size: 11px;
  }
  .RelatedFilterBtns .RelatedFilterNext {
    height: 30px;
  }
  .treanding_listNext {
    height: 30px;
  }
  .channel_box_sec .glider-slide {
    margin-right: 5px;
  }
  .home_slider .uk-slider-items li {
    max-height: 59vh !important;
  }
}
@media screen and (max-width: 1400px) {
  /* .home_slider {
    height: 460px;
  } */
  .banner_item {
    height: 410px;
  }
  .banner_text {
    max-width: 443px;
  }
  .banner_text h4 {
    font-size: 14px;
  }

  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  .channel_live_cont_inner {
    width: 10%;
  }
  .prog_list_cont_inner {
    width: 16.6666%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 16.6666%;
  }
  .NewHomeSlider_txt > img {
    max-width: 130px;
  }
  .uk-slider-items .tvguideLiveSliderInner {
    width: 255px;
  }
  .uk-slider-items .prog_sldr_box {
    width: 290px;
  }
  .uk-slider-items .newProgBox {
    /* width: 220px; */
  }
  .uk-slider-items .TopTenTrendingBox {
    width: 240px;
  }
  .LivetvBannertxt p {
    font-size: 12px;
    line-height: 18px;
  }
  .home_slider .uk-slider-items li {
    max-height: 48vh !important;
  }
  .rightside_header {
    /* width: 7% ; */
    float: right;
  }
}
@media screen and (max-width: 1366px) {
  .home_slider .uk-slider-items li {
    max-height: 67vh !important;
  }
  .banner_name {
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-size: 48px;
    line-height: 65px;
  }
  .rightside_header {
    /* width: 7% ; */
    float: right;
  }
}

@media screen and (max-width: 1280px) {
  .banner-glider-prev,
  .banner-glider-next {
    height: 75%;
  }
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  .channel_live_cont_inner {
    width: 12.5%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 16.6666%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 25%;
  }
  .NewHomeSlider_txt h3 {
    font-size: 30px;
    line-height: 30px;
  }
  .NewHomeSlider_txt p {
    font-size: 15px;
    line-height: 22px;
    max-height: 47px;
  }
  .NewHomeSlider_txt p a {
    font-size: 12px;
    line-height: 22px;
  }
  .NewHomeSlider_txt > img {
    max-width: 100px;
  }
  .NewHomeSlider_txt .mdl_inner > img {
    max-width: 100px;
  }
  .searchSec.showSearchBar {
    max-width: 530px;
  }
}
@media (min-width: 1201px) and (max-width: 1280px) {
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  .player_btm_bar {
    padding: 4px 0;
  }
  .player_sec {
    padding: 28px 25px 0 95px;
  }
  #rmpPlayer {
    margin-top: 4px;
  }
}

@media (max-width: 1280px) {
  .banner_item {
    height: 394px;
  }
}

@media screen and (max-width: 1279px) {
  .home_slider {
    height: 410px;
  }
  .gridbox {
    width: 39%;
  }
  .banner_item {
    height: 400px;
  }
  .banner_text {
    display: none;
  }

  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  .ad_container.ad_container_trending .desktop_ad {
    display: none;
  }
  .fav_sld_img .img_log {
    width: 110px;
    left: calc(50% - 55px);
    top: calc(50% - 55px);
  }
}
@media screen and (max-width: 1200px) {
  .banner_item {
    height: 320px;
  }
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  #rmpPlayer {
    min-height: 380px;
  }
  .channel_live_cont_inner {
    width: 16.6666%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 20%;
  }
  .home_slider .uk-slider-items li {
    width: 70%;
  }
  .home_slider_shimer_inner {
    width: calc(70% - 30px);
  }
  .sidebar {
    width: 336px;
  }
  .live_sec {
    width: calc(100% - 336px);
  }
  .player_sec {
    padding: 30px 30px 0 102px;
  }
  .sidebar_profile {
    width: 300px;
  }
  .asad_bg {
    width: calc(100% - 372px);
  }
  .glider-prev,
  .glider-next {
    display: none !important;
  }
  .NewHomeSlider {
    margin-bottom: -50px;
  }
  .playeraudio > div p strong {
    font-size: 24px;
  }
  .playeraudio > div p span {
    font-size: 18px;
  }
  .playeraudio > div p {
    max-width: 180px;
  }
  .playeraudio > div svg {
    width: 40px;
    margin-right: 10px;
  }
  .trending_box {
    width: 100%;
  }
  .trending_boxshmr {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .home_slider {
    height: 330px;
  }

  .FilterForLivetvBox {
    width: 350px;
  }
  .PlayerForLivetvBox {
    width: calc(100% - 350px);
  }
}
@media screen and (max-width: 1060px) {
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  #rmpPlayer {
    min-height: 280px;
  }
  .desktop_ad {
    display: none;
  }
  .ad_container2 .desktop_ad {
    display: inline-block;
  }
  .ad_container2 .mob_ad {
    display: none;
  }
  .mob_ad {
    display: inline-block;
  }
  .desktop_ad_large {
    display: none;
  }
  .prog_list_cont_inner {
    width: 20%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 33.3333%;
  }
  .NewHomeSlider {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1050px) {
  .channel_feature_btns {
    width: 200px;
    margin-top: -46px;
  }
  .channel_feature_btns a.adtofav {
    margin-left: 0px;
    margin-top: 10px;
  }
  .channel_feature_btns a.play_now {
    width: 100%;
  }
  .channel_feature_txt h2,
  .channel_feature_txt h1 {
    width: calc(100% - 330px);
  }
  .channel_feature_txt p {
    width: calc(100% - 320px);
  }
}
@media screen and (max-width: 1023px) {
  .CrouselShimmerBoxinner.ProgShimer {
    width: 110px;
  }

  
}

@media screen and (max-width :1024px) {
  .banner_item{
    height: 250px ;
  } 
  .banner_name{
    font-size: 30px ;
    line-height: 1;

  }
  .custom-star-rating{
    font-size: 23px;
  }
  .searchSec.showSearchBar{
    width: 274px !important;
  }
  .rightside_header {
    /* width: 9% ; */
    float: right;
  }
}

@media screen and (max-width: 959px) {
  .home_slider {
    height: 280px;
  }
  

  /* HOme banner SM */
  .banner_text {
    display: none;
  }
  .banner_item {
    height: 270px;
  }
  .banner_item h1 {
    font-size: 30px;
  }
  .gridbox {
    margin-left: 1rem;
  }
  .banner_play button {
    height: 35px;
    width: 100px;
    font-size: 10px;
    padding-top: 0px;
    /* text-align: center; */
  }

  .banner_rating_wrap {
    font-size: 6px;
  }
  .custom-star-rating {
    font-size: 14px;
  }

  .banner_rating_wrap {
    width: 230px;
  }

  /* HOme banner SM */

  .chnl_like {
    text-align: center;
  }
  .chnl_like_img {
    width: auto;
    float: none;
    display: inline-block;
  }
  .chnl_like_txt {
    display: inline-block;
    width: auto;
    float: none;
    text-align: center;
  }
  .chnl_like_txt .lets_do {
    float: none;
    display: inline-block;
  }
  footer {
    text-align: center;
  }
  .ftr_btns {
    float: none;
    display: inline-block;
  }
  footer ul {
    float: none;
    display: inline-block;
  }
  footer ul li {
    float: none;
    display: inline-block;
  }
  .dramas_box {
    max-width: 100px;
  }
  .carousel {
    height: 340px;
  }
  .carousel .carousel-item {
    width: 500px;
    height: 284px;
  }
  .vid_for_car,
  .live-tv-player {
    width: 493px !important;
  }
  .grd_mob {
    width: 33.3333%;
  }

  .tending_player_sec {
    padding: 30px 30px 0 102px;
  }
  .trending_icon_box {
    padding: 20px 30px 20px 102px;
  }
  .about_banner_txt p {
    font-size: 24px;
    line-height: 29px;
  }
  .about_banner_txt h1 {
    font-size: 50px;
    line-height: 42px;
  }
  .trnd_box_inner {
    padding: 20px;
  }
  .playeraudio > div {
    width: 190px;
  }
  .playeraudio > div p span {
    font-size: 14px;
  }
  .playeraudio > div p strong {
    font-size: 20px;
  }
  .playeraudio > div p {
    max-width: 140px;
  }
  .FilterForLivetvBox {
    width: 290px;
  }
  .PlayerForLivetvBox {
    width: calc(100% - 290px);
  }
  .NewHomeSlider_txt h3 {
    font-size: 24px;
    line-height: 24px;
  }
  .login_fld {
    float: left;
    width: 100% !important;
    margin-bottom: 5px !important;
    position: relative;
    margin-left: 0% !important;
    margin-top: 15px;
  }
  .login_modal_box p {
    margin: 20px 0 15px !important;
    float: left;
    width: 100% !important;
    color: #fff !important;
  }
  .loginCustom {
    margin-top: -35px;
  }
  .digit_fld input {
    width: 20%;
    font-size: 26px;
    padding: 10px;
    border: none;
    margin: 0 1%;
    text-align: center;
    border-radius: 8px;
  }
  .digit_fld {
    float: left;
    width: 100%;
    margin-left: 5%;
    margin-bottom: 10px;
  }
  .loginCustomOne {
    margin-top: -30px !important;
  }
  .login_modal_box p {
    margin: 10px 0 15px !important;
    float: left;
    width: 100% !important;
    color: #fff !important;
  }
  .bg_nosign.trendingSubscribe {
    background: url(../images/bg_nosign.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    height: 65vh;
    display: flex;
  }
  button.continuewith.butn.phone_btn {
    max-width: 210px;
  }
  .banner_play button svg {
    width: 15px;
}
}
@media screen and (max-width: 768px) {
  .headernav {
    width: 100%;
    float: left;
    position: absolute;
    top: 100%;
    left: 8px;
  }
  .headernav ul a {
    font-size: 14px;
  }
  .headernav ul {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .main_header {
    position: relative;
  }
  .rightside_header {
    /* width: 20%; */
    float: right;
}
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  .rmp-pip {
    display: none !important;
  }
  #rmpPlayer {
    min-height: 300px;
  }
  .channel_feature_sec_mob {
    display: block;
  }
  .m_h {
    display: none;
  }
  .prog_mob {
    display: block;
  }
  .player_hd_bar {
    margin-top: 0px;
  }
  .player_btm_bar .player_ul {
    display: block;
  }
  .player_btm_bar .live_span {
    display: block;
  }
  .player_btm_bar .watching_now {
    display: block;
  }
  .ad_container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .ad_container.ad_container_trending {
    margin-top: 20px;
  }
  .desktop_ad {
    display: inline-block;
  }
  .mob_ad {
    display: none;
  }
  header {
    position: absolute;
    text-align: center;
  }
  .header_search_btn {
    display: block;
  }
  .logo {
    margin-left: 0;
  }
  .logo .HomeHeader .right_hdr {
    display: none;
  }
  .HomeHeader .logo {
    float: left;
    margin-left: 0;
    width: 140px;
  }
  .HomeHeader .header_search_btn {
    float: right;
    margin-right: 0;
  }
  .home_slider_shimer_inner {
    width: calc(90% - 30px);
  }
  .home_slider .uk-slider-items li {
    width: 90%;
  }

  .side_menu {
    width: 100%;
    height: 50px;
    top: inherit;
    bottom: 0px;
    padding: 0px;
    z-index: 1001;
    border-right: none;
    border-top: solid 1px #0d0d19;
  }
  .side_menu ul {
    float: left;
    width: 100%;
  }
  .side_menu ul li {
    width: 20%;
    margin: 0px;
  }

  .dtp div.dtp-date {
    padding-top: 30px;
  }
  .home_slider {
    padding-left: 0px;
  }
  .pad_left {
    padding-left: 45px;
  }
  .pad_right {
    padding-right: 30px;
  }
  .pad_tb {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .pad_t {
    padding-top: 20px;
  }
  .view_all {
    margin: 0 30px 0 0;
    font-size: 12px;
    line-height: 20px;
  }
  .edit_btn {
    margin: 0px;
  }
  .anim_expand a {
    transform: none;
  }
  .anim_expand:first-child a {
    transform: none;
  }
  .anim_expand:last-child a {
    transform: none;
  }
  .anim_expand2 .shows_slider_img {
    transform: none;
  }
  .anim_expand2:first-child .shows_slider_img {
    transform: none;
  }
  .anim_expand2:last-child .shows_slider_img {
    transform: none;
  }
  .right_hdr .mob_hide {
    display: none;
  }

  .fav_slider .headng_box h2 {
    font-size: 16px;
  }
  .channel_box_sec .headng_box h2 {
    font-size: 16px;
  }
  .headng_box h2 {
    font-size: 16px;
    line-height: 20px;
  }
  .live_span {
    font-size: 9px;
    line-height: 17px;
    margin-top: 1px;
    width: 42px !important;
  }
  .live_span:before {
    width: 4px;
    height: 4px;
    left: 9px;
    top: 6px;
  }

  .live_style .txt_box {
    padding: 5px;
  }

  .prog_sldr_text h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shows_slider li a {
    width: 100px;
  }
  .shows_slider_sec_large .shows_slider li a {
    width: 150px;
  }
  .shows_slider_txt h4 {
    font-size: 12px;
  }
  .shows_slider_sec_large .shows_slider_txt h4 {
    font-size: 15px;
    line-height: 20px;
  }
  .channel_sldr li {
    padding: 0 5px;
  }
  .channel_sldr li:first-child {
    padding-left: 0;
  }
  .channel_sldr li:last-child {
    padding-right: 0;
  }
  .gf_txt h2 {
    font-size: 24px;
    line-height: 26px;
  }
  .gf_txt p {
    font-size: 12px;
    line-height: 20px;
  }
  .gf_txt p b,
  .gf_txt p strong {
    font-size: 18px;
    line-height: 22px;
  }
  .live_sec {
    width: 100%;
  }
  .sidebar {
    width: 100%;
    position: relative;
    padding-top: 5px;
  }
  .continue_watching_d {
    padding-right: 15px;
  }
  .continue_watching_d .prog_sldr {
    display: none;
  }
  .continue_watching_m {
    display: block;
  }
  .prog_sldr_text h4 a {
    height: auto;
  }
  .player_sec {
    padding: 0;
  }
  .live_sec .pad_left {
    padding-left: 30px;
  }
  .mobile_info_sec {
    display: block;
  }
  .sidebar.h_match {
    display: none;
  }
  .player_btm_bar {
    background-color: #131424;

    padding: 20px 30px;
  }
  .search_box input {
    font-size: 24px;
  }
  .sidebar_profile {
    display: none;
  }
  .asad_bg {
    width: 100%;
  }
  .asad_bg .pad_left {
    padding-left: 30px;
  }
  .more_desk {
    display: none;
  }
  .more_mob {
    display: block;
  }
  .channel_feature_sec {
    padding-left: 0px;
  }
  .playlist_box_img {
    width: 112px;
  }
  .playlist_box {
    width: 206px;
  }
  .channel_feature_txt {
    padding: 20px 30px 20px 30px;
    position: relative;
    float: left;
    margin-top: -100px;

    background: -moz-linear-gradient(
      top,
      rgba(13, 13, 25, 0.1) 0%,
      rgba(13, 13, 25, 0.17) 12%,
      rgba(13, 13, 25, 0.28) 25%,
      rgba(13, 13, 25, 0.82) 75%,
      rgba(13, 13, 25, 0.94) 89%,
      rgba(13, 13, 25, 1) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(13, 13, 25, 0.1) 0%,
      rgba(13, 13, 25, 0.17) 12%,
      rgba(13, 13, 25, 0.28) 25%,
      rgba(13, 13, 25, 0.82) 75%,
      rgba(13, 13, 25, 0.94) 89%,
      rgba(13, 13, 25, 1) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(13, 13, 25, 0.1) 0%,
      rgba(13, 13, 25, 0.17) 12%,
      rgba(13, 13, 25, 0.28) 25%,
      rgba(13, 13, 25, 0.82) 75%,
      rgba(13, 13, 25, 0.94) 89%,
      rgba(13, 13, 25, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0d0d19', endColorstr='#0d0d19', GradientType=0 );
  }
  .no_feature .channel_feature_txt {
    margin-top: 0px;
  }
  .channel_feature_txt h2,
  .channel_feature_txt h1 {
    width: 100%;
  }
  .channel_feature_txt p {
    width: 100%;
  }
  .channel_feature_btns {
    width: 100%;
    margin-top: 10px;
  }
  .channel_feature_btns a.adtofav {
    display: inline-block;
    float: none;
    margin: 0px 0 0 6px;
  }
  .channel_feature_btns a.play_now {
    width: 160px;
    float: none;
    display: inline-block;
  }
  .playlist_box .playlist_txt p {
    font-size: 16px;
  }
  .playlist_box .playlist_txt {
    height: 39px;
  }
  .playlist_box .playlist_txt svg {
    width: 28px;
    height: 28px;
  }
  .grd_mob {
    width: 100%;
  }
  .grd_mob .prog_sldr_box {
    max-width: 100%;
  }
  .grd_mob .prog_sldr_img {
    width: 160px;
    margin-right: 10px;
  }
  .grd_mob .prog_sldr_text {
    width: calc(100% - 170px);
  }
  .grd_mob .prog_sldr_text h4 {
    white-space: normal;
    overflow: inherit;
    text-overflow: inherit;
    color: #ffffff;
    margin-top: 0;
  }
  .grd_mob .prog_sldr_text h4 a {
    max-height: 40px;
  }
  .treanding_list {
    padding-left: 0px;
  }
  .tending_player_sec {
    padding: 0px;
  }
  .vid_for_car,
  .live-tv-player {
    margin-left: 0;
  }
  .trending_icon_box {
    padding: 20px;
  }
  footer.pad_tb {
    padding-bottom: 10px;
  }
  .content_sec footer.pad_tb {
    padding-bottom: 60px;
  }
  .hide_dsk_ftr {
    display: block;
  }
  .prog_sldr_box .del_btn {
    display: block;
  }
  .uk-slider .prev_btn {
    display: none !important;
  }
  .uk-slider .nxt_btn {
    display: none !important;
  }
  .about_banner_txt p {
    font-size: 20px;
  }
  .about_banner_txt h1 {
    font-size: 36px;
  }
  .after_login {
    right: 0px;
    top: 20px;
  }
  .after_login a {
    margin: 0;
  }
  .right_hdr .after_login .login_img {
    display: block;
  }
  .after_login .login_txt {
    width: 70px;
    font-size: 14px;
    text-align: right;
    display: none;
  }
  .filter_box {
    padding: 30px;
  }
  .filter_btn {
    right: 30px;
  }
  .prog_tab .dramas_box {
    max-width: 105px;
  }
  .home_slider .uk-slider-items li {
    padding: 0 5px;
  }
  .home_slider .uk-slider ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .view_all {
    font-size: 12px;
  }
  .prog_sldr_text p span.episode_channel {
    display: none;
  }
  .side_menu ul li a .menu_icon {
    display: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
  }
  .side_menu ul li a.live_tv_icon {
    margin-top: -8px;
  }
  .asad_bg .channel_live_cont_inner {
    width: 16.6666%;
  }
  .prog_list_cont_inner {
    width: 25%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 25%;
  }
  .ad_act_ii.ad_cont {
    height: auto;
  }
  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }
  .mobileSlide {
    display: block;
  }
  .desktopSlide {
    display: none;
  }
  .NewHomeSlider {
    padding: 0px;
    margin-bottom: 0px;
  }
  .rmp-extrasmall .rmp-control-bar .rmp-fullscreen {
    left: inherit !important;
    width: 40px !important;
  }
  .rmp-extrasmall .rmp-control-bar .rmp-desktop-volume-icon {
    left: inherit;
    width: 40px;
  }
  .rmp-button.rmp-mobile-central-ui.rmp-color-bg {
    z-index: 2;
  }
  .PlayerVolumeStyle {
    position: absolute;
    bottom: 18px;
    margin: 0;
    right: 50px;
    width: 40px;
    text-align: center;
    z-index: 1;
  }
  .rmp-control-bar.PlayerVolumeStyle::before {
    display: none;
  }
  .rmp-control-bar.PlayerVolumeStyle {
    width: 40px;
    height: 40px;
    left: auto;
  }
  .rmp-control-bar.player_hd_bar::before {
    display: none;
  }
  .rmp-control-bar.player_hd_bar {
    bottom: inherit;
    height: 90px;
    z-index: 2;
  }
  .rmp-control-bar.player_hd_bar #qty_btn {
    width: 24px;
    margin: 0;
    height: auto;
  }
  .rmp-control-bar.player_hd_bar #pip_btn {
    width: 24px;
    margin: 0;
    height: auto;
  }
  .PlayerVolumeStyle .active {
    width: 24px;
  }
  .info_tab_box {
    padding: 20px 30px;
  }
  .InfoTextDesk {
    display: none;
  }
  .InfoTextMob {
    display: block;
  }
  .seprateheading {
    margin-bottom: 10px;
  }
  .hashtagbox {
    margin-bottom: 10px;
  }
  .treanding_list.uk-active {
    top: 0 !important;
  }
  .PlayerForLivetvBox {
    width: 100%;
  }
  .FilterForLivetvBox {
    width: 100%;
    position: relative;
    margin-top: 20px;
    height: 400px;
  }
  .FilterForLivetvBox:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 100px; */
    background: rgb(35, 36, 60);
    background: linear-gradient(
      180deg,
      rgba(35, 36, 60, 0) 0%,
      rgba(35, 36, 60, 0.8855917366946778) 50%,
      rgba(35, 36, 60, 1) 100%
    );
    z-index: 1;
  }
  .FilterForLivetvBox .RelatedFilterBox ul li {
    width: 25%;
  }
  .treanding_foot .FeedShareBtn span {
    display: none;
  }
  .hide_overflow {
    width: calc(100% - 30px);
    height: 38px;
  }
  .channel_sldr_box {
    width: 220px;
  }

  .channel_sldr_img {
    width: 105px;
    height: 158px;
  }
  .channel_sldr_img .live_span {
    width: 34px !important;
    line-height: 14px;
    font-size: 8px;
  }
  .drama_sldr_new .TrendingNumber {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
  }
  .drama_sldr_new .TrendingNumber:before {
    width: 24px;
    height: 24px;
  }
  .NewHomeSlider .uk-slider-nav {
    position: relative;
    width: 100%;
    right: inherit;
    bottom: inherit;
    text-align: center;
  }
  .NewHomeSlider .uk-slider-nav li {
    float: none;
    margin: 0 5px;
    display: inline-block;
  }
  .NewHomeSlider .uk-slider-nav li a {
    width: 7px;
    height: 7px;
    border-radius: 100%;
  }
  .Mobileheader_search_btn {
    display: block;
    float: right;
    margin-right: 0px;
  }
  .header_search_btn {
    display: none;
  }
  .searchSec {
    display: none;
  }
  .watching_now {
    line-height: 17px;
    padding: 0px 6px;
    font-size: 13px;
  }
  .watching_now_live {
    line-height: 17px;
    padding: 0px 6px;
    font-size: 13px;
  }
  .watching_now svg {
    width: 13px;
  }
  .livebtn {
    font-size: 12px;
    line-height: 20px;
    margin: 1px 10px 0 0;
    width: 50px;
  }
  .land_qty_btn {
    position: absolute;
    right: 100px;
    bottom: 16px;
    background: none;
    border: none;
    color: #ffffff;
    padding: 0;
    z-index: 1;
  }
  .land_qty_btn span {
    margin-left: 5px;
  }
  .land_qty_btn svg {
    width: 24px;
  }
  .land_pip_btn {
    position: absolute;
    right: 225px;
    bottom: 16px;
    background: none;
    border: none;
    color: #ffffff;
    padding: 0;
    z-index: 1;
  }
  .land_pip_btn span {
    margin-left: 5px;
  }
  .land_pip_btn svg {
    width: 24px;
  }
  .dtp div.dtp-date,
  .dtp div.dtp-time {
    padding: 30px 10px 10px !important;
  }
  .NewHomeSlider_vidVolume {
    right: 20px;
    bottom: 120px;
  }
  .LivetvBannerSec {
    margin-top: 30px;
    padding: 15px 20px;
  }
  .banner_item h1 {
    font-size: 20px;
  }
  .banner_rating_wrap {
    width: 260px;
  }
  .custom-star-rating {
    font-size: 16px;
  }
  .banner_item h1 {
    font-size: 22px;
  }
  .volume_style {
    right: 20px;
  }
  .unmuter.volume_style {
    right: 20px;
  }
  .glider-slide a {
    min-width: 100%;
  }
  .channel_box_sec .glider-slide {
    width: 105px !important;
  }
  .prog_sldr_box {
    padding: 5px;
    background: #262626;
    transition: all 0.5s ease;
    border-radius: 8px;
}
#glider_slider_proundefined .glider-slide {
  width: 105px !important;
  margin-right: 5px;
  height: 158px !important;
}
#glider_slider_pro113_0 .glider-slide {
  width: 105px !important;
}
.drama_sldr_new div a{
  height: 158px !important;
}
.ProgramSectionHome .ProgramsCard{
  width: 105px !important;
  margin-right: 0px !important;
}
.shows_slider_img {
  height: 158px !important;
}
.uk-slider-items .newProgBox {
  width: 100px;
}
#glider_slider_pro113 .glider-slide, #glider_slider_pro117 .glider-slide {
  width: 105px !important;
  margin-right: 5px;
}
html, body {
  overflow-x: hidden !important;
}
.shows_slider_img img {
  width: 100%;
  height: 100%;
}
.pad_top_mobile{
  padding-top: 60px;
}
.m-games-wrap img {
    margin: 30px 0px 10px 0px !important;
}
}
@media screen and (max-width: 767px) {
  .banner-glider-prev,
  .banner-glider-next {
    display: none;
  }
  .home_slider {
    margin-top: 0;
    padding-top: 120px;
  }

  .pslmatch,
  .pslteams,
  .pslpoints {
    display: none;
  }
  .mobpslmatch,
  .mobpslteams,
  .mobpslpoints {
    display: block;
  }
  .FilterSec {
    margin-bottom: 0;
  }
  .FilterButton {
    margin-top: 20px;
    margin-bottom: -50px;
  }
  .imgContainer-banner img {
    max-height: 100%;
    width: 100%;
  }
  .gridbox {
    width: 60%;
    margin-left: 10px;
  }
  .banner_item h1 {
    font-size: 16px;
    line-height: 5px;
  }
  .banner_item {
    height: 157px !important;
  }
  .home_slider .uk-slider-items li .uk-panel img {
    border-radius: 0px;
  }
  .home_slider .uk-slider-items li {
    padding: 0 0px;
  }
  .home_slider .uk-slider-items li {
    width: 100%;
  }
  .banner_item h1 {
    font-size: 20px;
  }
  .banner_rating_wrap {
    display: block;
  }
  .temp {
    border-radius: 6px;
    width: 163px;
    background-size: 37px;
    margin: 0;
    height: 20px;
  }
  span.live_span {
    display: none;
  }
  .rightside_header {
    /* width: 40% ; */
    float: right;
}
.Mobileheader_search_btn{
      margin: 10px 10px 5px 10px !important;
}
  .headernav li {
    margin-left: 20px;
  }
  .headernav ul li.active a {
    padding-bottom: 5px;
  }
  .headernav ul {
    overflow-y: scroll;
    width: 100%;
  }
  header.main_header.HomeHeader.uk-sticky.uk-sticky-fixed.uk-active.uk-sticky-below
    .headernav {
    display: none;
  }
  .channel_box_sec .glider {
    padding: 20px 0px 20px 15px;
  }
  .channel_box_sec .headng_box h2 {
    padding-left: 15px;
  }
  
}
@media screen and (max-width: 750px) {
  .channel_sldr_box {
    padding-bottom: 10px;
  }
  .channel_sldr_txt {
    display: none;
  }
  .carousel {
    height: 280px;
  }
  .carousel .carousel-item {
    width: 400px;
    height: 227px;
  }
  .popup .popup_content .avatar {
    max-width: 252px;
  }
  .popup .popup_content .avatar a.picture {
    width: 106px;
  }
  .popup .popup_content .avatar .text {
    font-size: 16px;
  }
  .vid_for_car,
  .live-tv-player {
    width: 393px !important;
  }
  .desktop_ad {
    display: none;
  }
  .mob_ad {
    display: inline-block;
  }
  .ad_container2 .desktop_ad {
    display: none;
  }
  .ad_container2 .mob_ad {
    display: inline-block;
  }
  .ad_container.ad_container_trending .desktop_ad {
    display: none;
  }

  .trnd_box h3,
  .trnd_box h1 {
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px;
  }
  .trnd_box p {
    font-size: 12px;
    line-height: 14px;
    padding-left: 10px;
  }
  .trnd_number span {
    font-size: 20px;
    line-height: 20px;
  }
  .trnd_box_inner {
    padding: 10px;
  }
  .banner_play button {
    height: 28px;
    border-radius: 2px;
  }
  .temp {
    border-radius: 6px;
    height: 27px;
    width: 163px;
    /* margin-left: -2px; */
    background-size: 36px;
  }
  .custom-star-rating {
    font-size: 18px;
  }
  .banner_play button svg {
    width: 17px;
    margin-top: 3px;
  }
  .banner_play button span {
    margin-right: 4px;
  }
  .banner_play button {
    height: 32px;
    border-radius: 2px;
    width: 82px;
  }
  .banner_item h1 {
    font-size: 16px;
  }
  .custom-star-rating {
    font-size: 16px;
  }
  .headernav ul {
    margin-bottom: 0px;
    margin-left: 0px;
    color: white;
    display: flex;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    margin-top: 0px;
    padding: 0;
  }
  .banner_play button {
    width: 75px !important;
  }
  .first-banner .imgContainer-banner a{
    height: auto !important;
  }
}

@media screen and (max-width: 639px) {
  /* .banner_item h1 {
    font-size: 18px;
  } */
  .banner_item {
    height: 223px;
  }

  .rmp-quality {
    display: none !important;
  }
  .rmp-volume {
    display: none !important;
  }

  /* .rmp-cast {
    display: none !important;
  } */
  .rmp-pip {
    display: none !important;
  }
  #rmpPlayer {
    min-height: 220px;
  }
  .asad_bg .pad_left {
    padding-left: 30px;
  }
  .ad_container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pad_left {
    padding-left: 15px;
  }
  .pad_right {
    padding-right: 15px;
  }
  .live_sec .pad_left {
    padding-left: 15px;
  }
  .view_all {
    margin: 0 15px 0 0;
  }
  .edit_btn {
    margin: 0px;
  }
  .player_btm_bar {
    padding: 16px 15px 11px 15px;
  }
  .search_box input {
    font-size: 20px;
  }
  .popup .popup_content h1 {
    font-size: 20px;
  }
  .popup .personlize form label {
    font-size: 20px;
  }
  .popup .personlize form {
    max-width: 250px;
  }
  .carousel {
    height: 240px;
  }
  .carousel .carousel-item {
    width: 340px;
    height: 194px;
  }
  .vid_for_car,
  .live-tv-player {
    width: 333px !important;
  }
  .header_search_btn {
    left: 15px;
  }
  .rpr_text {
    text-align: center;
  }
  .rpr_text p {
    text-align: center;
  }
  .rpr_img {
    text-align: center;
  }
  .filter_btn {
    right: 15px;
  }
  .search_sec {
    padding: 0 15px;
  }
  .channel_live_cont_inner {
    width: 20%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 20%;
  }
  .prog_list_cont_inner {
    width: 33.3333%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 33.3333%;
  }
  .NewHomeSlider {
    margin-bottom: -50px;
  }
  .info_tab_box {
    padding: 20px 15px;
  }
  .FilterForLivetvBox .RelatedFilterBox ul li {
    width: 33.3333%;
  }
  .FilterForLivetvBox {
    padding: 15px;
  }
  /* .VodSec .rmp-control-bar .rmp-quick-rewind-or-forward.rmp-i-quick-rewind-10 {
    margin: 10px 0 10px 10px;
  } */
  .rmp-control-bar .rmp-quick-rewind-or-forward.rmp-i-quick-rewind-10 {
    font-size: 24px;
  }
  .rmp-control-bar .rmp-quick-rewind-or-forward.rmp-i-quick-forward-10 {
    font-size: 24px;
  }
  .player_ul li button {
    width: 24px;
  }
  .channelNameNBtn h4 {
    font-size: 18px;
    line-height: 26px;
  }
  .channelNameNBtn.gf_txt .gf_watch_btn {
    width: 80px;
    line-height: 20px;
    font-size: 10px;
  }
  .channelNameNBtn.gf_txt {
    margin-top: 8px;
  }
  .restart_watch_live > div p button {
    width: 150px;
    font-size: 12px;
  }
  .restart_watch_live > div {
    width: 312px;
  }
  .treanding_head h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .treanding_head p {
    font-size: 10px;
    line-height: 16px;
  }
  .treanding_head > img {
    width: 44px;
  }
  .LivetvBannertxt h1 {
    font-size: 20px;
  }
  .LivetvContentSec h2 {
    font-size: 18px;
  }
  .right_hdr a {
    margin-left: 5px;
  }
  .banner_play button span {
    margin-right: 2px;
  }
  .banner_play button svg{
    width: 15px;
  }
 
}
@media screen and (max-width: 540px) {
  /* Home-banner SM */
  .banner_item {
    height: 190px;
  }

  /* .custom-star-rating {
    font-size: 20px;
  } */

  /* Home-banner SM */
  .continue_watching_m .prog_sldr_text h4 a {
    height: 40px;
  }
  .dramas_box {
    max-width: 112px;
  }
  .channelNameNBtn h4 {
    font-size: 14px;
  }
  /* .HomeHeader .headernav {
    display: none;
  } */
  html,
  body {
    overflow-x: hidden;
  }
  .HomeHeader .right_hdr {
    float: right;
  }
  .HomeHeader .searchBarContainer {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .carousel {
    height: 195px;
  }
  .carousel .carousel-item {
    width: 250px;
    height: 144px;
  }
  .vid_for_car,
  .live-tv-player {
    width: 243px !important;
  }

  .live_style_full .txt_box .live_span {
    display: none;
  }
  .live_style_full .views_txt {
    width: calc(100% - 50px);
  }
  .live_style_full .txt_box h4 {
    width: calc(100% - 50px);
  }
  .right_hdr a.top_share_btn {
    display: block;
  }
  .channel_live_cont_inner {
    width: 25%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 25%;
  }
  .fav_sld_img .img_log {
    width: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
  }
  .FilterFld label {
    width: 100%;
  }
  .FilterFld .uk-input {
    width: 100%;
  }
  .FilterFld .uk-select:not([multiple]):not([size]) {
    width: 100%;
  }
  .FilterForLivetvBox .RelatedFilterBox ul li {
    width: 50%;
  }
  .ftr_btns a {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 450px) {
  .banner_item {
    height: 150px;
  }
}

@media screen and (max-width: 430px) {
  /* Home-banner SM */
  .banner_item {
    height: 150px;
  }

  /* Home-banner SM */

  .channel_feature_btns {
    text-align: center;
  }
  .channel_feature_btns a.adtofav {
    margin: 10px 0 0 0;
  }
  .channel_feature_txt {
    text-align: center;
  }
  .trending_icon_box ul li {
    margin: 8px 10px;
  }
  .prog_tab .dramas_box {
    max-width: 118px;
  }
  .fav_sld_img .img_log {
    width: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
  }
  .NewHomeSlider {
    margin-bottom: 0px;
  }
  .player_backscreen {
    margin: 20px 0 0 10px;
  }
  .player_hd_bar .live_span {
    width: 32px !important;
    height: 14px;
    line-height: 14px;
    font-size: 8px;
    padding: 0 0 0 4px;
    margin-top: 25px;
    background-color: red;
  }
  .player_hd_bar .live_span:before {
    width: 3px;
    height: 3px;
    top: 5.5px;
    left: 3px;
  }

  .stream_convert {
    width: 30px;
    height: 12px;
    margin-top: 6px;
  }
  .stream_convert_slider:before {
    width: 16px;
    height: 16px;
    bottom: -2px;
  }
  input:checked + .stream_convert_slider:before {
    transform: translateX(19px);
  }
  .rewind svg {
    margin-right: 0px;
  }
  .qty_btn svg {
    width: 24px;
  }
  .pip_btn svg {
    width: 26px;
  }
  #castbutton svg {
    width: 23px;
    margin: 0;
  }
  .watching_now {
    /* line-height: 14px;
    font-size: 8px;
    padding: 0;
    width: 32px; */
    margin-top: 25px;
  }
  .watching_now svg {
    /* width: 10px; */
  }
  .prog_list_cont_inner {
    width: 50%;
  }
  .asad_bg .prog_list_cont_inner {
    width: 50%;
  }
  .channelNameNBtn h4 {
    display: none;
  }
}
@media screen and (max-width: 411px) {
  .dramas_box {
    max-width: 112px;
  }
  .prog_tab .dramas_box {
    max-width: 117px;
  }
}
@media screen and (max-width: 375px) {
  .dramas_box {
    max-width: 100px;
  }
  .trending_icon_box ul li {
    margin: 8px 5px;
  }
  .prog_tab .dramas_box {
    max-width: 105px;
  }
  .channel_live_cont_inner {
    width: 33.3333%;
  }
  .asad_bg .channel_live_cont_inner {
    width: 33.3333%;
  }
}
@media screen and (max-width: 374px) {
  .sidebar_profile_mob .uk-offcanvas-bar {
    left: -360px;
    width: 360px;
  }
  .trending_icon_box ul li {
    margin: 8px 4px;
  }
}
@media screen and (max-width: 360px) {
  .dramas_box {
    max-width: 95px;
  }
  .shows_slider li a {
    width: 90px;
  }
  .prog_tab .dramas_box {
    max-width: 100px;
  }
}
@media screen and (max-width: 359px) {
  .continue_watching_m .prog_sldr_img {
    width: 140px;
  }
  .shows_slider li a {
    width: 100px;
  }
  .continue_watching_m .prog_sldr_text {
    width: calc(100% - 150px);
  }
  .dramas_box {
    max-width: 81px;
  }
  .sidebar_profile_mob .uk-offcanvas-bar {
    left: -320px;
    width: 320px;
  }
  .popup .popup_content .avatar a.picture {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .popup .popup_content .avatar a.picture:first-child {
    margin-right: 0px;
  }

  .popup_ii .content p {
    font-size: 14px;
  }
  .trending_icon_box ul li {
    margin: 8px 10px;
  }
  .ad_container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .prog_tab .dramas_box {
    max-width: 86px;
  }
  .grd_mob .prog_sldr_img {
    width: 130px;
  }
  .grd_mob .prog_sldr_text {
    width: calc(100% - 140px);
  }
  .channel_feature_sec_mob .channel_feature_btns .blue_btn {
    width: 180px;
  }
}
/* body{
  background: red;
} */
/* temporary code - remove asap */
#modalAppLoad {
  background: url("/images/temp-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  /* filter: blur(5px); */
}
#modalAppLoad .uk-modal-body {
  background: url("/images/bg_nosign.webp") no-repeat;
  background-size: cover;
  background-position: center top;
}
#modalAppLoad .uk-modal-body h2,
#modalAppLoad .uk-modal-body p {
  color: #fff;
  text-align: center;
}
#modalAppLoad .payment-bar label {
  margin-right: 15px;
  display: inline-block;
  width: 100px;
  /* height: 100px; */
  border: 3px solid transparent;
  border-radius: 8px;
  overflow: hidden;
}
#modalAppLoad .payment-bar label img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  /* border-radius: 8px; */
}
.payment-bar {
  margin-bottom: 15px;
}
.payment-bar input[type="radio"] {
  display: none;
}
.payment-bar input[type="radio"]:checked + label {
  border: 3px solid #76cf9f !important;
}

.m-games-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* .comingbanner{
  height: 620px;
  width: 1049px;
} */

.m-games-wrap img {
  height: auto;
  width: 100%;
  margin: 30px 0px 30px 30px;
}