@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);


html {
  overflow-y: scroll;
}
.main-content{
  padding-bottom: 10px;
}
textarea:focus, input:focus{
  outline: none;
}
.gridContainer,
.gridMember,
.gridMovie,
.blogGrid {
  background: var(--ptv-default-bg);
  padding: 16px;
  border-radius: 12px;
}
.gridContainer .gridColumn,
.gridMember .gridColumn
 {
  background-color: var(--ptv-body-bg);
}
.videoDetailsContent{
  background: var(--ptv-default-bg);
  margin-bottom: 24px!important;
  border-radius: 16px !important;
}
.gridContainer .gridColumn,
.gridMember .gridColumn,
.gridMovie .item,
.blogGrid .snglblog-block{
  /* background: var(--ptv-grid-bg); */
  border-radius: 12px;
}
.dashboard .gridMovie,
.movies-browse-cs-page .gridMovie,
.series-browse-cs-page .gridMovie,
.dashboard .gridMember,
.member-browse-cs-page .gridMember
{
  background: var(--ptv-default-bg) !important;
}
.gridContainer .gridColumn .ptv_videoList_wrap,
.gridContainer .gridColumn .channelThumbNailWrap,
.gridContainer .gridColumn .memberThumbNailWrap,
.gridMember .gridColumn .memberThumbNailWrap,
.gridContainer.gridUserSubscriber .memberThumbNailWrap ,
.gridContainer .gridColumn .ptv_movieList_wrap,
.gridContainer .gridColumn .adiodiv,
.snglblog-block,
.gridMember,
.gridMovie,
.gridMovie .ptv_movieList_wrap,
.gridContainer.gridPlaylist .gridColumn{
  background: var(--ptv-body-bg) !important;
}


.movie-series-category-view-cs-page .details-tab-box{
  padding:0px !important;
}
.gridReels .gridColumn{
  background: transparent !important;
}
/* ######## Common style ##############*/
.icon18 {
  width: 18px;
  height: 18px;
}

.icon20 {
  width: 20px;
  height: 20px;
}

.icon24 {
  width: 24px;
  height: 24px;
}

.icon28 {
  width: 28px;
  height: 28px;
}

.icon32 {
  width: 32px;
  height: 32px;
}

.icon36 {
  width: 36px;
  height: 36px;
}

.icon40 {
  width: 40px;
  height: 40px;
}

.icon44 {
  width: 44px;
  height: 44px;
}

.icon48 {
  width: 48px;
  height: 48px;
}

.icon52 {
  width: 52px;
  height: 52px;
}

.icon56 {
  width: 56px;
  height: 56px;
}

.icon60 {
  width: 60px;
  height: 60px;
}

.font10 {
  font-size: 10px !important;
}

.font12 {
  font-size: 12px !important;
}

.font13 {
  font-size: 13px !important;
}

.font14 {
  font-size: 16px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font36 {
  font-size: 36px !important;
}

.unorderList {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ellipsize1Line {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
}

.ellipsize2Line {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.ellipsize3Line {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  white-space: normal;
}

.imgAuto,
.imgAuto img {
  width: auto;
  height: auto;
  max-width: max-content;
  max-height: 100%;
}

.objectfit-cover {
  object-fit: cover;
}

.pointerCursor {
  cursor: pointer;
}

/* TypoGraphy */
h1 {
  font-size: var(--ptv-fontSize-h1);
  font-family: var(--ptv-fontFamily-heading);
}

h2 {
  font-size: var(--ptv-fontSize-h2);
  font-family: var(--ptv-fontFamily-heading);
}

h3 {
  font-size: var(--ptv-fontSize-h3);
  font-family: var(--ptv-fontFamily-heading);
}

h4 {
  font-size: var(--ptv-fontSize-h4);
  font-family: var(--ptv-fontFamily-heading);
}

h5 {
  font-size: var(--ptv-fontSize-h5);
  font-family: var(--ptv-fontFamily-heading);
}

h6 {
  font-size: var(--ptv-fontSize-default);
  font-family: var(--ptv-fontFamily-heading);
}

.textPrimary {
  color: var(--ptv-primary-text) !important;
}

.textPrimary-light {
  color: var(--ptv-primary-text-light) !important;
}

.textDefault {
  color: var(--ptv-default-text) !important;
}

.textDefault-light {
  color: var(--ptv-default-text-light) !important;
}

.textSecondry {
  color: var(--ptv-secondry-text) !important;
}

.textSecondry-light {
  color: var(--ptv-secondry-text-light) !important;
}

.bgPrimary {
  background-color: var(--ptv-primary-bg) !important;
}

.bgPrimary-light {
  background-color: var(--ptv-primary-bg-light) !important;
}

.bgDefault {
  background-color: var(--ptv-default-bg) !important;
}

.bgDefault-light {
  background-color: var(--ptv-default-bg-light) !important;
}

.bgSecondry {
  background-color: var(--ptv-secondry-bg) !important;
}

.bgSecondry-light {
  background-color: var(--ptv-secondry-bg-light) !important;
}

.fontWeight-light {
  font-weight: 300 !important;
}

.fontWeight-regular {
  font-weight: 400 !important;
}

.fontWeight-medium {
  font-weight: 500 !important;
}

.fontWeight-bold {
  font-weight: 700 !important;
}

.fontWeight-extraBold {
  font-weight: 900 !important;
}

.btnPtv {
  font-size: var(--ptv-default-text);
  padding: 2px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  min-height: 40px;
  text-decoration: none;
  border: 1px solid transparent;
  background-color: transparent;
  transition: all 0.3s linear;
}

.btnPtv-sm {
  font-size: 85%;
  padding: 2px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  min-height: 24px;
  text-decoration: none;
  border: 1px solid transparent;
  background-color: transparent;
}

.btnPrimry {
  background-color: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
}
.btn-primary{
  color: var(--ptv-color-white);
    background-color: var(--ptv-primary-bg);
    border-color: var(--ptv-primary-bg);
}

.btnPrimry:hover,
.btn-primary:hover {
  opacity: 0.8;
  background-color: var(--ptv-primary-bg);
  border-color: var(--ptv-primary-bg);
}

.btnPrimry-outline {
  border: 1px solid var(--ptv-primary-bg);
  color: var(--ptv-primary-text);
}

.btnPrimry-outline:hover {
  background-color: var(--ptv-primary-bg);
  color: var(--color-white);
}

.btnSecondary {
  background-color: var(--ptv-grid-bg);
  color: var(--ptv-default-text);
}

.btnSecondary:hover {
  opacity: 0.8;
}

.btnSecondary-outline {
  border: 1px solid var(--ptv-grid-bg);
  color: var(--ptv-default-text);
}

.btnSecondary-outline:hover {
  background-color: var(--ptv-grid-bg);
  color: var(--ptv-default-text);
}

.closeBtn {
  background-color: transparent;
  color: var(--ptv-default-text);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.closeBtn:hover {
  background-color: var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
}

.video-carousel .slick-track
{
    display: flex !important;
}

.video-carousel .slick-slide
{
    height: inherit !important;
}
.BtnWithBg{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ptv-body-bg);
    color: var(--ptv-default-text);
    cursor: pointer;
}
.BtnWithBg:hover{
  opacity: 0.8;
}

/* ######## End Common style ############## */

body {
  font-family: var(--ptv-fontFamily-body);
  background-color: var(--ptv-body-bg);
  color: var(--ptv-default-text);
  font-size: clamp(0.875rem,calc(0.29rem + 2.28vw),1rem);
  /* letter-spacing: normal; */
  font-weight: 400;
  line-height: normal;
  letter-spacing: .5px;
  word-break: break-word;
}

/* Header */
#header {
  z-index: 9;
  background: var(--ptv-header-bg);
  box-shadow: var(--ptv-header-shadow);
}

.top-header {
  min-height: 70px;
  height: 70px;
}

.logo {
  max-width: 250px;
  max-height: 80px
}

.logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.head-search {
  max-width: 500px;
  position: relative;
  width: 100%;
  background-color: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  color: var(--ptv-form-input-text);
  border-radius: 8px;
}

.head-search input {
  height: 36px;
  flex-grow: 1;
  padding: 0 12px;
}

.head-search button {
  color: var(--ptv-color-white);
}
.swal-button--cancel{
  color: var(--ptv-color-white);
}
.swal-button--cancel:focus{
  box-shadow:none;
}
/* Header icon dropdown */
.headerCircleIcon {
  background-color: var(--ptv-icon-bg);
  padding: 2px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--ptv-icon-text) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.headerCircleIcon:hover {
  background-color: var(--ptv-icon-bg-hover);
  opacity: 0.75;
}

.iconMenuList {
  background-color: var(--ptv-dropdown-bg);
}

.iconMenuList a.active {
  background-color: var(--ptv-dropdown-bg-hover);
}

.iconmenu {
  color: var(--ptv-dropdown-text) !important;
  transition: all 0.3s linear;
}

.iconmenu:hover {
  background-color: var(--ptv-dropdown-bg-hover)!important;
}

.usepicHead {
  width: auto;
  height: 40px !important;
  align-items: center !important;
  gap: 8px;
  padding: 0 12px;
  background-color: var(--ptv-icon-bg);
  color: var(--ptv-icon-text) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.usepicHead:hover {
  background-color: var(--ptv-icon-bg-hover);
  opacity: 0.75;
}

.hoverLight:hover {
  background-color: var(--ptv-icon-bg-hover);
}

.iconText{
  background: var(--ptv-icon-bg);
  color: var(--ptv-icon-text);
}
.iconText:hover{
  background: var(--ptv-icon-bg-hover);
  color: var(--ptv-icon-text);
}

/* Content section */
/* .main-content {
  padding-bottom: 160px;
} */

.main-content.fixed-header {
  width: 100%;
  position: relative;
  min-height: calc(100vh - 70px) !important;
  padding-top: 70px;
  display: flex;
}

.main-content.nofixed-header {
  width: 100%;
  position: relative;
  min-height: calc(100vh - 70px);
  padding-top: 0px;
  display: flex;
}

.main-content.adv-theme.channel-view-cs-page .subscription-urser {
  height: 350px;
}

.main-content.adv-theme.channel-view-cs-page .userInfo-block-content .user-profile-title {
  top: -80px;
}

.main-content.adv-theme .slick-dots {
  text-align: center !important;
}

.main-content.adv-theme .container.hr {
  display: none;
}

.main-content.adv-theme .VideoRoWrap {
  margin-bottom: 40px;
}

.main-content.adv-theme .titleWrap .seemore_link {
  display: none !important;
}

.main-content.adv-theme .titleWrap .title {
  font-size: 22px;
  font-weight: 600;
}

.main-content.adv-theme .titleWrap a .title:hover,
.main-content.adv-theme .titleWrap a:hover {
  color: var(--ptv-primary-text);
}

.main-content.adv-theme .titleWrap .title span {
  display: none !important;
}
.adv-theme.mobile-layout-cnt.main-content {
  padding-top: 0px;
}

.content-wrap.mobile-layout .cnt-videos {
  padding-top: 20px;
}

.main-content.fixed-header .sidebar-menu {
  width: 300px;
  background-color: var(--ptv-dropdown-bg);
  height: 100vh;
  position: fixed;
  overflow: hidden;
}

.main-content.fixed-header .mini-menu {
  width: 100px;
}

.sidemenu-overlay {
  display: none;
}

.sidemenu-opened .sidemenu-overlay {
  display: block !important;
}
.sidemenu-opened.slideshow-enable .menu-list{
  margin-top:70px;
}
.menu-list{
  overflow-x: hidden;
}
.main-content.fixed-header.marginLeft0 .sidebar-menu {
  z-index: 9999999;
  top: 0px;
}

.main-content.fixed-header.marginLeft0 .content-wrap {
  margin-left: 0px !important;
}

.main-content.fixed-header.marginLeft0 .sidemenu-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  background: var(--ptv-overlay-default);
  z-index: 99;
  top: 0px;
}

.side-menu-top .logo {
  max-width: 200px;
}

.side-menu-top .left-side .menu-icon {
  margin-left: 15px;
}

.main-content.fixed-header .content-wrap {
  margin-left: 300px;
  position: relative;
  width: 100%;
}

.main-content.fixed-header .content-wrap.mobile-layout {
  margin-left: 0px !important;
}

.main-content.fixed-header.sidemenu .content-wrap {
  width: calc(100% - 100px);
  margin-bottom: 80px;
}

.main-content.fixed-header.sidemenu-opened.sidemenu .content-wrap {
  width: calc(100% - 300px) !important;
}

.content-wrap.ml100 {
  margin-left: 100px !important;
}

.content-wrap.ml0 {
  margin-left: 0px !important;
}

.fixed-layout .content-wrap {
  margin-left: 0px !important;
}

.fixed-header .global-search-cnt {
  padding-top: 20px;
}

.footerLink a {
  color: var(--ptv-default-text);
  font-size: 14px;
  text-decoration: none;
}

.footerLink a:hover {
  text-decoration: underline;
}

.copyright {
  color: var(--ptv-default-text);
  opacity: 0.6;
  font-size: 14px;
}

/* video thumbnail */
.ptv_videoList_wrap {
  width: 100%;
  position: relative;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  padding: 8px;
  transition: all 0.3s linear;
}

.ptv_videoList_wrap .videoList_thumb {
  width: 100%;
  position: relative;
}
.videoList_thumb .playBtn a{
  height: 100%;
  width: 100%;
  display: block;
}
.imgRatio169 {
  width: 100%;
  display: block;
  position: relative;
}

.imgRatio169:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
  background-color: var(--ptv-default-bg);
  border-radius:8px ;
}

.imgThumbnail {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 8px;
}

.imgThumbnail span {
  width: 100%;
  height: 100%;
}

.imgThumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.videoList_content-sect {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.objectfit-cover {
  object-fit: cover !important;
}

.videoList-title,
.channelName {
  color: var(--ptv-default-text);
  font-size: 18px;
  font-weight: 500;
  transition: all 0.2s linear;
}

.videoList-title:hover,
.videoList-title h4:hover,
.channelName:hover {
  color: var(--ptv-primary-text) !important;
}

.videoList-title h4 {
  color: var(--ptv-default-text);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  transition: all 0.2s linear;
}

.actionVDropdown-list {
  background: var(--ptv-dropdown-bg);
  padding-top: 0px;
}

.actionVDropdown {
  color: var(--ptv-dropdown-text);
}

.actionVDropdown:hover {
  background-color: var(--ptv-dropdown-bg-hover);
  color: var(--ptv-dropdown-text);
}

.ptv_videoList_wrap .actionVDropdown:hover {
  opacity: 0.8;
}

.actionVDropdown-list a {
  color: var(--ptv-dropdown-text);
  min-height: 34px;
  margin-top: 5px;
}

.actionVDropdown-list a:hover {
  color: var(--ptv-dropdown-text) !important;
  background-color: var(--ptv-dropdown-bg-hover)!important;
}

.videoList-userName a,
.videoViewDate {
  color: var(--ptv-default-text);
  opacity: 0.75;
}

.videoList-userName a:hover {
  color: var(--ptv-primary-text);
  opacity: 0.85;
}

.vdoDuration {
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-size: 14px;
  line-height: normal;
  background: var(--ptv-dark-opacity-6);
  padding: 3px 6px;
  color: var(--ptv-color-white);
  border-radius: 6px;
}

.ptv_videoList_wrap .btnBoxHover {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  transition: all 0.2s ease;
}

.ptv_videoList_wrap:hover .btnBoxHover {
  display: block;
}

.hoverIcon {
  background: var(--ptv-dark-opacity-6);
  color: var(--ptv-color-white);
  cursor: pointer;
}

.hoverIcon:hover {
  background: var(--ptv-dark-opacity-9);
  color: var(--ptv-color-white);
}

.hoverIcon.active {
  color: var(--ptv-primary-text);
}

.ptv_videoList_wrap .labelBtn,.blogImgWrap .labelBtn {
  position: absolute;
  top: 8px;
  left: 8px;
}

.labelBtnTopLeft {
  position: absolute;
  top: 8px;
  left: 8px;
}

/* Feature label */
.featureLabel {
  color: var(--ptv-color-white);
}

.featureLabel svg {
  width: 20px;
}

.lbl-Featured {
  background: var(--ptv-lableFeatured);
}

.lbl-Sponsored {
  background: var(--ptv-lableSponsored);
}

.lbl-Hot,
.lbl-hot {
  background: var(--ptv-lableHot);
}

/* Like share */
.countBtnPill {
  background-color: var(--ptv-icon-bg);
  color: var(--ptv-icon-text);
  padding: 2px 8px;
}

.countBtnPill:hover {
  background-color: var(--ptv-icon-bg-hover)!important;
  color: var(--ptv-icon-text);
}

.countBtnPill .materialIconCust {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}
.likeShareItems{
  display: flex;
  flex-flow: row;
  scrollbar-width: none;
}
.likeShareItems span.active {
  color: var(--ptv-primary-text);
}
.likeShareItems a{
  white-space: nowrap !important;
}

.topFilterLink {
  color: var(--ptv-default-text);
  font-size: 18px;
}

.topFilterLink:hover {
  color: var(--ptv-default-text)!important;
}

.topFilterLink.active {
  background: var(--ptv-default-bg);
}

.topFilterForm {
  background: var(--ptv-default-bg);
}

.gridContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 16px;
}
.gridContainer.gridUserSubscriber{
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.gridContainer.gridChannel{
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.gridContainer.gridReels{
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.gridContainer.gridMemberSubscriber{
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
/* Video details */
.details-video-wrap {
  margin-top: 15px;
}

.video-listView .ptv_videoList_wrap .videoList_thumb {
  width: 170px;
  flex-shrink: 0;
}

.video-listView .videoList-title h4 {
  font-size: 85%;
}

.userImg a {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
}

.userImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* End list video */

/* Comment */
.input_comment textarea {
  border: 0;
  border-bottom: 1px solid var(--ptv-form-input-border);
  color: var(--ptv-form-input-text);
  background-color: transparent;
  transition: all 0.3s linear;
}

.input_comment textarea:focus {
  border: 0;
  border-bottom: 1px solid var(--ptv-primary-bg);
  outline: none;
}

.newcomntImg-prev {
  width: 120px;
  height: 70px;
  position: relative;
}

.closeImgPreview {
  position: absolute;
  top: -14px;
  right: -14px;
}

.fileNone {
  display: none !important;
}

.userCommentsList {
  padding: 0;
  margin: 0;
  position: relative;
  list-style: none;
  background: var(--ptv-default-bg);
  padding: 12px;
  border-radius: 12px;
}

.commentRow {
  padding-bottom: 4px;
  margin-bottom: 4px;
  position: relative;
}

.commentCnt .UserName {
  display: flex;
  gap: 16px;
  align-items: center;
  color: var(--ptv-default-text);
  font-weight: 500;
}

.commentCnt .UserName .dateday {
  color: var(--ptv-default-text);
  opacity: 0.8;
  font-size: 90%;
  font-weight: 400;
}

.commentLikeReply {
  padding: 0;
  margin: 0;
  list-style: none;
}

.commentLikeReplyItem .material-icons,
.commentLikeReplyItem .material-icons-outlined {
  font-size: 20px;
}

.commentRow .replyuser {
  margin-left: 70px;
  margin-top: 8px;
  padding: 0;
}

.commentRow .replyuser li:last-child {
  margin: 0;
  padding: 0;
}

.commentCnt .commentDropdown a {
  display: none !important;
}

.userCommentWrap:hover .commentCnt .commentDropdown a {
  display: flex !important;
}

.CommentUserImg a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}

.CommentUserImg a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lazy-load-image-background {
  width: 100%;
  height: 100%;
}
.userCommentWrap{
  background: var(--ptv-body-bg);
  border-radius: 8px;
  padding: 8px;
}

/* Channel thumbnail */
.channelThumbNailWrap {
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s linear;
  background: var(--ptv-default-bg);
  border:12px;
}


.channelThumbNail-content .userImg {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  position: relative;
  margin-top: -65px;
}

.channelThumbNail-content .userImg a {
  width: 100%;
  height: 100%;
  display: flex;
}

.channelThumbNail-content .userImg a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/* Details page */
.header-info-wrap {
  position: relative;
}

.imgRatio116 {
  width: 100%;
  display: block;
}

.imgRatio116:before {
  content: "";
  display: block;
  padding-bottom: 16.12%;
  background-color: var(--ptv-secondry-bg);
}

.imgRatio116 .coverPhoto {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 0px;
  overflow: hidden;
}

.imgRatio116 .coverPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.channel-profile-img {
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
}

.channel-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.editBtnProfile {
  position: absolute;
  right: 8px;
  bottom: 12px;
}

.channelTitle,
.userProfileName {
  font-size: 22px;
  text-transform: capitalize;
  color: var(--ptv-color-white);
}
.channelInfo-wrap .font13 {
  color: var(--ptv-color-white);
}

.verifiedUser svg,
.verified svg {
  width: 18px;
  height: 18px;
}

.verifiedUser .material-icons,
.verified .material-icons {
  font-size: 13px;
}

.userProfile-wrap,.channelInfo-wrap { 
  margin-top: -70px !important;
  position: relative;
  z-index: 2;
}

/* Member thumbnail */
.gridMember {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 16px;
}

.memberThumbNailWrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: all 0.3s linear;
  background: var(--ptv-default-bg);
  border:12px;
}
.memberThumbNail-img .imgRatio169:before{
  padding-bottom: 100%;
  border-radius:0px ;
}
.memberThumbNail-img .imgThumbnail img{
  border-radius:0px ;
}

.memberThumbNailWrap .name {
  color: var(--ptv-default-text);
  font-size: 18px;
}

.details-tab {
  padding: 15px 0;
  width: 100%;
  position: relative;
}

.details-tab .nav {
  border: 0 none;
  padding: 0;
  margin-bottom: 16px;
  display: flex;
  flex-flow: row;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 24px;
}

.details-tab .nav-item .nav-link {
  font-size: 16px;
  background: transparent;
  margin-top: 10px;
  border: 0;
  border-radius: 0;
  color: var(--ptv-default-text);
  font-weight: 500;
  padding: 4px 0;
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  /* transition: all 0.3s linear; */
}

.details-tab .nav-item .nav-link:hover {
  border-bottom: 3px solid var(--ptv-border-default);
}

.details-tab .nav-item .nav-link.active {
  background: transparent;
  color: var(--ptv-primary-text);
  border-bottom: 3px solid var(--ptv-primary-bg);
}
.details-tab .tab-content .details-tab-box{
  background: var(--ptv-default-bg);
    border-radius: 12px;
    padding: 16px;
}
.dashboard.tab-content .container{
  padding:0px;
}
.dashboard-cnt{
  min-width: 250px;
}
/* Artist thumbnail */
.gridArtist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 12px;
}

.artistThumbNailWrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 8px;
  transition: all 0.3s linear;
}

.artistThumbNail-img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--ptv-border-default);
  background-color: var(--ptv-secondry-bg);
}

.artistThumbNail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.artistThumbNailWrap .name {
  color: var(--ptv-default-text);
  font-size: 18px;
}

.artistDetailsProfile-img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.artistDetailsProfile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}


.tabsLeft {
  list-style: none;
  border: none;
  border: 1px solid var(--ptv-border-default);
  display: flex;
  flex-direction: column;
  background: var(--ptv-default-bg);
  gap: 5px;
  padding: 10px;
}
.user-logged-in.mobile-layout-cnt{
  margin-bottom:80px;
}
.mobile-layout-cnt .sdBarSettBox {
  margin-top: 20px;
}

.sdBarSettBox .title {
  font-size: 18px;
  margin-bottom: 15px;
}

.tabsLeft li a {
  font-size: 18px;
  letter-spacing: normal;
  padding: 12px 16px;
  display: block;
  text-transform: capitalize;
  color: var(--ptv-default-text);
}

.tabsLeft li a:hover {
  color: var(--ptv-dropdown-text) !important;
  background-color: var(--ptv-dropdown-bg-hover) !important;
  border-radius: 12px;
}

.tabsLeft li a.active,
.tabsLeft li a.active:hover{
  background: var(--ptv-primary-bg) !important;
  color: var(--ptv-color-white) !important;
  border-radius: 12px;
}

.popup_wrapper_cnt::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}

.popup_wrapper_cnt::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

a {
  text-decoration: none;
  font-weight: 400;
  color: var(--ptv-default-text);
  outline: 0;
}

a:active,
a:hover {
  color: var(--ptv-primary-text);
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

.cursor {
  cursor: pointer;
}

.table> :not(:last-child)> :last-child>* {
  border-bottom-color: inherit;
}
.table-responsive{
  background: var(--ptv-default-bg);
  border-radius: 12px;
}
.ads_analytics{
  border-radius:12px;
}
.table>:not(caption)>*>*{
  padding: 0.5rem 1.5rem;
}
.mt20 {
  margin-top: 20px;
}

.material-icons:after,
.material-icons-outlined:after {
  content: attr(data-icon);
}

button {
  outline: none !important;
}

.btn-block {
  display: block;
  width: 100%;
}

.link {
  cursor: pointer;
}

.titleWrap a {
  z-index: 1;
}

.fbold {
  font-weight: bold;
}

#nprogress {
  pointer-events: none;
}


#nprogress .peg {
  box-shadow: none;
}


#nprogress .bar {
  background: var(--ptv-spinner-color);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--ptv-spinner-color), 0 0 5px var(--ptv-spinner-color);
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0, -4px);
  -ms-transform: rotate(3deg) translate(0, -4px);
  transform: rotate(3deg) translate(0, -4px);
}

#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: var(--ptv-spinner-color);
  border-left-color: var(--ptv-spinner-color);
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 0.4s linear infinite;
  animation: nprogress-spinner 0.4s linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.rdtPicker {
  background-color: var(--ptv-default-bg) !important;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: var(--ptv-primary-bg) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ptv-fontFamily-heading);
  color: var(--ptv-default-text);
  letter-spacing: normal;
  line-height: normal;
}

.menu_open {
  overflow: hidden !important;
}

.menu_open .menu-list {
  overflow-y: inherit;
}

.container {
  max-width: 1600px;
}
.container .container{
  padding-right: 0px;
  padding-left: 0px;
}
.marginLeft0 .container {
  max-width: 1700px;
}

.maxwidht1100 {
  max-width: 1100px;
  margin: 0 auto;
}

.maxwidht1300 {
  max-width: 1300px;
  margin: 0 auto;
}

.content-wrap {
  padding-top: 70px;
  min-height: calc(100vh - 70px);
  letter-spacing: 0;
}

.fixed-header .content-wrap {
  padding-top: 0px;
}

.default-theme.fixed-layout.channel-view-cs-page .content-wrap,
.default-theme.fixed-layout.dashboard-cs-page .content-wrap,
.default-theme.fixed-layout.member-view-cs-page .content-wrap,
.default-theme.fixed-layout.top-video-browse-cs-page .content-wrap,
.default-theme.fixed-layout.treading-video-browse-cs-page .content-wrap,
.default-theme.fixed-layout.movie-create-cs-page .content-wrap,
.default-theme.fixed-layout.movie-edit-cs-page .content-wrap,
.default-theme.fixed-layout.series-create-cs-page .content-wrap,
.default-theme.fixed-layout.series-edit-cs-page .content-wrap {
  padding-top: 80px;
}

.fixed-header.channel-view-cs-page .content-wrap,
.fixed-header.dashboard-cs-page .content-wrap,
.fixed-header.member-view-cs-page .content-wrap,
.fixed-header.top-video-browse-cs-page .content-wrap,
.fixed-header.treading-video-browse-cs-page .content-wrap,
.fixed-header.movie-create-cs-page .content-wrap,
.fixed-header.movie-edit-cs-page .content-wrap,
.fixed-header.series-create-cs-page .content-wrap,
.fixed-header.series-edit-cs-page .content-wrap {
  padding-top: 20px;
}
/* .fixed-layout.messages-browse-cs-page .content-wrap,
.fixed-layout.terms-cs-page .content-wrap,
.fixed-layout.privacy-cs-page .content-wrap,
.fixed-layout.contact-us-cs-page .content-wrap,
.fixed-layout.series-browse-cs-page .content-wrap, 
.fixed-layout.movies-browse-cs-page .content-wrap,
.fixed-layout.movies-movies-series-view-cs-page .content-wrap,
.fixed-layout.landing-page-cs-page.slideshow-enable .content-wrap{
  padding-top: 70px;
} */
.user-subscription-page.fixed-header .content-wrap,
.default-theme.fixed-layout.user-subscription-page.dashboard-cs-page .content-wrap,
.default-theme.fixed-layout.user-subscription-page.member-view-cs-page .content-wrap {
  padding-top: 70px;
}

.audio-create-cs-page .videoBgWrap {
  padding: 20px !important;
}

.messages-browse-cs-page .content-wrap {
  margin-bottom: 0px !important;
}
.messages-browse-cs-page.main-content{
  padding-bottom: 0px;
}
.movies-series-view-cs-page .content-wrap {
  height: 100%;
}

.content-wrap .VideoRoWrap:first-child {
  margin-top: 20px;
}

.content-wrap .hr:first-child {
  display: none;
}



.header-wrap {
  background: var(--ptv-default-bg);
  border-bottom: 1px solid var(--ptv-border-default);
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 70px;
}

.hedearTop {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.rightTopList ul.custmenuRight {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.rightTopList ul.custmenuRight li a svg, ul.minimenu-header li a svg{
  width:28px;
  height: 28px;
  fill: var(--ptv-icon-text);
  display: flex;
  align-items: center;
  justify-content: center;
}
svg#watch-later{
  width: 32px;
  fill: var(--ptv-color-white);
}
svg#messenger{
  width: 24px;
  stroke: var(--ptv-icon-text);
}
.rightTopList ul.custmenuRight li a svg#messenger,ul.minimenu-header li a svg#messenger{
  width: 32px !important;
}

svg#messenger stroke:first-child{
  fill: var(--ptv-icon-text);
}
svg#messenger stroke:nth-child(2){
  fill: var(--ptv-icon-text);
}

.user_followed .message svg#messenger{
  fill: #fff!important;
  stroke: #fff!important;
}
#minimenu-header .dropdown a{
  padding: 22px;
}
.rightTopList ul.custmenuRight .usepicHead {
  display: inline;
}

.rightTopList ul.custmenuRight .usepicHead .user_title {
  margin-left: 10px;
}

.rightTopList ul.custmenuRight li {
  margin-left: 15px;
}

.rightTopList ul.custmenuRight.logged-out li:not(.currency) {
  margin-right: 15px;
}

.rightTopList .loginRgstrBtn a {
  margin-left: 15px;
}

.rightTopList .loginRgstrBtn li div.darkModeSwitchFtr {
  margin-left: 15px;
  line-height: 19px;
}

.rightTopList .dropdown-menu {
  box-shadow: 0 10px 5px #0000000d;
}

.rightTopList .nav-item .nav-link span.material-icons {
  font-size: 28px;
  line-height: 42px;
}

.rightTopList .nav-item.user-setting-menu-head {
  margin-right: 10px;
}

.rightTopList .nav-item a.usepicHead {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 18px;
  border-radius: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rightTopList .nav-item a.usepicHead .userPic {
  margin-left: 10px;
}

.rightTopList .nav-item a.usepicHead .user_title {
  margin-right: 10px;
}

.rightTopList .custmenuRight li a.nav-link i {
  font-size: 20px;
}

.nav-link i {
  margin-right: 5px;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.logo a .logo-text,
.MobLogo a .logo-text,
.HeaderCloseLogo-logo .logo-text {
  font-size: 20px;
  color: var(--ptv-default-text);
}
.popupHeader .HeaderCloseLogo-logo .logo-text{
  color: var(--ptv-color-white);
}
.searchBoxWrap {
  background: var(--ptv-default-bg);
  border: 1px solid var(--ptv-border-default);
  border-radius: 25px;
  position: relative;
  overflow: hidden;
  width: 40%;
}

.searchBoxContent form {
  display: flex;
  align-items: center;
}

.searchBoxContent input[type="text"] {
  border: 0 none;
  color: var(--ptv-default-text);
  padding: 5px 20px;
  width: calc(100% - 50px);
  background: var(--ptv-default-bg);
}

.searchBoxContent button {
  color: var(--ptv-default-text);
  cursor: pointer;
  outline: 0;
  background: 0 0;
  border-left: 1px solid var(--ptv-border-default);
  border-radius: 0;
  max-width: 50px;
  text-align: center;
  height: 35px;
  width: 100%;
}

.searchBoxContent button span.material-icons {
  font-size: 24px;
  display: flex;
  justify-content: center;
}

.mainMenu .nav-link {
  font-size: 18px;
  margin: 0 15px;
  font-weight: 400;
  letter-spacing: normal;
  color: var(--ptv-default-text);
  padding: 5px;
}

.mainMenu .nav-link:hover {
  color: var(--ptv-primary-text);
}

.mainMenu .dropdown-menu {
  margin-top: 0;
  background: var(--ptv-dropdown-bg);
  padding: 10px;
  margin: 0px;
}

.mainMenu .dropdown-menu .dropdown-item {
  color: var(--ptv-default-text);
  font-weight: 400;
  padding: 10px 15px;
  font-size: 18px;
  cursor: pointer;
}

.mainMenu .dropdown-menu .dropdown-item:hover {
  color: var(--ptv-dropdown-text) !important;
  background-color: var(--ptv-dropdown-bg-hover) !important;
  border-radius: .3rem !important;
}

.mainMenu .dropdown-menu .dropdown-item i {
  margin-right: 5px;
}

.dropdown-menu-arrow {
  top: -25px;
  float: left;
  margin-left: 30px;
  width: 0;
  height: 0;
  position: relative;
}

.dropdown-menu-arrow:after,
.dropdown-menu-arrow:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-width: 7px 8px;
  border-style: solid;
  border-color: transparent;
  z-index: 9;
}

.dropdown-menu-arrow:after {
  bottom: -18px;
  right: -8px;
  border-bottom-color: var(--ptv-default-bg);
}

.dropdown-menu-arrow:before {
  bottom: -17px;
  right: -8px;
  border-bottom-color: var(--ptv-default-bg);
}

.dropdown-menu-right .dropdown-menu-arrow {
  float: right;
  margin-right: 15px;
}

.dropdown-menu .dropdown-toggle::after {
  vertical-align: middle;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

.dropdown-menu .dropdown .dropdown-menu {
  left: 100%;
  top: 0;
  padding: 10px;
  border-width: 0;
}

.dropdown-menu>li a:hover,
.dropdown-menu>li.show {
  color: var(--ptv-primary-text);
}

.dropdown-menu>li.show>a {
  color: var(--ptv-default-text);
}
.dropdown-menu li a.active {
  background: var(--ptv-dropdown-bg-hover);
  color: var(--ptv-dropdown-text);
}
.MobLeftSide .site-mode-menu{
  color: var(--ptv-color-white) !important;
}
.MobLeftSide .site-mode-menu:hover{
  background-color:transparent !important;
}
.btncomm {
  background: var(--ptv-primary-bg);
  border: 1px solid var(--ptv-primary-bg);
  color: var(--ptv-color-white) !important;
  border-radius: 25px;
  padding: 8px 20px;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
}

.headerRightMenu .dropdown-menu {
  box-shadow: 0 10px 5px #0000000d;
}

.headerRightMenu .nav-item .nav-link {
  margin-left: 15px;
  background-color: var(--ptv-secondry-bg);
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: var(--ptv-default-text);
  line-height: 40px;
  text-align: center;
}

.headerRightMenu .nav-item .nav-link span.material-icons {
  font-size: 20px;
  line-height: 30px;
}

.headerRightMenu .nav-item a.usepicHead {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  width: auto;
  height: auto;
  font-size: 18px;
  border-radius: 50px;
}

.headerRightMenu .nav-item a.usepicHead .userPic {
  margin-left: 10px;
}

.headerRightMenu .nav-item a.usepicHead .user_title {
  margin-right: 10px;
}

.headerRightMenu .custmenuRight li a.nav-link i {
  font-size: 20px;
}

.iconMenuList li div.darkModeSwitchFtr {
  margin-left: 15px;
  font-size: var(--ptv-fontSize-default);
  padding-top: 7px;
}

.logged-in-cnt {
  color: var(--ptv-default-text) !important;
  align-items: center;
  margin-right: 10px;
}

.logged-in-cnt .material-icons {
  font-size: 22px !important;
}

.logged-in-cnt .fa-sort-down {
  margin-left: 5px;
  margin-top: -5px;
}

.darkModeSwitchFtr .darklightInput:checked~.darklightlbl::before {
  width: 25px;
  height: 12px;
}

.darkModeSwitchFtr .darklightInput:checked~.darklightlbl::after {
  width: 10px;
  height: 10px;
  margin-top: -1px;
}

.darkModeSwitchFtr .darklightlbl::before {
  width: 25px !important;
  height: 12px !important;
}

.darkModeSwitchFtr .darklightlbl::after {
  width: 10px !important;
  height: 10px !important;
  margin-top: -1px;
}

.MobeaderWrap.page_landing_page .backArrow {
  display: none !important;
}

.backArrow {
  display: none;
}
.backArrow svg{
  fill: var(--ptv-icon-text);
}
.notificationMenu {
  min-width: 355px;
  max-height: 50vh;
  background: var(--ptv-default-bg);
}

.notificationMenu li {
  padding: 0;
  width: 100%;
}

.notificationMenu .notify-wrap {
  width: 100%;
  border-bottom: 1px solid var(--ptv-border-default);
  font-size: var(--ptv-fontSize-default);
  display: flex;
  align-items: center;
  gap: 8px;
}

.notify-text .content-image {
  display: flex;
  width: 60px;
  height: 45px;
  flex-shrink: 0;
}

.notify-text .content-image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.notifNmbr {
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  text-align: center;
  font-weight: 700;
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
  line-height: 20px;
  top: -5px;
  right: -6px;
}

.notificationMenu .notify-header {
  width: 100%;
  border-bottom: 1px solid var(--ptv-border-default);
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notify-header-action {
  display: flex;
  gap: 8px;
  align-items: center;
}

.createButtons li {
  margin-right: 15px;
}

.createButtons svg path,
.createButtons svg circle,
.border-sidebar.small-menu svg path,
.border-sidebar.small-menu svg circle,
.mobMenuBox ul li a svg path,
.mobMenuBox ul li a svg circle {
  fill: var(--ptv-dropdown-text) !important;
}
.main-menu.small-menu li a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-direction: column;
}
.notifyUnread {
  background: var(--ptv-primary-bg-light);
}

.notifyRead {
  background: var(--ptv-color-white);
}

.notify-wrap .notify-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-grow: 1;
}

.notify-wrap .notify-content .notify-img {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid var(--ptv-border-default);
  flex-shrink: 0;
}

.notify-wrap .notify-content .notify-img a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
}
.notify-wrap .notify-content .notify-img a span{
  width: 100%;
  height: 100%;
}
.notify-wrap .notify-content .notify-img a span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.notify-wrap .notify-content .notify-text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.notify-wrap .notify-content .notify-text span.name {
  color: var(--ptv-default-text);
  font-size: 18px;
  display: block;
  line-height: 16px;
}

.notify-wrap .notify-content .notify-text span.message {
  color: var(--ptv-default-text);
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  flex-grow: 1;
}

.notify-wrap .notify-content .notify-text span.message a {
  font-size: 14px;
  color: var(--ptv-default-text);
  font-weight: 700;
}

.notify-wrap .notify-content .notify-text span.message a:hover {
  text-decoration: underline;
}

.notify-wrap .notify-content .notify-text span.timedate {
  color: var(--ptv-default-text);
  font-size: 12px;
  display: block;
}

.notify-wrap .notify-content-action {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 4px;
  flex-shrink: 0;
}

.notify-wrap .notify-content-action span.material-icons {
  font-size: 18px;
  font-weight: 700;
  color: var(--ptv-default-text);
  opacity: 0.5;
  transition: all 0.2s linear;
}

.notify-wrap .notify-content-action span.material-icons:hover {
  opacity: 1;
}

.infinite-scroll-component {
  margin: 0;
}

.notify-text a {
  color: var(--ptv-default-text);
}

.markRead {
  width: 10px;
  height: 10px;
  display: block;
  background: var(--ptv-primary-bg);
  border-radius: 50%;
  cursor: pointer;
}

.markUnread {
  width: 12px;
  height: 12px;
  display: block;
  background: var(--ptv-color-white);
  border-radius: 50%;
  cursor: pointer;
  border: 5px solid var(--ptv-secondry-bg-light);
}

.custScrollBar {
  overflow-y: auto;
  overflow-x: hidden;
}

.custScrollBar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: var(--ptv-body-bg);
}

.custScrollBar::-webkit-scrollbar {
  width: 5px;
  background-color: var(--ptv-default-bg);
}

.custScrollBar::-webkit-scrollbar-thumb {
  background-color: var(--ptv-default-bg);
  opacity: 0.8;
}

.top-header .right-side {
  display: flex;
  align-items: center;
}

.top-header .right-side .login-signup {
  list-style: none;
  display: flex;
  margin: 0;
}

.top-header .right-side .login-signup li {
  margin-left: 15px;
}

.top-header .right-side .login-signup li a {
  color: var(--ptv-color-white);
}

.top-header .right-side .login-signup li a:hover {
  text-decoration: none;
  color: var(--ptv-primary-text);
}

/* Sidebar menu */

.menu-list {
  height: calc(100vh - 64px);
  width: 100%;
  overflow-y: auto;
}

.main-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.main-menu li {
  display: block;
  width: 100%;
}

.mainMenu-icon {
  width: 28px;
  height: 28px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainMenu-icon span,
.mainMenu-icon i,
.mainMenu-icon svg {
  font-size: 28px;
  color: var(--ptv-dropdown-text);
}

.mainMenu-icon span {
  display: flex !important;

}

.mainMenu-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.main-menu li a {
  padding: 8px 12px;
  color: var(--ptv-dropdown-text);
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: normal;
  gap: 10px;
  margin: 1px 4px;
  border-radius: 8px;
  /* transition: all 0.3s linear; */
}



.main-menu li a span.material-icons,
.main-menu .nav-link i,
.main-menu li a svg {
  color: var(--ptv-dropdown-text);
  max-width: 28px;
  overflow: hidden;
  width: 28px;
  font-size: 28px;
}

.main-menu .nav-link i.fas,
.main-menu .nav-link i.fa {
  font-size: 20px;
}

.main-menu li a:hover {
  text-decoration: none;
  background: var(--ptv-dropdown-bg-hover);
}

.main-menu .nav-link:focus,
.main-menu .nav-link:hover {
  color: var(--ptv-dropdown-text);
}

.main-menu li a.active {
  background: var(--ptv-dropdown-bg-hover);
  color: var(--ptv-dropdown-text);
}

.nav-link {
  cursor: pointer;
}


.sidebar-menu .flag-icon {
  margin-right: 10px;
}

.small-menu {
  border-bottom: none !important;
}

.small-menu li a {
  display: block;
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
}

.small-menu li a span.material-icons,
.small-menu li a svg {
  margin: 0 auto;
  display: block;
}

.small-menu li {
  margin-bottom: 0;
}

.main-menu .submenu {
  padding: 0;
  margin: 0;
}

.main-menu .submenu li a {
    padding: 8px 12px;
    font-size: 18px;
    margin: 1px 4px;
    padding-left: 60px;
}

.sidebar-login-btn {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  font-size: 18px;
}

.sidebar-login-btn a {
  border: 1px solid var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
  display: inline-block;
  padding: 10px 20px;
  max-width: 130px;
  text-align: center;
  margin-top: 15px;
  background: var(--ptv-secondry-bg);
  border-radius: 5px;
}

.hide {
  display: none !important;
}

.sidebar-icon i {
  background: var(--ptv-secondry-bg);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  font-size: 18px;
  margin-right: 24px;
  text-align: center;
  line-height: 30px;
}

.adultSwitchFtr {
  margin: 0 24px !important;
  
}

.sidebar-menu .adultSwitchFtr{
  padding-left:30px !important;
}
.social-follow-btn {
  margin: 0 10px;
}

.social-follow-btn a {
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  color: var(--ptv-color-white);
  margin-top: 15px;
  margin-bottom: 5px;
}

.social-follow-btn a i.fab {
  width: 30px;
  height: 30px;
  background: 0 0;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: var(--ptv-color-white);
}

.social-follow-btn a i.fa-instagram {
  background: var(--instagram-color);
}

.social-follow-btn a i.fa-facebook-f {
  background: var(--facebook-color);
}

.social-follow-btn a i.fa-twitter {
  background: var(--twitter-color);
}

.social-follow-btn a i.fa-vimeo-v {
  background: var(--vimeo-color);
}

.social-follow-btn a i.fa-youtube {
  background: var(--instagram-color);
}

.social-follow-btn a i.fa-pinterest-p {
  background: var(--pintrest-color);
}

.copy_container {
  display: flex;
}

.copy_txt {
  margin-left: 10px;
}

.form-single-description {
  font-weight: bold;
  font-style: italic;
}

button:disabled,
button[disabled] {
  opacity: 0.6;
}

#remoteVideo {
  height: 100%;
  width: 100%;
}

.media_treaming_iframe {
  height: calc(100vh - 120px);
  width: 100%;
  border: none;
}

.minimum_amount_cnt {
  padding-left: 0px !important;
}

.sidebar-scroll::-webkit-scrollbar {
  width: 10px;
  display: none;
}

.sidebar-scroll:hover::-webkit-scrollbar {
  display: block;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background: var(--ptv-body-bg);
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--ptv-default-bg);
}

.sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--ptv-default-bg);
}

.border-sidebar {
  border-bottom: 1px solid var(--ptv-border-default);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.sidebar-menu-title {
  font-size: 18px;
  text-transform: uppercase;
  padding: 8px 10px;
  color: var(--ptv-default-text);
  margin: 1px 4px;
  padding-top: 0;
}

/* Search popup*/

.SearchBox-wrap {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: var(--ptv-default-bg);
  overflow-x: hidden;
}

.searchBox-content {
  width: 100%;
  height: 100%;
  position: relative;
}

.head-searchbox {
  z-index: 9;
  background: var(--ptv-grid-bg);
  display: flex;
  align-items: center;
  padding: 28px;
  gap: 16px;
  border-radius: 16px;
}
.head-searchbox .btn-close{
transition: all 0.3s linear;
width: 36px;
height: 36px;
border-radius: 50%;
flex-shrink: 0;
}
.head-searchbox .btn-close:hover{
  background-color: var(--ptv-icon-bg-hover);
}



.head-searchbox .search-input {
  flex-grow: 1;
  display: flex;
    gap: 12px;
    align-items: center;
}

.head-searchbox .search-input input {
  width: 100%;
  border: 1px solid var(--ptv-form-input-border);
  background: var(--ptv-form-input-bg);
  padding: 12px 16px;
  border-radius: 12px;
  overflow: hidden;
  color: var(--ptv-form-input-text);
  font-size: 18px;
  flex-grow: 1;
  height: 52px;
}

.search-heading-title {
  font-size: 24px;
  margin-bottom: 16px;
  color: var(--ptv-default-text);
}

.head-searchbox .search-input input:focus,
.head-searchbox .search-input button:focus {
  outline: none;
}
.search-input .search-dropdown{
  background: var(--ptv-body-bg);
  padding: 6px;
  border-radius: 8px;
  padding-right: 15px;
}
.head-searchbox .search-input select {
  padding: 12px 8px;
  background: var(--ptv-form-input-bg);
  color: var(--ptv-form-input-text);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 12px;
  flex-shrink: 0;
  height: 52px;
  font-size: 18px;
}

.head-searchbox .search-input button .material-icons {
  font-size: 22px;
  display: flex;
}

.search-content-show {
  position: relative;
  padding: 30px 0;
}
.search-content-show .container-fluid, .search-content-show .gridContainer{
  padding:0px;
}

/* Button */

.btn-outline {
  outline: none;
  border: none;
  display: flex;
  background: linear-gradient(90deg, var(--ptv-primary-bg) 0, var(--ptv-primary-bg-light));
  z-index: 2;
  padding: 2px;
  border-radius: 35px;
  display: inline-block;
  color: var(--ptv-color-white);
}

.btn-outline .text {
  color: var(--ptv-color-white);
  text-decoration: none;
  background: var(--ptv-color-black);
  font-weight: 700;
  margin-top: 0 !important;
}

.btn-grad {
  background-image: linear-gradient(to right,
      #1a2980 0%,
      #26d0ce 51%,
      #1a2980 100%);
  margin: 10px;
  padding: 30px;
  text-align: center;
  text-transform: uppercase;
  background-size: 200% auto;
  color: white;
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}

.btn-grad:hover {
  background-position: right center;
}

/* Popup */

.popup-bg {
  background: var(--ptv-default-bg);
}

.popup-content {
  position: relative;
  width: 100%;
  height: auto;
  color: var(--ptv-default-text);
}

.popup-content .close {
  border: none;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.popup-content .login-social {
  display: flex;
  padding-top: 30px;
  align-items: center;
  justify-content: center;
}

.login-social .social-btn {
  background-color: var(--ptv-color-black);
  color: var(--ptv-color-white);
  border-radius: 50%;
  display: inline-block;
  font-size: 18px;
  margin: 0 10px;
  padding: 10px;
  height: 50px;
  width: 50px;
  font-size: 20px;
  line-height: normal;
  text-align: center;
}

.login-social .twitter {
  background-color: var(--twitter-color);
  color: var(--ptv-color-white);
}

.login-social .facebook {
  background-color: var(--facebook-color);
  color: var(--ptv-color-white);
}

.login-social .google {
  background-color: var(--google-color);
  color: var(--ptv-color-white);
}

.login-social .twitter:hover {
  background-color: var(--twitter-hover-color);
}

.login-social .facebook:hover {
  background-color: var(--facebook-hover-color);
}

.login-social .google:hover {
  background-color: var(--google-hover-color);
}

.division {
  float: none;
  overflow: hidden;
  margin: 20px 0 30px;
  position: relative;
  text-align: center;
  width: 100%;
}

.division .line-l {
  left: 0;
  border-top: 1px solid var(--ptv-border-default);
  position: absolute;
  top: 10px;
  width: 30%;
}

.division .line-r {
  right: 0;
  border-top: 1px solid var(--ptv-border-default);
  position: absolute;
  top: 10px;
  width: 30%;
}

.signup-form .form-group {
  margin-bottom: 1rem;
}

.signup-form input[type="file"] {
  height: 42px;
}

.form-cust .form-group {
  position: relative;
  margin-bottom: 30px;
}

.password-mandatory {
  padding: 20px;
}
.form-control, .form-select {
  background-color: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  color: var(--ptv-form-input-text);
  height: 42px;
  font-size: 18px!important;
  border-color: var(--ptv-form-input-border);
}
.form-control:focus {
  color: var(--ptv-form-input-text);
  background-color: var(--ptv-form-input-bg);
  border-color: var(--ptv-form-input-border);
  outline: 0;
  box-shadow:none;
}

.form-cust .form-group input[type="text"],
.form-cust .form-group input[type="password"],
.form-cust .form-group input[type="file"] {
  background: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  color: var(--ptv-form-input-text);
  height: 50px;
  font-size: 18px!important;
  border-color: var(--ptv-form-input-border);
}

.form-cust .form-group input[type="text"]:focus,
.form-cust .form-group input[type="password"]:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--ptv-form-input-border);
}
.topFilterForm .control-label{
  color: var(--ptv-form-input-text);
  font-size: 18px;
  margin-bottom: 8px;
  font-size: 18px;
}

.form-cust .form-control-placeholder {
  position: absolute;
  top: 0;
  padding: 12px 0 0 15px;
  opacity: 0.5;
  color: var(--ptv-form-input-text);
}

.form-control:focus+.form-control-placeholder,
.form-control:valid+.form-control-placeholder {
  font-size: 100%;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  color: var(--ptv-form-input-text);
}

.form-cust .btn-login {
  background-color: var(--ptv-primary-bg);
  border-color: var(--ptv-primary-bg);
  border-width: 0;
  color: var(--ptv-color-white);
  display: block;
  margin: 0 auto;
  padding: 15px 50px;
  text-transform: uppercase;
  width: 100%;
  font-size: 18px;
}

.form-cust .btmpopup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px;
}

.prev-signup-img {
  width: 120px;
  height: auto;
  margin-bottom: 15px;
  position: relative;
  margin-top: 5px;
}

.prev-signup-img img {
  width: 100%;
  object-fit: cover;
  object-position: center top;
}

.prev-signup-img .close {
  background: var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
  border-radius: 50%;
  overflow: hidden;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}

.form-cust .checkbox {
  display: flex;
  align-items: center;
}

.form-cust .checkbox input {
  margin-right: 15px;
}

.form-cust .checkbox label {
  margin: 0;
}

.text-primary {
  color: var(--ptv-primary-text) !important;
}

.loggedin li:not(.dropdown) {
  margin-left: 15px;
}

.loggedin li a.add,
.loggedin li a.notification {
  background-color: var(--ptv-secondry-bg);
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: var(--ptv-default-text);
  line-height: 41px;
  text-align: center;
  display: block;
}

.loggedin .header-dropdown {
  margin-top: 20px;
  background: var(--ptv-secondry-bg);
}

.loggedin .header-dropdown li {
  margin: 0;
}

.loggedin .header-dropdown li a.iconmenu {
  font-size: 18px;
  padding: 10px 15px;
  color: var(--ptv-default-text);
  display: flex;
}

.loggedin .header-dropdown li a.iconmenu:hover {
  background: var(--ptv-secondry-bg-light);
}

.loggedin .header-dropdown li a.iconmenu span.material-icons {
  color: var(--ptv-primary-text);
  font-size: 20px;
  width: 30px;
}

.sidebar-menu .top-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#MobHeader {
  background-color: var(--ptv-default-bg);
  position: fixed;
  top: 0;
  width: 100%;
  transition: top 0.3s;
  z-index: 999;
}

.MobeaderWrap {
  display: none;
}

.MobeaderWrap {
  border-bottom: 1px solid var(--ptv-border-default);
  height: 60px;
}

.MobeaderContent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  height: 60px;
}

.MobLeftSide,
.MobRightSide {
  display: flex;
  align-items: center;
}

.MobmenuWrap .navbar {
  padding: 0;
  width: 100%;
  position: absolute;
  top: 0;
  height: 60px;
}

.MobmenuWrap .navbar-collapse {
  position: fixed;
  top: 60px;
  right: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  width: 100%;
  background: var(--ptv-dropdown-bg);
  height: calc(100% - 60px);
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 100px;
}

.MobmenuWrap .navbar-collapse.clossing,
.MobmenuWrap .navbar-collapse.collapsing {
  height: auto !important;
  margin-right: 50%;
  display: block;
  height: 100vh !important;
}

.MobmenuWrap .navbar-collapse.show {
  right: 0;
  padding: 0;
}

.MobmenuWrap .navbar-nav .nav-link {
  border-bottom: 1px solid var(--ptv-border-default);
  letter-spacing: normal;
  font-size: 18px;
  padding-left: 15px;
  cursor: pointer;
  color: var(--ptv-default-text);
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  outline: 0;
}

.MobmenuWrap .navbar-nav .dropdown-menu {
  background: var(--ptv-secondry-bg-light);
  border-radius: 0;
  padding: 0;
}

.MobmenuWrap .navbar-nav .dropdown-menu .dropdown-item {
  padding: 8px 15px;
  font-size: 18px;
  border-bottom: 1px solid var(--ptv-border-default);
}

.MobLogo {
  max-width: 200px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  z-index: 9;
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.MobLogo img{
width: 100%;
height: auto;
}
.MobMenuScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: var(--ptv-body-bg);
}

.MobMenuScroll::-webkit-scrollbar {
  width: 3px;
  background-color: var(--ptv-default-bg);
}

.MobMenuScroll::-webkit-scrollbar-thumb {
  background-color: var(--ptv-default-bg);
}

.mobRightNav {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
}

.MobileSearchBtn {
  color: var(--ptv-default-text);
}

.createcurrency {
  max-height: 350px;
  overflow-y: scroll;
  padding: 0.5rem 0;
}

.createcurrency li {
  margin-left: 15px;
  margin-right: 15px;
}

.MobRightSide {
  height: 40px;
  overflow: hidden;
  width: 100%;
  margin-top: 60px;
  background: var(--ptv-primary-bg);
}

.mobMenuBox ul li div.darkModeSwitchFtr {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.mobRightNav li a {
  display: block;
  font-size: 20px;
  color: var(--ptv-default-text);
}

.nav-link:focus,
.nav-link:hover {
  color: var(--ptv-default-text);
}

.mobMenuBox {
  width: 100%;
  height: calc(100vh - 100px);
  background: var(--ptv-default-bg);
  overflow-y: scroll;
}

.mobMenuBox ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobMenuBox ul li a {
  padding: 10px 15px;
  color: var(--ptv-default-text);
  display: flex;
  align-items: center;
  font-size: 18px;
}

.mobMenuBox ul li a:hover {
  color: var(--ptv-default-text) !important;
}

.mobMenuBox ul li a .material-icons,
.mobMenuBox ul li a svg,
.mobMenuBox ul li a svg path,
.mobMenuBox ul li a svg circle {
  color: var(--ptv-primary-text);
  width: 28px;
  font-size: 24px;
  margin-right: 10px;
  height: 24px;
}

.mobMenuBox ul li:last-child {
  padding-bottom: 50px;
}

.MobLoggedIn {
  display: flex;
}

.MobloggedOut li a {
  font-size: 12px !important;
  color: var(--ptv-primary-text);
}

.MobDropdownNav .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  font-size: 12px;
  color: var(--ptv-color-black);
}

.MobDropdownNav .iconMenuList li a.iconmenu i {
  font-size: 18px;
  width: 20px;
}

.mobMenuBox ul div.notificationMenu {
  background: var(--ptv-default-bg);
  color: var(--ptv-default-text);
}

.MobDropdownNav .notificationMenu {
  min-width: 250px;
  height: calc(100vh - 100px);
  position: fixed;
}

.MobDropdownNav .notificationMenu li {
  padding: 0;
}

.mobMenuBox ul div.notificationMenu .notify-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  letter-spacing: 0;
}

.mobMenuBox ul div.notificationMenu .notify-header-action a {
  color: var(--ptv-default-text);
}

.mobMenuBox ul div.notificationMenu .notify-wrap {
  width: 100%;
  padding: 10px;
  letter-spacing: normal;
  display: flex;
  align-items: center;
}

.mobMenuBox ul div.notificationMenu .notify-header-action {
  display: flex;
}

.mobMenuBox ul div.notificationMenu .notify-header-action a {
  margin-left: 0;
  padding-right: 15px;
  font-size: 18px;
}

.mobMenuBox ul div.notificationMenu .notifyUnread {
  background: var(--ptv-secondry-bg-light);
}

.mobMenuBox ul div.notificationMenu .notifyRead {
  background: var(--ptv-color-white);
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 50px);
  align-items: center;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-img a {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text {
  width: calc(100% - 45px);
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text {
  color: var(--ptv-default-text);
  letter-spacing: 0;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text span.name {
  color: var(--ptv-default-text);
  font-size: 18px;
  display: block;
  line-height: normal;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text span.message {
  color: var(--ptv-default-text);
  font-size: 18px;
  display: inline-block;
  line-height: normal;
  padding: 5px 0;
  min-width: 200px;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text span.message a {
  color: var(--ptv-default-text);
  font-size: 18px;
  display: inline-block;
  line-height: normal;
  padding: 0;
  margin: 0;
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-text span.timedate {
  color: var(--ptv-default-text);
  font-size: 18px;
  display: block;
  padding: 0;
}

.mobMenuBox ul div.notificationMenu .notify-content-action {
  width: 50px;
  text-align: center;
}


.mobMenuBox ul div.MobNotification .notifyUnread {
  background: var(--ptv-default-bg);
}

.mobMenuBox ul div.MobNotification .notify-wrap {
  border-bottom: 1px solid var(--ptv-border-default);
}

.infinite-scroll-component {
  margin: 0;
}

.notify-text a {
  color: var(--ptv-color-black);
}

.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-img,
.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-img a span,
.mobMenuBox ul div.notificationMenu .notify-wrap .notify-content .notify-img a span img {
  width: 35px;
  height: 35px;
}

.MobSearchicon {
  margin-right: 15px;
}

.Mobsearch-bar {
  position: absolute;
  top: 61px;
  width: 100%;
}

.MobsearchForm {
  border: 1px solid var(--ptv-border-default);
  background: var(--ptv-default-bg);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.MobsearchForm input {
  background: 0 0;
  border-right: 1px solid var(--ptv-border-default);
  border-radius: 0;
  color: var(--ptv-default-text);
  margin-left: 5px;
}

.MobsearchForm input:focus {
  color: var(--ptv-default-text);
  background-color: transparent;
  border-color: var(--ptv-border-default);
  outline: 0;
  box-shadow: none;
}

/* .MobsearchForm button {
  color: var(--ptv-default-text);
} */

.loggedUer {
  display: flex;
}

.loggedUer img {
  width: 25px;
  object-fit: cover;
  object-position: center;
}

.MobDropdownNav .dropdown-menu-arrow,
.MobDropdownNav .dropdown-menu-right {
  float: right;
  margin-right: 0;
}

.MobDropdownNav .dropdown-menu-arrow:after,
.MobDropdownNav .dropdown-menu-arrow:before {
  bottom: -17px;
  right: 3px;
  border-bottom-color: var(--ptv-color-white);
}

.titleWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 15px;
  gap: 8px;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}

.titleWrap .title {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: var(--ptv-home-header-text);
  gap: 8px;
}

.titleWrap .title span svg {
  width: 30px;
}

.titleWrap .title span {
  background-color: transparent;
}

.titleWrap .title .recent_video .material-icons {
  font-size: 30px;
  color: var(--ptv-primary-text);
  vertical-align: middle;
}

.titleWrap .title .channel_post {
  margin-right: 10px;
}

.titleWrap .title .channel_post .material-icons {
  font-size: 30px;
  color: var(--ptv-primary-text);
  vertical-align: middle;
}

.titleWrap .title .category {
  margin-right: 10px;
}

.titleWrap .title .category .material-icons {
  font-size: 30px;
  color: var(--ptv-default-text);
  vertical-align: middle;
}

.titleWrap .title .icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.titleWrap .title .icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}


.titleWrap .title .sponsored svg {
  color: var(--ptv-lableSponsored);
}

.titleWrap .title .hot svg {
  color: var(--ptv-lableHot);
}

.titleWrap .title .featured svg {
  color: var(--ptv-lableFeatured);
}

.titleWrap .seemore_link {
  color: var(--ptv-default-text);
  font-size: 14px;
  transition: all 0.3s linear;
}

.titleWrap .seemore_link:hover {
  text-decoration: underline;
  color: var(--ptv-default-text);
}

.landing-page-cs-page .container.VideoRoWrap,
.landing-page-cs-page .VideoRoWrap .container,
.landing-page-cs-page hr.container {
  max-width: calc(100% - 50px);
}

.VideoRoWrap:hover .titleWrap .seemore_link {
  display: block;
}

.nextPrevButton .nextPrev {
  background: var(--ptv-icon-bg);
  color: var(--ptv-icon-text);
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
}

.nextPrevButton .nextPrev:hover {
  background: var(--ptv-icon-bg-hover);
}

.nextPrevButton .nextPrev .material-icons {
  font-size: 28px;
}

.nextPrevBanner {
  position: absolute;
  bottom: 32px;
  right: 32px;
  z-index: 1;
}

.nextPrevBanner .nextPrev {
  background: transparent;
  border: 2px solid var(--ptv-sliderBanner-text);
  color: var(--ptv-sliderBanner-text);
  padding: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear;
  background-image: none !important;
}

.nextPrevBanner .nextPrev .material-icons {
  font-size: 36px;
}



@-webkit-keyframes iconanimate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  99% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
  }
}

@keyframes iconanimate {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  99% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    opacity: 0;
  }
}

.LikeDislikeWrap {
  position: relative;
}

.LikeDislikeWrap .LikeDislikeList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.LikeDislikeWrap .LikeDislikeList li {
  font-size: 18px;
  font-weight: 500;
  color: var(--ptv-default-text);
  margin: 0 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.LikeDislikeWrap .LikeDislikeList li:hover {
  color: var(--ptv-primary-text);
}

.LikeDislikeWrap .LikeDislikeList li span {
  display: flex;
  align-items: center;
}

.LikeDislikeWrap .LikeDislikeList li span.material-icons,
.LikeDislikeWrap .LikeDislikeList li span.material-icons-outlined {
  margin-right: 5px;
  font-size: 22px;
}

.LikeDislikeWrap .LikeDislikeList li span.active {
  color: var(--ptv-primary-text);
}

.Share__container {
  padding: 0;
  margin: 0;
  position: relative;
}

.social-share {
  vertical-align: top;
  display: inline-block;
  margin-right: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.social-share__share-count {
  margin-top: 3px;
  font-size: 12px;
  display: none;
}

.social-share__share-button {
  cursor: pointer;
}

.social-share__share-button:hover:not(:active) {
  opacity: 0.75;
}

/* Share popup video info */

.shareVdoInfo {
  display: flex;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.shareVdoInfo .thumb {
  width: 200px;
  height: 125px;
  margin-right: 15px;
}

.shareVdoInfo .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.shareVdoInfo .name {
  width: 100%;
}

.shareVdoInfo .name h3 {
  font-size: 18px;
  color: var(--ptv-default-text);
  padding: 0px;
  font-weight: 500;
}

.shareVdoInfo .name .success {
  margin: 5px 0px;
}

.share-input {
  justify-content: space-between;
  display: flex;
  align-items: center;
  gap: 16px;
}

.share-input a {
  text-wrap: nowrap;
}
.form-control[readonly]{
  background-color: transparent;
}
.form-control:disabled{
  background-color: var(--ptv-form-input-bg);
  opacity: 0.6;
}
.categoryBox {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.categoryBox a {
  display: block;
  width: 100%;
}

.categoryBoxContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.categoryBoxContent .categoryBoxImg {
  width: 100%;
  object-fit: cover;
  object-position: center;
  height: 200px;
}

.categoryBoxContent .overlay {
  position: absolute;
  z-index: 2;
  background-color: var(--ptv-overlay-default);
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  -webkit-transition: all 0.35s ease-out 0s;
  transition: all 0.35s ease-out 0s;
  display: table;
}

.categoryBoxContent .overlay .categoryBoxText {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: var(--ptv-color-white);
  opacity: 1;
  z-index: 1;
}

.categoryBoxContent .lazy-load-image-loaded {
  height: 100%;
  width: 100%;
}

.categoryBoxText .catname {
  font-size: 18px;
  font-weight: 600;
}

.categoryBoxText .totlblg {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}

.snglblog-block {
  position: relative;
  overflow: hidden;
  width: 100%;
  color: var(--ptv-default-text);
  border-radius: 12px;
  background: var(--ptv-grid-bg);
}

.snglblog-block .blogImgWrap {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
}

.snglblog-block .blogImgWrap .blogImg {
  display: block;
  height: 100%;
  width: 100%;
}

.snglblog-block .blogImgWrap .blogImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

}

.blogLikeShareWrap {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
  content: "";
  height: 140px;
  left: 0;
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 3;
}

.blogLikeShareWrap .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.blogLikeShareWrap .BlogShareLike {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  color: var(--ptv-default-text);
}

.blogLikeShareWrap .blogShare {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 14px;
}

.snglblog-block .blogContent .tagName {
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
  display: inline-block;
  padding: 5px 15px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}

.snglblog-block .blogContent .blogTitle {
  font-size: 18px;
  color: var(--ptv-default-text);
  flex-grow: 1;
}

.snglblog-block .blogContent .blogShortdescpn {
  line-height: 20px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ptv-default-text);
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.blogFootr .authorDate a {
  color: var(--ptv-secondry-bg-light);
}

.blogFootr .LikeDislikeWrap {
  margin-top: 15px;
}

.blogFootr .LikeDislikeWrap .LikeDislikeList li:first-child {
  margin-left: 0;
}

.blogFootr .videoViewDate span.seprater {
  margin: 0 5px;
}

.blogImg .lbletop {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 5;
}

.BlogShareLike .vLDetailLikeShare .LikeDislikeList li {
  font-size: 18px;
}

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

.BlogShareLike .blogLike {
  font-size: 14px;
  cursor: pointer;
  margin-right: 15px;
}

.BlogShareLike .blogLike span i {
  font-size: 18px;
}

.BlogShareLike .blogLike:hover span {
  color: var(--ptv-primary-text);
}

.BlogShareLike .blogLike span.active {
  color: var(--ptv-primary-text);
}

.BlogShareLike .blogShare a i {
  font-size: 18px;
}

.BlogShareLike .blogShare a {
  margin-left: 15px;
}

.BlogShareLike .blogShare {
  margin-left: 15px;
}

footer {
  margin-top: 30px;
  width: 100%;
  position: relative;
  background: var(--ptv-default-bg);
}
footer.user-logged-in.mobile-layout-cnt{
  padding-bottom: 70px;
}
footer.user-logged-in.mobile-layout-cnt.audio-player{
  padding-bottom: 150px;
}
footer.user-logged-in.mobile-layout-cnt.video-player{
  padding-bottom: 180px;
}
footer.mobile-layout-cnt.audio-player{
  padding-bottom: 80px;
}
footer.mobile-layout-cnt.video-player{
  padding-bottom: 110px;
}
.footer-bottom-area {
  border-top: 1px solid var(--ptv-border-default);
  padding: 15px 0;
}

.footerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footerLinks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.footerLinks li {
  display: inline-block;
}

.footerLinks li:nth-child(6) {
  display: block;
  width: 100%;
}

.footerLinks li a {
  display: block;
  font-size: 18px;
  margin-right: 15px;
  color: var(--ptv-default-text);
}

.footerLinks li a:hover {
  color: var(--ptv-primary-text);
}
.footerLinks .dropdown-menu a{
  margin-left: 15px;
}
.footerCenter p.copyright {
  font-size: 18px;
  color: var(--ptv-default-text);
  margin: 0;
}

.footer2Ul,
.footerLinksRight {
  display: flex;
  align-items: center;
}

.adultSwitchFtr {
  margin: 6px;
  font-size: 18px;
}

.adultSwitchFtr label {
  padding-top: 3px;
}

.languageListWrap {
  padding: 0x;
  width: 100%;
}

.languageListWrap li {
  display: block;
}

.languageListWrap li:last-child {
  border-bottom: 0;
}

.languageListWrap li a.languageList {
  padding: 10px 15px;
  color: var(--ptv-color-black);
}

.footerLinks li a i.fab,
.footerLinks li a .twitter {
  width: 30px;
  height: 30px;
  background: 0 0;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  color: var(--ptv-color-white);
}

.footerLinks li a i.fa-instagram {
  background: var(--instagram-color);
}

.footerLinks li a i.fa-facebook-f {
  background: var(--facebook-color);
}

.footerLinks li a .twitter {
  background: var(--ptv-color-black)
}

.footerLinks li a .twitter img {
  height: 15px;
}

.footerLinks li a i.fa-vimeo-v {
  background: var(--vimeo-color);
}

.footerLinks li a i.fa-youtube {
  background: var(--instagram-color);
}

.footerLinks li a i.fa-pinterest-p {
  background: var(--pintrest-color);
}

.top30p {
  padding-top: 30px;
}

.popupDesign .modal-content {
  background: var(--ptv-default-bg);
  border-radius: 15px;
  color: var(--ptv-default-text);
}

.popupDesign .modal-content .modal-body button.close {
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
  opacity: 1;
  border-radius: 50%;
  top: -12px;
  right: -12px;
  padding: 10px;
}

.loginRgtrBox {
  width: 500px;
  margin: 0 auto;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 50px;
}

.loginRgtrBoxPopup {
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  padding: 15px;
}

.socialLogin {
  float: none;
  margin: 0 auto 15px;
  text-align: center;
}

.website_signup_link {
  margin-top: 10px !important;
  font-size: 14px;
  font-weight: 500;
}

.signup_accept,
label[for="female"],
label[for="male"],
label[for="subscribe"] {
  margin-left: 5px;
}



.signup_accept a {
  color: var(--ptv-primary-text);
}

.signup_accept {
  display: unset;
  margin-left: 5px;
}

.genter_signup#female {
  margin-left: 10px;
}

.loginTitle {
  border-bottom: 1px solid var(--ptv-border-default);
  font-size: 20px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  color: var(--ptv-color-black);
}

.socialLogin .circle {
  background-color: var(--ptv-color-black);
  color: var(--ptv-color-white);
  border-radius: 50%;
  display: inline-block;
  margin: 0 17px;
  padding: 10px;
  height: 50px;
  width: 50px;
  font-size: 20px;
  line-height: 30px;
}

.socialLogin .circle .fa {
  font-size: 18px;
  line-height: 45px;
}

.socialLogin .twitter {
  background-color: var(--ptv-color-black);
  color: var(--ptv-color-white);
}

.socialLogin .twitter img {
  height: 20px;
}

.menu_twitter {
  padding: 10px 0 !important;
  background-image: none !important;
}

.socialLogin .facebook {
  background-color: var(--facebook-color);
  color: var(--ptv-color-white);
}

.socialLogin .google {
  background-color: var(--google-color);
}

.loginRgtrBox .facebook:hover {
  background-color: var(--facebook-hover-color);
}

.loginRgtrBox .google:hover {
  background-color: var(--google-hover-color);
}

.socialLogin button.menu_twitter {
  background: 0 0;
  border: none;
}

.loginRgtrBox .division {
  float: none;
  margin: 0 auto 18px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.loginRgtrBox .division .line {
  border-top: 1px solid var(--ptv-border-default);
  position: absolute;
  top: 18px;
  width: 34%;
}

.loginRgtrBox .division .line.l {
  left: 0;
}

.loginRgtrBox .division .line.r {
  right: 0;
}

.loginRgtrBox .division span {
  color: var(--ptv-default-text);
  font-size: 17px;
}

.loginRgtrBox .forgot {
  color: var(--ptv-default-text);
  margin-left: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.loginRgtrBox .forgot a {
  color: var(--ptv-default-text);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  opacity: 0.8;
  letter-spacing: 0;
}



.loginRgtrBox .PhoneInput,
.loginBox .PhoneInput {
  width: 100%;
  margin-bottom: 15px;
}

.loginRgtrBox .form-control {
  margin-bottom: 15px;
}


.loginRgtrBox .box .form input[type="password"],
.loginRgtrBox .box .form input[type="text"] {
  border-radius: 3px;
  border: none;
  color: var(--ptv-default-text);
  font-size: 18px;
  height: 50px;
  margin-bottom: 5px;
  padding: 13px 12px;
  width: 100%;
}

.loginRgtrBox .close {
  font-size: 20px;
}

.tns-outer {
  direction: ltr;
}

#snglFullWdth .item img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.snglFullWdth-box {
  position: relative;
}

.snglFullWdth-box .img {
  position: relative;
}

.snglFullWdth-box .img::before {
  background: var(--ptv-color-black) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.snglFullWdth-box .img img,
.snglFullWdth-box .img span {
  width: 100%;
}

.snglFullWdth-box .content {
  left: 5%;
  position: absolute;
  right: 5%;
  text-align: center;
  top: 25%;
  z-index: 50;
}

.snglFullWdth .slick-initialized .slick-slide {
  padding-right: 0px;
}

.snglFullWdth-content-box {
  margin: auto;
  width: 60%;
}

.snglFullWdth-content-box .intro {
  color: var(--ptv-primary-text);
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
  margin: 0 0 4px;
}

.snglFullWdth-content-box .title {
  font-size: 45px;
  font-weight: 600;
  line-height: 60px;
  margin: 15px 0 15px 0;
  text-transform: uppercase;
  color: var(--ptv-color-white);
}

.snglFullWdth-content-box .text {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  width: 100% !important;
  color: var(--ptv-color-white);
}

.slideshow-enable .sidebar-menu {
  padding-top: 70px !important;
}

.sidemenu-opened .sidebar-menu {
  padding-top: 0px !important;
}

.fixed-header.slideshow-enable .SlideAdsWrap {
  margin-top: 70px;
}

/* .adv-theme.fixed-header.slideshow-enable .SlideAdsWrap {
  margin-top: 50px;
} */

.SlideAdsWrap.nobtn .control-arrow {
  display: none !important;
}

.mobile-layout-cnt.slideshow-enable .SlideAdsWrap {
  margin-top: 0px !important;
}

.mobile-layout .infinite-scroll-component__outerdiv {
  margin-top: 20px;
}

.snglFullWdth .tns-nav {
  display: none;
}

.snglFullWdth .tns-outer>button {
  display: none;
}

.slideshowSlider.slideshowSlider .snglFullWdth-content-box {
  display: none;
}

.slideshowSlider.slideshowSlider:hover .snglFullWdth-content-box {
  display: block;
}

.snglFullWdth-content-box .buttons .button:hover {
  background: var(--ptv-color-white) none repeat scroll 0 0;
  color: var(--ptv-primary-text);
}

.slideshowSlider.slideshowSlider:hover .snglFullWdth-box .img::before {
  opacity: 0.3;
}

.slideshowSlider.slideshowSlider .snglFullWdth-box .img::before {
  opacity: 0;
}

.slideshow-enable .snglFullWdth .tns-nav {
  display: block;
  bottom: -15px;
  position: absolute;
  right: 15px;
}

.slideshow-enable {
  padding-top: 0px !important;
}

.slideshow-enable .snglFullWdth .tns-nav button {
  padding: 5px;
  margin-right: 5px;
  background: var(--ptv-secondry-bg);
}

.slideshow-enable .snglFullWdth .tns-nav button.tns-nav-active {
  background: var(--ptv-primary-bg);
}

.snglFullWdth-content-box .buttons {
  margin: 47px 0 0;
}

.snglFullWdth-content-box .buttons .button {
  background: var(--ptv-primary-bg) none repeat scroll 0 0;
  border-radius: 25px;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 8px;
  padding: 13px 35px;
  text-transform: uppercase;
  color: var(--ptv-color-white);
}

.snglFullWdth-content-box .buttons .button:hover,
.snglFullWdth-content-box .buttons .button:nth-child(n + 2) {
  background: var(--ptv-color-white) none repeat scroll 0 0;
  color: var(--ptv-color-black);
}

.snglFullWdth-content-box .buttons .button:nth-child(n + 2):hover {
  background: var(--ptv-primary-bg) none repeat scroll 0 0;
  color: var(--ptv-color-white);
}

.carousel .carousel-status {
  font-size: 16px !important;
  margin-right: 20px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.4);
}

.carousel.carousel-slider .control-arrow {
  background: none !important;
}

.loadmoreBtn {
  display: flex;
  justify-content: center;
}

.btnLoadMore i {
  margin-left: 5px;
}

.loadmoreBtn .btnLoadMore {
  display: block;
  border: none;
  padding: 8px 24px;
  color: var(--ptv-default-text);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.loadmoreBtn .btnLoadMore:hover {
  opacity: 0.7;
}

.loadmoreBtn .load-more {
  animation: rotate 1s;
}

@keyframes rotate {
  100% {
    opacity: 1;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.sliderWrap {
  position: relative;
  width: 100%;
}

.donationWrap {
  position: relative;
    align-items: center;
    color: var(--ptv-default-text);
    background: var(--ptv-default-bg);
    border-radius: 16px;
    display: flex;
    margin: 16px 0;
    padding: 16px;
}
.tip-recharge{
  display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}
.tip-content{
  display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.donationInnr {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.totalDontn {
  display: flex;
  align-items: center;
  background: var(--ptv-success);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  color: var(--ptv-color-white);
}

.totalDontn .icon {
  line-height: 6px;
  margin-right: 6px;
}

.totalDontn .icon .f18 {
  font-size: 18px;
}

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

.tip_input .remove {
  margin-left: 5px;
  margin-top: 5px;
}

.tip_input a:hover {
  color: var(--ptv-primary-text);
}

.tip_cnt {
  max-height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.tipBtn {
  display: flex;
  align-items: center;
  border: 1px solid var(--ptv-border-default);
  border-radius: 6px;
  overflow: hidden;
  padding: 0 10px;
}



.tipBtn button .icon {
  line-height: 6px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  margin-right: 6px;
}

.tipBtn button .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tipBtn .count {
  padding: 0 8px;
  font-size: 18px;
  font-weight: 500;
}

.videoDetailsWrap-content {
  position: relative;
  width: 100%;
}

.embed-cnt {
  padding-top: 0px !important;
}

.embed-cnt .video_player_cnt,
.embed-cnt .mejs__container,
.embed-cnt .video-js,
.embed-cnt .video-js .vjs-tech {
  height: 100vh !important;
}

.mejs__container {
  height: 100% !important;
}

.embed-cnt .videoPlayerHeight {
  margin-bottom: 0px !important;
}
.videoPlayerHeight.subscription{
  height: 100% !important;
  min-height: auto;
  margin-bottom: 20px;
}
.video-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

.bntfullWidht a {
  font-size: 18px;
  margin: 2px 10px;
  display: block;
  display: inline-block;
  color: var(--ptv-default-text);
}

.bntfullWidht a:hover {
  color: var(--ptv-primary-text);
}

.videoPlayerHeight {
  position: relative;
  min-height: 350px;
}

.videoDetailsWrap-content .videoName {
  font-size: 18px;
  font-weight: 500;
  color: var(--ptv-default-text);
  letter-spacing: 0;
  display: block;
  line-height: 30px;
}

.bgSecondary {
  background-color: var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
}

.videoDetailsLikeWatch {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--ptv-border-default);
  padding-bottom: 20px;
  margin-bottom: 15px;
  align-items: center;
  color: var(--ptv-default-text);
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li,
.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li a {
  color: var(--ptv-default-text);
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li a {
  color: var(--ptv-default-text);
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li:hover,
.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li:hover a {
  color: var(--ptv-primary-text);
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li span.material-icons,
.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li span.material-icons-outlined {
  font-size: 24px;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown a {
  display: block;
  width: 100% !important;
  color: var(--ptv-default-text);
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show {
  min-width: 160px;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li {
  margin: 0;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a {
  padding: 8px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a span.material-icons {
  font-size: 18px;
  margin-right: 5px;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a:hover {
  color: var(--ptv-primary-text);
}

.vLDetailLikeShare .LikeDislikeWrap {
  display: flex;
  align-items: center;
}

.vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList {
  margin: 0;
  margin-right: 15px;
}

.vLDetailLikeShare .LikeDislikeList li {
  color: var(--ptv-default-text);
}

.reportBtnWrap a i.fa-ellipsis-h {
  font-size: 25px;
}

.reportBtnWrap a {
  color: var(--ptv-default-text);
}

.reportBtn li {
  margin: 0;
}

.reportBtn {
  min-width: 120px;
}

.LikeDislikeWrap .LikeDislikeList li ul.reportBtn li a {
  display: block;
  padding: 8px 10px;
  font-size: 18px;
  color: var(--ptv-default-text);
}

.LikeDislikeWrap .LikeDislikeList li ul.reportBtn li a i {
  margin-right: 10px;
}

.LikeDislikeWrap .LikeDislikeList li ul.reportBtn li a:hover {
  color: var(--ptv-primary-text);
}

.reportBtn li a {
  display: block;
  padding: 8px 10px;
  font-size: 18px;
  color: var(--ptv-default-text);
}

.reportBtn li a i {
  margin-right: 10px;
}

.reportBtn li a:hover {
  color: var(--ptv-primary-text);
}

.videoDetailsUserInfo .UserInfo .img a {
  width: 50px;
  height: 50px;
}

.videoDetailsWrap-content .blogShare button {
  margin-right: 15px;
}

.videoDetailsWrap-content .blogShare {
  margin-bottom: 20px;
}

.videoDetailsUserInfo .UserInfo .img img {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: top;
}


.videoDetailsUserInfo .UserInfo .content span {
  left: 0;
  font-size: 14px;
  line-height: 18px;
}

.VideoDetailsDescp {
  margin-left: 70px;
  margin-top: 10px;
  letter-spacing: 0;
  line-height: 22px;
}

#VideoDetailsDescp>a:hover {
  color: var(--ptv-primary-text);
}

.VideoDetailsDescp a.morelink {
  text-transform: uppercase;
  margin-top: 20px;
  color: var(--ptv-secondry-text);
  font-size: 14px;
}

.VideoDetailsDescp .morecontent span {
  display: none;
}

.VideoDetailsDescp .morelink {
  display: block;
}



.VideoDetails-commentWrap p {
  position: relative;
  right: 0;
  z-index: 1;
}

.VideoDetails-commentWrap h3 {
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0;
  margin-bottom: 10px;
}

.VideoDetails-commentWrap .ai-button{
  margin: 10px;
}
.TitleRightDropdown .edit-options.show {
  min-width: 120px;
}

.topvideos-wrap {
  margin-top: 20px;
  padding: 0;
}

.Latestvideos-single {
  margin: 0 0 30px;
}

.Latestvideos-single::before {
  opacity: 0;
}

.Latestvideos-single::after {
  opacity: 0.75;
}

.Latestvideos-single .iconPlay {
  opacity: 1;
}

.Latestvideos-single .content {
  bottom: 15px;
  left: 0;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: left;
  z-index: 8;
}

.Latestvideos-single .content .star-ratings {
  margin: 0;
  margin-bottom: 10px;
}

.Latestvideos-single .content .UserName {
  font-size: 18px;
}

.Latestvideos-single .content .date,
.Latestvideos-single:hover .content .date {
  border-bottom: 1px solid var(--ptv-border-default);
  margin: 0 0 20px;
  padding: 0 0 18px;
}

.Latestvideos-single .content .duration {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.Latestvideos-single .content .socialfollowNo {
  justify-content: left;
  margin-top: 15px;
}

.LatestvideosSld-single {
  margin: 0 0 30px;
}

.LatestvideosSld-single .content {
  bottom: 16px;
  padding: 0 10px;
}

.LatestvideosSld-single .content .date,
.LatestvideosSld-single:hover .content .date {
  margin: 0;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--ptv-color-black);
  background-color: transparent !important;
}

.btn-slide .carousel-slider>button>i {
  color: var(--ptv-color-white);
}

.btn-slide .carousel-slider>button {
  background: var(--ptv-primary-bg) none repeat scroll 0 0 !important;
  border-radius: 100%;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 36px;
}

.btn-slide .carousel-slider>button:focus {
  outline: 0;
}

.btn-slide .carousel-slider>button:hover {
  background: var(--ptv-primary-bg) none repeat scroll 0 0 !important;
}

.btn-slide .carousel-slider button.control-next {
  margin-left: 5px;
}

.btn-slide .carousel-slider button.control-prev,
.carousel-slider button.control-prev {
  position: absolute;
  transform: translate(0, -57px);
  font-size: 30px;
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white) !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  margin-top: 10px;
  top: 50%;
  z-index: 1;
  left: 10px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 30%), 0 0 4px rgb(0 0 0 / 20%);
}

.btn-slide .carousel-slider button.control-next,
.carousel-slider button.control-next {
  position: absolute;
  transform: translate(0, -57px);
  font-size: 30px;
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white) !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  margin-top: 10px;
  top: 50%;
  right: 10px;
  z-index: 1;
  box-shadow: 0 4px 4px rgb(0 0 0 / 30%), 0 0 4px rgb(0 0 0 / 20%);
}

.btn-slide .carousel-slider button.control-next .material-icons,
.btn-slide .carousel-slider button.control-prev .material-icons {
  line-height: 30px;
}

.ad-wrap {
  width: 100%;
  padding: 50px 0;
  background: var(--ptv-secondry-bg);
  position: relative;
}

.adv-theme .btn-slide .carousel-slider button.control-prev,
.adv-theme .carousel-slider button.control-prev {
  transform: none;
  background: #0000008f;
  width: 40px;
  height: calc(100% - 100px);
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  top: 50px;
  left: 5px;
  box-shadow: none;
}

.adv-theme .btn-slide .carousel-slider button.control-next,
.adv-theme .carousel-slider button.control-next {
  transform: none;
  background: #0000008f;
  width: 40px;
  height: calc(100% - 100px);
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  top: 50px;
  right: 0;
  z-index: 1;
  box-shadow: none;
}

.adv-theme .btn-slide .carousel-slider button.control-next .material-icons,
.adv-theme .carousel-slider button.control-next .material-icons,
.adv-theme .btn-slide .carousel-slider button.control-prev .material-icons,
.adv-theme .carousel-slider button.control-prev .material-icons {
  font-size: 40px;
}

.adcontent {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.adcontent .intro {
  bottom: 34%;
  color: var(--ptv-primary-text);
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  right: 236px;
}

.adcontent .title {
  bottom: 45px;
  font-size: 60px;
  font-weight: 900;
  line-height: 70px;
  position: absolute;
  right: 50px;
}

.newsletter-wrap {
  background: rgba(0, 0, 0, 0) url(../../images/newsletter-bg.jpg) no-repeat scroll 0 0 / cover;
  padding: 100px 0 200px;
  margin: 50px 0;
}

.newsletter-wrap::before {
  opacity: 0.8;
}

.newsletter-overlay {
  position: relative;
}

.newsletter-overlay::before {
  background: var(--ptv-color-black) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.newsletter {
  text-align: center;
}

.newsletter .title {
  color: var(--ptv-primary-text);
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 0 0 14px;
}

.newsletter .text {
  color: var(--ptv-primary-text);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 34px;
}

.newsleter-input-box {
  position: relative;
}

.newsleter-input-box input[type="text"] {
  border: 0 none;
  border-radius: 25px;
  color: var(--ptv-color-black);
  font-size: 14px;
  height: 44px;
  letter-spacing: 0;
  padding: 0 50px 0 30px;
  width: 100%;
}

.newsleter-input-box button {
  border-radius: 25px;
}

.blog-details-title .title {
  font-size: 24px;
  font-weight: 500;
}
.blogDateTitme{
  font-size: 14px;
  opacity: 0.7;
  margin-bottom: 16px;
}

.blog-details-title .subTitle {
  font-size: 18px;
  opacity: 0.5;
}

.thumbImgB img{
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.blog_time {
  font-size: 14px;
  margin-top: 10px;
}

.blog-details .UserInfo .content .userflow {
  display: flex;
}


.blog-details p {
  margin-bottom: 15px;
}

.blog-details .comments {
  margin: 20px 0;
}

.blog-details .comments h4 {
  font-size: 20px;
  margin: 20px 0;
  font-weight: 100;
}

.blog-details .blogtagListWrap {
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.blog-details .blogtagList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-details .blogtagList li {
  float: left;
}

.blog-details .owl-item .BlogShareLike {
  border: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}

.blog-details .BlogShareLike {
  display: flex;
  border-bottom: 1px solid var(--ptv-border-default);
  padding-bottom: 10px;
  margin-bottom: 40px;
  margin-top: 10px;
  flex-flow: column-reverse;
}

.blog-details .BlogShareLike .animated-rater {
  align-self: flex-start;
  margin-top: 20px;
}

.blog-details .BlogShareLike .LikeDislikeWrap {
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList li:first-child {
  margin-left: 0;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList li span.material-icons,
.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList li span.material-icons-outlined {
  font-size: 24px;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList li a {
  color: var(--ptv-default-text);
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown a {
  display: block;
  width: 100% !important;
  color: var(--ptv-default-text);
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown ul.dropdown-menu li {
  min-width: 120px;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown ul.dropdown-menu li a {
  padding: 8px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown ul.dropdown-menu li a:hover {
  color: var(--ptv-primary-text);
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown ul.dropdown-menu li {
  margin: 0 !important;
}

.blog-details .BlogShareLike .LikeDislikeWrap .LikeDislikeList .TitleRightDropdown ul.dropdown-menu li a span.material-icons {
  font-size: 18px;
  margin-right: 5px;
}

.blog-details .BlogShareLike .vLDetailLikeShare {
  display: flex;
  align-items: center;
}

.blog-details .BlogShareLike .blogLike {
  font-size: 18px;
  cursor: pointer;
}

.blog-details .BlogShareLike .blogLike span i {
  font-size: 18px;
}

.blog-details .BlogShareLike .blogLike:hover span i {
  color: var(--ptv-primary-text);
}

.blog-details .BlogShareLike .blogLike span.active i {
  color: var(--ptv-primary-text);
}

.blog-details .BlogShareLike .blogShare a i {
  font-size: 20px;
}

.blog-details .BlogShareLike .blogShare a {
  margin-left: 15px;
}

.blog-details .likefollowfavritBtns {
  display: flex;
}

.blog-details .likefollowfavritBtns .actionbtn {
  margin-right: 15px;
  display: flex;
  cursor: pointer;
}

.blog-details .likefollowfavritBtns .actionbtn:hover {
  color: var(--ptv-primary-text);
}

.blog-details .likefollowfavritBtns .actionbtn.active {
  color: var(--ptv-primary-text);
}

.blog-details .likefollowfavritBtns .actionbtn span.count {
  display: inline-block;
  margin-right: 5px;
}

.blog-details .edit>a {
  background: var(--ptv-primary-bg);
  border: none;
  color: var(--ptv-default-text);
  padding: 12px 15px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
}

.blog-details .delete>a {
  background: var(--ptv-primary-bg);
  border: none;
  color: var(--ptv-default-text);
  padding: 12px 15px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
}

.blog-comment {
  margin-top: 20px;
  background: var(--ptv-secondry-bg);
  border-radius: 0 0 5px 5px;
  padding: 30px 15px;
}

.userflow a.addDelete,
.userflow a.addEdit {
  color: var(--ptv-color-white);
  margin: 5px;
  display: inline-block;
}

.userflow a.addDelete:hover,
.userflow a.addEdit:hover {
  color: var(--ptv-primary-text);
}

.video-grid-wrap {
  position: relative;
}

.grid-menu {
  background: var(--ptv-default-bg) none repeat scroll 0 0;
  border-radius: 5px;
  margin: 0 0 30px;
  padding: 20px 28px;
  position: relative;
}

.grid-menu>div {
  display: inline-block;
}

.grid-menu nav .nav-tabs {
  border: 0 none;
  margin-right: 5px;
}

.grid-menu nav .nav-tabs .nav-link {
  background: var(--ptv-color-black) none repeat scroll 0 0;
  border: 1px solid var(--ptv-color-black);
  border-radius: 5px;
  color: var(--ptv-default-text);
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 30px;
}

.grid-menu nav .nav-tabs .nav-link.active {
  background: var(--ptv-primary-bg) none repeat scroll 0 0;
  border-color: var(--ptv-primary-bg);
  color: var(--ptv-default-text);
}

.grid-menu nav .nav-tabs .nav-link:last-chlid {
  margin-right: 0;
}

.grid-menu .sort-show select {
  background: var(--ptv-default-bg) none repeat scroll 0 0;
  border: 1px solid var(--ptv-default-bg);
  border-radius: 5px;
  color: var(--ptv-default-text);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  letter-spacing: 0;
  padding: 4px 14px;
}

.grid-menu .sort-show p {
  color: var(--ptv-default-text);
  display: inline-block;
  line-height: 24px;
  margin: 0 8px;
}

.grid-menu .pages ul {
  list-style: outside none none;
  padding: 0;
}

.grid-menu .pages ul li {
  display: inline-block;
  margin-left: 3px;
}

.grid-menu .pages ul li a {
  background: var(--ptv-default-bg) none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: var(--ptv-secondry-text-light);
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

.grid-menu .pages ul li:first-child a,
.grid-menu .pages ul li:last-child a {
  background: var(--ptv-default-bg) none repeat scroll 0 0;
  border-color: var(--ptv-default-bg);
  color: var(--ptv-default-text);
}

.grid-menu .pages ul li a.active,
.grid-menu .pages ul li a:hover {
  background: var(--ptv-primary-bg) none repeat scroll 0 0;
  border-color: var(--ptv-primary-bg);
  color: var(--ptv-default-text);
}

.grid-pages .ThumbnailBox-video {
  margin: 0 0 30px;
}



.details-tab-box .gridContainer {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.contact-area {
  position: relative;
}

.verification-request {
  background-color: var(--ptv-grid-bg);
    color: var(--ptv-default-text);
    border-color: var(--ptv-grid-bg);
    font-size: 18px;
}

.clear-history {
  margin-left: 10px;
}
.clear-selected-button,.Toastify__close-button{
  background-image: none !important;
}
.cf-msg {
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.cf-msg p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--ptv-default-text);
  text-transform: capitalize;
}

.contact-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
}

.contact-us form .cf-input-box {
  margin: 0 0 15px;
}

.contact-us form .cf-input-box label {
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 0 10px;
}

.contact-us form .cf-input-box input,
.contact-us form .cf-input-box textarea {
  border:1px solid var(--ptv-form-input-border);
}

.contact-us form .cf-input-box textarea {
  height: 150px;
}



.contact-info .info {
  list-style: outside none none;
  margin: 44px 0 0;
  padding: 0;
  margin-bottom: 30px;
}

.contact-info .info li {
  display: block;
  font-size: 18px;
  letter-spacing: 0;
  margin: 0 0 14px;
}

.contact-info .info li .material-icons {
  font-size: 18px;
}

.contact-info .info li .material-icons,
.contact-info .info li i {
  color: var(--ptv-primary-text);
  margin-right: 15px;
}

.contact-info .info li:last-child {
  margin-bottom: 0;
}

.gmap {
  margin-bottom: 50px;
}

.member-cnt-view {
  min-height: 90px;
}

.header-info-wrap .box-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.header-info-wrap .infocontent {
  position: relative;
  z-index: 3;
}

.header-info-wrap .coverphotoUser .editCoverImg {
  position: absolute;
  bottom: 75px;
  right: 15px;
  background: var(--ptv-primary-bg);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  z-index: 4;
}



.header-info-wrap .coverphotoUser .editCoverImg a .material-icons {
  line-height: 50px;
}

.header-info-wrap .coverphotoUser .editCoverImg a {
  color: var(--ptv-color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}


.header-info-wrap .coverphotoUser .editCoverImg .dropdown-menu a, .channel-profile-img a {
  align-items: start;
  justify-content: left;
  padding: 4px 12px;
  display: flex;
}
.userInfo-block-wrap {
  position: relative;
  color: var(--ptv-default-text);
  z-index: 4;
}

.userInfo-block-content {
  padding: 15px 0;
  position: relative;
}

.userInfo-block-content .userphoto-profile-img {
  width: 170px;
  height: 170px;
  position: absolute;
  top: -85px;
  background: var(--ptv-default-bg);
  border-radius: 50%;
}

.userInfo-block-content .userphoto-profile-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
  border: 3px solid var(--ptv-default-bg);
}

.userInfo-block-content .userphoto-profile-img .editProfImg .material-icons {
  font-size: 18px;
  line-height: 30px;
}

.userInfo-block-content .userphoto-profile-img .editProfImg {
  position: absolute;
  bottom: 15px;
  right: 45px;
  background: var(--ptv-primary-bg);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.userInfo-block-content .userphoto-profile-img .editProfImg {
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: var(--ptv-color-white);
}

.userInfo-block-content .userphoto-profile-img .editProfImg:hover {
  color: var(--ptv-default-text);
}

.userInfo-block-content .user-profile-title {
  position: absolute;
  top: -70px;
  margin-left: 185px;
  color: var(--ptv-color-white);
}

.userInfo-block-content .user-profile-title h4 {
  color: var(--ptv-color-white);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}



.userInfo-block-content .user-profile-title h4 .verifiedUser span.material-icons,
.plancard .pname .verifiedUser span.material-icons {
  font-size: 14px;
  font-weight: 700;
}

.follow-cnt a {
  color: var(--ptv-default-text);
}

.userInfo-block-content .LikeDislikeWrap,
.userInfo-block-content .user_followed {
  margin-left: 190px;
}

.userInfo-block-content .user_followed .channel_subscribe {
  display: flex;
  align-content: initial;
  align-items: center;
  gap:10px;
}

.userInfo-block-content .user_followed {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: var(--ptv-default-text);
  align-items: baseline;
}

.userInfo-block-content .user_followed .follow {
  font-size: 14px;
  color: var(--ptv-default-text);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--ptv-border-default);
  padding: 8px 15px;
  border-radius: 5px;
  background: var(--ptv-default-bg);
  margin-right: 15px;
}

.userInfo-block-content .LikeDislikeWrap li a,
.userInfo-block-content .user_followed {
  color: var(--ptv-default-text);
}

.userInfo-block-content .user_followed .follow:hover,
.userInfo-block-content .user_followed a.active {
  background: var(--ptv-primary-bg);
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li:first-child {
  margin-left: 0;
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li span.material-icons,
.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li span.material-icons-outlined {
  font-size: 24px;
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown a {
  display: block;
  /* width: 100% !important; */
  color: var(--ptv-default-text);
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show {
  background-color: var(--ptv-dropdown-bg);
  min-width: 120px;
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li {
  margin: 0;
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a {
  padding: 8px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a:hover {
  color: var(--ptv-primary-text);
}

.userInfo-block-content .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show li a span.material-icons {
  font-size: 18px;
  margin-right: 5px;
}

.blogShare {
  margin-top: 10px;
}

.userInfo-content-left {
  margin-left: 190px;
  float: left;
}

.userating {
  letter-spacing: normal;
  display: flex;
  align-items: center;
}

.userating .animated-rater {
  line-height: 25px;
}

.userInfo-content-right {
  float: left;
  max-width: 680px;
}

.userInfo-block-content .userInfo-field {
  margin-bottom: 5px;
  font-size: 12px;
  display: block;
  line-height: 18px;
}

.userInfo-block-content .userInfoList {
  display: inline-block;
  width: 100%;
  padding-left: 0;
}

.userInfo-block-content .userInfoList li {
  margin-left: 2px;
  margin-right: 0;
  padding: 5px;
  display: inline-block;
  font-size: 14px;
}

.userInfo-block-content .userInfoList li .actionbtn {
  color: var(--ptv-default-text);
  cursor: text;
  font-size: 14px;
  line-height: 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.userInfo-block-content .userInfoList li:hover .actionbtn {
  color: var(--ptv-primary-text);
}

.userInfo-block-content .userInfoList li .active {
  color: var(--ptv-primary-text);
}

.userInfo-content-right .statsBtn {
  margin-top: 10px;
}

.userInfo-content-right .statsBtn button {
  border: 1px solid var(--ptv-primary-text);
}

.userInfo-content-right .statsBtn button:hover {
  background: var(--ptv-default-bg);
  border: 1px solid var(--ptv-primary-text);
  color: var(--ptv-primary-text);
}

.user-area {
  position: relative;
}

.userInfo-block-content .userInfoList li ul.reportBtn li {
  display: block;
  margin: 0;
  padding: 0;
}

.react-calendar button.react-calendar__month-view__days__day {
  color: #000;
}

.react-calendar__month-view__days__day--weekend {
  color: var(--ptv-danger) !important;
}

.react-calendar__navigation button,
.react-calendar__year-view__months button {
  color: var(--ptv-color-black);
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  color: var(--ptv-color-black);
}

.formFields .form-group label {
  display: block;
  font-size: 18px;
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 10px;
  color: var(--ptv-form-lable-text);
  font-weight: 700;
}

.field_mantatory {
  margin-left: 3px;
  color: var(--ptv-danger);
}

.formFields .form-group {
  margin-bottom: 30px;
}

.form-group-fields {
  display: flex;
}

.form-group-fields .form-group {
  margin-bottom: 0px;
}

.form-group-fields .parent-cnt {
  padding-left: 0px;
}
.PhoneInputInput{
  border:none;
}
.PhoneInputInput:focus{
  box-shadow: none;
}
.formFields .form-group input[type="email"],
.formFields .form-group input[type="password"],
.formFields .form-group input[type="text"],
.formFields .form-group input[type="number"].form-input,
.formFields .form-group input[type="tel"].PhoneInputInput {
  background: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  height: 52px;
  width: 100%;
  padding: 0 10px;
}

.form-post-description {
  margin-top: 10px;
  opacity: 0.7;
  font-style: italic;
  font-size: 15px;
}

.react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday {
  color: var(--ptv-color-black);
}

.formFields .form-group textarea {
  background: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  height: 150px;
  width: 100%;
}

.formFields .form-group textarea:hover {
  background: var(--ptv-form-input-bg);
}

.formFields .form-group select {
  background-color: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  width: 100%;
  height: 52px;
}

.formFields .form-group select option {
  background: var(--ptv-form-input-bg);
}

.form-check-input:checked {
  border-color: var(--ptv-primary-bg);
  background-color: var(--ptv-form-input-bg-focus);
}

.mobMenuLoginBtn .custom-control-input:checked~.custom-control-label::before {
  border-color: var(--ptv-primary-bg);
  background-color: var(--ptv-primary-bg);
}

.mobMenuLoginBtn .iconmenu {
  display: flex;
  align-items: center;
}

.error,
.form_error {
  color: var(--ptv-danger);
  font-size: 18px;
  display: block;
  margin-top: 10px;
}

.success {
  color: var(--ptv-success);
  font-size: 18px;
  display: block;
  margin-top: 10px;
}

.formFields .custmlabelfile {
  color: var(--ptv-color-black);
  background: 0 0;
  border: 1px solid var(--ptv-border-default);
}

.filesinput input {
  outline: 2px dashed var(--ptv-form-input-border);
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  padding: 60px 0 85px 35%;
  text-align: center !important;
  margin: 0;
  width: 100% !important;
}

.filesinput input:focus {
  outline: 2px dashed var(--ptv-form-input-border);
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  border: 1px solid var(--ptv-form-input-border);
}

.filesinput {
  position: relative;
}

.filesinput:before {
  position: absolute;
  top: 20px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  content: " or drag it here. ";
  display: block;
  margin: 0 auto;
  color: var(--ptv-primary-text);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.titleform {
  border-bottom: 1px solid var(--ptv-form-input-border);
  font-size: 25px;
  line-height: 40px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.generalErrors {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.generalErrors .alert {
  padding: 10px;
  font-size: 18px;
  letter-spacing: 0;
  display: inline-block;
}

.generalErrors .alert-dismissible .close {
  padding: 2px 10px;
}

.ffmpeg_enabled,
.recharge_wallet {
  font-size: 18px !important;
  color: var(--ptv-primary-text) !important;
}

.previewUploadImg {
  display: flex;
  margin: 15px;
  margin-top: 0;
}

.previewUploadImg div {
  width: 90px;
  position: relative;
  overflow: hidden;
}

.previewUploadImg div img {
  width: 100%;
  height: auto;
}

.loginRgtrBox .close,
.previewUploadImg div .close {
  position: absolute;
  top: -2px;
  right: -2px;
  color: var(--ptv-color-black);
  font-size: 20px;
  cursor: pointer;
}

.draguploadContent {
  border: 2px dashed var(--ptv-border-default);
  padding: 15px;
}

.uploadsPg input {
  outline: 2px dashed var(--ptv-form-input-border);
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  padding: 150px 0 85px 35%;
  text-align: center !important;
  margin: 0;
  width: 100% !important;
}

.uploadsPg input:focus {
  outline: 2px dashed var(--ptv-form-input-border);
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  border: 1px solid var(--ptv-form-input-border);
}

.uploadsPg {
  position: relative;
}

.uploadsPg:before {
  position: absolute;
  top: 30px;
  left: 0;
  pointer-events: none;
  width: 60%;
  right: 0;
  content: " Drag and drop anywhere to upload";
  display: block;
  margin: 0 auto;
  color: var(--ptv-color-black);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  font-size: 25px;
}

.serachRsltsort {
  display: flex;
  justify-content: end;
  letter-spacing: normal;
}

.serachRsltsort .totalno span {
  font-weight: 700;
}

.serachRsltsort .sortbys {
  display: flex;
  justify-content: end;
}

.serachRsltsort .sortbys span.lble {
  line-height: 38px;
  width: 85px;
  color: var(--ptv-secondry-text);
}

.serachRsltsort .form-group {
  margin-bottom: 15px;
}

.sdBarSearchBox {
  letter-spacing: normal;
  /* border-bottom: 1px solid var(--ptv-secondry-bg); */
  margin-bottom: 15px;
}

.sdBarSearchBox .title {
  font-size: 18px;
  margin-bottom: 16px;
}

.sdBarSearchBox .formFields .custom-radio {
  margin-bottom: 12px;
    gap: 12px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.sdBarSearchBox .formFields .custom-radio label{
  margin: 0;
}

.sdBarSearchBox .formFields .custom-control-label span {
  font-size: 14px;
  color: var(--ptv-secondry-text);
}

.sdBarSearchBox .form-group {
  margin-bottom: 15px;
}

.sdBarSearchBox .formFields .subtitle {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
.form-check-input[type="checkbox"]{
  width: 42px !important;
  height: 22px !important;
  margin-top: 0;
}
.form-check-input[type="radio"]{
  width: 22px !important;
  height: 22px !important;
  margin-top: 0;
}
.form-switch .form-check-input:checked{
  width: 42px !important;
  height: 24px !important;
}
.form-check.form-switch{
  gap: 8px;
  display: flex;
  align-items: center;
}
.form-check.form-switch label{
  margin: 0px !important;
}
.form .formFields{
  background: var(--ptv-default-bg);
  border-radius: 15px;
  padding: 20px 20px;
}
.minimizeBox .videoList-title{
font-size: 14px!important;
}

.minimizeBox {
  position: fixed;
  bottom: 0;
  right: 15px;
  z-index: 9999;
  width: 350px;
  height: auto;
  border: 1px solid var(--ptv-border-default);
  background: var(--ptv-default-bg);
  box-shadow: 0 5px 10px var(--ptv-color-black);
}

.minimizeBox .footer {
  display: flex;
  justify-content: space-between;
  /* background: var(--ptv-grid-bg); */
  padding: 5px 15px;
}

.minimizeBox .footer .maxClose a {
  font-size: 18px;
  display: inline-block;
  padding-left: 10px;
  color: var(--ptv-default-text);
}

.minimizeBox .PlayPause a {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 14px;
  letter-spacing: normal;
  color: var(--ptv-default-text);
}

.btn-grey {
  background-color: var(--ptv-secondry-bg-light);
  color: var(--ptv-default-text);
}

.ratingpopup .rating-block {
  background-color: var(--ptv-secondry-bg-light);
  border: 1px solid var(--ptv-secondry-bg-light);
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.ratingpopup .rating-block h4,
.ratingpopup h4 {
  font-size: 20px;
}

.ratingpopup .rating-block h4 {
  color: var(--ptv-default-text);
}

.ratingpopup .rating-block h4 {
  margin-bottom: 15px;
}

.ratingpopup .padding-bottom-7 {
  padding-bottom: 7px;
}

.ratingpopup .rating-block .animated-rater {
  margin-top: 20px;
}

.ratingpopup .rating-block .animated-rater .is-disabled {
  background: var(--Bgcolor-light);
  width: 28px;
  height: 28px;
  color: var(--ptv-default-text) !important;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}

.ratingpopup .rating-block h2 {
  color: var(--ptv-default-text);
}

.ratingpopup .rating-block .animated-rater .is-active {
  background: 0 0;
  width: 28px;
  height: 28px;
  color: var(--color-rating-yellow) !important;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}

.ratingpopup .ratingBrkdn {
  color: var(--ptv-color-black);
}

.ratingpopup .ratingBrkdn h4 {
  color: var(--ptv-color-black);
  font-size: 18px;
  margin-bottom: 15px;
}

.ratingpopup .pull-left {
  float: left !important;
}

.ratingpopup .pull-right {
  float: right !important;
}

.ratingpopup .modal-title {
  color: var(--ptv-color-black);
  font-size: 20px;
}

.channelRating {
  letter-spacing: normal;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.playlistProfileRateshare .ChannelMoreinfo,
.playlistProfileRateshare .blogShare {
  margin: 0 !important;
}

.playlistProfileRateshare .ChannelMoreinfo {
  margin-right: 15px !important;
}
.artistDetailsWrap,
.playlistDetail{
  background: var(--ptv-default-bg);
    padding: 16px;
    border-radius: 16px;
}
.artistDetailsWrap .playList-profileRight .LikeDislikeWrap .LikeDislikeList li:first-child {
  margin-left: 0;
}

.autoPlayWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  font-size: 18px;
}

.PlaylistSidebar {
  border: 1px solid var(--ptv-border-default);
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.PlaylistSidebar .playlist_videos_list {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0;
}
.PlaylistSidebar .playlist_videos_list{
  background-color: var(--ptv-body-bg);
}
.PlaylistSidebar .playlist_videos_list .active {
  background: var(--ptv-icon-bg-hover);
}

.PlaylistSidebar .playlist_name {
  border-bottom: 1px solid var(--ptv-border-default);
}

.sidevideoWrap .videoList_thumb {
  width: 120px;
}

.playlistGroup {
  transition: all 0.3s linear;
}

.sidevideoWrap .vdoDuration {
  bottom: 4px;
  right: 4px;
}

.sidevideoWrap .watchPlayBtn {
  position: absolute;
  top: 8px;
  left: 8px;
}

.playlistGroup:hover .sidevideoWrap .watchPlayBtn {
  display: block !important;
}

.userInfo-content-right .statsBtn {
  display: flex;
}

.userInfo-content-right .statsBtn .actionbtn {
  margin-right: 15px;
}

.ratingWithEditDlt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;
}

.editDelet ul {
  display: flex;
  list-style: none;
  font-size: 18px;
  letter-spacing: 0;
  cursor: pointer;
  color: var(--ptv-secondry-text);
  padding: 0;
  margin: 0;
}

.editDelet ul li {
  margin-right: 20px;
}

.editDelet ul li:hover {
  color: var(--ptv-primary-text);
}

.search-form [type="button"],
.search-form [type="reset"],
.search-form [type="submit"],
.search-form button {
  background: var(--ptv-primary-bg);
  border: none;
  color: var(--ptv-color-white);
  padding: 10px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
}


.ThumbnailBox-video .lbletop {
  position: absolute;
  z-index: 99;
  top: 15px;
}

.titleBarTop {
  width: 100%;
  position: relative;
  height: 300px;
  background: var(--ptv-color-black);
}

.titleBarTopBg {
  position: absolute;
  height: 300px;
  width: 100%;
  z-index: 0;
  background: var(--ptv-color-black);
}

.titleBarTop .overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
  height: 300px;
  width: 100%;
}

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

.mainContentWrap {
  z-index: 2;
}

.titleHeadng h1 {
  color: var(--ptv-color-white);
  font-size: 30px;
  letter-spacing: 0;
  margin-top: 80px;
}

.formBoxtop {
  margin-top: -100px;
  background: var(--ptv-default-bg);
  border-radius: 15px;
  letter-spacing: 0;
}


.formBoxtop .division {
  float: none;
  margin: 30px auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.formBoxtop .division .line {
  border-top: 1px solid var(--ptv-border-default);
  position: absolute;
  top: 18px;
  width: 45%;
}

.formBoxtop .division .line.l {
  left: 0;
}

.formBoxtop .division .line.r {
  right: 0;
}

.formBoxtop .division span {
  color: var(--ptv-default-text);
  font-size: 17px;
}

.formBoxtop .forgot {
  color: var(--ptv-secondry-text);
  margin-left: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.formBoxtop .forgot a {
  color: var(--ptv-default-text);
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  opacity: 0.8;
  letter-spacing: 0;
}



.input-group .choose-option {
  width: 100%;
  text-align: center;
  color: var(--ptv-primary-text);
  font-weight: 600;
  cursor: pointer;
}

.loginBox form .input-group .btn-login,
.registerBox .btn-register {
  margin-top: 10px;
}

.forgotBtnBlock .btn-login {
  margin-top: 0 !important;
}

.formBoxtop .form-control:focus {
  box-shadow: none;
}

.PhoneInputCountryIcon--square {
  width: 22px !important;
  height: 22px !important;
}

.PhoneInputCountryIconUnicode {
  font-size: 30px;
}

.formBoxtop .box .form input[type="password"],
.formBoxtop .box .form input[type="text"] {
  border-radius: 3px;
  border: none;
  color: var(--ptv-secondry-text);
  font-size: 18px;
  height: 50px;
  margin-bottom: 5px;
  padding: 13px 12px;
  width: 100%;
}

.phone-otp input {
  width: 3rem !important;
  height: 3rem !important;
  margin: 0 1rem !important;
  font-size: 2rem !important;
  border-radius: 4px !important;
}

.phone-otp .form-group {
  margin-top: 20px;
}

.phone-otp .form-group button {
  margin-left: 20px;
}

.otp-cnt {
  max-width: 340px !important;
}

.phone-otp p {
  margin-left: 20px;
  font-size: 15px;
}

.formBoxtop .form-group p.form_error {
  color: var(--ptv-danger) !important;
  margin-top: 5px !important;
}

.form-error p {
  color: var(--ptv-danger) !important;
}

.formBoxtop .form-group p {
  color: var(--ptv-secondry-text);
  margin-top: -10px;
}

.previewRgisterImg {
  width: 120px;
  height: auto;
  margin-bottom: 15px;
  position: relative;
}

.previewRgisterImg img {
  width: 100%;
  object-fit: cover;
  object-position: center top;
}

.previewRgisterImg .closePreviewImage {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--ptv-color-white) !important;
  background: var(--ptv-color-black);
  width: 25px;
  height: 25px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
  cursor: pointer;
}

.notfound {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pagecntrTxt {
  padding-top: 0;
}

.notfound {
  width: 100%;
}

.notfound h2 {
  font-size: 28px;
  font-weight: 400;
  color: var(--ptv-secondry-text);
  margin-top: 12px;
  margin-bottom: 15px;
}

.notfound a {
  display: flex;
  font-weight: 700;
  border-radius: 15px;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 0;
  color: var(--ptv-primary-text);
}

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

.maintenancepage {
  width: 100%;
  height: 100vh;
}

.maintenancepage .overlay {
  background: var(--ptv-color-black) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.maintenance-cs-page .maintenancepage {
  padding-top: 0px;
}

.maintenance-cs-page {
  margin-bottom: 0px;
  overflow: hidden;
}

.maintenance-cs-page .content-wrap {
  padding-top: 0px;
}

.maintenance-cs-page .container {
  max-width: 100%;
  height: 100%;
}

.maintenance-cs-page .container .row {
  width: 100%;
  height: 100%;
}

.maintenance-cs-page .content-wrap.ml100 {
  margin-left: 0px !important;
}

.maintenancepageTxt {
  display: flex;
  align-items: center;
  flex-flow: column;
  z-index: 9;
  justify-content: center;
}

.maintenancepageTxt .logo {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.maintenancepageTxt .logo img {
  width: 100%;
  height: auto;
}

.maintenancepageTxt h2 {
  font-size: 30px;
  font-weight: 100;
  margin-bottom: 20px;
  color: var(--ptv-color-white);
}

.maintenancepageTxt .msg {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  color: var(--ptv-color-white);
}

.maintenancepageTxt .msg p {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 50px;
}

.meintenaceForm {
  width: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.meintenaceForm .meintenaceFormBtn {
  background: var(--ptv-primary-bg);
  border: none;
  color: var(--ptv-color-white);
  padding: 8px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
  margin-left: 15px;
}

.snglChnnl-coverimg:hover .lbletop {
  color: var(--ptv-default-text);
}

.tabInTitle {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--ptv-default-text);
  margin-bottom: 12px;
  font-size: 18px;
}

.tabInTitle h6 {
  font-weight: 600;
  margin: 0;
  min-width: 150px;
}

.blogtagListWrap .tabInTitle .TabTagList {
  display: flex;
  flex-flow: wrap;
  margin: 0;
}

span[data-icon="expand_more"] {
  font-size: 14px;
}

.blogtagListWrap .tabInTitle {
  border-bottom: none;
}

.tabInTitle:last-child {
  border: none;
}

.owner_external_link a {
  font-size: 16px !important;
  color: var(--ptv-default-text);
}

.owner_external_link a:hover {
  color: var(--TextColor_Primary);
}

.boxInLink {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.TabTagList {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.TabTagList li a,
.blog-details .blogtagList li a,
.boxInLink a,
.categories a,
.categoryLink a {
  font-size: 16px;
  padding: 4px 8px;
  font-weight: 400;
  border-radius: 4px;
  border-color: var(--ptv-primary-bg);
  background-color: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
  display: flex;
}
.TabTagList li a:hover,
.blog-details .blogtagList li a:hover,
.boxInLink a:hover,
.categories a:hover,
.categoryLink a:hover {
  opacity: 0.8;
}
.edit-watch-item{
  color: var(--ptv-button-text) !important;
}
button, .edit-watch-item {
  background: var(--ptv-button-bg);
  border: none;
  color: var(--ptv-button-text);
  padding: 8px 20px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
}


button,.a-btn{
  background-image:var(--ptv-button-bg);
  transition: 0.5s;
  background-size: 200% auto;
  white-space: nowrap !important;
}
.vjs-control-bar button{
  background-image: none !important;
}
button:hover,.a-btn:hover{
background-position: var(--ptv-button-bg-hover-position);
}
   
.popupTabList {
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
  color: var(--ptv-default-text);
  margin: 0;
}

.popupTabList li {
  float: left;
  margin-right: 15px;
  background: var(--ptv-grid-bg);
  padding: 10px 10px;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}

.popupTabList li.active,
.popupTabList li.my {
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
}

.popupTabListContent {
  padding-bottom: 15px;
}

.populatTabListContent, .modal-popup-footer {
  padding: 20px;
}
.modal-popup-popup{
  display: flex;
  gap: 12px;
}

table.custTble1 {
  color: var(--ptv-default-text);
  margin: 15px 0;
  width: 100%;
  letter-spacing: 0;
}

.series-edit-cs-page table.custTble1,
.movies-edit-cs-page table.custTble1 {
  color: var(--ptv-default-text);
}

table.custTble1 {
  color: var(--ptv-default-text);
}

.center-img-txt {
  align-items: center;
}



table.custTble1 thead th {
  font-size: 18px;
  white-space: nowrap;
}

table.custTble1 thead th {
  vertical-align: middle;
  border-bottom: 2px solid var(--ptv-secondry-bg);
}

table.custTble1 td,
table.custTble1 thead th {
  vertical-align: middle;
}

table.custTble1 td .actionBtn a {
  font-size: 18px;
  margin-right: 10px;
}

.table.custTble1 a {
  color: var(--ptv-default-text);
}

.search_criteria {
  padding-left: 15px;
  letter-spacing: 0;
  margin-bottom: 30px;
}

.search_criteria select {
  border-radius: 15px;
  padding: 8px 15px;
  margin-left: 10px;
}

.user_wallet {
  padding: 15px;
}
.user_wallet .form-group button {
  margin-top: 20px;
}

.VideoDetails-commentWrap .user_wallet .form-group button {
  margin-top: 0px;
}

.user_wallet .form-control {
  margin-bottom: 10px;
  margin-top: 10px;
}

.add_more_tip {
  float: right;
}

.wallet {
  padding: 15px 0;
}

.my-masonry-grid_column {
  padding: 0 15px;
}
.my-masonry-grid_column .snglblog-block{
  margin-bottom: 20px;
}

.populatTabListContent>input[type="text"] {
  border-radius: 5px;
  border: 1px solid var(--ptv-form-input-border);
  padding: 4px 10px;
  margin-right: 15px;
}

.modal-content-popup .modal-popup-footer {
  border-top: 1px solid var(--ptv-form-input-border);
  margin-top: 30px;
}

.modal-content-popup .modal-popup-footer button {
  margin-top: 15px;
  margin-right: 15px;
}

.package_types {
  display: flex;
  justify-content: center;
  margin-top: -40px;
}

.package_types a {
  font-size: 18px;
  margin: 0 10px;
  margin-bottom: 50px;
  padding: 2px 30px;
  background: var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
  border-radius: 10px;
}

.package_types a.active,
.package_types a:hover {
  background: var(--ptv-primary-bg);
  color: var(--ptv-default-text);
}

.videoBgWrap {
  position: relative;
}

.fixed-header .videoBgWrap {
  padding-top: 0px;
}

#videoBg {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.videoBgWrap::before {
  background: var(--ptv-default-bg) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.cast_crew_listing_img {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.movie-player-height {
  min-height: 300px;
}

.movie_series_tip {
  color: var(--ptv-secondry-text);
  margin-top: 10px;
  padding: 0px;
}

.main-menu .nav-link i,
.main-menu li a svg path,
.main-menu .nav-link i,
.main-menu li a svg circle {
  fill: var(--ptv-primary-text);
}

.BtnUpld {
  display: flex;
  justify-content: center;
}

.mobile-layout-cnt .BtnUpld {
  margin-top: 0px;
}

.BtnUpld a {
  background: var(--ptv-grid-bg);
  border: none;
  color: var(--ptv-default-text);
  padding: 8px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 18px;
  margin: 10px;
}

.BtnUpld a.active {
  background-color: var(--ptv-primary-bg);
  color: #fff;
}

.upldPopupVdo {
  display: flex;
  margin-bottom: 15px;
  border:2px solid transparent;
  align-items: center;
  gap:16px;
  background: var(--ptv-grid-bg);
}



.titletop {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
}

.custom-control-label div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.custom-control-label div img {
  height: 100px;
  width: 100px;
  object-fit: cover;
  object-position: center;
  margin-right: 20px;
}

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

.userinfoRight button {
  margin-right: 15px;
}

.spot-dummy-visual-content-input {
  font-size: 17px;
}

.blog-details .blogFootr .BlogShareLike {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  border: none;
}
.blogBottomWrap{
  background: var(--ptv-default-bg);
  border-radius: 12px;
  padding: 4px 8px;
}

.imgFull400h {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  object-position: center;
}

.categories {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 16px;
}

.blog-details .blogtagList li {
  margin-right: 15px;
  margin-bottom: 20px;
}

.channelInfo-wrap .blogShare button {
  margin: 0 10px;
}
.channelInfo{
  flex-direction: column;
}

.filesinput div.uploadicn {
  padding: 70px 0 70px 0;
  text-align: center;
}

.filesinput div.uploadicn i {
  font-size: 40px;
  display: block;
  margin-bottom: 5px;
}

.member-img-block a span {
  height: 100%;
  width: 100%;
}

.ThumbnailBox-video .img a span {
  height: 100%;
  width: 100%;
}

.snglblog-block .blogImg span {
  height: 100%;
  width: 100%;
}

.snglblog-block .blogImg span img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}

.box-imgovrlptext-content span {
  height: 100%;
  width: 100%;
}

.box-imgovrlptext-content span img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  object-position: center;
}

.snglChnnl-coverimg span.lazy-load-image-background {
  height: 100%;
  width: 100%;
}

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

.topTitle_wrapper {
  position: relative;
  min-height: 280px;
  height: 280px;
  background-position: center;
  background-size: cover;
}

.topTitle_wrapper .hero-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.topTitle_wrapper .hero-overlay h1 {
  color: var(--ptv-default-text);
  margin-top: 24px;
  margin-bottom: 12px;
  line-height: 48px;
  font-size: 30px;
  font-weight: 500;
}

.topTitle_wrapper>svg {
  position: absolute;
  bottom: -3px;
}

.ContentTxtPage {
  margin-top: -100px;
  background: var(--ptv-color-black);
  border-radius: 10px;
  padding: 15px;
  letter-spacing: 0;
}

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

.blogShare button,
.btngroup button {
  margin: 0 5px;
}

.btngroup div.delete,
.btngroup div.edit,
.btngroup div.report {
  margin: 0 5px;
}

.modal-popup {
  z-index: 999 !important;
}

.custom-control.image-checkbox .form-check-input {
  position: absolute;
  left: 30px;
  width: 24px !important;
  height: 24px !important;
  z-index: 1;
  top:5px;
}

.custom-control.image-checkbox {
  position: relative;
  padding-left: 0;
}

.custom-control.image-checkbox .form-check-input:checked~.form-check-label:after,
.custom-control.image-checkbox .form-check-input:checked~.form-check-label:before {
  opacity: 1;
  z-index: 1;
}

.custom-control.image-checkbox input:checked~label img {
  opacity: 0.7;
}

.custom-control.image-checkbox label {
  cursor: pointer;
}

.custom-control.image-checkbox label:before {
  border-color: var(--ptv-primary-bg);
  background-color: var(--ptv-primary-text);
}

.custom-control.image-checkbox label:after,
.custom-control.image-checkbox label:before {
  transition: opacity 0.3s ease;
  opacity: 0;
  left: 0.25rem;
}

.custom-control.image-checkbox label:focus,
.custom-control.image-checkbox label:hover {
  opacity: 0.7;
}

.custom-control.image-checkbox label img {
  border-radius: 2.5px;
  width: 100%;
  height: 230px;
  object-fit: cover;
  object-position: top;
}

.form-group-image-checkbox.is-invalid label {
  color: var(--ptv-primary-text);
}

.form-group-image-checkbox.is-invalid .invalid-feedback {
  display: block;
}

.nameSelectImg {
  position: absolute;
  bottom: 10px;
  margin: 0;
  font-size: 18px;
  color: var(--ptv-color-white) !important;
  background: rgb(var(--ptv-primary-bg-rgb) / 40%);
  padding: 5px 15px;
  left: 5px;
  border-radius: 4px;
}

.previewUploadImg div .close {
  position: absolute;
  top: 5px !important;
  right: 5px !important;
  color: var(--ptv-default-text);
  font-size: 15px;
  cursor: pointer;
  background: var(--ptv-color-black);
  border-radius: 50%;
  padding: 5px;
  opacity: 1;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 12px;
}

.previewUploadImg div {
  width: 200px !important;
  position: relative;
  overflow: hidden;
}


.usercomment img {
  width: 200px;
}

.centerDivBox {
  width: 100%;
  max-width: 500px;
}

.contentTxt-wrap {
  padding-top: 20px;
  min-height: calc(100vh - 110px);
  letter-spacing: 0;
}

.centerDivBox-wrap {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  background: var(--ptv-default-bg);
  padding: 20px;
}

.centerDivBoxTxt {
  text-align: center;
  color: var(--ptv-color-black);
}

.IconSuccess {
  border: 1px solid var(--ptv-success);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--ptv-default-text);
  text-align: center;
  font-size: 35px;
  line-height: 55px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.IconFaild {
  border: 1px solid var(--ptv-primary-text);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--ptv-primary-text);
  text-align: center;
  font-size: 35px;
  line-height: 55px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.centerDivBoxTxt h2 {
  font-size: 35px;
}

.centerDivBoxTxt p {
  font-size: 20px;
  padding: 10px 0;
  margin-bottom: 30px;
}

.centerDivBoxTxt a {
  display: block;
  color: var(--ptv-default-bg);
  margin-top: 15px;
  letter-spacing: 0;
  font-size: 18px;
}

.centerDivBoxTxt a i {
  font-size: 12px;
}

.ContentBoxTxt {
  margin-top: -100px;
  background: var(--ptv-default-bg);
  border-radius: 10px;
  padding: 15px;
  letter-spacing: 0;
}

.ContentBoxTxt p {
  font-size: 16px;
  margin-bottom: 15px;
}

.ContentBoxThankyou {
  margin-top: -100px;
  border-radius: 10px;
  padding: 15px;
  letter-spacing: 0;
  min-height: 500px;
}

.infinite-scroll-component div.text-center {
  width: 100%;
}

.details-tab-box div.text-center {
  font-size: 20px;
}

.details-tab-box div.VideoDetailsDescpBtn {
  padding: 15px 0;
  font-size: 18px;
  color: var(--ptv-color-black);
}

.details-tab-box div.MemberDetailsDescpBtn {
  padding: 15px 0;
}

.details-tab-box div.MemberDetailsDescpBtn a {
  color: var(--ptv-color-white);
}

.details-tab-box div.MemberDetailsDescpBtn a:hover {
  color: var(--ptv-color-white);
}

.details-tab-box div.VideoDetailsDescpBtn a:hover {
  color: var(--ptv-primary-text);
}

.forgotBtnBlock {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.forgotBtnBlock .btn-login {
  margin: 0;
  margin-right: 10px;
  margin-top: 30px;
}

.forgotBtnBlock a {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.flexItemSpaceRight15 {
  display: flex;
  justify-content: start;
  align-items: center;
}

.flexItemSpaceRight15>div {
  margin-right: 15px;
}

.loginBox>p.form_error {
  margin-bottom: 20px !important;
}

.srchFlter {
  display: block;
}

.srchFlter button.filter {
  color: var(--ptv-default-text);
  font-size: 18px;
  padding: 1px 20px;
}

form.filterForm {
  display: none;
}

.commentReplyCnt {
  margin-left: 100px;
}

.TopHeading {
  font-size: 20px;
  color: var(--ptv-default-text);
  font-weight: 500;
  margin: 15px 0;
}

.commentShow {
  width: 100%;
  position: relative;
}

.commentNameImgWrap a {
  display: flex;
  align-items: center;
}

.commentNameImgWrap>span img {
  width: 200px;
  height: 200px;
  background: var(--ptv-default-bg);
  border-radius: 50%;
  overflow: hidden;
  z-index: 4;
  border: 3px solid var(--ptv-default-bg);
  margin-right: 15px;
  object-fit: cover;
}

.commentNameImgWrap>span {
  color: var(--ptv-default-text);
  font-size: 22px;
  font-weight: 700;
}

.commentListReply {
  display: block;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentListReply li {
  margin-bottom: 15px;
  background: var(--ptv-secondry-bg);
  padding: 5px 15px;
}

.commentListReply li .userCommentWrap {
  display: block;
  width: 100%;
}

.commentListReply li .userCommentWrap .user_avatar {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.commentListReply li .userCommentWrap .user_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.commentListReply li .userCommentWrap .comentBody {
  width: calc(100% - 60px);
  float: right;
}

.commentListReply li .userCommentWrap .comentBody .userInfo .username {
  font-size: 14px;
  letter-spacing: 0;
  padding-right: 15px;
}

.commentListReply li .userCommentWrap .comentBody .userInfo .username i {
  font-size: 10px;
  background: var(--ptv-verify-bg);
  padding: 3px;
  border-radius: 50%;
}

.commentListReply li .userCommentWrap .comentBody .userInfo .dateday {
  font-size: 14px;
  letter-spacing: 0;
  color: var(--ptv-secondry-text);
}

.commentListReply li .userCommentWrap .comentBody .usercomment {
  letter-spacing: 0;
  color: var(--ptv-secondry-text);
}

.commentListReply li .userCommentWrap .comentBody .commentAction ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 15px 0;
  font-size: 14px;
}

.commentListReply .commentAction {
  display: flex;
  justify-content: space-between;
}

.commentListReply .commentActionLo {
  display: flex;
}

.comparison {
  text-align: center;
  padding: 10px;
}

.comparison table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid var(--ptv-border-default);
}

.comparison td,
.comparison th {
  border: 1px solid var(--ptv-border-default);
  empty-cells: show;
  padding: 10px;
}

.compare-heading {
  font-size: 22px;
  font-weight: 600;
  margin: -5px;
  padding: 5px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.comparison .infoprice {
  font-size: 18px;
  text-align: left;
  padding: 15px;
  border: none;
}

.comparison .price-now {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: normal;
}

.comparison .infoprice span {
  display: block;
  font-size: 25px;
  color: var(--ptv-default-text);
}

.comparison .tick {
  color: var(--Textcolor-info);
  font-size: 18px;
}

.comparison .notick {
  font-size: 18px;
  color: var(--Textcolor-danger);
}

.comparison th {
  font-weight: 400;
  padding: 0;
  border-bottom: 1px solid var(--ptv-border-default);
}

.comparison tr td:first-child {
  text-align: left;
}

.comparison .qbo,
.comparison .qbse,
.comparison .tl {
  color: var(--ptv-default-text);
  padding: 10px;
  font-size: 13px;
  border-right: 1px solid var(--ptv-border-default);
  border-bottom: 0;
}

.comparison .price-info {
  padding: 5px;
  background: var(--package-price-info);
}

.tableResponsive {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.tableResponsive>.table {
  margin-bottom: 0;
}

.tableResponsive>.table>tbody>tr>td,
.tableResponsive>.table>tbody>tr>th,
.tableResponsive>.table>tfoot>tr>td,
.tableResponsive>.table>tfoot>tr>th,
.tableResponsive>.table>thead>tr>td,
.tableResponsive>.table>thead>tr>th {
  white-space: nowrap;
}

.upgrade-header th {
  min-width: 300px;
}

.comparison .price-now,
.comparison .price-now span {
  color: var(--ptv-default-text);
}

.comparison .price-now span {
  font-size: 25px;
  padding-right: 5px;
}

.comparison .price-small {
  font-size: 18px !important;
  position: relative;
  top: -11px;
  left: 2px;
}

.comparison .price-buy {
  background: var(--ptv-primary-bg);
  padding: 8px 15px;
  font-size: 12px;
  display: inline-block;
  color: var(--ptv-color-white);
  text-decoration: none;
  border-radius: 3px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.comparison .description {
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
}

.watchBox .animated-rater {
  margin-top: 10px;
}

.search-btn {
  display: none;
  color: var(--ptv-default-text);
}

.searchBoxContent {
  display: block;
}

.filter-search {
  padding: 15px !important;
  font-size: 18px !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  margin-bottom: 30px !important;
  color: var(--ptv-default-text);
  margin-top: 10px;
}

.searchBtn a {
  color: var(--ptv-default-text);
}

.filterBtn.form-group {
  margin-bottom: 0px;
}

.filterBtn {
  display: flex;
  align-items: center;
  align-content: flex-end;
  flex-wrap: wrap;
}

.filterBtn button {
  margin-right: 5px;
}

.filterBtn a {
  margin-left: 5px;
}

.filter-search.active {
  color: var(--ptv-primary-text);
}

.search-form {
  margin-top: 0 !important;
}

.grid-menu {
  padding: 15px 15px !important;
}

.content-end {
  background: var(--ptv-grid-bg);
  padding: 30px;
  color: var(--ptv-default-text);
}

.channel_description {
  line-height: 22px;
  word-wrap: break-word;
}

.video-view-cs-page .channel_description {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.VideoRoWrap {
  display: block;
  width: 100%;
  position: relative;
}

.title .iconTitle {
  font-size: 22px;
  color: var(--ptv-primary-text);
}

.horline {
  margin: 8px 0;
  border-color: var(--ptv-border-default);
  background: transparent;
}

.close-mini-player,
.minimizePlayer {
  z-index: 99999999;
  position: absolute;
  top: 0;
  right: 40px;
  font-size: 24px;
  background: var(--ptv-primary-bg);
  color: var(--ptv-color-white);
  margin-top: -15px;
  cursor: pointer;
  font-size: 14px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  line-height: 27px;
}

.close-mini-player {
  right: 0;
}

.close-mini-player span {
  color: var(--ptv-color-white);
}

.vjs-resolution-button-label {
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: 1.2em;
}

.cookie-consent {
  position: fixed;
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
  bottom: 1em;
  right: 1em;
  color: var(--ptv-default-text);
  background-color: var(--ptv-default-bg);;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.cookie-consent span {
  margin: 2em 2em 1.5em;
}

.cookie-consent-link {
  color: var(--ptv-default-text) !important;
  text-decoration: underline !important;
  opacity: 0.8;
  font-size: 16px !important;
  display: block;
  padding: 0.2em;
}

.cookie-consent-compliance {
  flex: 1;
  align-items: center;
  display: flex;
}

.cookie-consent-btn {
  display: block;
  padding: 0.8em 0.8em;
  color: var(--ptv-color-white) !important;
  width: 100%;
  border-top-color: transparent;
  background-color: var(--ptv-primary-bg);
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  text-align: center;
  white-space: nowrap;
}

/* Popup center new */
.popup_wrapper_cnt {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.popup_cnt {
  position: absolute;
  width: 100%;
  max-width: 600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--ptv-body-bg);
  color: var(--ptv-default-text) !important;
  border-radius: 12px;
}

.popup_cnt .comments {
  max-height: 80vh;
  overflow-y: auto;
}

.VideoDetails-commentWrap {
  width: 100%;
  display: block;
  position: relative;
}
.VideoDetails-commentWrap .formFields{
  padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.stories_privacy .form-check{
  display: flex;
  align-items: center;
  gap: 8px;
}
.popup_wrapper_cnt_header {
  padding: 16px;
  border-bottom: 1px solid var(--ptv-border-default);
}

.popup_wrapper_cnt_header h2 {
  font-size: 18px;
  margin: 0;
  color: var(--ptv-default-text);
  padding-right: 40px;
}

.popup_wrapper_cnt_header a._close {
  height: 32px;
  width: 32px;
  right: 12px;
  top: 9px;
  position: absolute;
  padding: 5px;
  cursor: pointer;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.3s linear;
  background-color: transparent;
}

.popup_wrapper_cnt_header a._close i::before {
    font-family: "Material Icons Outlined";
    content: "\e5cd";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
}

.popup_wrapper_cnt_header a._close:hover {
  background: var(--ptv-icon-bg-hover);
}



.popup_wrapper_cnt .comments .comments_box {
  padding: 0;
}

.popup_wrapper_cnt .comments .comments_box_inner {
  padding: 20px;
}

.popup_cnt .formFields .form-group input[type="email"],
.popup_cnt .formFields .form-group input[type="password"],
.popup_cnt .formFields .form-group input[type="text"] {
  background: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  height: 52px;
  width: 100%;
  padding: 0 10px;
}



select.form-control {
  background-color: var(--ptv-form-input-bg);
}

.popup_cnt .formFields .form-group {
  margin-bottom: 15px;
}

.popup_cnt .formFields .form-group textarea {
  background: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  height: 80px;
  width: 100%;
  padding: 0 10px;
}

.popup_cnt .content-wrap {
  padding-top: 0;
}

.popup_cnt .filesinput div {
  padding: 36px 0 36px 0;
}


.popup_cnt .Share__container {
  padding: 0 15px;
}

.popup_cnt .form-group select {
  background-color: var(--ptv-form-input-bg);
  border: 1px solid var(--ptv-form-input-border);
  border-radius: 5px;
  color: var(--ptv-form-input-text);
  height: 52px;
  width: 100%;
  padding: 0 10px;
}

.popup_cnt .previewUploadImg div .close {
  color: var(--ptv-color-white);
}

.popup_cnt .newcomntImg-prev a {
  font-size: 18px;
  font-weight: 600;
  background: var(--ptv-grid-bg);
}

.floatR {
  float: right;
}

.floatL {
  float: left;
}

.clear {
  clear: both;
}

.alert_icon {
  color: var(--ptv-primary-text);
  margin-left: 10px;
}

.resizeCoverImg {
  bottom: 10px !important;
}

.filter-search {
  font-size: 20px;
  margin-bottom: 10px;
  gap:4px;
  align-items: center;
  display: flex;
  flex-direction: inherit;
  justify-content: flex-end;
}

.wallet_amount {
  font-size: 20px;
  display: flex;
  gap: 10px;
}

.breadCrumbWrap {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.breadCrumbContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.breadCrumbContent .overLay {
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}

.breadCrumbContent .overLay .breadCrumbText {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: var(--ptv-color-white);
  opacity: 1;
  z-index: 1;
}

.breadCrumbContent .breadCrumbBg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px;
  width: 100%;
}

.breadCrumbContent .titleBradcrumb {
  color: var(--ptv-color-white);
  font-size: 40px;
  font-weight: 600;
}

.breadcumb-wrap-container {
  margin-bottom: 30px;
}

.top-wrap {
  max-width: 300px;
  margin: 0 auto;
  background-color: var(--ptv-default-bg);
}

.op-back p {
  margin-top: 10px;
  font-weight: 400;
}

.cover-loading {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.cover-loading .loadmoreBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
}

.cover-loading>.main-photo {
  left: 30%;
}

.filter-search i {
  margin-right: 10px;
}

.global-search-cnt {
  min-height: 400px;
}

.blogShortdescpn a {
  color: var(--ptv-primary-text);
}

.infinite-scroll-component {
  overflow: hidden !important;
}

.infinite-scroll-component.custScrollBar {
  overflow-y: auto !important;
  max-height: 400px !important;
}

.popup_content_selected {
  border: 2px solid var(--ptv-primary-text);
}



.popup-disable-btn {
  opacity: 0.5;
}

.embed_video iframe {
  width: 100%;
}

.minimizeBox .embed_video iframe {
  height: 200px;
}

.videoDownload {
  padding: 16px;
  padding-bottom: 30px;
  padding-left: 0;
}

.videoDownload a {
  background: var(--ptv-default-bg);
  color: var(--ptv-default-text);
  margin: 5px;
  padding: 10px;
  border-radius: 3px;
  transition: all 0.3s;
  font-weight: 600;
}

.video-play-button {
  position: fixed;
  z-index: 10;
  bottom: 100px;
  right: 20px;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  border-radius: 50%;
  padding: 0;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: var(--ptv-primary-text);
  border-radius: 50%;
  animation: pulse-border 1.5s ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  background: var(--ptv-default-bg);
  border-radius: 50%;
  transition: all 0.2s;
}

.video-play-button:hover:after {
  background-color: darken(var(--ptv-primary-text), 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 22px solid var(--ptv-color-white);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 10px;
  left: 8px;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

#playlists button {
  margin-bottom: 20px;
  margin-left: 20px;
}

.popup_container {
  max-height: calc(70vh - 150px) !important;
  min-height: 200px;
  padding-top: 30px;
}

#video_search_btn {
  width: 300px;
  margin-right: 10px;
}

.cover-image {
  position: relative;
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 20px;
  object-position: center;
}

.progressbar-cnt {
  margin: 10px 53px 0 0;
}

.progressbar-cnt .progressbar {
  float: left;
  height: 3px;
  background-color: var(--ptv-primary-text);
}

.upload-progressbar .percentage-100 {
  float: right;
  position: relative;
  margin: 0;
  width: auto;
}

.upload-progressbar .imageprocess {
  clear: both;
  text-align: center;
  min-width: 350px;
}

.imageprocess svg circle {
  fill: var(--ptv-primary-text) !important;
}

.upload-progressbar {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 30%;
  background: rgba(0, 0, 0, 0.15);
  color: var(--ptv-color-white);
  font-weight: 700;
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transform: translate(-50%);
  transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
}

.cover-reposition-cnt {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 30%;
  background: rgb(0 0 0 / 60%);
  color: var(--ptv-color-white);
  font-weight: 700;
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  transform: translate(-50%);
}

.cover-reposition-cnt svg {
  margin-right: 5px;
}

.cover-reposition-cnt i {
  margin-right: 10px;
}

.coverphotoUsercnt {
  overflow: hidden;
}

.no-content {
  background: var(--ptv-default-bg);
  padding: 30px;
  max-width: 1500px;
  font-size: 18px;
}

.content-end,
.no-content {
  margin: 50px auto;
}

.notificationMenu>div>div>.no-content {
  margin: 0 auto;
  background: 0 0;
  padding: 30px;
  font-size: 18px;
}

.notificationMenu li {
  margin-left: 0px !important;
}

.notificationMenu>div>div>.content-end {
  display: none;
}

.notificationMenu>div>div>.loadmoreBtn {
  margin-top: 15px;
}

.loadmoreBtn {
  position: relative;
  margin: 50px auto;
  width: 100px;
  height: 10px;
}

.duo {
  height: 20px;
  width: 50px;
  background: hsla(0, 0%, 0%, 0);
  position: absolute;
}

.dot,
.duo {
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.duo1 {
  left: 0;
}

.duo2 {
  left: 30px;
}

.dot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: var(--ptv-loading-bg);
  position: absolute;
}

.dot-a {
  left: 0;
}

.dot-b {
  right: 0;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes onOff {
  0% {
    opacity: 0;
  }

  49% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.duo1 {
  animation-name: spin;
}

.duo2 {
  animation-name: spin;
  animation-direction: reverse;
}

.duo2 .dot-b {
  animation-name: onOff;
}

.duo1 .dot-a {
  opacity: 0;
  animation-name: onOff;
  animation-direction: reverse;
}



.balance_recharge {
  margin-right: 10px;
}

.open_balance,
.open_withdraw {
  margin-right: 10px;
}

.homeIcon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  font-size: 18px;
  margin: 0 10px;
}

.filesinput {
  position: relative;
}

.filesinput:before {
  position: absolute;
  top: 20px;
  left: 0;
  pointer-events: none;
  width: 100%;
  right: 0;
  height: 57px;
  content: "";
  display: block;
  margin: 0 auto;
  color: var(--ptv-primary-text);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.filesinput div {
  outline: 2px dashed var(--ptv-form-input-border);
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  padding: 60px 0 85px 35%;
  margin: 0;
  width: 100% !important;
  background: var(--ptv-body-bg);
}

.filesinput div:focus {
  outline: 2px dashed var(--ptv-form-input-bg);
  outline-offset: -10px;
  -webkit-transition: outline-offset 0.15s ease-in-out,
    background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  border: 1px solid var(--ptv-form-input-border);
}

.previewUploadImg {
  display: flex;
  margin: 15px;
  margin-top: 0;
}

.previewUploadImg div {
  width: 90px;
  position: relative;
  overflow: hidden;
}

.previewUploadImg div img {
  width: 100%;
  height: auto;
}

.previewUploadImg div .close {
  position: absolute;
  top: -2px;
  right: -2px;
  color: var(--ptv-color-white);
  font-size: 20px;
  cursor: pointer;
}

.draguploadContent {
  border: 2px dashed var(--ptv-border-default);
  padding: 15px;
}

.formFields .input-tag {
  padding: 0;
  border-width: 0;
  display: flex;
  flex-wrap: wrap;
}

.formFields .input-tag input {
  outline: 0 !important;
  font-weight: 100;
  font-size: 17px;
  border: none;
  width: 100%;
}

.formFields .input-tag__tags {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.formFields .input-tag__tags li {
  align-items: center;
  background: var(--ptv-primary-bg);
  border-radius: 2px;
  color: var(--ptv-color-white);
  display: flex;
  font-weight: 300;
  list-style: none;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
}

.formFields .input-tag__tags li button {
  align-items: center;
  background: 0 0;
  border: none;
  color: var(--ptv-color-white);
  cursor: pointer;
  display: inline-flex;
  font-size: 30px;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  transform: rotate(45deg);
  width: 15px;
  background-image: none !important;
}

.formFields .input-tag__tags li.input-tag__tags__input {
  background: 0 0;
  flex-grow: 1;
  padding: 0;
}

.Loader {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 100px auto;
}

.Loader div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid var(--ptv-primary-bg);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--ptv-primary-bg) transparent transparent transparent;
}

.Loader div:nth-child(1) {
  animation-delay: -0.45s;
}

.Loader div:nth-child(2) {
  animation-delay: -0.3s;
}

.Loader div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading_overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.loading_overlay .Loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
.ads-margin{
  padding-top: 20px;
}
.advertisement_container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px;
  height: auto !important;
}

.sidebar_video {
  margin-bottom: 10px;
}

.header_advertisement {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.featuredvideo_ads {
  padding-bottom: 20px !important;
}

.mejs__overlay-play:hover .mejs__overlay-button,
.mejs__time-current {
  background-color: var(--ptv-primary-text);
}

.mejs__jump-forward-button button {
  font-size: 10px !important;
}

.mejs__overlay-error {
  display: none !important;
}

.mejs__mediaelement div {
  height: 100%;
}

.mejs__mediaelement iframe {
  display: block !important;
}

.mejs__overlay-play {
  height: 100%;
  width: 100%;
}

.mejs__overlay-button {
  padding: 0px;
}

.videojs-ads-info {
  display: none;
}

.videojs-ads-info a {
  margin-left: 10px;
  color: var(--ptv-secondry-text) !important;
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.vjs-has-started .vjs-control-bar {
  display: flex !important;
}

.modal-popup {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  color: var(--ptv-color-white);
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content-popup {
  background-color: var(--ptv-default-bg) !important;
  color: var(--ptv-default-text) !important;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid var(--ptv-border-default);
  width: 100%;
  max-width: 1000px;
  height: auto;
}

.close-popup {
  color: var(--ptv-secondry-text);
  float: right;
  font-size: 28px;
  font-weight: 700;
}

.close-popup:focus,
.close-popup:hover {
  color: var(--ptv-color-black);
  text-decoration: none;
  cursor: pointer;
}

.animated-rater-star.is-active-half:before {
  color: var(--ptv-warning) !important;
}

.animated-rater-star {
  font-size: 25px;
  line-height: 25px;
}

.animated-rater {
  display: flex;
  align-items: center;
}

.animated-rater a {
  margin-left: 10px;
  font-size: 14px;
}

.animated-rater-star.is-active,
.animated-rater-star.will-be-active {
  color: var(--ptv-warning) !important;
}

.ThumbnailBox-video img {
  height: 400px;
}

.topvideos-wrap {
  margin-top: 0;
  padding: 15px;
  margin-bottom: 0;
}

.snglFullWdth {
  margin-bottom: 20px;
}

.snglFullWdth .tns-horizontal.tns-subpixel>.tns-item {
  visibility: hidden;
}

.snglFullWdth .tns-slide-active {
  visibility: visible !important;
}

.html-editor {
  height: 450px !important;
  border: 1px solid var(--ptv-border-default) !important;
  padding: 5px !important;
  border-radius: 2px !important;
}

.html-wrapper {
  width: 100% !important;
  display: block !important;
  margin-bottom: 25px !important;
  height: 550px !important;
}

.infinite-scroll-component .col-lg-6 {
  float: left;
}

.search-form label {
  font-weight: 700;
  margin-bottom: 5px;
}

.btn-grey {
  background-color: var(--ptv-secondry-bg);
  color: var(--ptv-default-text);
}

.rating-block {
  background-color: var(--ptv-secondry-bg-light);
  border: 1px solid var(--ptv-border-default);
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.review-block {
  background-color: var(--ptv-secondry-bg-light);
  border: 1px solid var(--ptv-border-default);
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 15px;
}

.review-block-name {
  font-size: 12px;
  margin: 10px 0;
}

.review-block-date {
  font-size: 12px;
}

.review-block-rate {
  font-size: 13px;
  margin-bottom: 15px;
}

.review-block-title {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.review-block-description {
  font-size: 13px;
}

.notification_unread {
  background-color: var(--ptv-secondry-bg);
}

.video_purchase_btn {
  color: var(--ptv-color-white) !important;
  display: block !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 500;
  padding: 10px 16px;
  font-size: 15px !important;
  margin-top: 2px;
  position: absolute;
  bottom: 45px;
  right: 5px;
  border-radius: 2px;
}

.watermarkLogo {
  display: none;
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 20px;
  transition: all 0.5s;
}

.purchase_video_content {
  width: 100% !important;
  position: absolute !important;
  text-align: center;
}

.player-overlay {
  position: absolute;
  width: 100%;
  height: 90%;
  margin-left: 20%;
  margin-right: 20%;
  left: 0;
  top: 0;
  display: none;
  z-index: 1;
}

.video_purchase {
  height: 100% !important;
}

.video-js .vjs-picture-in-picture-control {
  visibility: hidden;
}

.video-js {
  z-index: 0;
  background-color: transparent !important;
}


.theater-mode {
  border-bottom: none !important;
  background: var(--ptv-color-black) !important;
  color: var(--ptv-color-white);
}

.theater-mode .headerRightMenu .nav-item .nav-link {
  color: var(--ptv-color-white);
}

.theater-mode .custmenuRight .nav-item .nav-link {
  background-color: var(--ptv-color-black);
  color: var(--ptv-color-white);
  opacity: 0.5;
}

.theater-mode .searchBoxWrap {
  background: var(--ptv-color-black);
  border: 1px solid var(--ptv-color-black);
}

.theater-mode .searchBoxContent input[type="text"] {
  color: var(--ptv-color-white);
  background: var(--ptv-color-black)
}

.theater-mode .searchBoxContent button {
  color: var(--ptv-color-white);
  opacity: 0.5;
  border-left: 1px solid var(--ptv-color-black);
}

.purchase_video_content_background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--ptv-color-black) !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.purchase_video_content h5,
.purchase_video_content p {
  font-size: 17px;
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  color: var(--ptv-color-white);
  z-index: 2;
}

.purchase_video_content p {
  top: 52%;
}

.video_processing_cnt {
  min-height: auto;
  background: var(--ptv-color-black) !important;
  position: relative !important;
  width: 100%;
}

.highcharts-root .highcharts-background {
  fill: var(--ptv-default-bg) !important;
}

.highcharts-root .highcharts-title, .highcharts-root .highcharts-axis-title, .highcharts-xaxis-labels text, .highcharts-yaxis-labels text{
  fill: var(--ptv-default-text) !important;
}

.highcharts-column-series text {
  fill: var(--ptv-default-text) !important;
}

.payment-success {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.payment-success img {
  width: 76px;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
}

.payment-success h1 {
  font-size: 42px;
  margin-bottom: 25px;
  color: #5c5c5c;
}

.payment-success p {
  font-size: 20px;
  margin-bottom: 27px;
  color: #5c5c5c;
}

.payment-success h3.cupon-pop {
  font-size: 25px;
  margin-bottom: 40px;
  color: #222;
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  border: 2px dashed #222;
  clear: both;
  font-weight: 400;
}

.payment-success h3.cupon-pop span {
  color: #03a9f4;
}

.payment-success a {
  display: inline-block;
  margin: 0 auto;
  padding: 9px 20px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  background-color: #8bc34a;
  border-radius: 17px;
}

.payment-success a i {
  margin-right: 5px;
  color: #fff;
}

.breadcum-title {
  position: relative;
}

.breadcum-subcat {
  position: relative;
  margin-right: 50px;
}

.adult-wrapper {
  padding: 30px;
  margin-top: 60px;
  background: var(--ptv-grid-bg);
  text-align: center;
  font-size: 18px;
  color: var(--ptv-default-text);
  border-radius: 8px;
}

.block-wrapper {
  margin-top: 0px;
}

.approval-pending {
  margin-top: 20px;
}

.page_content {
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 18px;
}

.open_balance {
  margin-bottom: 20px;
}

.details-tab-box div.no-content {
  background: 0 0;
}

.userad_cnt {
  display: block;
  position: absolute;
  background: #0a0a0aad;
  bottom: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  padding: 15px;
  font-size: 18px;
  flex-direction: column;
}

.userad_cnt .userad_title {
  font-size: 20px;
  margin-bottom: 10px;
}

.videojs-ads-info {
  position: absolute;
  background: #0a0a0aad;
  bottom: 20px;
  color: #fff;
  align-items: center;
  justify-content: center;
  right: 0;
  padding: 15px;
  font-size: 18px;
}

.videojs-ads-info.enabled {
  display: flex;
}

.videojs-ads-info.enabled .enabled {
  cursor: pointer;
  color: var(--ptv-primary-text) !important;
}

.video-js .vjs-big-play-button {
  margin: 0;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.expand {
  position: absolute;
  top: 40px;
  z-index: 2;
  display: none;
  cursor: pointer;
  color: #fff;
  right: 30px;
  padding: 15px;
  font-size: 25px;
  background-color: rgba(0, 0, 0, 0.4);
}

#background_theater {
  height: 89.4%;
  position: absolute;
  top: 80px;
  display: none;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -99999;
  background-color: #000;
}

.fixed-header #background_theater {
  top: 0px !important;
}

.MobMenuSidebar li a {
  border-bottom: 1px solid var(--ptv-border-default);
  letter-spacing: normal;
  font-size: 18px;
  padding: 8px 15px;
  cursor: pointer;
  color: var(--ptv-default-text);
  display: block;
}

.notclosesearch {
  color: #fff;
}

.global-search-filter {
  padding: 0 !important;
  white-space: nowrap !important;
}

.MobMenuSidebarLvl1 {
  background: var(--MobMenuSidebarLvl1);
}

.MobMenuSidebarLvl2 {
  background: var(--MobMenuSidebarLvl2);
}

.MobMenuSidebarLvl3 {
  background: var(--MobMenuSidebarLvl3);
}

.mobMenuLoginBtn {
  background: var(--ptv-primary-bg);
  padding: 15px;
}

.mobMenuLoginBtn ul {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  justify-content: space-between;
  margin: 0;
  font-size: 14px;
}

.mobMenuLoginBtn ul li a {
  color: #fff;
}

.mobMenuLoginBtn ul li a:hover {
  color: #fff;
}

.mobMenuLoginBtn ul li .custom-control-label {
  color: #fff;
  line-height: 24px;
}

.formBoxtop .loginformwd {
  max-width: 600px;
  margin: 0 auto;
  padding:20px 0px;
}

.loginformwd .input-group {
  margin-bottom: 15px;
}

.user-html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  overflow: hidden;
  font-size: 18px;
}

.user-html p {
  margin-bottom: 16px;
  padding: 0;
}

.user-html small {
  opacity: 0.7;
  font-size: 12px;
}

.user-html ol,
.user-html ul {
  margin-bottom: 16px;
  padding-left: 25px;
}

.user-html ol:last-child,
.user-html ul:last-child {
  margin-bottom: 0;
}

.user-html ol {
  list-style-type: decimal;
}

.user-html ul {
  list-style: disc;
}

.user-html table {
  margin-bottom: 20px;
  max-width: 100%;
  overflow: auto;
}

.user-html img {
  max-width: 100%;
}

.user-html blockquote {
  border-left: 1px solid #454545;
  color: #777;
  font-style: italic;
  margin-bottom: 20px;
  padding-left: 20px;
}

.user-html pre {
  margin-bottom: 20px;
}

.user-html h1,
.user-html h2,
.user-html h3,
.user-html h4,
.user-html h5,
.user-html h6 {
  margin: 30px 0 20px;
  padding: 0;
}

.user-html h1:first-child,
.user-html h2:first-child,
.user-html h3:first-child,
.user-html h4:first-child,
.user-html h5:first-child,
.user-html h6:first-child {
  margin-top: 0;
}

.user-html.user-html__with-lazy-load {
  overflow: visible;
}

.user-html ol,
.user-html ul {
  padding-left: 35px;
}

.search-input {
  display: flex;
  align-items: center;
}

.global-search-cnt {
  padding-top: 30px;
}

.SlideAdsWrap {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;
}

.ptvBannerWrap {
  padding: 0 0 8px;
}

.ptvBanner_blur_img {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.ptvBanner_blur_img>div {
  position: relative;
  height: 100%;
}

.ptvBanner_blur_img>div:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(60px);
  -webkit-backdrop-filter: blur(60px);
  background-color: rgba(0, 0, 0, 0.1);
}

.ptvBanner_blur_img>div:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));
}

.ptvBanner_Content {
  position: relative;
  display: block;
  padding: 0 15px;
  z-index: 1;
}

.ptvBanner_VideoInfo {
  width: 100%;
  position: relative;
}

.ptvBanner_Content {
  position: relative;
  display: block;
  padding: 0 15px;
  width: 100%;
}

.ptvBanner_Content h4 {
  position: absolute;
  z-index: 5;
  top: 15px;
  left: 35px;
}

.ptvBanner_Content .ptvBanner_VideoInfo a {
  display: block;
  color: #f1f1f1;
  font-weight: 400;
}

.ptvBanner_Content .ptvBanner_VideoInfo .video-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 12px;
}

.ptvBanner_Content .video-title .VideoDtaeTime {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 8px;
}

.ptvBanner_Content .video-title .VideoDtaeTime p.date {
  font-size: 14px;
  color: #ccc;
  margin-left: 15px;
}

.ptvBanner_Content .video-title .videoBnrShare {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 15px;
}

.ptvBanner_Content .video-title .videoBnrShare .rating {
  margin-right: 15px;
  margin-bottom: 15px;
}

.ptvBanner_Content .ptvBanner_VideoInfo .pvtBanner_userInfo {
  width: 100%;
  margin: 5px 0 0;
  color: #fff;
  padding: 0;
  border: 0;
  display: flex;
  align-items: center;
}

.ptvBanner_Content .ptvBanner_VideoInfo .pvtBanner_userInfo .pvtBanner_userInfo_img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.ptvBanner_Content .ptvBanner_VideoInfo .pvtBanner_userInfo .pvtBanner_userInfo_img a {
  width: 32px;
  height: 32px;
}

.ptvBanner_Content .ptvBanner_VideoInfo .pvtBanner_userInfo .pvtBanner_userInfo_img a img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.ptvBanner_Content .ptvBanner_VideoInfo .pvtBanner_userInfo a {
  font-size: 14px;
}

.pvtBanner_userInfo .publisher-name a.UserName {
  font-size: 18px;
  color: #fff;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}



.pvtBanner_userInfo .publisher-name a.UserName .verifiedUser span.material-icons {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.ptvBanner_Content .ptvBanner_VideoInfo .video-big-title {
  margin: 0;
}

.ptvBanner_Content .ptvBanner_VideoInfo .video-big-title a {
  color: #fff;
  font-size: 22px;
  text-align: left;
}

.ptvBanner_Content .BnnrThumb {
  position: relative;
  display: flex;
  width: 100%;
  height: 0;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 500px;
  max-height: 500px;
}

.ptvBanner_Content .BnnrThumb img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  display: block;
  margin: 0;
  opacity: 1;
  transform: translate(-50%, -50%);
  max-width: 100%;
  border-radius: 2px;
  min-width: 100%;
  min-height: 100%;
  transition: transform 0.5s ease;
}

.ptvBanner_Content .BnnrThumb:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.25));
}

.pvtBannerLike .LikeDislikeList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
.pvtBannerLike .countBtnPill{
  color:var(--ptv-color-white);
}

.pvtBannerLike .LikeDislikeList li {
  color: #fff;
  line-height: normal;
}

.pvtBannerLike .LikeDislikeList li a span.material-icons {
  color: #fff;
}

.pvtBannerLike .LikeDislikeList li:not(:last-child) {
  cursor: pointer;
}

.pvtBannerLike .LikeDislikeList li span {
  display: flex;
  align-items: center;
}


.pvtBannerLike .LikeDislikeList li:hover span {
  color: var(--ptv-icon-text) !important;
}
.pvtBannerLike .LikeDislikeList li:hover svg#watch-later {
  fill: var(--ptv-icon-text) !important;
}
.pvtBannerLike .LikeDislikeList li span span.material-icons,
.pvtBannerLike .LikeDislikeList li span span.material-icons-outlined {
  margin-right: 5px;
}

.pvtBannerLike .LikeDislikeList li:first-child {
  margin-left: 0;
}

.pvtBannerLike .watchLater {
  color: white;
}

.pvtBannerLike .watchLater span {
  font-size: 18px;
}

.pvtBanner_desc {
  margin-top: 10px;
}



.snglFullWdth .slick-dots {
  bottom: 10px;
}

.snglFullWdth .slick-dots li {
  width: 25px;
  height: auto;
  display: inline-block;
}

.snglFullWdth .slick-dots li button {
  width: 25px;
  height: 2px;
  padding: 2px;
  border: none;
  background: #ccc;
  background-image: none !important;
}

.snglFullWdth .slick-dots li button:before {
  width: auto;
  height: auto;
  content: none;
}

.snglFullWdth .slick-dots li.slick-active button {
  background: var(--ptv-primary-text);
}

.slick-disabled {
  display: none;
}

.ptv_videoList_wrap {
  background: var(--ptv-default-bg);
  border-radius: 12px;
}


.ptv_videoList_wrap .videoList_thumb .btnBoxHover span.watchlater .material-icons-outlined {
  line-height: 30px;
}


.ptv_videoList_wrap .videoList_thumb .playBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  cursor: pointer;
}

.ptv_videoList_wrap .videoList_thumb:hover .playBtn svg.playicon {
  transform: translate(-50%, -50%) scale(1);
}

.ptv_videoList_wrap .videoList_thumb .playBtn svg.playicon {
  left: 50%;
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) scale(1);
  width: 45px;
  height: 45px;
  stroke-width: 1.2px;
}

.ptv_videoList_wrap .videoList_thumb:hover .playBtn {
  opacity: 1;
  visibility: visible;
}

.pvtBannerLike .LikeDislikeList li .TitleRightDropdown ul.dropdown-menu a span.material-icons {
  color: var(--ptv-default-text);
}

.TitleRightDropdown .edit-options.show {
  background-color: var(--ptv-dropdown-bg);
  min-width: 150px;
  max-height: 120px;
  overflow-y: auto;
}

.TitleRightDropdown .edit-options.show li a {
  padding: 8px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.TitleRightDropdown .edit-options.show li a span.material-icons {
  font-size: 18px;
  margin-right: 5px;
}

/* Playlist */
.gridPlaylist {
  grid-gap: 16px;
}

.ptv_playlistGrid {
  width: 100%;
  position: relative;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
}

.ptv_playlistGrid .playlistGrid_thumb {
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s linear;
}
.ptv_playlistGrid .playlistGrid_thumb .imgRatio169:before,
.ptv_playlistGrid .playlistGrid_thumb .imgRatio169 .imgThumbnail img{
  border-radius: 0px !important;
}

.overlayVideoNo .videoNoIcon span {
  font-size: 36px;
}

.ptv_playlistGrid .playlistGrid_thumb a {
  display: block;
  position: relative;
  overflow: hidden;
}

.playlistDetail .channel-profile-img {
  width: 170px;
  height: 170px;
}



.ptv_playlistGrid .playlistGrid_thumb .overlayVideoNo {
  position: absolute;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
}

.ptv_playlistGrid .playlistGrid_thumb .overlayPlayBtn {
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none !important;
  transition: all 0.3s linear;
}


.ptv_playlistGrid .playlistGrid_thumb:hover .overlayPlayBtn {
  display: flex !important;
}

.ptv_playlistGrid .playlistGrid_content .edit-video-btn {
  display: flex;
}

.ptv_playlistGrid .playlistGrid_content .videoTitle a {
  display: block;
}

.ptv_playlistGrid .playlistGrid_content .videoTitle a h4 {
  font-size: var(--playListGrid-titlefontSize);
  color: var(--playListGrid-titleColor);
  font-weight: 400;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 22px;
  margin: 0;
}

.ptv_playlistGrid .playlistGrid_content .edit-video-btn a {
  width: calc(100% - 20px);
}

.ptv_playlistGrid .playlistGrid_content .videoInfo {
  margin: 10px 0;
  color: var(--playListGrid-usertimeColor);
  max-height: 44px;
  overflow: hidden;
  line-height: normal;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo a {
  color: var(--playListGrid-usertimeColor);
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .username {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .username a {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .username .verified {
  background: var(--ptv-verify-bg);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: #fff;
  display: inline-block;
  margin-left: 5px;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .username .verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .videoViewDate {
  font-size: 14px;
  line-height: 13px;
  display: inline-block;
  border-radius: 5px;
}

.ptv_playlistGrid .playlistGrid_content .videoInfo .videoViewDate span.seprater {
  margin: 0 5px;
}

.ptv_playlistGrid .playlistGrid_content .videoShareBtns {
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-around;
}

.ptv_playlistGrid .playlistGrid_content .videoShareBtns .videoListBtns {
  width: var(--playListGrid-btnwidthHeight);
  height: var(--playListGrid-btnwidthHeight);
  background: var(--playListGrid-btnBg);
  color: var(--playListGrid-btnColor);
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  font-size: var(--playListGrid-btnFontSize);
  line-height: var(--playListGrid-btnwidthHeight);
}

.ptv_playlistGrid .playlistGrid_content .videoShareBtns .videoListBtns span.material-icons,
.ptv_playlistGrid .playlistGrid_content .videoShareBtns .videoListBtns span.material-icons-outlined {
  line-height: var(--playListGrid-btnwidthHeight);
  font-weight: 500;
}

.ptv_playlistGrid .playlistGrid_content .videoShareBtns .videoListBtns:hover {
  color: var(--playListGrid-btnHoverColor);
}

.ptv_playlistGrid .playlistGrid_content .videoShareBtns a.active {
  color: var(--playListGrid-btnHoverColor);
}

.ptv_playlistGrid .playlistGrid_content .LikeDislikeWrap .LikeDislikeList li:first-child {
  margin-left: 0;
}

.medium-zoom-image--opened {
  z-index: 999;
}

/*artists photos tab*/

.ptv_artists_wrap {
  width: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.ptv_artists_wrap .ptv_artist_thumb {
  width: 100%;
  position: relative;
  height: 200px;
}

.ptv_artists_wrap .ptv_artist_thumb a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ptv_artists_wrap .ptv_artist_thumb a span {
  width: 100%;
  height: 100%;
}

.ptv_artists_wrap .ptv_artist_thumb img {
  width: 100%;
  min-height: var(--photogrid-thumbImgHeight);
  max-height: var(--photogrid-thumbImgHeight);
  object-fit: cover;
  height: inherit;
}

.ptv_artists_wrap .artist_photo_content {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
  height: var(--photogrid-info-height);
}

.ptv_artists_wrap .artist_photo_content .title a {
  display: block;
}

.ptv_artists_wrap .artist_photo_content .title a h4 {
  font-size: var(--photogrid-titlefontSize);
  font-weight: 400;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 22px;
  margin: 0;
}

/* Supported browser start */

.browserSupportWrap {
  width: 100%;
  position: relative;
  margin-top: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leftImg {
  max-width: 420px;
  width: 100%;
}

.leftImg img {
  width: 100%;
  height: auto;
}

.browsers {
  margin-left: 40px;
  max-width: 620px;
}

.browsers h1 {
  font-weight: 500;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 48px;
}

.browsers p {
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 25px;
}

.browsers-list {
  list-style: none;
  padding: 0px;
  margin: 0;
}

.browsers-list .browser {
  display: inline-block;
  width: 136px;
  height: 136px;
  margin: 0 16px 16px 0;
  background: #d8d8d8;
  border-radius: 4px;
}

.browsers-list .browser.last {
  margin-right: 0;
}

.browsers-list .browser>a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  color: #0d0d0d;
}

.browsers-list .browser>a:visited {
  color: #0d0d0d;
}

.browsers-list .browser img {
  margin: 0 16px 8px 16px;
}

.browsers-list .browser h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  color: #000;
}

.btnreturn {
  display: inline-block;
  background: #ff1744;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  padding: 12px 24px;
  border-radius: 4px;
  margin: 16px 0;
}

.btnreturn:hover {
  color: white;
}

/* Responsive style */

@media (max-width: 1200px) {
  .browserSupportWrap {
    flex-direction: column;
    margin-top: 100px;
  }

  .browsers {
    margin-left: 0;
    text-align: center;
    max-width: 640px;
    width: 100%;
  }

  .browsers-list .browser.last {
    margin: 0 16px 16px 0;
  }
}

/* Supported browser End */

/* Live Streaming style */

.video-view,
.video-view div {
  position: relative;
  height: 100%;
  width: 100%;
}

.ls_HeaderWrap {
  background: var(--ptv-header-bg);
  border-bottom: 1px solid var(--ptv-border-default);
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 60px;
}

.ls_headerContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ls_headerContent .logo {
  max-width: 250px;
}

.ls_headerContent .logo img {
  width: 100%;
  height: auto;
}

.ls_rightHeader .userNameImg {
  display: flex;
  align-items: center;
  background-color: var(--deskHeader-buttonBg);
  padding: 3px 10px;
  border-radius: 30px;
  color: var(---deskheader-buttoncolor);
}

.ls_rightHeader .userNameImg .userPic {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.ls_rightHeader .userNameImg .userName {
  font-size: 14px;
  line-height: normal;
}

.ls_contentWrap {
  min-height: calc(100vh - 60px);
  width: 100%;
  height: 100%;
  padding-top: 60px;
  position: relative;
  overflow: hidden;
}

.ls_mainContent .videoSection1 .ls_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.ls_mainContent .videoSection1 .videoWrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.ls_mainContent .videoSection1 .videoWrap video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.videoSidebar .ls_sidbar {
  border: 1px solid var(--ptv-border-default);
  margin-bottom: 20px;
  min-height: 400px;
}

.local_stream div {
  position: absolute !important;
}

#local_stream {
  height: 100% !important;
  width: 100% !important;
}

#local_stream div video {
  object-fit: cover !important;
}

.remote_audience {
  display: none;
}

.centeredForm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background: var(--ptv-default-bg);
  color: var(--Textcolor-main);
  max-width: 500px;
  padding: 15px;
}

.centeredForm .lsForm .user-area {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.scheduled-reminder {
  margin-top: 5px;
  margin-bottom: 5px;
}

.scheduled-video-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 16px;
}

.scheduled-cnt .stats {
  display: inline-flex;
  flex-flow: wrap;
  height: auto;
  bottom: 75px;
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px 6px;
  margin: -12px 16px;
  align-items: center;
  box-sizing: border-box;
  text-align: left;
  text-transform: uppercase;
  border-radius: 5px;
  color: #fff;
  -webkit-box-align: center;
}

.scheduled-cnt .stats .date {
  margin: 10px 16px;
}

.scheduled-cnt .stats .date .text {
  font-size: 18px;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}

.scheduled-cnt .stats .date .subitle {
  font-size: 12px;
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}

.scheduled-cnt .stats .icon {
  margin: 10 14px;
  width: 24px;
}

.sche-btn {
  margin: 10px 16px;
}

.sche-btn button .text {
  margin: 0px 10px;
}

.sche-btn button {
  border: none;
  color: #fff;
  min-width: 80px;
  height: 32px;
  padding: 0 8px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 2px;
  display: flex;
  align-items: center;
}

.scheduled-reminder .set-reminder {
  background-color: var(--ptv-primary-bg);
  padding: 5px;
  color: var(--ptv-color-white);
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  border-radius: 16px;
  padding: 10px;
}

.go-live-btn {
  text-align: center;
}

.go-live-btn button {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.lsForm .header-live-streaming {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}

.lsForm .formFields .form-group label {
  font-weight: 400;
}

.lsForm .formFields .form-group textarea {
  height: 70px;
}

.lsForm .filesinput div.uploadicn {
  padding: 20px 0 20px 0;
}

.lsForm .filesinput div.uploadicn i {
  font-size: 24px;
}

.lsForm .formFields .form-group {
  margin-bottom: 20px;
}

.ls_mainContent .sidebar {
  max-width: 320px;
  width: 100%;
  height: calc(100vh - 60px);
  position: relative;
}

.ls_contentWrap .ls_overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.ls_contentWrap .FormCenter {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 300px;
  height: auto;
  background: #000000;
}

.videoSection2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: calc(100vh - 60px);
}

.videoWrapCnt {
  height: calc(100vh - 120px);
}

.videoSection2 .videoWrap {
  width: calc(100% - 320px);
  position: relative;
}

.videoSection2 .videoWrap.nochat {
  width: 100% !important;
}

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

.chat_participants_cnt span {
  margin-left: 10px;
}

.mobile-chat {
  width: 100%;
  display: none;
  position: absolute;
  top: 48%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.fullscreen-video .details-video-wrap .container {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.fullscreen-video .details-video-wrap {
  overflow: hidden;
}

.fullscreen-video #header {
  display: none;
}

.fullscreen-video .mobile-chat.hide-chat .hide-chat {
  top: -100px;
}

.fullscreen-video .ls_HeaderWrap,
.fullscreen-video .ls_sidbar,
.fullscreen-video .lsVideoTop,
.fullscreen-video .ls_footer {
  display: none;
}

.fullscreen-video .ls_contentWrap {
  padding-top: 0px;
}

.fullscreen-video .videoSection2 .videoWrap {
  width: 100%;
}

.fullscreen-video .media_treaming_iframe,
.fullscreen-video .videoWrapCnt {
  height: 100% !important;
}

.fullscreen-video .videoSection2 {
  height: 100vh;
}

.hide-chat {
  position: absolute;
  top: -50px;
  right: 5px;
  background: var(--ptv-primary-bg);
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  color: white;
}

.fullscreen-video .mobile-chat {
  display: block;
}

.fullscreen-video .content-wrap {
  padding-top: 0px;
}

.fullscreen-video .videoPlayerHeight {
  width: 100%;
}

.fullscreen-video .expand {
  display: none !important;
}

.hide-chat .material-icons-outlined {
  font-size: 32px;
}

.mobile-chat.hide-chat {
  top: 100% !important;
  background: transparent;
}

.top_video_chat.ls_sidbar .chatList {
  min-height: 200px;
  max-height: 200px;
}

.top_video_chat {
  margin-bottom: 10px;
}

.mobile-chat .chatListRow {
  color: white;
}

.mobile-chat.hide-chat .top_video_chat .custScrollBar,
.mobile-chat.hide-chat .top_video_chat .Chattexttyping {
  display: none !important;
}

.mobile-chat.hide-chat {
  padding: 0px !important;
}

.mobile-chat.hide-chat .top_video_chat {
  margin-bottom: 0px !important;
}

.fullscreen-video .MobeaderWrap,
.fullscreen-video .header-wrap,
.fullscreen-video .headerRightMenu,
.fullscreen-video .lsVideoTop,
.fullscreen-video footer {
  display: none !important;
}

.fullscreen-video .mobile-chat .top_video_chat {
  display: block !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.fullscreen-video .videoSection2 {
  flex-direction: inherit;
}

.fullscreen-video .details-video-wrap .container .row>div:not(.videoPlayerHeight) {
  display: none !important;
}

.fullscreen-video .main-content,
.fullscreen-video .details-video-wrap,
.fullscreen-video .videoPlayerHeight {
  margin: 0px !important;
  padding: 0px !important;
}

.fullscreen-video .video_player_cnt {
  height: 100vh !important;
}

.mobile-chat .ls_sidbar .ls_sdTitle {
  display: none;
}

.videoSection2 .videoWrap video {
  object-fit: revert !important;
  margin: 0 auto !important;
  position: relative !important;
  transform: rotateY(180deg) translateX(0) !important;
}

.videoSection2 .ls_sidbar {
  min-width: 320px;
  max-width: 320px;
  width: 100%;
  height: 100%;
  border-left: 1px solid var(--ptv-border-default);
}

.lsVideoTop {
  margin-top: 15px;
  margin-left: 30px;
  margin-bottom: 15px;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #fff;
  background: #00000057;
}

.lsVideoTop .liveTimeWrap {
  margin-right: 15px;
  min-width: 30px;
}

.lsVideoTop .liveTimeWrap .liveText {
  background: var(--ptv-danger);
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  padding: 6px;
  border-radius: 4px;
  line-height: normal;
}

.lsVideoTop .liveTimeWrap .liveTime {
  background: #000;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px;
  line-height: normal;
}

.lsVideoTop .participentNo,
.lsVideoTop .likebtn {
  margin-right: 15px;
  display: flex;
  align-items: center;
  font-size: 18px;
}

.lsVideoTop .participentNo i,
.lsVideoTop .likebtn i {
  margin-right: 5px;
}

.lsVideoTop .likebtn {
  cursor: pointer;
}

.lsVideoTop .active {
  cursor: pointer;
  color: var(--ptv-primary-text);
}

.ls_footer {
  width: 100%;
  position: relative;
  background: var(--deskHeader-buttonBg);
  height: 60px;
  padding: 15px 0;
}

.ls_footerOption {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.ls_footerOption .shareLinks {
  font-size: 20px;
  cursor: pointer;
}

.social_share_livestreaming {
  margin: 0;
  list-style: none;
}

.social_share_livestreaming li a {
  display: flex;
  align-items: center;
  font-size: 18px;
  border-radius: 10px;
  border: 1px solid var(--ptv-border-default);
  padding: 3px 10px;
}

.social_share_livestreaming li a .material-icons {
  padding-right: 10px;
}

.livestreaming_end {
  height: 100% !important;
}

.livestreaming_end .popup_wrapper_cnt_header {
  margin: 0;
  border: none;
  padding: 30px;
}

.livestreaming_end h2 {
  margin-bottom: 30px;
}

.livestreaming_end .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.livestreaming_end .popup_cnt {
  padding: 0px;
}

.livestreaming_end .footer a {
  margin-right: 30px;
}

.ls_footerOption .valumeBtn {
  font-size: 20px;
    cursor: pointer;
    background: var(--ptv-icon-bg);
    color: var(--ptv-icon-text);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ls_footerOption .valumeBtn:hover{
  background: var(--ptv-icon-bg-hover);
  color: var(--ptv-icon-text);
}

.ls_footerOption .endBtn button {
  background: var(--ptv-primary-bg);
  border: none;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  cursor: pointer;
}

.ls_sidbar .ls_sdTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--ptv-grid-bg);
  padding: 5px 10px;
  gap: 8px;
}

.ls_sidbar .ls_sdTitle .title {
  font-size: 18px;
  font-weight: 500;
  flex-grow: 1;
}

.ls_sidbar .ls_sdTitle a.lsdot {
  flex-shrink: 0;
}

.ls_sidbar .ls_sdTitle .TitleRightDropdown .edit-options.show {
  background-color: var(--ptv-secondry-bg);
  min-width: 150px;
}

.ls_sidbar .ls_sdTitle .TitleRightDropdown .edit-options.show li a {
  padding: 6px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: normal;
}

.ls_sidbar .chatList {
  height: calc(100% - 130px);
  padding: 10px;
}

.ls_sidbar .Chattexttyping {
  background: transparent;
  padding: 0 10px;
}

.ls_sidbar .Chattexttyping .userName {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 0px;
}

.ls_sidbar .Chattexttyping .userName .userImg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.ls_sidbar .Chattexttyping .userName .name {
  font-size: 14px;
  line-height: normal;
  flex-grow: 1;
}
.chatInput{
  background: var(--ptv-grid-bg);
}

.ls_sidbar .Chattexttyping .chatInput .chatbox {
  background: var(--ptv-form-input-bg);
    border: 1px solid var(--ptv-form-input-border);
    font-size: 14px;
    color: var(--ptv-form-input-text);
    transition: all 0.3s linear;
    height: 32px;
    border-radius: 4px;
    flex-grow: 1;
    padding: 4px;
}
.ls_sidbar .Chattexttyping .chatInput .chatbox:focus{
  border: 1px solid var(--ptv-form-input-border);
}

.ls_sidbar .Chattexttyping .chatInput .chatsend {
    width: 32px;
    height: 32px;
    padding: 0;
    flex-shrink: 0;
}

.ls_sidbar .Chattexttyping .chatInput .chatsend:focus {
  outline: none;
}

.chatListRow {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
}

.chatListRow .userImg {
  width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.banbtn i,
.deletebtn i {
  color: var(--ptv-primary-text);
}

.chatListRow .deletebtn,
.chatListRow .banbtn {
  width: 24px;
  margin-left: 1px;
  display: inline-block;
  text-align: center;
  padding-top: 5px;
}

.chatListRow .unbanbtn i {
  color: grey !important;
}

.chatListRow .chatMessege {
  width: calc(100% - 50px);
  line-height: normal;
  font-size: 12px;
  letter-spacing: 0;
  word-wrap: break-word;
}

.chatListRow .chatMessege .chattime {
  font-size: 11px;
  color: var(--videoGrid-usertimeColor);
}

.chatListRow .chatMessege .name {
  background: var(--ptv-grid-bg);
  padding: 2px 4px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 5px;
  color: var(--ptv-default-text);
}

.chatListRow.tip {
  background-color: #58b8a2;
  padding: 10px;
  border-radius: 10px;
}

.chatListRow.tip .userImg {
  width: 50px;
  height: 50px;
}

.chatListRow.tip .chatMessege {
  margin-left: 10px;
}

.chatListRow.tip .chatMessege .name {
  color: black;
  background: none;
  font-size: 18px;
}

.chatListRow.tip .chatMessege span {
  display: block;
  color: black;
  font-size: 18px;
}

.ls_sdTitle .tip_cnt {
  display: flex;
  overflow-x: auto;
  margin-bottom: 5px;
}

.ls_sdTitle .tip_cnt .content img {
  margin: 4px;
}

.tip_cnt .tip div.animation {
  border-radius: 30px;
  width: 100%;
  background: linear-gradient(to right, #58b8a2 50%, transparent 0);
  background-size: 200% 100%;
  background-position: right;
  animation: makeItfadeIn 10s 1s forwards;
}

@keyframes makeItfadeIn {
  100% {
    background-position: left;
  }
}

.tip_cnt .tip {
  display: flex;
  align-items: center;
  margin-right: 10px;
  background-color: #23e9b7;
  border-radius: 30px;
  height: 38px;
  min-width: 100px;
}

.tip_cnt .tip img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.tip_cnt .tip span {
  font-size: 18px;
  color: black;
  font-weight: 600;
  align-items: center;
}

.finishedStream {
  border: 1px solid var(--ptv-border-default);
}

.finishedStream .head {
  padding: 10px 15px;
  font-weight: bold;
  border-bottom: 1px solid var(--ptv-border-default);
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0;
}

.finishedStream .thumbStream {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.finishedStream .thumbStream img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.finishedStream .thumbStream .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  bottom: 0;
}

.finishedStream .thumbStream .overlay .nameThumb {
  position: absolute;
  left: 15px;
  bottom: 15px;
  letter-spacing: 0;
  line-height: normal;
}

.finishedStream .thumbStream .overlay .nameThumb .big {
  font-size: 20px;
  font-weight: 500;
  color: white;
  margin-bottom: 10px;
  display: block;
}

.finishedStream .thumbStream .overlay .nameThumb .namesmall {
  font-size: 18px;
  display: block;
  font-weight: 500;
  color: white;
}

.finishedStream .streamInfo {
  letter-spacing: 0;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.finishedStream .streamInfo .smallTitle {
  color: var(--videoGrid-usertimeColor);
  font-size: 12px;
  display: block;
}

.finishedStream .streamInfo .infotext {
  font-size: 18px;
  display: block;
  margin-top: 5px;
}

.finishedStream .foot {
  margin-top: 10px;
  padding: 15px;
  display: flex;
  justify-content: flex-end;
  line-height: normal;
  letter-spacing: 0;
  text-transform: uppercase;
  align-items: center;
}

.finishedStream .foot .editbtn {
  padding: 5px 10px;
  line-height: normal;
  letter-spacing: 0;
  margin-left: 15px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

/* End Live Streaming Code */

.sc-upload-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.sc-percentage-100,
.sc-progress-upload-txt {
  position: absolute;
  margin: 0;
  width: auto;
  margin-left: 1%;
}

.sc-progress-upload-txt {
  margin-left: 5px !important;
}

.sc-imageprocess {
  background-color: var(--ptv-body-bg);
  text-align: center;
}

.sc-imageprocess svg circle {
  fill: white;
}

.sc-progressbar-cnt .sc-progressbar {
  height: 50px;
  background-color: var(--ptv-body-bg);
}

.sc-upload-progressbar {
  overflow: hidden;
  position: absolute;
  z-index: 88888;
  border: 3px solid var(--ptv-primary-text);
  height: 50px;
  top: 50%;
  left: 50%;
  width: 50%;
  color: #fff;
  font-weight: 700;
  transform: translate(-50%);
  transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
}

.global-search-cnt .search-input {
  margin-bottom: 20px;
  display: flex;
  gap:10px;
}

.sc-upload-progressbar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.sc-percentage-100,
.sc-progress-upload-txt {
  position: absolute;
  margin: 0;
  width: auto;
  margin-left: 1%;
  margin-top: 10px;
}

.sc-progress-upload-txt {
  margin-left: 5px !important;
}

.sc-percentage-100 {
  margin-top: 21px;
  background-color: var(--ptv-default-text);
  color: var(--ptv-default-text);
  height: 7px;
}

.sc-imageprocess-txt {
  background-color: var(--ptv-default-bg);
  color: var(--ptv-default-text);
  text-align: center;
}

.VideoDetails-commentWrap .sc-upload-progressbar {
  width: 90% !important;
  background-color: var(--ptv-default-bg);
  color: var(--ptv-default-text);
}

.sc-progressbar-cnt {
  margin-top: 21px;
  padding-left: 10px;
}

.sc-progressbar-cnt .sc-progressbar {
  height: 50px;
  background-color: var(--ptv-default-bg);
  color: var(--ptv-default-text);
}

.sc-upload-progressbar {
  overflow: hidden;
  position: absolute;
  z-index: 88888;
  border: 3px solid var(--ptv-grid-bg);
  height: 50px;
  top: 50%;
  left: 50%;
  width: 50%;
  color: var(--ptv-default-text);
  font-weight: 700;
  transform: translate(-50%);
  transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
}

.sc-cnt-percent {
  display: flex;
  padding-top: 5px;
  align-items: center;
}

/* Movie slider */
.movie-series-purchase .modal-content-popup {
  background-color: transparent;
  margin: auto;
  padding: 20px;
  border: none;
  width: 100%;
  max-width: 1000px;
  height: auto;
}

.rent-valid {
  font-style: italic;
  padding: 0px;
  margin-top: -4px;
  margin-bottom: 10px;
}

.movieSlider-wrap {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 30px;
}

.movieBnnr-wrap {
  width: 100%;
  position: relative;
  padding-top: 50.33%;
}

.movieBnnr-content {
  overflow: hidden;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.movieBnnr-Img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.movieBnnr-Img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
}

.movieBnnr-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
}

.overlayGredient::after {
  background-image: -webkit-linear-gradient(-90deg,
      rgb(255, 255, 255, 0) 0%,
      rgb(2, 2, 2) 40%);
  background-image: -webkit-linear-gradient(-90deg,
      rgb(255, 255, 255, 0) 0%,
      rgb(2, 2, 2) 40%);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  bottom: 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
  z-index: 1;
}

.overlayText {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 9;
  padding: 30px;
  padding-bottom: 20px;
  line-height: normal;
}

.movieBnnr-text .movieName {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 10px;
  line-height: 25px;
}

.MvtimeLng a {
  color: #fff;
}

.MvtimeLng {
  font-size: 18px;
  font-weight: 500;
  color: var(--videoGrid-usertimeColor);
  text-transform: capitalize;
  margin-bottom: 10px;
}
.video_share a{
  background: var(--ptv-icon-bg);
    color: var(--ptv-icon-text);
}
.video_share a:hover{
  background: var(--ptv-icon-bg-hover)!important;
    color: var(--ptv-icon-text)!important;
}
.LikeDislikeList .video_share a {
  color: #fff;
}

.movieBnnr-text .descriptn {
  font-size: 14px;
  color: var(--ptv-secondry-text);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.movieSlide .owl-item .item {
  background: #000000;
  opacity: 0.3;
  transition: all 0.3s ease 0s;
}

.movieSlide .owl-item .item .movieBnnr-text {
  display: none;
  transition: all 0.3s;
}

.movieSlide .owl-item.center .item .movieBnnr-text {
  display: block;
  transition: all 0.3s;
}

.movieSlide .owl-item.center .item {
  background: transparent;
  opacity: 1;
  transition: all 0.3s ease 0s;
}

.movieSlide .owl-nav .owl-next,
.movieSlide .owl-nav .owl-prev {
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.movieSlide .owl-nav .owl-next {
  right: 0;
  display: flex;
  font-size: 25px !important;
  height: 100%;
  width: 16.5%;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
}

.movieSlide .owl-nav .owl-prev {
  left: 0;
  display: flex;
  font-size: 25px !important;
  height: 100%;
  width: 16.5%;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
}

.movieSlide .owl-nav .owl-next:focus,
.movieSlide .owl-nav .owl-prev:focus {
  outline: none;
}

.movieSlide .owl-nav .material-icons {
  font-size: 70px;
}

.mBnrPlayBtn {
  margin-left: 15px;
  white-space: nowrap;
}

.movie-video-listing tr td span img {
  height: 100%;
  width: 100%;
  margin-right: 10px;
}
.movie-video-listing .icon36,#seasonData .icon36{
  width: 75px !important;
  height: 75px !important;
}
/* Movie Details */

.MBnrBg {
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
}

.MovBanner-blur-img {
  position: absolute;
  left: 0px;
  right: 0px;
  height: 100%;
  overflow: hidden;
}

.MovBanner-blur-img>div {
  position: relative;
  height: 100%;
}

.MovBanner-blur-img>div:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  background-color: rgba(0, 0, 0, 0.1);
}

.MovBanner-blur-img>div:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
}

.MDetails-wrap {
  width: 100%;
  padding: 100px 50px;
  position: relative;
}

.MDetails-wrap:after {
  clear: both;
  content: "";
  display: table;
}

.MDetails-Content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.movieImg img {
  min-width: 100%;
  height: auto;
}

.movInfo {
  padding-right: 30px;
  color: #ffffff;
}

.movInfo .movieName {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}

.movInfo .MvtimeLng {
  font-size: 20px;
  font-weight: 500;
  color: var(--ptv-secondry-text);
}

.movInfo .audio {
  font-size: 20px;
  font-weight: 500;
  color: var(--ptv-secondry-text);
}

.movInfo .descriptn {
  font-size: 18px;
  line-height: normal;
  margin: 15px 0;
}

.MplayInfo-wrap {
  position: relative;
  width: 100%;
}

.MplayInfo-btns {
  position: absolute;
  width: 100%;
  top: 15px;
}

.MplayInfo-btns .mWatchBtn {
  margin-right: 50px;
}

.MplayInfo-btns .LikeDislikeList {
  margin: 0;
  margin-right: 15px;
  padding: 0;
  list-style: none;
}

.MplayInfo-btns .LikeDislikeList li {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 15px;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
}

.MplayInfo-btns .LikeDislikeList li span {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.MplayInfo-btns .LikeDislikeList li:hover a,
.MplayInfo-btns .LikeDislikeList li:hover span {
  color: var(--ptv-primary-text);
}

.MplayInfo-btns .LikeDislikeList li span.active {
  color: var(--ptv-primary-text);
}

.MplayInfo-btns .LikeDislikeList li .TitleRightDropdown .edit-options.show {
  background-color: var(--ptv-secondry-bg);
  min-width: 120px;
}

.MplayInfo-btns .TitleRightDropdown .edit-options.show {
  background-color: var(--ptv-secondry-bg);
  min-width: 150px;
  max-height: 95px;
  overflow-y: auto;
}

.TitleRightDropdown .edit-options li {
  margin: auto;
}

.MplayInfo-btns .TitleRightDropdown .edit-options.show li {
  display: block;
}

.MplayInfo-btns .TitleRightDropdown .edit-options.show li a {
  display: flex;
  align-items: center;
}

.MplayInfo-btns .LikeDislikeList li:hover .TitleRightDropdown .edit-options.show li a,
.MplayInfo-btns .LikeDislikeList li:hover .TitleRightDropdown .edit-options.show li span {
  color: var(--ptv-default-text);
}

.MplayInfo-btns .LikeDislikeList li:hover .TitleRightDropdown .edit-options.show li:hover a,
.MplayInfo-btns .LikeDislikeList li:hover .TitleRightDropdown .edit-options.show li:hover span {
  color: var(--ptv-primary-text);
}

/* Movie List grid */

.ptv_movieList_wrap {
  width: 100%;
  position: relative;
  background: var(--ptv-default-bg);
  border-radius: 8px;
  overflow: hidden;
  padding: 4px;
  transition: all 0.3s linear;
  height: 100%;
}

.movieThumbnail {
  width: 100%;
  position: relative;
}
.movieInfo{
  opacity: 0.7;
}
.movieList_content{
  padding: 2px 8px;
}
.imgRatio1624 {
  width: 100%;
  display: block;
  position: relative;
}

.imgRatio1624:before {
  content: "";
  display: block;
  padding-bottom: 140.3%;
  background-color: var(--ptv-secondry-bg);
  border-radius: 8px;
}

.movieThumbnail .labelBtn {
  position: absolute;
  top: 8px;
  left: 8px;
}

.ptv_movieList_wrap .btnBoxHover {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  transition: all 0.2s ease;
}

.ptv_movieList_wrap:hover .btnBoxHover {
  display: block;
}

.gridMovie {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 12px;
}


.ai-images{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  grid-template-rows: 1fr;
  gap:16px;
}

.movieRowCol {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.movieRowCol .ptv_movieList_wrap {
  width: calc(100% / 5);
  padding: 10px;
  box-sizing: border-box;
}

.movies-series-trailers-cs-page .player-wrapper,
.movies-series-trailers-cs-page .video-js {
  height: 100% !important;
}

/* Movie player page */
.movie-player {
  height: 100%;
}

.moviePlayer-wrap {
  background: #000000;
  width: 100%;
  position: relative;
}

.movieWatch-mainInfo {
  margin-top: 15px;
}

.mvWatch-top {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}

.img120 {
  width: 120px;
  margin-right: 15px;
}

.mv-published {
  margin-bottom: 15px;
  font-size: 14px;
}

/* Community */

.communty-boxWrap {
  width: 100%;
  position: relative;
  border: 1px solid var(--ptv-border-default);
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 30px;
}

.communty-boxWrap.post_view {
  border: 1px solid var(--ptv-border-default);
}

.communty-content {
  position: relative;
  width: 100%;
  display: flex;
}

.communty-content .profileImg {
  min-width: 40px;
  height: 40px;
  margin-right: 15px;
  max-width: 40px;
}

.communty-content .profileImg span {
  width: 100%;
  height: 100%;
}

.communty-content .profileImg span img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--commentimage-backgroundcolor);
  object-fit: cover;
}

.post_view .communty-content .content .LikeDislikeWrap {
  margin-top: 20px;
}

.communty-content .LikeDislikeWrap .LikeDislikeList li {
  margin: 0 5px;
}

.communty-content .options {
  float: right;
}

#community button {
  margin-bottom: 20px;
  margin-left: 20px;
}

.community-comment-a {
  color: var(--ptv-default-text) !important;
}

.community-comment-a:hover {
  color: var(--ptv-primary-text) !important;
}

.communty-content .content .postBy {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.communty-content .content .postBy .authr a {
  color: var(--ptv-default-text);
  display: block;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
}

.communty-content .content .postBy .pdate a {
  color: var(--ptv-secondry-text);
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.communty-content .content .text {
  font-size: 18px;
  line-height: normal;
}

.communty-content .content .text p {
  margin-bottom: 10px;
  color: var(--ptv-default-text);
}

.communty-content .content .postImg {
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  color: black;
}

.circleBtn-wrap {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.circleBtn-wrap .cbtn {
  width: 36px;
  height: 36px;
  background: var(--deskHeader-buttonBg);
  color: var(--deskheader-buttoncolor);
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.movieWatchInfo {
  display: block;
  position: relative;
}

.textSecondery {
  color: var(--ptv-secondry-text);
}

.PostCard-wrap {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.postCard-box {
  width: calc((100% / 4) - 10px);
  position: relative;
  background: var(--ptv-default-bg);
  border: 1px solid var(--ptv-border-default);
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
}

.postCard-box .card-body {
  padding: 10px 15px;
}

.postCard-box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
  color: var(--ptv-default-text);
}

.postCard-box .head .clogo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}

.postCard-box .head .clogo span {
  width: 100%;
  height: 100%;
}

.postCard-box .card-body a {
  color: var(--ptv-default-text);
  font-size: 18px;
}

.postCard-box .head .clogo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.postCard-box .head .cname {
  flex-grow: 1;
}

.postCard-box .head .postdate {
  position: relative;
  margin-left: 15px;
}

.postCard-box .head .postdate::before {
  content: ".";
  position: absolute;
  left: -10px;
  line-height: 0px;
  font-size: 30px;
  top: 0px;
}

.postCard-box .content {
  display: flex;
  width: 100%;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 20px;
}

.content .text {
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 9;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.postCard-box .content .imgbox {
  width: 47%;
  height: 175px;
  position: relative;
  margin-left: 3%;
}

.postCard-box .content .imgbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.postCard-box .content .imgbox .lazy-load-image-background {
  width: 100%;
  height: 100%;
}

.postCard-box .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.postCard-box .foot .likeDislike,
.postCard-box .foot .commentOption {
  display: flex;
  align-items: center;
}

.postCard-box .foot .likeDislike .icon,
.postCard-box .foot .commentOption .icon {
  display: flex;
  align-items: center;
  color: var(--ptv-secondry-text);
  font-size: 18px;
  cursor: pointer;
}

.postCard-box .foot .likeDislike .icon span,
.postCard-box .foot .commentOption .icon span {
  margin-right: 5px;
  display: flex;
  font-size: 20px;
}

.postCard-box .foot .likeDislike .icon span.active {
  color: var(--ptv-primary-text);
}

.postCard-box .community-comment-a {
  display: flex;
}

/* Rent buy box */

.buyRent-wrap {
  width: 100%;
  position: relative;
  color: #000000 !important;
  margin-top: 30px;
}

.buyRent-wrap .buyRent-btn {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.buyRent-wrap .buyRent-btn .moviePoster {
  max-width: 275px;
  min-width: 130px;
  margin-right: 30px;
}

.buyRent-wrap .buyRent-btn .moviePoster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.textBlck {
  color: #000000 !important;
}

.buyRent-wrap .promoHelp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.buyRent-wrap .help a {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
  text-transform: uppercase;
}

/* Audio pages design css */
.audioLoop.active{
  background: var(--ptv-grid-bg);
  border-radius: 50%;
  color: var(--ptv-default-text);
} 
.audio-list-queue{
  min-width: 400px;
  position: fixed;
  bottom: 80px;
  right: 10px;
  background: var(--ptv-grid-bg);
  height: 70%;
  z-index: 9999;
  overflow-y: scroll;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px;
}
.audioListing-wrap,
.audioDetails-wrap {
  width: 100%;
  position: relative;
}
.audio-cnt-top, .audioListItem{
  background: var(--ptv-default-bg);
  padding: 16px;
  border-radius: 16px;
}
.audioListing-wrap h1.title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 15px;
}

.tracksList {
  max-width: 700px;
  width: 100%;
  position: relative;
}

.stream-track {
  display: flex;
  margin: 15px 0;
  position: relative;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
}

.stream-track-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 8px;
  margin-right: 15px;
}

.stream-track-img img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.slick-track {
  float: left;
}

.stream-track-info {
  width: calc(100% - 175px);
  flex-grow: 1;
}

.miniPlay-shareWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: start;
}

.miniPlay-shareWrap .LikeDislikeWrap {
  margin-top: 10px;
}

.userDetailsWraps .user-area {
  background-color: var(--ptv-default-bg);
}

.miniPlay-shareWrap .miniplay {
  display: flex;
  width: 100%;
}

.miniPlay-shareWrap .LikeDislikeWrap .LikeDislikeList li,
.miniPlay-shareWrap .LikeDislikeWrap .LikeDislikeList li .videoListBtns {
  font-size: 12px;
  font-weight: 400;
  color: var(--header-sidebar-icon-color);
  margin: 0 7px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.miniPlay-shareWrap .LikeDislikeWrap .LikeDislikeList li i.fas {
  margin-right: 4px;
}

.miniplay .playbtn {
  width: 36px;
  height: 36px;
  background: var(--ptv-primary-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
}

.playbtn i.fas {
  font-size: 18px;
  margin-left: 4px;
  color: #fff;
}

.videoList_thumb iframe {
  height: 188px;
  width: 100%;
}

.videoList_thumb .playbtn i {
  font-size: 40px;
  left: 50%;
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) scale(0.7);
  width: 25px;
  height: 25px;
  stroke-width: 1.2px;
  cursor: pointer;
}

.miniplay .info {
  width: calc(100% - 46px);
  flex-grow: 1;
  font-size: 14px;
}

.miniplay .info .user {
  color: var(--videoGrid-usertimeColor);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
}

.miniplay .info .descp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.UserName{
  white-space: nowrap;
}
.audioBnr{
  width: 100%;
  max-width: 300px;
  flex-shrink: 0;
}
.audioBnr .imgRatio169:before {
  padding-bottom: 100%;
  border-radius:8px ;
}
.audioDetailContent h2{
  font-size: 32px;
  color: var(--ptv-default-text);
}



.audioDetailContent .audioPlayBtn {
  width: 60px;
  height: 60px;
}
.audioDetailContent .audioPlayBtn .fas {
  font-size: 24px;
}

.trackCanvas {
  opacity: 0.8;
  cursor: pointer;
  bottom: 0;
  width: 100%;
}

.trackCanvas:hover {
  opacity: 1;
}

.trackCanvas canvas {
  width: 100%;
}

.trackCanvas canvas.details {
  max-width: 100%;
}
.audioListItem{
  transition: all 0.3s linear;
}
.audioListItem .audioThumb{
flex-shrink: 0;
width: 75px;
}
.audioListItemContent a{
font-size: 18px;
font-weight: 500;
color: var(--ptv-default-text);
transition: all 0.3s linear;
}
.audioListItemContent a:hover{
  color: var(--ptv-primary-text);
}

.audioRemoveTrack{
  width: 24px;
  height: 24px;
  display: flex;
}
.audioRemoveTrack .BtnWithBg{
  background: transparent;
  width: 24px;
  height: 24px;
}
.audioRemoveTrack .BtnWithBg,
.audioListItem .audioPlayBtn{
  display: none;
}
.audioListItem:hover .audioRemoveTrack .BtnWithBg,
.audioListItem:hover .audioPlayBtn{
  display: flex;
} 

/* Start equalizer */
.eq-bar {
  transform: scale(1, -1) translate(0, -24px);
}

.eq-bar--1 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

.eq-bar--1 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}

.eq-bar--2 {
  animation-name: tall-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0.17s;
}

.eq-bar--3 {
  animation-name: short-eq;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-delay: 0.34s;
}

@keyframes short-eq {
  0% {
    height: 8px;
  }

  50% {
    height: 4px;
  }

  100% {
    height: 8px;
  }
}

@keyframes tall-eq {
  0% {
    height: 16px;
  }

  50% {
    height: 6px;
  }

  100% {
    height: 16px;
  }
}
/* End equilizer */

.infoPlay .miniplay .info .user {
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-bottom: 4px;
  font-size: 18px;
}

.infoPlay .miniplay .info .descp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 50;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.audioDetail-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.audioDetail-content .audioInfo {
  width: calc(100% - 150px);
  position: relative;
}

.audioLike {
  border-bottom: 1px solid var(--ptv-border-default);
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
}

.audioLike a {
  color: var(--ptv-default-text);
}


.miniplay .info .user .verified .material-icons,
.userAvatar h4 .verified .material-icons,
.userTrackName .UserName .verified .material-icons {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.userTrackName .UserName .verified {
  width: 14px;
  height: 14px;
}

.userTrackName .UserName .verified .material-icons {
  font-size: 12px;
  line-height: 12px;
}

.userAvatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
}

.userAvatar .img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

.userAvatar .img span,
.userAvatar .img span img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.userAvatar h4 {
  text-align: center;
  font-size: 18px;
  margin-top: 10px;
}

.audioInfo .inforow {
  margin-bottom: 20px;
}

.audioInfo .inforow h5 {
  font-size: 18px;
  font-weight: 500;
  color: var(--ptv-default-text);
  margin-bottom: 8px;
}

.audioInfo .inforow p {
  font-size: 15px;
  font-weight: 400;
  color: var(--header-sidebar-color);
}


/* Playbar */

.playbar {
  position: fixed;
  bottom: 0px;
  width: 100%;
  background: var(--ptv-default-bg);
  z-index: 9999;
  min-height: 75px;
}

.playbar .controller {
  display: flex;
  align-items: center;
  gap: 12px;
}

.playPauseBtn .material-icons-outlined,
.audioCtrlBtn .material-icons-outlined,
.audioPlayPopup .material-icons-outlined
 {
  font-size: 42px;
  cursor: pointer;
}

.audioCtrlBtn .material-icons-outlined,
.audioPlayPopup .material-icons-outlined {
  opacity: 0.7;
}

.audioCtrlBtn:hover .material-icons-outlined,
.audioPlayPopup:hover .material-icons-outlined {
  opacity: 0.9;
}

.audioLoop .audioCtrlBtn .material-icons-outlined,
.audioPlayPopup .material-icons-outlined {
  font-size: 28px;
}

.audioLoop.active .audioCtrlBtn .material-icons-outlined,
.audioLoop.active .audioPlayPopup .material-icons-outlined {
  color: var(--ptv-primary-text);
}

.playbar .track-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.track-info-img {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.track-info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.playbar .track-info .userTrackName {
  display: flex;
  flex-direction: column;
}
.userTrackName a.UserName span{
  align-items: center;
  gap: 4px;
}

.playbar .progress {
  display: flex;
  align-items: center;
  background: transparent;
  margin: 0;
  padding: 0;
  list-style: none;
}

.playbar .currentTime {
  color: var(--ptv-primary-text);
}
.rightSideControll .BtnWithBg{
  background: transparent;
}


.playbar .audioInfo {
  max-width: 400px;
  position: relative;
}

.coverOverlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 50%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  border-radius: 8px;
}

/* Audio progress track input range */
.progressTrack input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  border-radius: 9px;
}

.progressTrack input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: rgb(var(--ptv-primary-bg-rgb)/20%);
  border-radius: 9px;
}

.progressTrack input[type="range"]::-moz-range-track {
  height: 8px;
  background: rgb(var(--ptv-primary-bg-rgb)/20%);
  border-radius: 9px;
}

.progressTrack input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 8px;
  width: 8px;
  background-color: var(--ptv-default-bg);
  border-radius: 50%;
  border: 2px solid var(--ptv-primary-bg);
  box-shadow: calc(-50vw - 4px) 0 0 50vw var(--ptv-primary-bg);
}

.progressTrack input[type="range"]::-moz-range-thumb {
  height: 8px;
  width: 8px;
  background-color: var(--ptv-default-bg);
  border-radius: 50%;
  border: 1px solid var(--ptv-primary-bg);
  box-shadow: calc(-50vw - 4px) 0 0 50vw var(--ptv-primary-bg);
}



/* End track */

.carousel-slider button {
  line-height: 22px;
}

.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
  display: none !important;
}

.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
  opacity: 1 !important;
}

.slider-wrapper .slider,
.carousel .carousel-status {
  direction: initial;
  margin-top: 10px;
}

.carousel .control-dots {
  text-align: right !important;
  cursor: pointer;
}

.slick-initialized .slick-slide {
  padding-right: 5px;
  padding-left: 5px;
}
.slick-slide > div, .slick-slide > div > div{
  height: 100%;
}

/* Rewards points design */

.totalreward {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.totalreward {
  color: #ffffff;
}
.rewardPoint-wrap{
  background: var(--ptv-default-bg);
  padding: 20px;
  border-radius: 16px;
}
.rewardPoint-wrap table {
  color: var(--ptv-default-text);
}

.points_heading {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.referral-points p {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.referral-points p:last-child {
  margin-bottom: 30px;
}

.points_tr .label {
  font-weight: 500;
}

.totalrwrd div {
  background-color: var(--ptv-primary-bg) !important;
}

.referral-points .referral-input {
  display: flex;
  margin-bottom: 10px;
}

.referral-points .referral-input input {
  width: 300px;
  margin-right: 20px;
}

.points-tip {
  font-style: italic;
  margin-top: 5px;
}

.gateway-options a {
  padding: 8px 20px;
}

.gateway-options button,
.gateway-options a {
  width: 100%;
  background-color: transparent;
  color: var(--ptv-default-text);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-weight: 500;
}
.gateway-options a:hover{
  background-color: var(--ptv-grid-bg);;
}
.gateway-options button img,
.gateway-options a img {
  height: 50px;
  width: 50px;
  margin-right: 10px;
}

.gateway-options button:last-child {
  border: 0;
}

.gateway-options button:focus {
  outline: 0 !important;
}

/* Profile new design css */

/* card */

.plancard {
  width: 100%;
  /* margin-bottom: 15px; */
  background-color: var(--ptv-body-bg) !important;
  font-size: 14px;
  height: 100%;
}

.followcard {
  margin-bottom: 0px;
}

.plan-description {
  padding: 0px 20px;
  max-height: 200px;
  overflow-y: overlay;
}

.plancard .card-body {
  padding: 15px;
}

.followcard .card-body {
  padding: 10px 15px;
}

.plancard .pname-img {
  display: flex;
  margin-bottom: 15px;
  color: var(--ptv-default-text);
}

.followcard .pname-img {
  margin-bottom: 0px;
}

.plancard .pimg {
  width: 50px;
  height: 50px;
  padding: 2px;
  border-radius: 5px;
  border: 1px solid var(--ptv-border-default);
  margin-right: 15px;
}

.plancard .pimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.plancard .pname {
  font-size: 20px;
  text-transform: capitalize;
  width: calc(100% - 65px);
  flex-grow: 1;
}

.plancard .pname a {
  color: var(--ptv-default-text);
}

.plancard .card-subtitle {
  font-size: 18px;
  font-weight: normal;
}

.plan-create-btn {
  margin-bottom: 20px;
}

#planCreate button,
.details-plans-cnt button {
  margin-top: 10px;
}

.plan-form .user-area {
  background-color: transparent !important;
}

.plan-subscribers {
  clear: both;
}

.plan-subscribers-sort {
  float: right;
  margin-bottom: 10px;
}

.plan-subscribers .row {
  clear: both;
}

.plan-subscribers-sort select {
  min-width: 100px;
}

.plan-upgrade-subscribe {
  font-size: 19px;
  padding: 10px;
  font-weight: 500;
}

.new_design .nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.sidebar-scroll-new::-webkit-scrollbar {
  width: 5px !important;
  display: none;
}

.sidebar-scroll-new:hover::-webkit-scrollbar {
  display: block;
}

.sidebar-scroll-new::-webkit-scrollbar-track {
  background: var(--scroll-body-bg);
}

.sidebar-scroll-new::-webkit-scrollbar-thumb {
  background: var(--scroll-default-bg);
}

.sidebar-scroll-new::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-default-bg);
}

.new_design .share {
  list-style: none;
  margin: 0;
  padding: 0;
}

.new_design .share li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  width: 100px;
}

.new_design .social-profile {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.new_design .social-profile a {
  margin-right: 15px;
  display: flex;
  align-items: center;
  color: white;
  background-color: var(--ptv-primary-bg);
}

.new_design .share li .material-icons.md-18 {
  font-size: 30px;
}

.new_design .miniPlay-shareWrap .LikeDislikeList {
  flex-wrap: wrap;
}

.new_design .miniPlay-shareWrap .LikeDislikeList li {
  margin-bottom: 5px;
}

.new_design h4.heading {
  font-size: 18px;
}

.active-subscription {
  background: #28a745;
}



.subscription-urser .coverphotoUsercnt,
.subscription-urser .coverphotoUsercnt img {
  border-radius: 0px;
}

.fixed-header .user-subscription-cnt {
  padding: 0px !important;
}

.mobile-layout-cnt.user-subscription-page {
  padding-top: 0px;
}

.subscription-update-plan-cnt {
  width: 100%;
  height: 100%;
  padding-top: 20px;
}

.subscription-update-plan-title {
  color: var(--ptv-default-text);
  font-size: 20px;
}

.subscription-update-plan-title .subscription-options {
  display: flex;
  align-items: baseline;
}

.subscription-update-plan-title button {
  border-radius: 2em;
  box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
  margin: 0 5px;
  display: block;
}

.viewmore-subs-btn a,
.viewmore-subs-btn a:hover {
  color: var(--ptv-default-text);
}


.user-subscription-cnt .userInfo-block-content .user_followed .follow {
  display: initial;
}

.user_followed .follow-cnt {
  display: flex;
  align-items: baseline;
}

.user_followed .follow-cnt {
  display: flex;
  align-items: baseline;
}

.user_follow_cnt_profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.followers_cnt {
  padding-top: 10px;
}

.no-gateway-enabled {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.rmsc .select-item.selected {
  background-color: transparent !important;
}
.rmsc .dropdown-container{
  background-color: var(--ptv-form-input-bg) !important;
  border: 1px solid var(--ptv-form-input-border) !important;
  border-radius: 5px !important;
  color: var(--ptv-form-input-text) !important;
  height: 52px;
  width: 100%;
}
.pbuyBtn {
  border: 1px solid var(--ptv-border-default);
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.rmsc .dropdown-heading{
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  display: flex !important;
}
.rmsc .dropdown-heading:focus{
  box-shadow: 0 0 0 0.25rem rgb(var(--ptv-primary-bg-rgb) / 25%);
}
.rmsc .options{
  background:var(--ptv-form-input-bg) !important;
  color: var(--ptv-form-input-text) !important;
}
.rmsc .search{
  border-bottom: none !important;
}
.rmsc .search input{
  border-radius: 0px !important;
}
.rmsc .select-item:hover{
  background:var(--ptv-grid-bg) !important;
}
.pbuyBtn .custom-control-label {
  padding-top: 4px;
  font-size: 18px;
}

.pbuyBtn .prate {
  font-size: 14px;
}

.pbuyBtn .note {
  font-weight: bold;
  font-size: 12px;
  color: var(--ptv-primary-text);
}

/* Comment card */
.VideoDetails-commentWrap .create_new_comment{
  padding: 10px;
}
.comntcard {
  width: 100%;
  margin-bottom: 15px;
  background: var(--ptv-default-bg);
  font-size: 14px;
}

.sdbrTopComments-row {
  display: flex;
}

.sdbrTopComments-row .imgbox {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.sdbrTopComments-row .imgbox a {
  width: 100%;
  height: 100%;
  display: block;
}

.sdbrTopComments-row .imgbox img.img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid var(--ptv-border-default);
  padding: 1px;
  border-radius: 50%;
}

.sdbrTopComments-row .content {
  width: calc(100% - 45px);
  flex-grow: 1;
}

.sdbrTopComments-row .content .UserName {
  font-size: 14px;
  color: var(--ptv-default-text);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  display: flex;
  align-items: center;
}


.sdbrTopComments-row .content span {
  left: 0;
  font-size: 12px;
  line-height: 18px;
}

.commentText {
  margin-top: 8px;
}

.titleSort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.titleSort .title {
  font-size: 18px;
}

.StripeElement {
  margin: 15px auto;
  padding: 10px 12px;
  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;
}

.stripe-form {
  padding: 10px;
}

.stripe-form button {
  margin-top: 10px;
}

.stripe-form label {
  width: 100%;
}

.bank-form {
  padding: 0px 20px;
}

.bank-form .heading,
.bank-form .note {
  white-space: pre-line;
  font-weight: 500;
}

.bank-form input {
  width: 100%;
  margin-bottom: 10px;
}

/* autosuggest.css */

.react-autosuggest__container {
  position: relative;
}

.react-autosuggest__input {
  width: 240px;
  height: 30px;
  padding: 10px 20px;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 18px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.react-autosuggest__input--focused {
  outline: none;
}

.react-autosuggest__input::-ms-clear {
  display: none;
}

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.react-autosuggest__suggestions-container {
  display: none;
}

.react-autosuggest__suggestions-container--open {
  display: block;
  color: #000;
  position: absolute;
  top: 51px;
  width: 280px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 18px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  max-height: 400px;
}

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px;
}

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd;
}

.react-autosuggest__section-container {
  border-top: 1px dashed #ccc;
}

.react-autosuggest__section-container--first {
  border-top: 0;
}

.react-autosuggest__section-title {
  padding: 10px 0 0 10px;
  font-size: 12px;
  color: #777;
}

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  max-height: 400px;
}

.sugg-option {
  display: flex;
}

.sugg-option .name {
  color: black;
}

.icon-wrap img {
  width: 50px;
  margin-right: 10px;
}

/*celebrate.css*/

.pyro>.before,
.pyro>.after {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84,
    190px 16.33333px #002bff, -113px -308.66667px #ff009d,
    -109px -287.66667px #ffb300, -50px -313.66667px #ff006e,
    226px -31.66667px #ff4000, 180px -351.66667px #ff00d0,
    -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00,
    -69px -27.66667px #ff0400, -111px -339.66667px #6200ff,
    155px -237.66667px #00ddff, -152px -380.66667px #00ffd0,
    -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00,
    -88px 10.33333px #0d00ff, 112px -309.66667px #005eff,
    69px -415.66667px #ff00a6, 168px -100.66667px #ff004c,
    -244px 24.33333px #ff6600, 97px -325.66667px #ff0066,
    -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff,
    140px -196.66667px #9000ff, 125px -175.66667px #00bbff,
    118px -381.66667px #ff002f, 144px -111.66667px #ffae00,
    36px -78.66667px #f600ff, -63px -196.66667px #c800ff,
    -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff,
    -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2,
    91px -278.66667px #000dff, -22px -191.66667px #9dff00,
    139px -392.66667px #a6ff00, 56px -2.66667px #0099ff,
    -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb,
    -238px -346.66667px #00ff73, 62px -363.66667px #0088ff,
    244px -170.66667px #0062ff, 224px -142.66667px #b300ff,
    141px -208.66667px #9000ff, 211px -285.66667px #ff6600,
    181px -128.66667px #1e00ff, 90px -123.66667px #c800ff,
    189px 70.33333px #00ffc8, -18px -383.66667px #00ff33,
    100px -6.66667px #ff008c;
  -moz-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -webkit-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -o-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  -ms-animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  animation: 1s bang ease-out infinite backwards,
    1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.pyro>.after {
  -moz-animation-delay: 1.25s, 1.25s, 1.25s;
  -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
  -o-animation-delay: 1.25s, 1.25s, 1.25s;
  -ms-animation-delay: 1.25s, 1.25s, 1.25s;
  animation-delay: 1.25s, 1.25s, 1.25s;
  -moz-animation-duration: 1.25s, 1.25s, 6.25s;
  -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
  -o-animation-duration: 1.25s, 1.25s, 6.25s;
  -ms-animation-duration: 1.25s, 1.25s, 6.25s;
  animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white;
  }
}

@-moz-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white;
  }
}

@-o-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white;
  }
}

@-ms-keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white;
  }
}

@keyframes bang {
  from {
    box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white,
      0 0 white, 0 0 white, 0 0 white;
  }
}

@-webkit-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}

@-moz-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}

@-o-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}

@-ms-keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}

@keyframes gravity {
  to {
    transform: translateY(200px);
    -moz-transform: translateY(200px);
    -webkit-transform: translateY(200px);
    -o-transform: translateY(200px);
    -ms-transform: translateY(200px);
    opacity: 0;
  }
}

@-webkit-keyframes position {

  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }

  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }

  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }

  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }

  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-moz-keyframes position {

  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }

  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }

  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }

  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }

  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-o-keyframes position {

  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }

  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }

  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }

  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }

  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@-ms-keyframes position {

  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }

  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }

  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }

  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }

  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

@keyframes position {

  0%,
  19.9% {
    margin-top: 10%;
    margin-left: 40%;
  }

  20%,
  39.9% {
    margin-top: 40%;
    margin-left: 30%;
  }

  40%,
  59.9% {
    margin-top: 20%;
    margin-left: 70%;
  }

  60%,
  79.9% {
    margin-top: 30%;
    margin-left: 20%;
  }

  80%,
  99.9% {
    margin-top: 30%;
    margin-left: 80%;
  }
}

/* New Thumbnail for video */

/* Thumbnail */

.slick-slide .ThumbBox-wrap {
  width: 100%;
}

.ThumbBox-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;
  background: #000000;
  transition: all 0.5s ease 0s;
}

.ThumbBox-link {
  display: block;
  text-decoration: none;
}

.ThumbBox-coverImg {
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
}

.ThumbBox-coverImg span {
  display: block;
}

.ThumbBox-coverImg span img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: cover;
}

.VdoDuration {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  z-index: 1;
  background: var(--ptv-dark-opacity-6);
  border-radius: 3px;
}

.ThumbBox-wrap .labelBtn {
  position: absolute;
  top: 10px;
  left: 5px;
}

.ThumbBox-Title {
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  visibility: visible;
  width: 100%;
  color: #fff;
  padding: 15px 10px 10px 10px;
  background-image: linear-gradient(to bottom,
      #19213300,
      #192133cc 40%,
      #121827 100%);
  transition: all 0.5s ease 0s;
}

.ThumbBox-Title .PlayIcon {
  margin-left: 0;
  margin-right: 6px;
  z-index: 1;
  display: flex;
  transition: all 0.5s ease 0s;
}

.ThumbBox-Title .title h4,
.ItemDetails .title h4 {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}

.ThumbBox-Title .title h4 span,
.ItemDetails .title h4 span {
  font-size: 10px;
}

.ellipsize2Line {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}


.ThumbBox-wrap .btnPlayListSave {
  position: absolute;
  top: 30px;
  right: 15px;
  display: flex;
  visibility: hidden;
  transition: all 0.3s;
  z-index: 1;
}

.ThumbBox-wrap .btnPlayListSave .btnPlayListSave-btn {
  background: #000000b8;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
}

.ThumbBox-wrap .btnPlayListSave .btnPlayListSave-btn.active {
  color: var(--ptv-primary-text);
}

.ThumbBox-wrap .btnPlayListSave .btnPlayListSave-btn .material-icons-outlined,
.ThumbBox-wrap .btnPlayListSave .btnPlayListSave-btn .material-icons {
  font-size: 20px;
}

.ThumbBox-wrap .btnPlayListSave a {
  margin-left: 10px;
}

.ThumbBox-wrap .ItemDetails {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(to bottom, #04080f00, #192133 30%, #192133);
  color: #fff;
  padding: 0px 10px 10px 10px;
  transition: 0.3s ease-in-out;
  visibility: hidden;
  opacity: 0;
}

.ThumbBox-wrap .ItemDetails .likeDislike-List li {
  color: #fff;
}

.ThumbBox-wrap .TitleRightDropdown a[data-bs-toggle="dropdown"] {
  color: #fff;
}

.ThumbBox-Title-expand .PlayIcon,
.ThumbBox-Title-expand .PlayIcon:hover {
  margin-left: -6px;
  margin-right: 6px;
  z-index: 1;
  display: flex;
  color: #fff;
}

.ThumbBox-Title-expand .title h4,
.ThumbBox-Title-expand .title .name {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
}

.ThumbBox-Title-expand {
  color: #fff;
  font-weight: normal;
}

.moreOptions .icon-Dvert {
  cursor: pointer;
  color: #fff;
  width: 24px;
  height: 24px;
  display: block;
}

.moreOptionsShow.show {
  background-color: var(--ptv-secondry-bg);
  min-width: 150px;
  max-height: 120px;
  overflow-y: auto;
}

.moreOptionsShow.show li a {
  padding: 5px 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.moreOptionsShow.show li a span.material-icons,
.moreOptionsShow.show li a span.material-icons-outlined {
  font-size: 18px;
  margin-right: 5px;
}

.material-icons-outlined[data-icon="share"] {
  margin-right: 5px;
}

.Vdoinfo .UserName {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #ccc;
}

.Vdoinfo .UserName .verified {
  background: var(--ptv-verify-bg);
  color: var(--ptv-verify-text);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Vdoinfo .UserName .verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

.Vdoinfo .UserName:hover {
  color: var(--ptv-primary-text);
}

.ItemDetails .videoViewDate {
  font-size: 14px;
  line-height: 12px;
  border-radius: 5px;
  margin-top: 5px;
  display: none;
}

.Vdoinfo .videoViewDate {
  display: inline-block;
}

.ItemDetails .videoViewDate p {
  margin-top: 5px;
  margin-bottom: 0px;
}

.ItemDetails .videoViewDate span.seprater {
  margin: 0 5px;
}

.likeDislike-Wrap {
  position: relative;
}

.likeDislike-List {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.likeDislike-List li {
  margin: 0 5px;
  cursor: pointer;
  color: var(--ptv-default-text);
}

.likeDislike-List li a {
  color: var(--ptv-default-text);
}

.adv-theme .likeDislike-List li a {
  color: #fff;
}

.likeDislike-List li span.icon {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.likeDislike-List li span.icon:hover {
  color: var(--ptv-primary-text);
}

.likeDislike-List li span.active {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--ptv-primary-text);
}

.likeDislike-List li span.icon span,
.likeDislike-List li span.active span {
  margin-right: 5px;
}

.likeDislike-List .likeDislike-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #ccc;
}

.likeDislike-List .likeDislike-count {
  margin: 0 5px;
}

.likeDislike-List .likeDislike-icon:hover,
.likeDislike-List .likeDislike-icon.active {
  color: var(--ptv-primary-text);
}

.ThumbBox-wrap:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  z-index: 1;
}

.ThumbBox-wrap:hover .hide-on-expand {
  display: none;
}

.ThumbBox-wrap:hover .btnPlayListSave,
.ThumbBox-wrap:hover .ItemDetails {
  visibility: visible;
  opacity: 1;
}

.slick-slide:hover .ThumbBox-wrap {
  z-index: 99;
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  transform-origin: 50% 50%;
  box-shadow: 0px 0px 12px #000;
}

.slick-slide.slick-current:hover .ThumbBox-wrap {
  transform: scale3d(1.1, 1.1, 1) translate3d(7%, 0, 0) perspective(500px);
}

.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active:hover .ThumbBox-wrap {
  transform: scale3d(1.1, 1.1, 1) translate3d(-7%, 0, 0) perspective(500px);
}

.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active:hover .ThumbBox-wrap {
  transform: scale3d(1.1, 1.1, 1) translate3d(-7%, 0, 0) perspective(500px);
}

.HotVideos .slick-list {
  overflow: visible;
  padding-bottom: 30px !important;
}

/* Thumbnail 1 */

.thumbNail-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 5px;
  background: #000000;
  transition: all 0.45s ease 0s;
}

.thumbNail-video-img {
  position: relative;
}

.thumbNail-video-img-wrap {
  padding-bottom: calc(0.56471 * 100%);
  position: relative;
}

.thumbNail-video-img-wrap img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.45s ease 0s;
}

.thumbNail-video .dur,
.thumbNail-video .lavelIcon,
.thumbNail-video .remove-icon {
  position: absolute;
  top: 3px;
  right: 5px;
  color: #fff;
  font-size: 10px;
  padding: 5px 10px;
  z-index: 1;
  background: #00000070;
  border-radius: 3px;
}

.thumbNail-video .meta-desc,
.thumbNail-video .meta-center-desc {
  display: flex;
  align-items: center;
  justify-content: left;
  position: absolute;
  bottom: 0;
  padding: 15px 12px 10px 6px;
  font-size: 14px;
  color: #fff;
  line-height: normal;
  width: 100%;
  transition: all 0.45s ease 0s;
  background-image: linear-gradient(to bottom,
      #19213300,
      #192133cc 55%,
      #121827 100%);
}

.thumbNail-video .play-icon {
  background-color: none;
  margin-left: 0;
  margin-right: 6px;
  z-index: 1;
}

.ellipsize {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.thumbNail-video:hover {
  -webkit-transform: scale3d(1.2, 1.2, 1) translate3d(0, 0, 0) perspective(500px);
  transform: scale3d(1.2, 1.2, 1) translate3d(0, 0, 0) perspective(500px);
}

.thumbNail-video:hover .hide-on-expand {
  opacity: 0 !important;
}

.thumbNail-video .details {
  display: none;
}

.thumbNail-video:hover .details {
  display: block;
}

.thumbNail-video .details {
  margin-top: 0;
}

.thumbNail-video .details {
  bottom: 0;
  opacity: 0;
  color: #fff;
  padding: 30px 10px 10px 10px;
  position: absolute;
  width: 100%;
  transition: all 0.45s ease 0s;
  transform: translate3d(0, 0, 0);
  background-image: linear-gradient(to bottom, #04080f00, #192133, #192133);
}

.thumbNail-video .details {
  opacity: 0.99;
}

.thumbNail-video .details .content-title {
  font-size: 15px;
}

.thumbNail-video .details .description {
  margin-bottom: 2px;
  padding-left: 5px;
  opacity: 0.8;
  font-size: 11px;
}

.thumbNail-video .details .action {
  padding: 0 0 0 2.5px;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0.8;
}

.thumbNail-video .details .add-to-watchlist {
  width: 100%;
}

.thumbNail-video .details .add-to-watchlist .click-icon .click-icon-wrapper {
  display: flex;
  line-height: 15px;
  border-radius: 2px;
  white-space: initial;
  margin-top: 5px;
  align-items: center;
}

.thumbNail-video .details .add-to-watchlist .icon-title {
  display: inline-block;
  margin-left: 0;
  text-transform: uppercase;
  font-size: 10px;
  opacity: 0.8;
  margin: 0;
}

.slick-slide.slick-current:hover .thumbNail-video {
  transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px);
}

.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active+.slide-item.slick-active:hover .thumbNail-video {
  transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px);
}

.slick-slide:hover .thumbNail-video {
  z-index: 99;
  transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
  transform-origin: 50% 50%;
  transition: all 0.6s ease 0s;
  box-shadow: 0px 0px 12px #000;
}

.RecentVideos .slick-list {
  overflow: visible;
  padding-bottom: 30px !important;
}

.SliderWrap {
  padding: 15px 0;
}

.thumbNail2-video {
  box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);
  margin-bottom: 15px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-color: #12141b;
  display: block;
  width: 100%;
}

.SliderWrap .slide-one {
  box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);
  margin-bottom: 15px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background-color: #211813;
  display: block;
  width: 100%;
}

.SliderWrap .slide-one .slide-image {
  position: relative;
}

.thumbNail2-video-img:before {
  content: "";
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  opacity: 0;
  margin-left: -25px;
  position: absolute;
  background-size: 40px;
  background-position: center right 10px;
  border-radius: 40px;
  background-repeat: no-repeat;
  background-image: url(../../images/outline_play_circle_outline_white_48dp.png);
  z-index: 3;
  transition: all 0.4s ease;
}

.thumbNail2-video-img:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to top, #12141b, #0000);
  transition: all 0.4s ease;
}

.thumbNail2-video-img img {
  width: 100%;
}

.thumbNail2-video-content {
  padding: 15px;
  position: relative;
  z-index: 2;
}

.thumbNail2-video-content h2 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 10px;
}

.thumbNail2-video-content p {
  font-size: 14px;
  color: #ddd;
  margin-bottom: 5px;
  line-height: 20px;
}

.thumbNail2-video-content .tag {
  font-size: 12px;
  color: #ddd;
  margin-right: 15px;
}

.thumbNail2-video:hover .thumbNail2-video-img:before {
  opacity: 1;
}

.thumbNail2-video:hover .thumbNail2-video-img:after {
  height: 20%;
}

/* Audio Grid */
.adiodiv {
  width: 100%;
  position: relative;
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  padding: 8px;
  transition: all 0.3s linear;
  background: var(--ptv-default-bg);
}



.audio-grid {
  width: 100%;
  position: relative;
}

.audioGrid-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.audioThumb .imgRatio169:before {
  padding-bottom: 100%;
  border-radius:8px ;
}


.audioPlayBtn {
  width: 36px;
  height: 36px;
  background: var(--ptv-primary-bg);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
}
.audioPlayBtn-wrap .audioPlayBtn{
  display: none;
}
.audioGrid-content:hover .audioPlayBtn-wrap .audioPlayBtn{
  display: flex;
}
.audioPlayBtn-wrap {
  position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1;
}
.audioName a:hover{
  color: var(--ptv-primary-text)!important;
}
.currentlyPlayWrap{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(var(--ptv-primary-bg-rgb) / 40%);
    z-index: 0;
    border-radius: 8px;
}


.audioLikeDislike-Wrap {
  position: relative;
}

.audioLikeDislike-List {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.audioLikeDislike-List li {
  margin: 0 5px;
}

.audioLikeDislike-List .audioLikeDislike-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: var(--videoGrid-usertimeColor);
}

.audioLikeDislike-icon .md-18 {
  font-size: 18px;
}

.audioLikeDislike-List .audioLikeDislike-count {
  margin: 0 3px;
}

.audioLikeDislike-List .audioLikeDislike-icon:hover,
.audioLikeDislike-List .audioLikeDislike-icon.active {
  color: var(--ptv-primary-text);
}

.audiolikedisshr .LikeDislikeList li {
  margin: 0 8px;
}

.audiolikedisshr .LikeDislikeList li a {
  color: var(--ptv-default-text);
}

.audiolikedisshr .LikeDislikeList li a:hover {
  color: var(--ptv-primary-text);
}

.shimmer-elem {
  margin-bottom: 40px;
}

.shimmer-loading {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 250px;
  width: 100%;
}

.shimmer-loading .card {
  margin-top: 20px;
}

.shimmer.slider {
  height: 550px;
}

.shimmerBG {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #271c4d;
  /* background: linear-gradient(to right, #271c4d 8%, #271c4d 18%, #271c4d 33%); */
  background-size: 1200px 100%;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }

  100% {
    background-position: 1200px 0;
  }
}

.banner-wrap {
  /* border-radius: 7px; */
  overflow: hidden;
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, rgb(var(--ptv-sliderBanner-bg-rgb) / 100%) 60%, rgba(var(--ptv-sliderBanner-bg-rgb) / 0%) 100%);
  height: 550px;
  display: flex !important;
  flex-wrap: wrap;
  /* box-shadow: 0px 5px 10px rgb(0 0 0 / 30%); */
}

.banner-wrap .left-wrap {
  flex: 0 0 40%;
  max-width: 40%;
  position: relative;
  padding: 0 0 0 50px;
}

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

.BnrUserInfo .description {
  color: white;
  font-size: 18px;
}

.BnrUserInfo_img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}

.BnrUserInfo_img span {
  display: inherit !important;
}

.BnrUserInfo_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.BnrUserInfo .publisher-name a.UserName {
  font-size: 18px;
  color: #fff;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}


.BnrUserInfo .publisher-name a.UserName .verifiedUser span.material-icons {
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.banner-wrap .left-wrap .my-3 a {
  color: #fff;
  font-weight: 600;
  font-size: 40px;
}

.banner-wrap .left-wrap .rnd {
  border: 1px #ddd solid;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
}

.banner-wrap .left-wrap .tag {
  font-size: 18px;
  color: #ddd;
  margin-right: 15px;
}

.banner-wrap .left-wrap p {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 28px;
}

.banner-wrap .left-wrap .playBtn {
  color: #fff;
  /* background: var(--ptv-primary-bg); */
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.banner-wrap .left-wrap .playBtn:hover {
  opacity: 0.9;
}

.banner-wrap .right-wrap {
  flex: 0 0 60%;
  max-width: 60%;
  position: relative;
  height: 100%;
  background-size: cover;
}

.banner-wrap .right-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(90deg, rgb(var(--ptv-sliderBanner-bg-rgb) / 100%) 60%, rgba(var(--ptv-sliderBanner-bg-rgb) / 0%) 100%);
}

.banner-wrap .left-wrap .icon-bttn {
  margin-left: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.banner-wrap .left-wrap .description {
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  white-space: normal;
  line-height: 24px;
}

.banner-wrap .ellipsize2Line {
  color: #fff;
}

/* New banner */
.mainSLideWrap {
  width: 100%;
  min-height: 350px;
  height: calc(100vh - 350px);
  position: relative;
  background: var(--ptv-sliderBanner-bg);
}

.mainSLideWrap:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(0deg, rgb(var(--ptv-sliderBanner-bg-rgb) / 100%) 10%, rgba(var(--ptv-sliderBanner-bg-rgb) / 0%) 100%);
}

.mainSLideLeft {
  width: 60%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, rgb(var(--ptv-sliderBanner-bg-rgb) / 100%) 60%, rgba(var(--ptv-sliderBanner-bg-rgb) / 0%) 100%);
}
.mainSLideRight {
  width: 70%;
  height: 100%;
  flex-grow: 1;
  position: absolute;
  background-size: cover;
  background-position: center;
  right: 0;
  top: 0;
  z-index: 0;
}

.mainSliderContent {
  padding: 16px;
  max-width: 70%;
  padding-left: 48px;
}

.z-1 {
  z-index: 1 !important;
}

.titleBanner,
.titleBanner a,
.mainSliderContent,
.mainSliderContent .UserName,
.mainSliderContent .countBtnPill {
  color: var(--ptv-sliderBanner-text) !important;
  transition: all 0.2s linear;
}
.titleBanner a{
  font-size: 40px !important;
}
/* end banner */

@media only screen and (max-width: 768px) {
  .banner-wrap .left-wrap {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    background: linear-gradient(to top, #0c0d13, #0000);
  }

  .banner-wrapper .right-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .main-content.fixed-header.sidemenu-opened.sidemenu .content-wrap {
    width: 100% !important;
    margin-left: 0;
  }
}

.adv-theme .VideoRoWrap .slick-slider .slick-track {
  padding-top: 50px;
  padding-bottom: 50px;
}

.strory-widget {
  margin-bottom: 40px;
}

.adv-theme .strory-widget {
  margin-bottom: 0px;
}
.strory-widget .nextPrevious{
  position: absolute;
  right: 0;
  z-index: 1;
  top: -40px;
}
.adv-theme .strory-widget .nextPrevious{
  top:0px !important;
}
.adv-theme .VideoRoWrap .slick-slider {
  margin-top: -50px;
  margin-bottom: -50px;
}


.gridPlan {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

.gridAudio {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 16px;
}
.adv-theme .gridAudio,.adv-theme .gridMember,.adv-theme .gridContainer.gridUserSubscriber{
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.gridPlaylist{
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.gridChannel .ThumbBox-coverImg {
  padding-bottom: calc(9 / 16 * 100%);
}

.gridMovie .ThumbBox-coverImg {
  padding-bottom: calc(3 / 4 * 100%);
}

.ThumbBox-wrap .moreOptionsShow.show li a {
  padding: 5px 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: var(--ptv-default-text);
}

.ThumbBox-wrap .moreOptionsShow.show li a:hover {
  color: var(--ptv-primary-text);
}

.cn-subscribe {
  margin: 15px 0;
}

.cn-subscribe a {
  font-size: 14px;
  color: #ccc;
  margin-top: 5px;
  border: 1px solid;
  padding: 3px 12px;
  border-radius: 5px;
}

.cn-subscribe a:hover {
  color: var(--ptv-primary-text);
}

.cn-subscribe a.active {
  background: var(--ptv-primary-bg);
  border: 1px solid var(--ptv-primary-text);
  color: #fff;
}

.gridContainer .ThumbBox-coverImg img.yt {
  margin: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.add_season {
  margin: 10px 0px;
}

.season_selection {
  padding: 15px 0;
  align-items: center;
}

.season_selection li {
  font-size: 18px;
  font-weight: 500;
}

.season_selection li:hover {
  color: var(--ptv-primary-text);
}

.season_selection li.active {
  color: var(--ptv-primary-text);
  padding: 0.5rem 1rem;
}
.movie_photos, .movie_videos, .movie_generes, .movie_countries{
  background: var(--ptv-default-bg);
  padding: 10px;
  border-radius: 12px;
}
.movie_photos_cnt {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.movie_photos_cnt li {
  width: 200px;
  height: 250px;
  margin: 10px;
  position: relative;
  overflow: hidden;
}

.movie_photos_cnt li span {
  width: 200px;
  height: 250px;
}

.movie_photos_cnt li .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.movie_photos_cnt li a {
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.ThumbBox-wrap .miniplay {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  z-index: 999;
  display: none;
}

.ThumbBox-wrap:hover .miniplay {
  display: block;
}

.shimmer {
  position: relative;
  background: var(--ptv-default-bg);
  /* background-image: linear-gradient(to right,
      #3a3a3a 0%,
      #3f3f3f 10%,
      #4a4a4a 20%,
      #3f3f3f 30%,
      #3a3a3a 50%,
      #3a3a3a 100%); */
  background-repeat: no-repeat;
  background-size: 1600px 100%;
  /* Animantion */
  animation-duration: 3s;
  /* Specifies style for element when animation isn't playing */
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -1600px 0;
  }

  100% {
    background-position: 1600px 0;
  }
}

.slider {
  width: 100%;
  height: 340px;
}

.heading {
  width: 300px;
  height: 30px;
  margin: 30px 0;
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 20px;
  max-height: 120px;
  overflow:hidden;
}

.grid .item:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(9 / 16 * 100%);
}

.review-container {
  background: var(--ptv-body-bg);
  border-radius: 12px;
  margin-bottom: 8px;
  padding: 12px;
  transition: all 0.3s linear;
}

.review-container .reviewText {
  margin-top: 8px;
  line-height: 24px;
  word-wrap: break-word;
}
.review-container .reviewDate{
opacity: 0.7;
}
.review-container .reviewAction a{
display: none!important;
border-radius: 50%;
color: var(--ptv-default-text);
transition: all 0.3s linear;
}
.review-container .reviewAction a:hover{
background: var(--ptv-icon-bg-hover);
color: var(--ptv-default-text);
}
.review-container:hover .reviewAction a{
  display: flex!important;
}

.video_info_cnt {
  background: var(--ptv-primary-bg);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
  color: var(--ptv-color-white);
}
.width-max-content{
  width: max-content;
}
.live_now_cnt {
  position: absolute;
  top: 58px;
  right: 5px;
  background: var(--ptv-primary-bg);
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 5px;
  z-index: 9;
  color: #fff;
}

.slick-slide .postCard-box {
  margin-bottom: 0px;
}

.adv-theme .carousel-slider.movie-carousel .control-next,
.adv-theme .carousel-slider.channel-carousel .control-next,
.adv-theme .carousel-slider.blog-carousel .control-next {
  height: calc(100% - 104px) !important;
  right: 5px;
}

.adv-theme .carousel-slider.movie-carousel .control-prev,
.adv-theme .carousel-slider.channel-carousel .control-prev,
.adv-theme .carousel-slider.blog-carousel .control-prev {
  height: calc(100% - 104px) !important;
  left: 5px;
}

.blog-carousel .snglblog-block {
  margin-bottom: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* Chat Overlay CSS */

.Lschat-wrapper {
  position: relative;
}

.Lschat-side-menu {
  min-width: 70px;
  max-width: 70px;
  height: calc(100vh - 60px);
  min-height: 300px;
  background-color: #3a3b3c;
  display: flex;
  z-index: 9;
  box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
}

.Lschat-side-menu-nav .nav-item {
  margin: 10px 0;
  width: 100%;
}

.Lschat-side-menu-nav .nav-item .nav-link {
  text-align: center;
  font-size: 12px;
  color: #b7b7b7;
  margin: 0 auto;
  border-radius: 0;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.Lschat-side-menu-nav .nav-item .nav-link i {
  font-size: 24px;
  margin-bottom: 5px;
}

.Lschat-side-menu-nav .nav-item .nav-link.active {
  background-color: transparent;
  color: #fff;
}

.Lschat-contentWrap {
  min-width: 330px;
  max-width: 330px;
  height: 100vh;
  background-color: transparent;
}

.videoSection2 .ls_sidbar {
  min-width: 412px;
  max-width: 412px;
}

.videoSection2 .videoWrap {
  width: calc(100% - 412px);
}

.livechatBox {
  height: calc(100vh - 60px);
}

.ft-red {
  color: rgb(191, 31, 2);
}

.lsBanner-content {
  padding: 5px 10px;
  height: 100vh;
  padding-bottom: 10vh;
  width: 100%;
  overflow-y: auto;
}

.scrollcustom::-webkit-scrollbar {
  width: 5px;
}

.scrollcustom::-webkit-scrollbar-track {
  background: var(--ptv-body-bg);
}

.scrollcustom::-webkit-scrollbar-thumb {
  background: var(--ptv-default-bg);
}

.scrollcustom::-webkit-scrollbar-thumb:hover {
  background: var(--ptv-default-bg);
}

.lsBanner-component {
  margin: 10px 0;
}

.lsBanner-component-title {
  display: flex;
  align-items: center;
}

.lsBanner-component-title h4 {
  font-size: 15px;
  color: var(--ptv-default-text);
  margin: 0;
}

.lsBanner-component-title .quetsn {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #ccc;
  margin: 0 5px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}

.themepick {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.themepick .lsThemeOption {
  width: 75px;
  height: 75px;
  border: 2px solid transparent;
  background: #666;
  padding: 1px;
  border-radius: 3px;
  cursor: pointer;
}

.themepick .lsThemeOption.active {
  border-color: blue;
}

.lsThemeOption-block {
  width: 100%;
  height: 30px;
  font-size: 12px;
}

.lsThemeOption-default {
  height: 30px;
  font-size: 12px;
  display: inline-block;
  padding: 0 15px;
  clip-path: polygon(0 0%, 100% 0%, 85% 100%, 0% 100%);
}

.lsThemeOption-minimal {
  height: 30px;
  font-size: 12px;
  display: inline-block;
  padding: 0 10px;
  border-left: 5px solid;
  background: #333;
  color: #fff;
}

.lsThemeOption-bubble {
  height: 30px;
  font-size: 12px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 50px;
}

.logopick .lsLogoOptions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -5px;
}

.logopick .lsLogoOptions-box {
  width: 75px;
  height: 75px;
  border: 2px solid transparent;
  background: #666;
  padding: 1px;
  border-radius: 3px;
  cursor: pointer;
  margin: 5px;
  display: flex;
  align-items: center;
  color: #fff;
}

.logopick .lsLogoOptions-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logopick .lsLogoOptions-box a {
  margin-left: 10px;
}

.logopick .lsLogoOptions-box.active {
  border-color: blue;
}

.addlogobtn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.lsOverlayOptions {
  display: flex;
  flex-direction: column;
}

.lsOverlayOptions-box {
  padding: 3px;
  border-radius: 3px;
  height: 50px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.lsOverlayOptions-box .lsOverlayImg {
  width: 80px;
  height: 44px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #333;
  border-radius: 3px;
}

.lsOverlayOptions-box.active {
  background: blue;
}

.lsOverlayOptions-box .lsOverlayImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lsOverlayOptions-box .lsOverlayName {
  font-size: 14px;
  padding: 0 10px;
}

.lsBannerList {
  position: relative;
}

.lsBannerList-content {
  display: flex;
  flex-direction: column;
}

.lsBannerList-box.active {
  background: blue;
}

.lsBannerList-box {
  padding: 3px;
  border-radius: 3px;
  min-height: 50px;
  margin-bottom: 10px;
  flex-direction: column;
  cursor: pointer;
  background: #3a3b3c;
  position: relative;
}

.lsBannerList-box .options {
  display: none;
}

.lsBannerList-box:hover {
  display: flex;
}

.lsBannerList-box:hover .options {
  display: flex;
}

.lsBannerList-box .options {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: #ffffffde;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.lsBannerList-box .options a {
  color: #000;
}

.lsBannerList-box .options a.edit {
  margin-right: 10px;
}

.lsBannerList-box .options .edit-delete {
  position: absolute;
  top: 10px;
  right: 10px;
}

.inTicker {
  width: 50px;
  height: 20px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 12px;
  background: #ccc;
  border-radius: 3px;
}

.lsBannerList-box .title {
  padding: 5px;
  font-size: 14px;
  color: #fff;
}

.marquee-wrap {
  position: absolute;
  background: #ccc;
  z-index: 99999;
  bottom: 0;
  width: 100%;
}

.marquee-wrap marquee {
  height: 35px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.marquee-wrap marquee span {
  border-right: 1px solid;
  padding: 0 15px;
  display: inline-block;
}

.marquee-wrap marquee span:last-child {
  border-right: none;
}

.bannerText-wrap {
  position: absolute;
  background: transparent;
  z-index: 99999;
  bottom: 45px;
  width: 100%;
}

.bannerText-wrap h4 {
  font-size: 24px;
}

.bannerText-default {
  padding: 0 15px;
  padding-right: 30px;
  clip-path: polygon(0 0%, 100% 0%, 85% 100%, 0% 100%);
  display: inline-block;
  margin: 0 15px;
}

.bannerText-minimal {
  display: block;
  padding: 0 30px;
  border-left: 10px solid;
  background: #333;
  color: #fff;
}

.bannerText-bubble {
  padding: 0 15px;
  border-radius: 30px;
  margin: 0 15px;
  display: inline-block;
}

.bannerText-block {
  padding: 0 15px;
}

.overlayBner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
}

.overlayBner-wrap .overlayBner-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}

.lsLogo-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
}

.lsLogo-wrap .lsLogo-image {
  width: 100%;
}

.banner-close-btn {
  margin-left: 10px;
}

.banner-close-btn svg {
  fill: var(--ptv-primary-text) !important;
}

/* End Chat Overlay CSS */
.site-announcements {
  margin-bottom: 20px;
}

.mejs__layers .mejs__layer {
  width: 100%;
  height: 100%;
}

.mejs__container {
  height: 500px;
}

.EmojiPickerReact button.epr-cat-btn {
  padding: 0px !important;
}

.emoji-picker-react aside {
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 320px !important;
  width: 280px !important;
  font-family: sans-serif;
  border: 1px solid #efefef;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 5px 10px #efefef;
  overflow: hidden;
  position: relative;
}

.ai-button {
  padding: 12px;
  font-weight: bold;
  font-size: 18px;
}

.formFields .form-group label::after {
  content: '';
  display: block;
  clear: both;
}

.change_type h4.custom-control {
  display: flex;
  align-items: center;
}

/* Gift Section */
.giftSection {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.giftItem {
  width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: var(--ptv-default-bg);
    border-radius: 12px;
    gap: 8px;
    flex-shrink: 0;
}

.giftItem-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

.giftItem-img img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
  object-fit: cover;

}
.giftItem-iconName{
  width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.giftItem-name {
  font-size: 18px;
  color: var(--ptv-default-text);
  text-align: center;
}

.giftItem-coin {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--ptv-default-text);
  font-size: 18px;
  color: var(--videoGrid-usertimeColor);
}

.giftItem-coin img {
  width: 18px;
}
.giftItem-sendBtn{
  width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.giftItemBtn {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}

.firstNbr {
  font-size: 56px;
  font-weight: 700;
}

.circleImg-40 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid transparent;
}

.circleImg-40 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.firstNbrGredient {
  background: -webkit-linear-gradient(#fdbc05, #f4a30f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.firstNbrUserGredient {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #fdbc05, #f4a30f) border-box;
}

.secondNbrGredient {
  background: -webkit-linear-gradient(#e9e9e9, #9d9d9d);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.secondNbrUserGredient {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #e9e9e9, #9d9d9d) border-box;
}

.thirdNbrGredient {
  background: -webkit-linear-gradient(#ff9105, #af7b06);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.thirdNbrUserGredient {
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, #ff9105, #af7b06) border-box;
}

.userGift {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 18px;
}

.top3GiftSender .first,
.top3GiftSender .secondThird {
  width: 50%;
}

.giftMessg {
  display: flex;
  justify-content: space-between;
}

.giftMessg-col .gift-title {
  color: #d4d4d4;
}

.giftMessg-col .user-title {
  color: #fff;
}

.giftMessg-col .user-title {
  font-weight: 700;
}

.giftMessg-col {
  flex-basis: 48%;
  box-sizing: border-box;
  min-height: 200px;
  position: absolute;
  z-index: 999;
  color: white;
  margin-top: 80px;
  font-weight: 700;
  font-size: 20px;
}

.giftMessg-img {
  width: 100%;
  height: 100%;
}

.giftMessg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.giftSentImg img {
  width: 40px;
  height: auto;
}

.coinTotal {
  font-size: 28px;
  font-weight: 700;
}
.swal-modal{
  background: var(--ptv-body-bg);
}
.swal-title, .swal-text{
  color: var(--ptv-default-text);;
}
.card{
  background-color: var(--ptv-default-bg);
}
.card-header{
  background-color: var(--ptv-grid-bg);
}
.nav-link{
  color: var(--ptv-default-text);;
}
.nav-link.active{
  color: var(--ptv-primary-text);;
}

/* mobile Bottom menu */
.mobBottomToolbar{
  background-color: #f5f9fb;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

div[id^=dailymotion-instance-]{
 display:none; 
}
svg.star-svg {
  width: 24px;
  height: 24px;
}
.player-wrapper .dailymotion-player-root{
  height:100% !important;
  padding-bottom:inherit !important;
}
.mfp-arrow{
  background-image: none;
}
.adv-theme.user-logged-in.mobile-layout-cnt .content-wrap{
  padding-bottom: 120px;
}
.mfp-container button{
  background-image: none !important;
}
#theme-selector{position:fixed;left:-280px;top:0;z-index:100000;box-shadow:0 0 15px 0 rgba(0,0,0,.14);background:var(--ptv-grid-bg);height:100%;width:280px}.ss-gray{color:#777!important;padding:5px!important;font-size:14px!important}#theme-selector .theme-toggle{width:52px;height:56px;cursor:pointer;opacity:1;background:#fff;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;box-shadow:2px 0 5px 0 rgba(0,0,0,.14);float:right;margin-right:-52px;margin-top:350px;color:#000;display:flex;align-items:center;justify-content:center}#theme-selector .theme-toggle .material-icons{font-size:32px}#theme-selector-container{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-transition:all .5s;transition:all .5s}.theme-selector-wrapper .btn,.themeBtn .btn{color:#fff!important;background-color:var(--Bgcolor-primary);border-color:var(--Bgcolor-primary)}.themeBtn .btn.active{opacity:.6}.sub-heading-theme{font-size:11px;font-weight:700}.themeBtn{display:flex;justify-content:center;flex-direction:column;align-items:center}.themeBtn a{display:block;width:100%;margin:10px}
