@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {
  outline: 0;
}

html {
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
}
.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:visited {
  text-decoration: none;
  font-weight: 400;
  color: var(--Textcolor-primary);
  outline: 0;
}

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

a:active,
a:hover {
  color: var(--Textcolor-primary);
  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;
}

.mt20 {
  margin-top: 20px;
}

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

/* a,
a:visited,
button {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} */

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 .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  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: #29d;
  border-left-color: #29d;
  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);
  }
}

.material-icons.md-18 {
  font-size: 18px !important;
}

.material-icons.md-24 {
  font-size: 24px;
}

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

.material-icons.md-48 {
  font-size: 48px;
}

.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: #fff;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.material-icons-outlined.md-18 {
  font-size: 20px;
}

.material-icons-outlined.md-24 {
  font-size: 24px;
}

.material-icons-outlined.md-36 {
  font-size: 36px;
}

.material-icons-outlined.md-48 {
  font-size: 48px;
}

.material-icons-outlined.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons-outlined.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons-outlined.md-light {
  color: #fff;
}

.material-icons-outlined.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

body {
  font-family: var(--fontFamily-default);
  background: var(--Bgcolor-default);
  color: var(--Textcolor-default);
  font-size: var(--fontSize-default);
  letter-spacing: normal;
  font-weight: 400;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
.rdtPicker {
  background-color: var(--Bgcolor-default) !important;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #438bca !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontFamily-heading);
  color: var(--Textcolor-default);
  letter-spacing: normal;
  line-height: normal;
}

.menu_open {
  overflow: hidden !important;
}

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

.container {
  max-width: 1600px;
}

.marginLeft0 .container {
  max-width: 1700px;
}

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

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

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

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

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

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

.user-subscription-page.fixed-header .content-wrap,
.fixed-layout.user-subscription-page.dashboard-cs-page .content-wrap,
.fixed-layout.user-subscription-page.member-view-cs-page .content-wrap {
  padding-top: 130px;
}

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

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

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

.details-video-wrap {
  margin-top: 15px;
}

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

.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 .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,
.top-header .nav-item .nav-link {
  margin-left: 15px;
  background-color: var(--deskHeader-buttonBg);
  padding: 0;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  color: var(---deskheader-buttoncolor);
  line-height: 42px;
  text-align: center;
}

.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: 16px;
  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 {
  max-width: 300px;
  min-width: 150px;
  margin-right: 15px;
}

.logo a {
  display: block;
}

.logo a img {
  width: 100%;
  height: auto;
}
.logo a .logo-text, .MobLogo a .logo-text, .HeaderCloseLogo-logo .logo-text{
  font-size: 22px;
  color: var(--hometitle-color);
}

.searchBoxWrap {
  background: var(--Bgcolor-default);
  border: 1px solid var(--border-color);
  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(--Textcolor-default);
  padding: 5px 20px;
  width: calc(100% - 50px);
  background: var(--Bgcolor-default);
}

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

.searchBoxContent button span.material-icons {
  font-size: 18px;
}

.mainMenu .nav-link {
  font-size: var(--menu-FontSize);
  margin: 0 15px;
  font-weight: 400;
  letter-spacing: normal;
  color: var(--menu-FontColor);
  padding: 5px;
}

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

.mainMenu .dropdown-menu {
  margin-top: 0;
  background: #fff;
  padding: 0;
  margin: 0pxx;
}

.mainMenu .dropdown-menu .dropdown-item {
  color: #000;
  font-weight: 400;
  padding: 10px 15px;
  font-size: var(--fontSize-default);
}

.mainMenu .dropdown-menu .dropdown-item:hover {
  color: var(--Textcolor-primary);
}

.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(--Bgcolor-white);
}

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

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

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

.dropdown-menu > li.show > a {
  color: var(--Textcolor-black);
}

.btncomm {
  background: var(--Bgcolor-primary);
  border: 1px solid var(--Bgcolor-primary);
  color: var(--Textcolor-white) !important;
  border-radius: 25px;
  padding: 8px 20px;
  font-size: var(--fontSize-default);
  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(--deskHeader-buttonBg);
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: var(---deskheader-buttoncolor);
  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: 16px;
  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 a.iconmenu span.material-icons {
  color: var(--Textcolor-primary);
  font-size: 20px;
  width: 30px;
}

.iconMenuList li a svg {
  width: 24px;
  margin-right: 5px;
  height: 24px;
}

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

.iconMenuList li a {
  font-size: var(--fontSize-default);
  padding: 10px 0;
  color: #000;
  display: flex;
  align-items: center;
  line-height: normal;
}

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

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

.logged-in-cnt {
  color: var(--loggedoutMenuColor) !important;
  align-items: center;
  /* width: 37px !important; */
  /* height: 35px !important; */
  /* border-radius: 50% !important; */
  /* display: flex !important; */
  margin-right: 10px;
  /* background-color: transparent !important; */
}

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

.usepicHead {
  width: 25px;
  height: 25px;
  overflow: hidden;
  display: block;
  border-radius: 50%;
  padding: 0 !important;
}

.usepicHead {
  width: 25px;
  height: 25px;
  overflow: hidden;
  display: block;
  border-radius: 50%;
  padding: 0 !important;
}

.usepicHead .userPic {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  object-position: top;
}
.MobeaderWrap.page_landing_page .backArrow {
  display: none !important;
}
.backArrow {
  display: none;
}
.notificationMenu {
  min-width: 355px;
  max-height: 50vh;
  background: var(--Bgcolor-white);
}

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

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

.notificationMenu .notify-wrap a {
  border: 0;
  padding: 0;
}

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

.notificationMenu .notify-header {
  width: 100%;
  border-bottom: 1px dotted var(--Bgcolor-black);
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.notify-header-action {
  display: flex;
}

.notificationMenu .notify-header-action a {
  color: var(--Textcolor-black);
  margin-left: 15px;
  border: 0;
  padding: 0;
  font-size: 14px;
}

.notify-header-action a:last-child {
  margin-right: 15px;
}

.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(--Textcolor-primary) !important;
}

.notifyUnread {
  background: var(--Bgcolor-light);
}

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

.notify-wrap .notify-content {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
  align-items: center;
  margin-right: 10px;
}

.notify-wrap .notify-content .notify-img {
  width: 45px;
  height: 45px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #c5c5c5;
}

.notify-wrap .notify-content .notify-img a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
}
.notify-wrap .notify-content .notify-text .content-image {
  float: right;
  margin-top: 5px;
}
.notify-wrap .notify-content .notify-text .lazy-load-image-background {
  height: 50px;
  width: 50px;
}
.notify-wrap .notify-content .notify-text .lazy-load-image-background img {
  height: 100%;
  object-fit: cover;
}
.notify-wrap .notify-content .notify-img a span img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  object-position: top;
  border-radius: 50%;
  overflow: hidden;
}

.notify-wrap .notify-content .notify-text {
  width: calc(100% - 55px);
}

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

.notify-wrap .notify-content .notify-text span.message {
  color: var(--Textcolor-black);
  font-size: 15px;
}

.notify-wrap .notify-content .notify-text span.message a {
  padding: 0;
  font-size: 15px;
  display: inline-block;
}

.notify-wrap .notify-content .notify-text span.timedate {
  color: var(--Textcolor-black);
  font-size: 13px;
  display: block;
  padding-top: 10px;
}

.notify-wrap .notify-content-action {
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.notify-wrap .notify-content-action span.material-icons {
  font-size: 16px;
  font-weight: 700;
}

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

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

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

.markUnread {
  width: 12px;
  height: 12px;
  display: block;
  background: var(--Bgcolor-white);
  border-radius: 50%;
  cursor: pointer;
  border: 5px solid var(--Bgcolor-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(--Bgcolor-white);
}

.custScrollBar::-webkit-scrollbar {
  width: 5px;
  background-color: var(--Bgcolor-white);
}

.custScrollBar::-webkit-scrollbar-thumb {
  background-color: var(--Textcolor-black);
}

/*--------------------------------------------------------------
# Side Menu Header
--------------------------------------------------------------*/

#header {
  z-index: 9;
  background: var(--header-sidebar-bg);
  height: 70px;
}

.top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 15px 0;
  line-height: normal;
}

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

.top-header .left-side .menu-icon {
  width: 30px;
  margin-right: 15px;
  line-height: normal;
  cursor: pointer;
}

.top-header .left-side .menu-icon .material-icons {
  font-size: 30px;
}

.top-header .head-search {
  max-width: 500px;
  position: relative;
  width: 100%;
}

.top-header .head-search .search-box {
  display: flex;
  align-items: center;
  width: 100%;
}

.top-header .head-search .search-box input {
  width: 100%;
  border: 1px solid var(--header-sidebar-search-border);
  background: var(--header-sidebar-search-bg);
  padding: 5px 10px;
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  color: var(--header-sidebar-search-textcolor);
  height: 45px;
  cursor: pointer;
}

.top-header .head-search .search-box input:focus,
.top-header .head-search .search-box button:focus {
  outline: none;
}

.top-header .head-search .search-box button {
  border: none;
  background: var(--header-sidebar-search-bg);
  color: var(--header-sidebar-search-textcolor);
  display: flex;
  height: 45px;
  align-items: center;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  padding: 0 15px;
}

.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(--Textcolor-white);
}

.top-header .right-side .login-signup li a:hover {
  text-decoration: none;
  color: var(--TextColor_Primary);
}
.main-content {
  margin-bottom: 40px;
}

.main-content.adv-theme.channel-view-cs-page {
  padding-top: 0px;
}
.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(--Textcolor-primary);
}

.main-content.adv-theme .titleWrap .title span {
  display: none;
}

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

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

/* .mobile-layout-cnt.main-content {
    padding-top: 20px;
} */
.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(--header-sidebar-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;
}

.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: rgba(0, 0, 0, 0.5);
  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;
}

/* Sidebar menu */

.menu-list {
  height: 100vh;
  width: 100%;
  overflow-y: auto;
}

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

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

.main-menu li a {
  padding: 8px 24px;
  color: var(--header-sidebar-color);
  display: flex;
  align-items: center;
  font-size: var(--header-sidebar-fontsize);
  line-height: normal;
}

.main-menu li .submenu li {
  margin-left: 30px;
}

.main-menu li a span.material-icons,
.main-menu .nav-link i,
.main-menu li a svg {
  margin-right: 20px;
  color: var(--header-sidebar-icon-color);
  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(--header-sidebar-hovercolor);
}

.main-menu .nav-link:focus,
.main-menu .nav-link:hover {
  color: var(--header-sidebar-color);
}

.main-menu li a.active {
  background: var(--header-sidebar-hovercolor);
  color: var(--header-sidebar-color);
}

.nav-link {
  cursor: pointer;
}

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

.sidebar-icon .lazy-load-image-background {
  height: 28px;
  width: 28px;
  margin-right: 20px;
}

.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: 0;
  margin: 0;
  padding: 5px 40px;
  font-size: var(--header-sidebar-fontsize);
  margin-top: 0;
}

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

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

.hide {
  display: none !important;
}

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

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

.social-follow-btn {
  margin: 0 24px;
}

.social-follow-btn a {
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  color: #ffffff;
  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: #fff;
}

.social-follow-btn a i.fa-instagram {
  background: #e50131;
}

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

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

.imp-links {
  margin: 0 24px;
  padding-bottom: 15px;
  margin-bottom: 5px;
}

.imp-links a {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  color: var(--Textcolor-default);
}

.copyright {
  margin: 0 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #7d7d7d;
}

.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(--scroll-track-bg);
}

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

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

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

.sidebar-menu-title {
  font-size: 16px;
  text-transform: uppercase;
  padding: 0 24px 5px 24px;
  color: var(--header-sidebar-title-color);
}

/* Search popup*/

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

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

.head-searchbox {
  z-index: 9;
  background: var(--header-popup-headbg);
  display: flex;
  align-items: center;
  padding: 30px;
}

.head-searchbox .close-btn {
  font-size: 16px;
  color: var(--header-popup-inputtextcolor);
  max-width: 50px;
  margin-right: 15px;
  cursor: pointer;
}

.head-searchbox .search-input {
  width: 100%;
  display: flex;
}

.head-searchbox .search-input input {
  width: 100%;
  border: 1px solid var(--header-popup-inputborder);
  background: var(--header-popup-inputbg);
  padding: 30px 15px;
  border-radius: 10px;
  overflow: hidden;
  color: var(--header-popup-inputtextcolor);
  font-size: 22px;
}

.search-heading-title {
  font-size: 30px;
  margin-bottom: 20px;
  color: var(--header-popup-inputtextcolor);
}

.head-searchbox .search-input input:focus,
.head-searchbox .search-input button:focus {
  outline: none;
}

.head-searchbox .search-input select {
  padding: 10px 5px;
  background: var(--header-popup-inputbg);
  color: var(--header-popup-inputtextcolor);
  border: 1px solid var(--header-popup-inputborder);
  border-radius: 10px;
  margin-left: 10px;
}

.head-searchbox .search-input button {
  border: none;
  background: transparent;
  color: var(--header-popup-inputtextcolor);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 15px;
}

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

.search-content-show {
  position: relative;
  padding: 30px 0;
}

/* Button */

.btn-outline {
  outline: none;
  border: none;
  display: flex;
  background: linear-gradient(90deg, #0c9 0, #09f);
  z-index: 2;
  padding: 2px;
  border-radius: 35px;
  display: inline-block;
  color: #fff;
}

.btn-outline .text {
  color: #fff;
  text-decoration: none;
  background: #181d25;
  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;
  /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2); */
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}

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

/* Popup */

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

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

.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: #000;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  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: #fff;
}

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

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

.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(--border-color);
  position: absolute;
  top: 10px;
  width: 30%;
}

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

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

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

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

.password-mandatory {
  padding: 20px;
}

.form-cust .form-group input[type="text"],
.form-cust .form-group input[type="password"],
.form-cust .form-group input[type="file"] {
  background: #141c21;
  border: 1px solid var(--border-color);
  color: var(--Textcolor-default);
  height: 50px;
}

.form-cust .form-group input[type="text"]:focus,
.form-cust .form-group input[type="password"]:focus {
  outline: none;
  box-shadow: none;
}

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

.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(--Textcolor-default);
}

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

.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(--Bgcolor-secondry);
  color: var(--Textcolor-black);
  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(--Textcolor-primary) !important;
}

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

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

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

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

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

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

.loggedin .header-dropdown li a.iconmenu:hover {
  background: #1c2327;
}

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

.loggedin li a.usepicHead {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  width: auto;
  height: 30px;
  font-size: 16px;
  border-radius: 50px;
  background-color: var(--Bgcolor-secondry);
  padding: 2px 8px;
}

.loggedin li a.usepicHead .userPic {
  margin-right: 10px;
}

.sidebar-menu .copyright {
  padding-bottom: 100px;
  line-height: 24px !important;
}

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

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

.MobeaderWrap {
  display: none;
}

.MobeaderWrap {
  border-bottom: 1px solid var(--border-color);
  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(--Bgcolor-secondry);
  height: calc(100% - 60px);
  /* transition: all 0.3s ease; */
  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%;
  /* transition: all 0.3s ease; */
  display: block;
  height: 100vh !important;
}

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

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

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

.MobmenuWrap .navbar-nav .dropdown-menu {
  background: var(--Bgcolor-tertiary);
  border-radius: 0;
  padding: 0;
}

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

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

.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(--Bgcolor-tertiary);
}

.MobMenuScroll::-webkit-scrollbar {
  width: 3px;
  background-color: var(--Bgcolor-secondry);
}

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

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

.MobileSearchBtn {
  color: var(--Textcolor-default);
}
.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(--Bgcolor-primary);
}

.mobMenuBox ul li div.darkModeSwitchFtr {
  margin-left: 15px;
  margin-right: 15px;
  font-size: var(--fontSize-default);
  padding-top: 10px;
  padding-bottom: 10px;
}

.mobRightNav li a {
  display: block;
  font-size: 20px;
  color: #fff;
}
.nav-link:focus,
.nav-link:hover {
  color: #fff;
}
.mobMenuBox {
  width: 100%;
  height: calc(100vh - 100px);
  background: var(--Bgcolor-secondry);
  overflow-y: scroll;
}

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

.mobMenuBox ul li a {
  padding: 10px 15px;
  color: var(--Textcolor-default);
  display: flex;
  align-items: center;
  font-size: 18px;
}
.mobMenuBox ul li a:hover {
  color: var(--Textcolor-default) !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(--Textcolor-primary);
  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(--Textcolor-primary);
}

.MobDropdownNav .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  font-size: 12px;
  color: #000;
}

.MobDropdownNav .iconMenuList li a.iconmenu i {
  font-size: var(--fontSize-default);
  width: 20px;
}

.mobMenuBox ul div.notificationMenu {
  background: var(--Bgcolor-secondry);
  color: var(--Textcolor-default);
}

.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(--Textcolor-default);
}

.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(--Bgcolor-light);
}

.mobMenuBox ul div.notificationMenu .notifyRead {
  background: var(--Bgcolor-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(--Textcolor-default);
  letter-spacing: 0;
}

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

.mobMenuBox
  ul
  div.notificationMenu
  .notify-wrap
  .notify-content
  .notify-text
  span.message {
  color: var(--Textcolor-default);
  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(--Textcolor-default);
  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(--Textcolor-default);
  font-size: 16px;
  display: block;
  padding: 0;
}

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

.mobMenuBox ul div.MobNotification .notify-header-title {
  font-size: 18px;
}
.mobMenuBox ul div.MobNotification .notifyUnread {
  background: var(--Bgcolor-default);
}

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

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

.notify-text a {
  color: var(--Textcolor-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(--border-color);
  background: var(--Bgcolor-secondry);
  overflow: hidden;
  display: flex;
  align-items: center;
}

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

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

.MobsearchForm button {
  color: var(--Textcolor-default);
}

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

.titleWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.titleWrap .title {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--hometitle-color);
}

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

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

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

.titleWrap .title .recent_video .material-icons {
  font-size: 19px;
  color: #e91e63;
  vertical-align: middle;
}

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

.titleWrap .title .channel_post .material-icons {
  font-size: 19px;
  color: #e91e63;
  vertical-align: middle;
}

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

.titleWrap .title .category .material-icons {
  font-size: 19px;
  color: #394047;
  vertical-align: middle;
}

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

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

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

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

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

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

.titleWrap .seemore_link {
  background: var(--Textcolor-primary);
  border-radius: 25px;
  padding: 5px 15px;
  line-height: normal;
  font-size: var(--fontSize-default);
  display: block;
  border: 1px solid var(--Textcolor-primary);
  color: var(--lableFeatured-color);
}

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

.lbl-Hot {
  background: var(--lableHot-bg);
  width: var(--lableHot-widhtHight);
  height: var(--lableHot-widhtHight);
  border-radius: 50%;
  text-align: center;
  line-height: var(--lableHot-widhtHight);
  display: inline-block;
  font-size: var(--lableHot-font);
  margin: 0 10px;
  color: var(--lableHot-color);
}

.lbl-Featured svg,
.lbl-Hot svg,
.lbl-Sponsored svg {
  width: 18px;
}

.lbl-Sponsored {
  background: var(--lableSponsored-bg);
  width: var(--lableSponsored-widhtHight);
  height: var(--lableSponsored-widhtHight);
  border-radius: 50%;
  text-align: center;
  line-height: var(--lableSponsored-widhtHight);
  display: inline-block;
  font-size: var(--lableSponsored-font);
  margin: 0 10px;
  color: var(--lableSponsored-color);
}

.lbl-Featured {
  background: var(--lableFeatured-bg);
  width: var(--lableFeatured-widhtHight);
  height: var(--lableFeatured-widhtHight);
  border-radius: 50%;
  text-align: center;
  line-height: var(--lableFeatured-widhtHight);
  display: inline-block;
  font-size: var(--lableFeatured-font);
  margin: 0 10px;
  color: var(--lableFeatured-color);
}

@-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 {
  /* width: 100%; */
  position: relative;
}

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

.LikeDislikeWrap .LikeDislikeList li {
  font-size: 16px;
  font-weight: 500;
  color: var(--LikeDislike-Color);
  margin: 0 15px;
  cursor: pointer;
}

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

.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(--Textcolor-primary);
}

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

.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(--Textcolor-default);
  padding: 0px;
  font-weight: 500;
}
.shareVdoInfo .name .success {
  margin: 5px 0px;
}
.share-input {
  justify-content: space-between;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.share-input a {
  margin-left: 10px;
}

.snglChnnl-block {
  background: var(--chanlThmb-bg);
  color: var(--chanlThmb-color);
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  border-radius: var(--chanlThmb-borderRadius);
  overflow: hidden;
}

.snglChnnl-coverimg {
  width: 100%;
  position: relative;
  height: var(--chanlThmb-coverImgHeight);
  display: block;
}

.snglChnnl-coverimg img {
  width: 100%;
  height: var(--chanlThmb-coverImgHeight);
  object-fit: cover;
  object-position: top center;
}

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

.snglChnnl-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 5px 15px 5px;
}

.snglChnnl-content .userImg {
  width: var(--chanlThmb-profileImgHeight);
  height: var(--chanlThmb-profileImgHeight);
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  object-fit: cover;
  object-position: center top;
  margin-top: var(--chanlThmb-profileImgTop);
  margin-bottom: 10px;
  z-index: 1;
}

.snglChnnl-content .userImg img {
  width: 100%;
  height: var(--chanlThmb-profileImgHeight);
  object-fit: cover;
  object-position: center top;
}

.snglChnnl-content .videoList_content .videoTitle {
  display: flex;
  align-items: center;
  line-height: normal;
  font-size: 0;
  margin-bottom: 10px;
}

.snglChnnl-content .chnnlName {
  font-size: var(--chanlThmb-nameFontSize);
  font-weight: 700;
  display: block;
  color: var(--chanlThmb-nameColor);
  text-align: center;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.snglChnnl-content .chnnlName .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.snglChnnl-content .channelInfo {
  font-size: 14px;
  color: var(--chanlThmb-color);
}

.snglChnnl-content .channelInfo .username {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  flex-direction: column;
}

.snglChnnl-content .channelInfo .username a {
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  line-height: 15px;
  color: var(--chanlThmb-color);
}

.snglChnnl-content .channelInfo .username .verified {
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: var(--username-varify-textcolor);
  display: inline-block;
  margin-left: 5px;
}

.snglChnnl-content .chnnlName .verifiedUser {
  background: var(--channel-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: var(--channel-varify-textcolor);
  display: inline-block;
}

.snglChnnl-content .channelInfo .username .verified span.material-icons,
.snglChnnl-content .chnnlName .verifiedUser .material-icons {
  font-size: 9px;
  font-weight: 700;
}

.snglChnnl-content .channelInfo .videoViewDate {
  font-size: 13px;
  line-height: 13px;
  display: inline-block;
  border-radius: 5px;
}

.snglChnnl-content .channelInfo .channelViewDate span.seprater {
  margin: 0 5px;
}

.snglChnnl-content .videono {
  font-size: 14px;
  margin: 10px 0;
}

.snglChnnl-content .subscribe {
  font-size: 14px;
  display: block;
  color: var(--chanlThmb-subsBtnColor);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--chanlThmb-subsBtnColor);
  padding: 3px 15px;
  border-radius: 5px;
  background: var(--chanlThmb-subsBtnBg);
}

.snglChnnl-content .subscribe:hover,
.snglChnnl-content a.active {
  background: var(--Bgcolor-primary);
}

.snglChnnl-content .LikeDislikeWrap .LikeDislikeList {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 10px 5px 10px;
}

.single-user {
  background: var(--artist-bg);
  overflow: hidden;
  margin: 0 0 30px;
}

.single-user .img {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
  height: var(--artist-imgHeight);
  width: var(--artist-imgHeight);
  border-radius: 50%;
  margin: 0 auto;
  border: 5px solid var(--artist-bordercolor);
}

.single-user .img a span {
  height: var(--artist-imgHeight);
  width: var(--artist-imgHeight);
}

.single-user .img a img {
  object-fit: cover;
  object-position: center;
  height: var(--artist-imgHeight);
  width: var(--artist-imgHeight);
}

.single-user .content {
  padding: 10px 15px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-flow: column;
}

.single-user .content .name {
  color: var(--artist-nameColor);
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: normal;
  font-size: var(--artist-nameFontSize);
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}

.single-user .content .name .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.verifyUsr::after {
  font-family: "Font Awesome 5 Free";
  content: "\f4fc";
  color: var(--username-varify-color);
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
}

.single-user .content .LikeDislikeWrap .LikeDislikeList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-user .content .LikeDislikeWrap .LikeDislikeList li a {
  display: flex;
  align-items: center;
  color: var(--LikeDislike-Color);
}

.member-block {
  background: var(--member-bg);
  border-radius: var(--member-borderRadius);
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}

.member-img-block {
  width: var(--member-imgHeight);
  height: var(--member-imgHeight);
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin: 0 auto;
  border: 5px solid var(--member-bordercolor);
}

.member-img-block img {
  width: var(--member-imgHeight);
  height: var(--member-imgHeight);
  object-fit: cover;
  object-position: top center;
  z-index: 0;
}

.member-block .member-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 15px;
}

.member-img-block .member-content {
  z-index: 2;
  position: absolute;
  bottom: 0;
  padding: 15px 10px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.follow.active,
.member-content a.active {
  background: var(--Bgcolor-primary);
  color: #fff !important;
}

.member-block .name {
  color: var(--member-nameColor);
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: block;
  letter-spacing: normal;
  font-size: var(--member-nameFontSize);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}

.member-block .follwbtn {
  font-size: 14px;
  display: block;
  color: var(--member-followBtnColor);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--member-followBtnColor);
  padding: 3px 15px;
  border-radius: 5px;
  background: var(--member-followBtnBg);
  margin-top: 15px;
}

.member-block .name .verifiedUser,
.gridMember .name .verifiedUser,
.member-container .name .verifiedUser {
  background: var(--username-varify-color);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 16px;
}

.member-block .name .verifiedUser span.material-icons,
.gridMember .name .verifiedUser span.material-icons,
.member-container .name .verifiedUser span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

.member-block .member-content .member-stats {
  font-size: 16px;
  text-align: center;
  color: var(--member-colorlight);
  margin-top: 15px;
}

.member-block .member-content .member-stats span.seprater {
  margin: 0 5px;
}
.adv-theme .gridMember .name,
.adv-theme .member-container .name {
  color: #fff;
  font-size: 16px;
}

.member-block .lbletop {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
}

.member-block .member-content .LikeDislikeWrap {
  margin-top: 15px;
}

.member-block .member-content .LikeDislikeWrap .LikeDislikeList {
  display: flex;
  align-items: center;
  justify-content: center;
}

.member-block .member-content .LikeDislikeWrap .LikeDislikeList li a {
  display: flex;
  align-items: center;
  color: var(--LikeDislike-Color);
}

.categoryBox {
  width: 100%;
  height: var(--category-height);
  border-radius: var(--category-borderRadius);
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.categoryBox a {
  display: block;
  height: var(--category-height);
  width: 100%;
}

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

.categoryBoxContent .categoryBoxImg {
  width: 100%;
  height: var(--category-height);
  object-fit: cover;
  object-position: center;
}

.categoryBoxContent .overlay {
  position: absolute;
  z-index: 2;
  background-color: var(--category-overlayColor);
  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(--category-color);
  opacity: 1;
  z-index: 1;
}

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

.categoryBoxText .catname {
  font-size: var(--category-titleFontsize);
  font-weight: 600;
}

.categoryBoxText .totlblg {
  font-size: var(--category-subTitle);
  font-weight: 500;
  margin-top: 10px;
}

.snglblog-block {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  background: var(--blogBox-bg);
  border-radius: var(--blogBox-borderRadius);
  overflow: hidden;
  color: var(--blogBox-Color);
}

.snglblog-block .blogImgWrap {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: block;
  height: var(--blogBox-imgHeight);
  width: 100%;
}

.snglblog-block .blogImgWrap .blogImg {
  display: block;
  height: var(--blogBox-imgHeight);
  width: 100%;
}

.snglblog-block .blogImgWrap .blogImg img {
  width: 100%;
  height: var(--blogBox-imgHeight);
  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: #fff;
}

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

.snglblog-block .blogContent {
  padding: 0 15px;
  display: flex;
  align-items: center;
}

.snglblog-block .blogContent .tagName {
  background: var(--Bgcolor-primary);
  color: #fff;
  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 {
  display: block;
  font-size: var(--blogBox-titleFontSize);
  letter-spacing: normal;
  margin: 15px 0;
  line-height: normal;
  color: var(--Textcolor-default);
  font-weight: 500;
  width: calc(100% - 20px);
}

.snglblog-block .blogContent .blogTitle:hover {
  color: var(--Textcolor-primary);
}

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

.snglblog-block .blogFootr {
  padding: 0 15px;
  padding-bottom: 15px;
  font-size: 14px;
  color: var(--blogBox-lightColor);
}

.blogFootr .authorDate {
  padding-bottom: 10px;
  color: var(--blogBox-lightColor);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blogFootr .authorDate a {
  color: var(--blogBox-lightColor);
}

.blogFootr .authorDate .UserName span.verified {
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
}

.blogFootr .authorDate .UserName span.verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

footer {
  margin-top: 30px;
  width: 100%;
  position: relative;
  background: var(--Bgcolor-default);
}

.footer-bottom-area {
  border-top: 1px solid var(--border-color);
  padding: 15px 0;
}

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

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

.footerLinks li {
  display: inline-block;
}

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

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

.footerLinks li a:hover {
  color: var(--Textcolor-primary);
}

.footerCenter p.copyright {
  font-size: var(--fontSize-default);
  color: var(--Textcolor-default);
  margin: 0;
}

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

.adultSwitchFtr {
  margin: 6px;
  font-size: var(--fontSize-default);
}

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

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

.footerLinks li a i.fa-instagram {
  background: #e50131;
}

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

.footerLinks li a .twitter {
  background: var(--formPage-bg);
}
.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: #c4302b;
}

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

.top30p {
  padding-top: 30px;
}

.popupDesign .modal-content {
  background: #fff;
  border-radius: 15px;
  color: #000;
}

.popupDesign .modal-content .modal-body button.close {
  background: var(--Bgcolor-primary);
  color: #fff;
  opacity: 1;
  /* width: 30px;
    height: 30px; */
  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_file {
  margin-bottom: 15px;
}

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

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

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

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

.socialLogin .circle {
  background-color: #000;
  color: #fff;
  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: 16px;
  line-height: 45px;
}

.socialLogin .twitter {
  background-color: #000;
  color: #fff;
}

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

.menu_twitter {
  padding: 10px 0 !important;
}

.socialLogin .facebook {
  background-color: var(--facebook-color);
  color: #fff;
}

.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(--Bgcolor-light);
  position: absolute;
  top: 18px;
  width: 34%;
}

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

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

.loginRgtrBox .division span {
  color: var(--Textcolor-black);
  font-size: 17px;
}

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

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

.loginRgtrBox .btn-login,
.registerBox .btn-register {
  background-color: var(--Textcolor-primary);
  border-color: var(--border-color);
  border-width: 0;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 15px 50px;
  text-transform: uppercase;
  width: 100%;
  font-size: 16px;
}

.loginRgtrBox .btn-login:hover,
.registerBox .btn-register:hover {
  background-color: var(--Textcolor-primary);
  opacity: 0.8;
}

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

.loginRgtrBox .form-control,
.loginRgtrBox .PhoneInputInput {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  color: var(--Textcolor-black);
  margin-bottom: 15px;
  height: 44px;
  font-size: 14px;
  letter-spacing: 0;
}

.loginRgtrBox .form-control:hover,
.loginRgtrBox .PhoneInputInput:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.loginRgtrBox .form-control:focus,
.loginRgtrBox .PhoneInputInput:focus {
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  color: var(--Textcolor-black);
}

.loginRgtrBox .box .form input[type="password"],
.loginRgtrBox .box .form input[type="text"] {
  border-radius: 3px;
  border: none;
  color: var(--Textcolor-secondry);
  font-size: 16px;
  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(--Bgcolor-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(--Textcolor-primary);
  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: #fff;
}

.snglFullWdth-content-box .text {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  width: 100% !important;
  color: #fff;
}

.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(--Bgcolor-white) none repeat scroll 0 0;
  color: var(--Textcolor-primary);
}

.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: rgb(167 169 170);
}

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

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

.snglFullWdth-content-box .buttons .button {
  background: var(--Bgcolor-primary) 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: white;
}

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

.snglFullWdth-content-box .buttons .button:nth-child(n + 2):hover {
  background: var(--Bgcolor-primary) none repeat scroll 0 0;
  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(--Textcolor-default);
  -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 {
  background: var(--loadmore-button-hvr-color);
}

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

@-webkit-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;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 20px;
  margin-bottom: 9px;
  align-items: center;
  color: var(--videoGrid-usertimeColor);
}

.donationInnr {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
}

.totalDontn {
  display: flex;
  align-items: center;
  background: rgb(99, 156, 0);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  color: #ffffff;
}

.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(--Textcolor-primary);
}

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

.tipBtn {
  margin: 6px;
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  overflow: hidden;
}

.tipBtn button {
  background: var(--tabsBtn-bg);
  border-radius: 6px 0 0 6px;
  color: var(--Textcolor-default);
  display: flex;
  align-items: center;
  font-weight: 600;
}

.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 6px;
  font-size: 16px;
  font-weight: 500;
}

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

.videoEmbed {
  margin-bottom: 20px;
}
.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;
}
.video-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}

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

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

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

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

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

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li,
.videoDetailsLikeWatch
  .vLDetailLikeShare
  .LikeDislikeWrap
  .LikeDislikeList
  li
  a {
  color: var(--LikeDislike-Color);
}

.videoDetailsLikeWatch
  .vLDetailLikeShare
  .LikeDislikeWrap
  .LikeDislikeList
  li
  a {
  color: var(--LikeDislike-Color);
}

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

.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(--Textcolor-default);
}

.videoDetailsLikeWatch
  .vLDetailLikeShare
  .LikeDislikeWrap
  .LikeDislikeList
  li
  .TitleRightDropdown
  .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  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(--Textcolor-primary);
}

.sidevideoWrapOutr {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.sidevideoWrapOutr .ptv_videoList_wrap {
  display: flex;
  margin: 0;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb {
  width: 165px;
  height: 90px;
  position: relative;
  margin-right: 10px;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb a span {
  width: 100%;
  height: 100%;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb img {
  width: 100%;
  min-height: 90px;
  max-height: 90px;
  object-fit: cover;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .videoTime {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  line-height: normal;
  background: #000000a8;
  padding: 3px;
  color: #fff;
  border-radius: 5px;
}

.ptv_videoList_wrap .videoList_thumb .videoTime.live_now_cnt,
.ThumbBox-link .videoTime.live_now_cnt {
  background: none !important;
  border: 1px solid var(--Textcolor-primary);
  color: var(--Textcolor-primary);
  z-index: 1;
}

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

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

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .btnBoxHover a {
  background: #000000a8;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  line-height: 12px;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .btnBoxHover a span {
  font-size: 18px;
  display: block;
  margin-top: 2px;
}

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

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_thumb:hover
  .playBtn
  svg.playicon {
  transform: translate(-50%, -50%) scale(1);
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .playBtn svg.playicon {
  left: 50%;
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) scale(1);
  width: 50px;
  height: 50px;
  stroke-width: 1.2px;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb:hover .playBtn {
  opacity: 1;
  visibility: visible;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb .labelBtn {
  position: absolute;
  top: 5px;
  left: 5px;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content {
  width: calc(100% - 165px);
  overflow: hidden;
  padding: 0;
  max-height: 90px;
  min-height: 90px;
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_thumb
  .videoList_optn
  .watchlater
  span {
  right: 5px;
  position: absolute;
  top: 10%;
  margin: 0;
  width: 25px;
  height: 25px;
  stroke-width: 1.2px;
  background-color: #000;
  text-align: center;
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_thumb
  .videoList_optn
  .playlist
  span {
  right: 5px;
  position: absolute;
  top: 20%;
  margin: 0;
  width: 25px;
  height: 25px;
  stroke-width: 1.2px;
  background-color: #000;
  text-align: center;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_thumb:hover .videoList_optn {
  visibility: visible;
  opacity: 1;
}

.sidevideoWrapOutr .watchlater.active span {
  color: var(--Textcolor-primary);
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoTitle a {
  display: block;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoTitle a h4 {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 18px;
  margin: 0;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoInfo {
  margin: 10px 0;
  color: var(--videoGrid-usertimeColor);
  max-height: 50px;
  overflow: hidden;
  margin-bottom: 0;
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoInfo a {
  color: var(--videoGrid-usertimeColor);
}

.sidevideoWrapOutr .ptv_videoList_wrap .videoList_content .videoInfo .username {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_content
  .videoInfo
  .username
  a {
  display: inline-block;
  margin-right: 5px;
  font-size: 16px;
  line-height: 16px;
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_content
  .videoInfo
  .username
  .verified {
  font-size: 6px;
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 9px;
  color: var(--username-varify-textcolor);
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_content
  .videoInfo
  .videoViewDate {
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  border-radius: 5px;
}

.sidevideoWrapOutr
  .ptv_videoList_wrap
  .videoList_content
  .videoInfo
  .videoViewDate
  span.seprater {
  margin: 0 5px;
}

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

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

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

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

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

.reportBtn li {
  margin: 0;
}

.reportBtn {
  min-width: 120px;
}

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

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

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

.reportBtn li a {
  display: block;
  padding: 8px 10px;
  font-size: var(--fontSize-default);
  color: var(--Textcolor-default);
  color: #000;
}

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

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

.videoDetailsUserInfo {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

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

.userInfoSubs .userSubs a.follow {
  background: #ccc;
  color: #000;
  padding: 8px 20px;
  border-radius: 5px;
}

.userInfoSubs .userSubs a.active {
  background: var(--Bgcolor-primary);
  color: #fff;
}

.videoDetailsUserInfo .subscribBtn {
  border: none;
  background: var(--Bgcolor-primary);
  color: var(--Textcolor-default);
  font-size: var(--fontSize-default);
  text-transform: uppercase;
  font-weight: 500;
  padding: 3px 15px;
}

.videoDetailsUserInfo .UserInfo .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}

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

.videoDetailsUserInfo .UserInfo .content .UserName {
  font-size: 18px;
  display: block;
  color: var(--Textcolor-default);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
}

.videoDetailsUserInfo .UserInfo .content .UserName .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.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(--Textcolor-primary);
}

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

.VideoDetailsDescp .morecontent span {
  display: none;
}

.VideoDetailsDescp .morelink {
  display: block;
}

.VideoDetails-commentWrap {
  width: 100%;
  display: block;
  position: relative;
}

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

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

.VideoDetails-commentWrap .create_new_comment {
  margin-bottom: 20px;
  padding: 15px;
  background: var(--Bgcolor-default);
}

.VideoDetails-commentWrap .create_new_comment .user_avatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.VideoDetails-commentWrap .create_new_comment .user_avatar img {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  object-fit: cover;
  object-position: top;
}

.VideoDetails-commentWrap .create_new_comment .input_comment {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
}

.VideoDetails-commentWrap .create_new_comment .input_comment textarea {
  width: 100%;
  font-weight: 300;
  font-size: 16px;
  padding: 10px 0;
  border: none;
  color: var(--Textcolor-default);
  background: 0 0;
  resize: none;
}

.VideoDetails-commentWrap .create_new_comment .input_comment textarea:focus {
  outline: 0;
}

.VideoDetails-commentWrap .create_new_comment .comntAction {
  display: flex;
  justify-content: flex-end;
}

.commentImgfile label {
  font-size: 30px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.fileNone {
  display: none;
}

.newcomntImg-prev {
  max-width: 200px;
  height: auto;
  position: relative;
}

.newcomntImg-prev img {
  width: 100%;
}

.newcomntImg-prev .comment-image-close {
  position: absolute;
  color: #ffff !important;
  top: -12px;
  background: #000;
  width: 25px;
  height: 25px;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  border-radius: 50%;
  right: -12px;
  line-height: 25px;
  cursor: pointer;
}

.VideoDetails-commentWrap .create_new_comment .comntAction button {
  background: 0 0;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 16px;
  margin-left: 30px;
}

.VideoDetails-commentWrap .create_new_comment .comntAction button.camicon {
  color: var(--Textcolor-default);
  font-size: 30px;
}

.VideoDetails-commentWrap .create_new_comment .comntAction button.postcoment {
  background: var(--Bgcolor-primary);
  padding: 3px 15px;
  color: var(--Textcolor-white);
  border-radius: 5px;
}

.VideoDetails-commentWrap .newCommentWrap {
  width: 100%;
  height: auto;
  padding: 40px 0;
  clear: both;
}

.VideoDetails-commentWrap .newCommentWrap .userCommentsList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.VideoDetails-commentWrap .newCommentWrap .userCommentsList li {
  margin-bottom: 15px;
  padding-top: 20px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap {
  display: block;
  width: 100%;
}

.TitleRightDropdown .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  min-width: 120px;
}

.VideoDetails-commentWrap .newCommentWrap .userCommentsList li {
  font-size: 14px;
  font-weight: 500;
  color: var(--LikeDislike-Color);
  cursor: pointer;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .user_avatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .user_avatar
  .lazy-load-image-background {
  width: 50px;
  height: 50px;
}
.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .user_avatar
  img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--commentimage-backgroundcolor);
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody {
  width: calc(100% - 70px);
  float: right;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  a:hover {
  color: var(--Textcolor-default);
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo {
  display: flex;
  justify-content: space-between;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  a {
  font-size: 14px;
  letter-spacing: 0;
  color: var(--Textcolor-default);
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  a
  span:first-child {
  font-weight: 600;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  span.material-icons {
  font-size: 10px;
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  color: #fff;
  margin-left: 5px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .dateday {
  font-size: 12px;
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
  margin-left: 15px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .usercomment {
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .usercomment
  p {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .commentAction
  ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .commentAction
  ul
  li {
  float: left;
  cursor: pointer;
  margin: 0;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 15px;
  margin-top: 10px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .commentAction
  ul
  li
  span {
  display: flex;
  align-items: center;
  margin-right: 3px;
  font-size: 18px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .commentCnt {
  background: var(--comment-background);
  padding: 8px 15px;
  border-radius: 8px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .commentCnt
  .usercomment
  img {
  margin-top: 20px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .TitleRightDropdown
  a
  span.material-icons {
  font-size: 18px;
  background-color: var(--deskHeader-buttonBg);
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .TitleRightDropdown
  .edit-options.show {
  min-width: 120px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .TitleRightDropdown
  .edit-options.show
  li {
  margin: 0;
  padding: 10px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .TitleRightDropdown
  .edit-options.show
  li
  span {
  display: flex;
  align-items: center;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  li
  .userCommentWrap
  .comentBody
  .userInfo
  .TitleRightDropdown
  .edit-options.show
  li
  span.material-icons {
  margin-right: 5px;
  font-size: 14px;
  background: 0 0;
  color: var(--LikeDislike-Color);
}

.VideoDetails-commentWrap .newCommentWrap .userCommentsList .loadmoreBtn {
  height: 100%;
  margin: 10px auto;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  .loadmoreBtn
  .btnLoadMore {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 5px 5px;
  font-size: 14px;
}

.VideoDetails-commentWrap
  .newCommentWrap
  .userCommentsList
  .loadmoreBtn
  .btnLoadMore
  #text {
  white-space: nowrap;
  margin-right: 5px;
}

.commentActionLo .like {
  cursor: pointer;
}

.commentActionLo .like:hover {
  cursor: pointer;
  color: var(--Textcolor-primary);
}

.commentActionLo .like span.active {
  color: var(--Textcolor-primary);
}

.commentActionLo .heart {
  cursor: pointer;
}

.commentActionLo .heart:hover {
  cursor: pointer;
  color: var(--Textcolor-primary);
}

.commentActionLo .heart span.active {
  color: var(--Textcolor-primary);
}

.commentAction .input_comment {
  width: 100%;
  padding: 15px;
}

.commentAction .input_comment textarea {
  width: 100%;
  font-weight: 300;
  font-size: 16px;
  padding: 10px 0;
  border: none;
  color: var(--Textcolor-secondry);
  background: 0 0;
  resize: none;
}

.commentAction .input_comment textarea:focus {
  outline: 0;
}

.commentAction .comntAction {
  display: flex;
  justify-content: flex-end;
}

.commentAction .comntAction button {
  background: 0 0;
  padding: 0;
  margin: 0;
  border: none;
  font-size: 16px;
  margin-left: 30px;
}

.commentAction .comntAction button.camicon {
  color: var(--Textcolor-default);
  font-size: 30px;
}

.commentAction .comntAction button.postcoment {
  background: var(--Bgcolor-primary);
  padding: 3px 15px;
  color: var(--Textcolor-default);
  border-radius: 5px;
}

.VideoDetails-commentWrap .newCommentWrap .replyuser {
  margin-left: 70px;
  margin-top: 15px;
}

.videoDetailsWrap-content .UserName {
  font-size: 14px;
  display: block;
  color: var(--Textcolor-secondry);
  letter-spacing: 0;
  line-height: 20px;
  margin: 5px 0;
}

.videoDetailsWrap-content .UserName .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

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

.Latestvideos-single .content .date,
.Latestvideos-single:hover .content .date {
  border-bottom: 1px solid var(--border-color);
  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: #000000;
  background-color: transparent !important;
}

.btn-slide .carousel-slider > button > i {
  color: #fff;
}

.btn-slide .carousel-slider > button {
  background: var(--Bgcolor-primary) 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(--Bgcolor-primary) 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(--Bgcolor-primary);
  color: #fff !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 {
  /* right: 0; */
  position: absolute;
  transform: translate(0, -57px);
  font-size: 30px;
  background: var(--Bgcolor-primary);
  color: #fff !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(--Bgcolor-secondry);
  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(--Textcolor-primary);
  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(--Bgcolor-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(--Textcolor-primary);
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
  margin: 0 0 14px;
}
.newsletter .text {
  color: var(--Textcolor-primary);
  font-size: 16px;
  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(--Textcolor-black);
  font-size: 14px;
  height: 44px;
  letter-spacing: 0;
  padding: 0 50px 0 30px;
  width: 100%;
}

.newsleter-input-box button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: currentcolor currentcolor currentcolor var(--Textcolor-primary);
  -o-border-image: none;
  border-image: none;
  border-style: none none none none;
  border-width: 0 0 0 1px;
  color: var(--Textcolor-primary);
  cursor: pointer;
  font-size: 14px;
  line-height: 22px;
  outline: medium none;
  padding: 0 8px 0 14px;
  position: absolute;
  right: 12px;
  top: 11px;
}

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

.blog-details-title {
  margin-bottom: 30px;
}

.blog-details-title .title {
  font-size: 22px;
  margin: 0;
  font-weight: 100;
  padding: 0;
  margin-bottom: 15px;
}

.blog-details-title .subTitle {
  font-size: 18px;
  color: var(--Textcolor-secondry);
  font-weight: 100;
}

.blog-details .UserInfo {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.blog-details .UserInfo .img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 15px;
}

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

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

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

.blog-details .UserInfo .content .UserName {
  font-size: 14px;
  display: block;
  color: var(--Textcolor-default);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
}

.blog-details .UserInfo .content .UserName .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.blog-details .UserInfo .content .follow {
  font-size: 12px;
  display: block;
  color: var(--Textcolor-secondry);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--border-color);
  margin-left: 15px;
  padding: 1px 15px;
  border-radius: 5px;
}

.blog-details .UserInfo .content span {
  left: 0;
  font-size: 16px;
}

.blog-details .UserInfo .content .UserName span.verified {
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: var(--username-varify-textcolor);
  display: inline-block;
  margin-left: 5px;
}

.blog-details .UserInfo .content .UserName span.verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

.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(--border-color);
  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(--LikeDislike-Color);
}

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

.blog-details
  .BlogShareLike
  .LikeDislikeWrap
  .LikeDislikeList
  .TitleRightDropdown
  ul.dropdown-menu
  li {
  background-color: var(--Bgcolor-secondry);
  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(--Textcolor-primary);
}

.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: 16px;
  cursor: pointer;
}

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

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

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

.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(--Textcolor-primary);
}

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

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

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

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

.blog-comment {
  margin-top: 20px;
  background: var(--Bgcolor-secondry);
  border-radius: 0 0 5px 5px;
  padding: 30px 15px;
}

.userflow a.addDelete,
.userflow a.addEdit {
  color: #fff;
  margin: 5px;
  display: inline-block;
}

.userflow a.addDelete:hover,
.userflow a.addEdit:hover {
  color: var(--Textcolor-primary);
}

.video-grid-wrap {
  position: relative;
}

.grid-menu {
  background: var(--Bgcolor-secondry) 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(--Bgcolor-black) none repeat scroll 0 0;
  border: 1px solid var(--Bgcolor-black);
  border-radius: 5px;
  color: var(--Textcolor-default);
  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(--Bgcolor-primary) none repeat scroll 0 0;
  border-color: var(--Bgcolor-primary);
  color: var(--Textcolor-default);
}

.grid-menu nav .nav-tabs .nav-link:last-chlid {
  margin-right: 0;
}

.grid-menu .sort-show select {
  background: var(--main-bg-color) none repeat scroll 0 0;
  border: 1px solid var(--main-bg-color);
  border-radius: 5px;
  color: var(--Textcolor-default);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  letter-spacing: 0;
  padding: 4px 14px;
}

.grid-menu .sort-show p {
  color: var(--Textcolor-default);
  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(--main-bg-color) none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: var(--Textcolor-tertiary);
  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(--main-bg-color) none repeat scroll 0 0;
  border-color: var(--main-bg-color);
  color: var(--Textcolor-default);
}

.grid-menu .pages ul li a.active,
.grid-menu .pages ul li a:hover {
  background: var(--Bgcolor-primary) none repeat scroll 0 0;
  border-color: var(--Bgcolor-primary);
  color: var(--Textcolor-default);
}

.grid-pages .ThumbnailBox-video {
  margin: 0 0 30px;
}

.ThumbnailBox-video .content .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

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

.details-tab .nav {
  border: 0 none;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  flex-flow: row;
  overflow-x: auto;
}

/* .details-tab .nav-item .nav-link {
    background: var(--tabsBtn-bg) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px 5px 0 0;
    color: var(--tabsBtn-color);
    font-size: var(--tabsBtn-fontSize);
    font-weight: 500;
    margin-right: 5px;
    padding: 15px 20px;
    text-transform: uppercase;
    white-space: nowrap;
}

.details-tab .nav-item .nav-link.active {
    background: var(--Bgcolor-primary) none repeat scroll 0 0;
    color: var(--tabsBtn-Activecolor);
} */

.details-tab .nav-item .nav-link {
  background: transparent;
  border: 0 none;
  border-radius: none;
  color: var(--tabsBtn-color);
  font-size: var(--tabsBtn-fontSize);
  font-weight: 500;
  margin: 0 20px;
  padding: 10px 5px;
  text-transform: uppercase;
  white-space: nowrap;
}

.details-tab .nav-item .nav-link.active {
  background: transparent;
  color: var(--Textcolor-primary);
  border-bottom: 2px solid;
}

.details-tab .tab-content .details-tab-box {
  padding: 20px 15px 15px 15px;
}

.details-tab .tab-content .details-tab-box {
  background: var(--header-sidebar-bg);
  border-radius: 5px;
}
.details-tab-box .gridContainer {
  padding-left: 15px;
  padding-right: 15px;
}

.contact-area {
  position: relative;
}

.verification-request {
  background-color: var(--Textcolor-primary);
  color: #fff;
  border-color: var(--Textcolor-primary);
}

/* .dashboard .container{
    margin: 0px;
} */
.clear-history {
  margin-left: 10px;
}
.cf-msg {
  padding: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.cf-msg p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--Textcolor-default);
  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[type="email"],
.contact-us form .cf-input-box input[type="text"] {
  background: transparent none repeat scroll 0 0;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  color: var(--Textcolor-default);
  height: 35px;
  width: 100%;
  padding: 0 10px;
}

.contact-us form .cf-input-box textarea {
  background: transparent none repeat scroll 0 0;
  padding: 5px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  color: var(--Textcolor-default);
  height: 150px;
  width: 100%;
}

.contact-us form .cf-input-box button {
  background: var(--Bgcolor-primary) none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 0;
  line-height: 20px;
  padding: 7px 22px;
  text-transform: capitalize;
}

.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(--Textcolor-primary);
  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 {
  position: relative;
  height: 350px;
  margin-top: 0px;
}

.header-info-wrap .coverphotoUser {
  background-position: center center;
  height: 100%;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  background: #ccc;
}

.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(--Bgcolor-primary);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  /* overflow: hidden; */
  z-index: 4;
}

.header-info-wrap .coverphotoUser .editCoverImg a .material-icons {
  line-height: 50px;
}

.header-info-wrap .coverphotoUser .editCoverImg a {
  display: block;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  color: #fff;
}

.header-info-wrap .coverphotoUser .editCoverImg a:hover {
  color: var(--Textcolor-default);
}

.userInfo-block-wrap {
  position: relative;
  color: var(--Textcolor-default);
  z-index: 4;
  /* margin-bottom: 30px; */
}

.userInfo-block-content {
  padding: 15px 0;
  position: relative;
}

.userInfo-block-content .userphoto-profile-img {
  width: 170px;
  height: 170px;
  position: absolute;
  top: -85px;
  background: var(--Bgcolor-white);
  border-radius: 50%;
  /* overflow: hidden; */
}

.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(--Bgcolor-white);
}

.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(--Bgcolor-primary);
  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: #fff;
}

.userInfo-block-content .userphoto-profile-img .editProfImg:hover {
  color: var(--Textcolor-default);
}

.userInfo-block-content .user-profile-title {
  position: absolute;
  top: -70px;
  margin-left: 185px;
  color: #fff;
}

.userInfo-block-content .user-profile-title h4 {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 5px;
}

.userInfo-block-content .user-profile-title h4 .verifiedUser,
.plancard .pname .verifiedUser {
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.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(--LikeDislike-Color);
}
.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;
}
.userInfo-block-content .user_followed {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: var(--LikeDislike-Color);
  align-items: baseline;
}

.userInfo-block-content .user_followed .follow {
  font-size: 14px;
  /* display: block; */
  color: var(--chanlThmb-subsBtnColor);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--chanlThmb-subsBtnColor);
  padding: 8px 15px;
  border-radius: 5px;
  background: var(--chanlThmb-subsBtnBg);
  margin-right: 15px;
}

.userInfo-block-content .LikeDislikeWrap li a,
.userInfo-block-content .user_followed {
  color: var(--LikeDislike-Color);
}

.userInfo-block-content .user_followed .follow:hover,
.userInfo-block-content .user_followed a.active {
  background: var(--Bgcolor-primary);
}

.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(--Textcolor-default);
}

.userInfo-block-content
  .LikeDislikeWrap
  .LikeDislikeList
  li
  .TitleRightDropdown
  .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  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(--Textcolor-primary);
}

.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(--Textcolor-default);
  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(--Textcolor-primary);
}

.userInfo-block-content .userInfoList li .active {
  color: var(--Textcolor-primary);
}

.userInfo-content-right .statsBtn {
  margin-top: 10px;
}

.userInfo-content-right .statsBtn button {
  border: 1px solid var(--Textcolor-primary);
}

.userInfo-content-right .statsBtn button:hover {
  background: var(--Bgcolor-white);
  border: 1px solid var(--Textcolor-primary);
  color: var(--Textcolor-primary);
}

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

.react-calendar__navigation button,
.react-calendar__year-view__months button {
  color: #000000;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  color: #000000;
}

.formFields .form-group label {
  display: block;
  font-size: var(--formField-lableFont);
  letter-spacing: normal;
  line-height: normal;
  margin: 0 0 10px;
  color: var(--formField-lableFontColor);
  font-weight: 700;
}

.field_mantatory {
  margin-left: 3px;
  color: red;
}

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

.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(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 35px;
  width: 100%;
  padding: 0 10px;
  font-size: var(--formField-inputFont);
}

.form-post-description {
  margin-top: 10px;
  color: grey;
  font-style: italic;
  font-size: 15px;
}

.react-calendar__month-view__weekdays
  .react-calendar__month-view__weekdays__weekday {
  color: #000;
}

.formFields .form-group textarea {
  background: var(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 150px;
  width: 100%;
  font-size: var(--formField-inputFont);
}

.formFields .form-group textarea:hover {
  background: var(--formField-inputBg);
}

.formFields .form-group select {
  background-color: var(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  width: 100%;
  font-size: var(--formField-inputFont);
}

.formFields .form-group select option {
  background: var(--formField-inputBg);
}

.form-check-input:checked {
  border-color: var(--Bgcolor-primary);
  background-color: var(--Textcolor-primary);
}

.mobMenuLoginBtn .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.mobMenuLoginBtn .iconmenu {
  display: flex;
  align-items: center;
}

.error,
.form_error {
  color: red;
  font-size: 16px;
  display: block;
  margin-top: 10px;
}

.success {
  color: green;
  font-size: 16px;
  display: block;
  margin-top: 10px;
}

.formFields .custmlabelfile {
  color: var(--Textcolor-black);
  background: 0 0;
  border: 1px solid var(--border-color);
}

.filesinput input {
  outline: 2px dashed var(--formField-inputBdrColor);
  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(--formField-inputBdrColor);
  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(--formField-inputBdrColor);
}

.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(--Textcolor-primary);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.titleform {
  border-bottom: 1px solid var(--formField-inputBdrColor);
  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: #721c24 !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: black;
  font-size: 20px;
  cursor: pointer;
}

.draguploadContent {
  border: 2px dashed var(--border-color);
  padding: 15px;
}

.uploadsPg input {
  outline: 2px dashed var(--Bgcolor-tertiary);
  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(--Bgcolor-tertiary);
  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(--Bgcolor-tertiary);
}

.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(--Textcolor-black);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
  font-size: 25px;
}

.serachRsltsort {
  display: flex;
  justify-content: space-between;
  letter-spacing: normal;
}

.serachRsltsort .totalno span {
  font-weight: 700;
}

.serachRsltsort .sortbys {
  display: flex;
  justify-content: space-between;
}

.serachRsltsort .sortbys span.lble {
  line-height: 38px;
  width: 85px;
  color: var(--Textcolor-secondry);
}

.serachRsltsort .form-group {
  margin-bottom: 15px;
}

.sdBarSearchBox {
  letter-spacing: normal;
  border-bottom: 1px solid var(--Bgcolor-secondry);
  margin-bottom: 15px;
}

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

.sdBarSearchBox .formFields .custom-radio {
  margin-bottom: 10px;
}

.sdBarSearchBox .formFields .custom-control-label span {
  font-size: 14px;
  color: var(--Textcolor-secondry);
}

.sdBarSearchBox .form-group {
  margin-bottom: 15px;
}

.sdBarSearchBox .formFields .subtitle {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
}

.sdBarSettBox {
  border: none;
}
.mobile-layout-cnt .sdBarSettBox {
  margin-top: 20px;
}

.sdBarSettBox .title {
  font-size: 18px;
  margin-bottom: 15px;
}
.edit-watch-item {
  float: right;
  margin-right: 10px;
  padding: 12px;
  background-color: var(--Textcolor-primary);
  color: white !important;
}
.tabsLeft {
  list-style: none;
  border: none;
  border: 1px solid var(--Bgcolor-secondry);
}

.tabsLeft li {
  float: none;
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--Bgcolor-secondry);
}

.tabsLeft li a {
  font-size: 18px;
  letter-spacing: normal;
  padding: 10px 15px;
  display: block;
  color: var(--Textcolor-default);
}

.tabsLeft li a.active,
.tabsLeft li a:hover {
  background: var(--Bgcolor-secondry);
  color: var(--Textcolor-primary);
}

.tabsLeft li a.active {
  background: var(--Bgcolor-primary);
  color: var(--Textcolor-white);
}

.minimizeBox {
  position: fixed;
  bottom: 80px;
  right: 15px;
  z-index: 9999;
  width: 350px;
  height: auto;
  border: 1px solid var(--border-color);
  background: var(--Bgcolor-default);
  box-shadow: 0 5px 10px var(--Bgcolor-black);
}

.minimizeBox .footer {
  display: flex;
  justify-content: space-between;
  background: var(--Bgcolor-secondry);
  padding: 5px 15px;
}

.minimizeBox .footer .maxClose a {
  font-size: 16px;
  display: inline-block;
  padding-left: 10px;
  color: var(--Textcolor-default);
}

.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(--Textcolor-default);
}

.btn-grey {
  background-color: var(--Bgcolor-light);
  color: var(--Textcolor-default);
}

.ratingpopup .rating-block {
  background-color: var(--Bgcolor-light);
  border: 1px solid var(--Bgcolor-light);
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.ratingpopup .rating-block h4,
.ratingpopup h4 {
  font-size: 20px;
}
.ratingpopup .rating-block h4 {
  color: var(--Textcolor-black);
}

.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: #000 !important;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}

.ratingpopup .rating-block h2 {
  color: #000;
}

.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(--Textcolor-black);
}

.ratingpopup .ratingBrkdn h4 {
  color: var(--Textcolor-black);
  font-size: 18px;
  margin-bottom: 15px;
}

.ratingpopup .pull-left {
  float: left !important;
}

.ratingpopup .pull-right {
  float: right !important;
}

.ratingpopup .modal-title {
  color: var(--Textcolor-black);
  font-size: 20px;
}

.channelInfo-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.channelInfo-wrap .channel-profile-img {
  width: 170px;
  height: 170px;
  position: absolute;
  top: -85px;
  background: var(--Bgcolor-white);
  border-radius: 50%;
  overflow: hidden;
  z-index: 4;
  border: 3px solid var(--Bgcolor-white);
}

.channelInfo-wrap .channel-profile-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

.channelInfo-wrap .channel-profile-img .editProfImg {
  position: absolute;
  bottom: 15px;
  right: 45px;
  background: var(--Bgcolor-primary);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.channelInfo-wrap .channel-profile-img .editProfImg .material-icons {
  line-height: 30px;
  font-size: 18px;
}

.channelInfo-wrap .channel-profile-img .deleteProfImg {
  left: 45px;
}

.channelInfo-wrap .channel-profile-img .editProfImg {
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}

.channelInfo-wrap .channel-profile-title {
  margin-top: 97px;
}

.channelInfo-wrap .channel-profile-title h4 {
  color: var(--Textcolor-default);
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}

.channelInfo-wrap .channel-profile-title h4 .verifiedUser {
  background: var(--channel-varify-color);
  color: var(--channel-varify-textcolor) !important;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.channelInfo-wrap .channel-profile-title h4 .verifiedUser span.material-icons {
  font-size: 14px;
  font-weight: 700;
}

.channelInfo-wrap .ChannelMoreinfo {
  text-align: center;
  margin-bottom: 15px;
}

.channelInfo-wrap .ChannelMoreinfo .channelRating {
  margin: 0;
}

.channelInfo-wrap .channel_subscribe {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: var(--LikeDislike-Color);
}

.channelInfo-wrap .channel_subscribe .follow {
  font-size: 14px;
  font-weight: bold;
  display: block;
  color: var(--chanlThmb-subsBtnColor);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--chanlThmb-subsBtnColor);
  padding: 8px 15px;
  border-radius: 5px;
  background: var(--chanlThmb-subsBtnBg);
  margin-right: 15px;
}

.channelInfo-wrap .channel_subscribe .follow:hover,
.channelInfo-wrap .channel_subscribe a.active {
  background: var(--Bgcolor-primary);
}

.channelInfo-wrap .LikeDislikeWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

.channelInfo-wrap .LikeDislikeWrap .LikeDislikeList li a {
  color: var(--LikeDislike-Color);
}

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

.channelInfo-wrap .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown a {
  display: block;
  width: 100% !important;
  color: var(--Textcolor-default);
}

.channelInfo-wrap
  .LikeDislikeWrap
  .LikeDislikeList
  li
  .TitleRightDropdown
  .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  min-width: 120px;
}

.channelInfo-wrap
  .LikeDislikeWrap
  .LikeDislikeList
  li
  .TitleRightDropdown
  .edit-options.show
  li {
  margin: 0;
}

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

.channelInfo-wrap
  .LikeDislikeWrap
  .LikeDislikeList
  li
  .TitleRightDropdown
  .edit-options.show
  li
  a:hover {
  color: var(--Textcolor-primary);
}

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

.channelInfo-wrap .userInfoList {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  padding: 0;
}

.channelInfo-wrap .userInfoList li {
  display: inline-block;
  font-size: 14px;
  margin: 0 10px;
}

.channelInfo-wrap .userInfoList li .actionbtn {
  color: var(--Textcolor-default);
  cursor: text;
  font-size: 14px;
  line-height: normal;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.channelInfo-wrap .userInfoList li:hover .actionbtn {
  color: var(--Textcolor-primary);
}

.channelInfo-wrap .userInfoList li .active {
  color: var(--Textcolor-primary);
}

.channelRating {
  letter-spacing: normal;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.artistDetailsWrap {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}

.artistDetailsWrap .playlist-profile-img {
  margin-right: 30px;
}

.artistDetailsWrap .playList-profileRight .playlist-profile-title h4 {
  text-align: left;
}

.artistDetailsWrap .playlistProfileRateshare {
  display: flex;
  align-items: center;
}

.artistDetailsWrap .playlistProfileRateshare .ChannelMoreinfo {
  margin-right: 15px;
}

.playlistProfileRateshare .ChannelMoreinfo,
.playlistProfileRateshare .blogShare {
  margin: 0 !important;
}

.playlistProfileRateshare .ChannelMoreinfo {
  margin-right: 15px !important;
}

.artistDetailsWrap
  .playList-profileRight
  .LikeDislikeWrap
  .LikeDislikeList
  li:first-child {
  margin-left: 0;
}

.channelInfo-wrap .playlist-profile-img {
  width: 170px;
  height: 170px;
  background: var(--Bgcolor-white);
  border-radius: 50%;
  overflow: hidden;
  z-index: 4;
  border: 3px solid var(--Bgcolor-white);
  margin-top: 15px;
}

.channelInfo-wrap .playlist-profile-img span {
  width: 170px;
  height: 170px;
}

.channelInfo-wrap .playlist-profile-img span img {
  height: 170px;
  object-fit: cover;
  object-position: top;
  width: 100%;
}

.channelInfo-wrap .playlist-profile-title {
  margin-top: 15px;
}

.channelInfo-wrap .playlist-profile-title h4 {
  color: var(--Textcolor-default);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}

.channelInfo-wrap .playlist-profile-title h4 .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.sidevideoWrap {
  position: relative;
  margin-bottom: 15px;
  width: 100%;
  display: flex;
}

.sidevideoWrap .LikeDislikeWrap .LikeDislikeList {
  justify-content: left;
}

.sidevideoWrap .videoImg {
  width: 110px;
  height: 80px;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
}

.sidevideoWrap .videoImg a {
  display: block;
  width: 100%;
  height: 100%;
}

.sidevideoWrap .videoImg a span img {
  width: 100%;
  height: 80px;
  object-fit: cover;
  object-position: center;
}

.sidevideoWrap .sideVideoContent {
  width: calc(100% - 120px);
  position: relative;
}

.sidevideoWrap .sideVideoContent .videoTitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  letter-spacing: normal;
  color: var(--Textcolor-default);
}

.sidevideoWrap .sideVideoContent .LikeDislikeWrap .LikeDislikeList li {
  font-size: 13px;
  font-weight: 500;
  color: var(--Textcolor-secondry);
  margin: 0 10px;
  cursor: pointer;
}

.sidevideoWrap .sideVideoContent .LikeDislikeWrap .LikeDislikeList {
  margin-bottom: 0;
  margin-top: 10px;
}

.sidevideoWrap .watchPlayBtn {
  position: absolute;
  z-index: 3;
  font-size: 30px;
  left: 5px;
  top: 5px;
  display: flex;
}

.sidevideoWrap .watchPlayBtn a {
  font-size: 12px;
  background: var(--Bgcolor-black);
  color: var(--Textcolor-white);
  margin-right: 10px;
  border-radius: 5px;
  padding: 3px;
  line-height: normal;
}

.autoPlayWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  font-size: 18px;
}

.PlaylistSidebar {
  border: 1px solid var(--border-color);
  margin-bottom: 10px;
}

.PlaylistSidebar p {
  margin: 0;
}

.PlaylistSidebar .playlist_videos_list {
  max-height: 400px;
  overflow-y: auto;
  padding: 10px;
}

.PlaylistSidebar .playlist_videos_list .active {
  background: var(--Bgcolor-secondry);
  padding: 3px 10px;
  margin: 0 -10px;
}

.PlaylistSidebar .playlist_name {
  border-bottom: 1px solid var(--border-color);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.PlaylistSidebar .playlist_videos_list .playlistscroll {
  margin-bottom: 15px;
  display: flex;
}

.PlaylistSidebar .playlist_videos_list .playlistscroll .sidevideoWrap {
  margin-bottom: 0;
}

.PlaylistSidebar
  .playlist_videos_list
  .playlistscroll
  .sidevideoWrap
  .videoImg {
  width: 130px;
  height: 60px;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  margin-left: 5px;
}

.PlaylistSidebar .playlist_videos_list .playlistscroll .sidevideoWrap img {
  width: 100%;
  height: 60px;
  object-fit: cover;
  object-position: center;
}

.PlaylistSidebar
  .playlist_videos_list
  .playlistscroll
  .sidevideoWrap
  .sideVideoContent {
  width: calc(100% - 140px);
}

.sidevideoWrap .time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  line-height: normal;
  background: var(--Bgcolor-black);
  padding: 1px 3px;
  color: #fff;
}

/* ::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    background: var(--Bgcolor-white);
}
::-webkit-scrollbar-thumb {
    background: var(--Bgcolor-tertiary);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--Bgcolor-secondry);
} */

.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: 16px;
  letter-spacing: 0;
  cursor: pointer;
  color: var(--Textcolor-secondry);
  padding: 0;
  margin: 0;
}

.editDelet ul li {
  margin-right: 20px;
}

.editDelet ul li:hover {
  color: var(--Textcolor-primary);
}

.search-form [type="button"],
.search-form [type="reset"],
.search-form [type="submit"],
.search-form button {
  background: var(--Bgcolor-primary);
  border: none;
  color: var(--Textcolor-white);
  padding: 10px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 16px;
}

.VideoDetails-commentWrap select {
  padding: 2px;
}

.ThumbnailBox-video .lbletop {
  position: absolute;
  z-index: 99;
  top: 15px;
}

.titleBarTop {
  width: 100%;
  position: relative;
  height: 300px;
  background: var(--Bgcolor-black);
}
.titleBarTopBg {
  position: absolute;
  height: 300px;
  width: 100%;
  z-index: 0;
  background: #000;
}

.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: #fff;
  font-size: 30px;
  letter-spacing: 0;
  margin-top: 80px;
}

.formBoxtop {
  margin-top: -100px;
  background: var(--formPage-bg);
  border-radius: 15px;
  padding: 100px 30px;
  letter-spacing: 0;
}

.content-form {
  padding: 20px 30px;
}

.loginp,
.registerp {
  margin-bottom: 100px;
}

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

.formBoxtop .division .line {
  border-top: 1px solid var(--Bgcolor-light);
  position: absolute;
  top: 18px;
  width: 45%;
}

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

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

.formBoxtop .division span {
  color: var(--Textcolor-default);
  font-size: 17px;
}

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

.formBoxtop .forgot a {
  color: var(--Textcolor-secondry);
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  opacity: 0.8;
  letter-spacing: 0;
}

.formBoxtop .btn-login,
.registerBox .btn-register {
  background-color: var(--Textcolor-primary);
  border-color: var(--border-color);
  border-width: 0;
  color: #fff;
  display: block;
  padding: 6px 80px;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 auto;
}

.input-group .choose-option {
  width: 100%;
  text-align: center;
  color: var(--Textcolor-primary);
  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 .btn-login:hover,
.registerBox .btn-register:hover {
  background-color: var(--Textcolor-primary);
  color: #fff;
  opacity: 0.8;
}

.formBoxtop .form-control,
.formBoxtop .PhoneInputInput,
.loginRgtrBox .PhoneInputInput {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  color: var(--Textcolor-default);
  margin-bottom: 2px;
  height: 44px;
  font-size: 14px;
  letter-spacing: 0;
  border: 1px solid var(--border-color);
}

.formBoxtop .form-control:focus,
.formBoxtop .PhoneInputInput:focus {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
}

.PhoneInputCountryIcon--square {
  width: 22px !important;
  height: 22px !important;
}

.PhoneInputCountryIconUnicode {
  font-size: 30px;
}

.formBoxtop .box .form input[type="password"],
.formBoxtop .box .form input[type="text"],
.PhoneInputInput {
  border-radius: 3px;
  border: none;
  color: var(--Textcolor-secondry);
  font-size: 16px;
  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: red !important;
  margin-top: 5px !important;
}

.form-error p {
  color: red !important;
}

.formBoxtop .form-group p {
  color: var(--Textcolor-secondry);
  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: #ffff !important;
  background: #000;
  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(--Textcolor-secondry);
  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(--Textcolor-primary);
}

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

.maintenancepage {
  width: 100%;
  height: 100vh;
}

.maintenancepage .overlay {
  background: var(--Bgcolor-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: #fff;
}

.maintenancepageTxt .msg {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.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(--Bgcolor-primary);
  border: none;
  color: var(--Textcolor-white);
  padding: 8px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 16px;
  margin-left: 15px;
}

.snglChnnl-coverimg:hover .lbletop {
  color: var(--Textcolor-default);
}

.tabInTitle {
  font-size: 18px !important;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: top;
}

.tabInTitle .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 15px;
  height: 15px;
  vertical-align: middle;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
}

.tabInTitle .verifiedUser .material-icons {
  font-size: 15px;
  line-height: 15px;
}

.blogtagListWrap .tabInTitle .TabTagList {
  display: flex;
  flex-flow: wrap;
}
span[data-icon="expand_more"] {
  font-size: 14px;
}
span.material-icons-outlined.parent[data-icon="chat"] {
  font-size: 22px;
  line-height: 42px;
}
.MobRightSide span.material-icons-outlined.parent[data-icon="chat"] {
  font-size: 24px;
}
.blogtagListWrap .tabInTitle {
  border-bottom: none;
}

.tabInTitle:last-child {
  border: none;
}

.tabInTitle h6 {
  margin-right: 30px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  min-width: 150px;
}

.owner_external_link a {
  font-size: 16px !important;
  color: var(--Textcolor-default);
}

.owner_external_link a:hover {
  color: var(--TextColor_Primary);
}

.categories_cnt .boxInLink {
  margin-top: 5px;
}

.categories_cnt h6 {
  margin-bottom: 10px;
}

.boxInLink {
  display: inline-block;
  margin-right: 8px;
}

.boxInLink a {
  font-size: 14px;
  padding: 8px 15px;
  background: #ccc;
  color: #000;
  border-radius: 10px;
}

.boxInLink a:hover {
  background: var(--Bgcolor-primary);
  color: #fff;
}

.TabTagList {
  list-style: none;
  padding: 0;
}

.TabTagList li {
  margin-right: 4px;
  line-height: 44px;
}

.TabTagList li a,
.blog-details .blogtagList li a,
.boxInLink a,
.categories a {
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 500;
  border-radius: 3px;
  border-color: var(--Bgcolor-primary);
  background-color: var(--Bgcolor-primary);
  color: #fff;
}

button {
  background: var(--Bgcolor-primary);
  border: none;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: var(--fontSize-default);
}

button:hover {
  opacity: 0.85;
}

.popupTabList {
  border-bottom: 1px solid var(--Bgcolor-secondry);
  padding: 0;
  list-style: none;
  margin-bottom: 15px;
  color: var(--Textcolor-default);
  margin: 0;
}

.popupTabList li {
  float: left;
  margin-right: 15px;
  background: var(--Bgcolor-secondry);
  padding: 10px 10px;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
}

.popupTabList li.active,
.popupTabList li.my {
  background: var(--Bgcolor-primary);
  color: #fff;
}

.popupTabListContent {
  padding-bottom: 15px;
}

.populatTabListContent {
  padding-top: 30px;
}

table.custTble1 {
  color: var(--Textcolor-default);
  margin: 15px 0;
  width: 100%;
  letter-spacing: 0;
}
.series-edit-cs-page table.custTble1,
.movies-edit-cs-page table.custTble1 {
  color: #000;
}
.movie_videos table.custTble1,
.movie_generes table.custTble1,
.movie_countries table.custTble1 {
  color: var(--Textcolor-default);
}
.center-img-txt {
  /* display: flex; */
  align-items: center;
}
.center-img-txt span:first-child {
  margin-right: 10px !important;
}
table.custTble1 thead th {
  font-size: 18px;
  white-space: nowrap;
}

table.custTble1 thead th {
  vertical-align: middle;
  border-bottom: 2px solid var(--Bgcolor-secondry);
}

table.custTble1 td,
table.custTble1 thead th {
  vertical-align: middle;
  /* border-top: 1px solid var(--Bgcolor-secondry); */
}

table.custTble1 td .actionBtn a {
  font-size: 16px;
  margin-right: 10px;
}

.table.custTble1 a {
  color: var(--Textcolor-default);
}

.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;
}
.VideoDetails-commentWrap .user_wallet {
  padding: 0px;
}
.user_wallet form {
  width: 50%;
  margin-left: 30px;
}

.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;
  /* border-bottom: 1px solid var(--border-color); */
}

.my-masonry-grid_column {
  padding: 0 15px;
}

.populatTabListContent > input[type="text"] {
  border-radius: 5px;
  border: 1px solid grey;
  padding: 4px 10px;
  margin-right: 15px;
}

.modal-content-popup .modal-popup-footer {
  border-top: 1px solid grey;
  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: 16px;
  margin: 0 10px;
  margin-bottom: 50px;
  padding: 2px 30px;
  background: var(--Bgcolor-secondry);
  color: var(--Textcolor-default);
  border-radius: 10px;
}

.package_types a.active,
.package_types a:hover {
  background: var(--Bgcolor-primary);
  color: var(--Textcolor-default);
}

.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(--main-bg-color) 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: 35px;
  height: 35px;
  margin-right: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.movie-player-height {
  min-height: 300px;
}

.movie_series_tip {
  color: #717171;
  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(--Textcolor-primary);
}

.BtnUpld {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.mobile-layout-cnt .BtnUpld {
  margin-top: 0px;
}

.BtnUpld a {
  background: grey;
  border: none;
  color: #fff;
  padding: 8px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 16px;
  margin: 10px;
}

.BtnUpld a.active {
  background-color: var(--Bgcolor-primary);
}

.upldPopupVdo {
  display: flex;
  margin-bottom: 15px;
}

.upldPopupVdo img {
  margin-right: 15px;
}

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

.imgFull400h {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  object-position: center;
}

.categories {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 50px;
}

.blog-details .blogtagList li,
.categories a {
  margin-right: 15px;
  margin-bottom: 20px;
}

.channelInfo-wrap .blogShare button {
  margin: 0 10px;
}

.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(--Textcolor-default);
  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(--Bgcolor-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;
  height: 24px;
  z-index: 1;
}

.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;
  width: 30px;
  height: 30px;
}

.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(--Bgcolor-primary);
  background-color: var(--Textcolor-primary);
}

.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(--Textcolor-primary);
}

.form-group-image-checkbox.is-invalid .invalid-feedback {
  display: block;
}

.nameSelectImg {
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0;
  font-size: 16px;
  color: #fff !important;
  background: var(--black-opacity8);
  padding: 5px 15px;
}

.previewUploadImg div .close {
  position: absolute;
  top: 5px !important;
  right: 5px !important;
  color: var(--Textcolor-default);
  font-size: 15px;
  cursor: pointer;
  background: var(--Bgcolor-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;
}

.username .verifiedUser {
  color: var(--username-varify-textcolor);
}

.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(--Bgcolor-white);
  padding: 20px;
}

.centerDivBoxTxt {
  text-align: center;
  color: var(--Textcolor-black);
}

.IconSuccess {
  border: 1px solid var(--Bgcolor-success);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--Textcolor-success);
  text-align: center;
  font-size: 35px;
  line-height: 55px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.IconFaild {
  border: 1px solid var(--Textcolor-primary);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  color: var(--Textcolor-primary);
  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(--main-bg-color);
  margin-top: 15px;
  letter-spacing: 0;
  font-size: 16px;
}

.centerDivBoxTxt a i {
  font-size: 12px;
}

.ContentBoxTxt {
  margin-top: -100px;
  background: var(--formPage-bg);
  border-radius: 10px;
  padding: 15px;
  letter-spacing: 0;
  min-height: 500px;
}

.ContentBoxTxt p {
  font-size: var(--fontSize-default);
  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: 16px;
  color: #000;
}

.details-tab-box div.MemberDetailsDescpBtn {
  padding: 15px 0;
}

.details-tab-box div.MemberDetailsDescpBtn a {
  color: #fff;
}

.details-tab-box div.MemberDetailsDescpBtn a:hover {
  color: #fff;
}

.details-tab-box div.VideoDetailsDescpBtn a:hover {
  color: var(--Textcolor-primary);
}

.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 {
  margin-left: 10px !important;
  font-size: 16px;
  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(--Textcolor-default);
  font-size: 18px;
  padding: 1px 20px;
}

form.filterForm {
  display: none;
}
.commentReplyCnt {
  margin-left: 100px;
}
.TopHeading {
  font-size: 20px;
  color: var(--Textcolor-default);
  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(--Bgcolor-white);
  border-radius: 50%;
  overflow: hidden;
  z-index: 4;
  border: 3px solid var(--Bgcolor-white);
  margin-right: 15px;
  object-fit: cover;
}

.commentNameImgWrap > span {
  color: var(--Textcolor-default);
  font-size: 22px;
  font-weight: 700;
}

.commentListView {
  display: block;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentListView li {
  margin-bottom: 15px;
  background: var(--Bgcolor-secondry);
  padding: 5px 15px;
}

.commentListView li .userCommentWrap {
  display: block;
  width: 100%;
}

.commentListView li .userCommentWrap .user_avatar {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.commentListView li .userCommentWrap .user_avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.commentListView li .userCommentWrap .comentBody {
  width: calc(100% - 70px);
  float: right;
}

.commentListView li .userCommentWrap .comentBody .userInfo .username {
  font-size: 16px;
  letter-spacing: 0;
  padding-right: 15px;
}

.commentListView li .userCommentWrap .comentBody .userInfo .username i {
  font-size: 10px;
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
}

.commentListView li .userCommentWrap .comentBody .userInfo .dateday {
  font-size: 14px;
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
}

.commentListView li .userCommentWrap .comentBody .usercomment {
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
}

.commentListView li .userCommentWrap .comentBody .commentAction ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin: 15px 0;
}

.commentListView .commentAction {
  justify-content: space-between;
  align-items: center;
}

.commentListView .commentActionLo {
  display: flex;
}

.commentListReply {
  display: block;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentListReply li {
  margin-bottom: 15px;
  background: var(--Bgcolor-secondry);
  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(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
}

.commentListReply li .userCommentWrap .comentBody .userInfo .dateday {
  font-size: 14px;
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
}

.commentListReply li .userCommentWrap .comentBody .usercomment {
  letter-spacing: 0;
  color: var(--Textcolor-secondry);
}

.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(--border-color);
}

.comparison td,
.comparison th {
  border: 1px solid var(--border-color);
  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(--Textcolor-default);
}

.comparison tbody tr:nth-child(odd) {
  background: var(--Bgcolor-secondry);
}

.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(--border-color);
}

.comparison tr td:first-child {
  text-align: left;
}

.comparison .qbo,
.comparison .qbse,
.comparison .tl {
  color: var(--Textcolor-default);
  padding: 10px;
  font-size: 13px;
  border-right: 1px solid var(--border-color);
  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(--package-price-color);
}

.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(--Bgcolor-primary);
  padding: 8px 15px;
  font-size: 12px;
  display: inline-block;
  color: #fff;
  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(--Textcolor-default);
}

.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(--Textcolor-default);
}

.searchBtn a {
  color: var(--Textcolor-default);
}

.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(--Textcolor-primary);
}

.search-form {
  margin-top: 0 !important;
}

.grid-menu {
  padding: 15px 15px !important;
}

.content-end {
  background: var(--Bgcolor-secondry);
  padding: 30px;
  color: var(--Textcolor-default);
}

.channel_description {
  line-height: 22px;
  /* padding-bottom: 10px; */
  word-wrap: break-word;
  /* margin-bottom: 20px; */
}
.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(--Textcolor-primary);
}

.horline {
  margin: 40px 0;
  border-color: var(--hrline-home);
}

.close-mini-player,
.minimizePlayer {
  z-index: 99999999;
  position: absolute;
  top: 0;
  right: 40px;
  font-size: 24px;
  background: var(--Bgcolor-primary);
  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: #fff;
}

.vjs-resolution-button-label {
  position: absolute;
  left: 0;
  bottom: 10px;
  font-size: 1.2em;
}

.cookie-consent {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
  bottom: 1em;
  right: 1em;
  color: #333;
  background-color: #fff;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cookie-consent span {
  margin: 2em 2em 1.5em;
}

.cookie-consent-link {
  color: #333 !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: #fff !important;
  width: 100%;
  border-top-color: transparent;
  background-color: var(--Textcolor-primary);
  font-size: 0.9em;
  font-weight: 700;
  border-width: 2px;
  text-align: center;
  white-space: nowrap;
}

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

.popup_wrapper_cnt_header {
  padding: 15px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 15px;
}

.popup_wrapper_cnt_header h2 {
  font-size: 18px;
  margin: 0;
  color: var(--Textcolor-default);
  padding-right: 30px;
}

.popup_wrapper_cnt_header a._close {
  height: 30px;
  width: 30px;
  right: 10px;
  top: 10px;
  position: absolute;
  padding: 5px;
  cursor: pointer;
  z-index: 1;
}

.popup_wrapper_cnt_header a._close i {
  background-image: url(../images/icon-close.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}

.popup_cnt .form {
  margin: 15px;
}

/* .VideoDetails-commentWrap .error{
    margin-left: 20px;
} */

.popup_wrapper_cnt .comments .comments_box {
  padding: 0;
}

.popup_wrapper_cnt .comments .comments_box_inner {
  padding: 20px;
}

.popup_cnt {
  background: var(--header-sidebar-bg);
  color: var(--Textcolor-default) !important;
  border-radius: 10px;
  padding-bottom: 15px;
}

.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(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 35px;
  width: 100%;
  padding: 0 10px;
  font-size: var(--formField-inputFont);
}

input[type="text"],input[type="email"],input[type="password"] {
  background: var(--formField-inputBg);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 35px;
  width: 100%;
  padding: 0 10px;
  font-size: var(--formField-inputFont);
}

select.form-control {
  background-color: var(--formField-inputBg);
}

.popup_cnt .formFields .form-group {
  margin-bottom: 15px;
}

.popup_cnt .formFields .form-group textarea {
  background: var(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 80px;
  width: 100%;
  padding: 0 10px;
  font-size: var(--formField-inputFont);
}

.popup_cnt .content-wrap {
  padding-top: 0;
}

.popup_cnt .filesinput div {
  padding: 50px 0 50px 0;
}

.popup_cnt .input-group button {
  background: var(--Bgcolor-primary);
  border: none;
  color: #fff;
  padding: 10px 30px;
  border-radius: 5px;
  text-transform: capitalize;
  font-size: 14px;
}

.popup_cnt .Share__container {
  padding: 0 15px;
}

.popup_cnt .form-group select {
  background-color: var(--formField-inputBg);
  border: 1px solid var(--formField-inputBdrColor);
  border-radius: 5px;
  color: var(--formField-inputColor);
  height: 35px;
  width: 100%;
  padding: 0 10px;
  font-size: var(--formField-inputFont);
}

.popup_cnt .previewUploadImg div .close {
  color: white;
}

/* .popup_wrapper_cnt .create_new_comment {
    background: var(--Bgcolor-white);
} */

.popup_cnt .newcomntImg-prev a {
  font-size: 16px;
  font-weight: 600;
}
.popup_cnt .comments {
  max-height: 80vh;
  overflow-y: scroll;
}
.floatR {
  float: right;
}

.floatL {
  float: left;
}

.clear {
  clear: both;
}

.alert_icon {
  color: var(--Textcolor-primary);
  margin-left: 10px;
}

.resizeCoverImg {
  bottom: 10px !important;
}

.filter-search {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  flex-direction: inherit;
  justify-content: flex-end;
}

.wallet_amount {
  font-size: 20px;
}

.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: #fff;
  opacity: 1;
  z-index: 1;
}

.breadCrumbContent .breadCrumbBg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px;
  width: 100%;
}

.breadCrumbContent .titleBradcrumb {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
}

.breadcumb-wrap-container {
  margin-bottom: 30px;
}

.top-wrap {
  max-width: 300px;
  margin: 0 auto;
  background-color: var(--Bgcolor-white);
}

.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(--Textcolor-primary);
}

.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(--Textcolor-primary);
}

.popup-enable-btn {
  background-color: var(--Textcolor-primary);
}

.popup-disable-btn {
  background-color: #aaa;
}

.embed_video iframe {
  width: 100%;
}
.minimizeBox .embed_video iframe {
  height: 200px;
}

.videoDownload {
  padding: 16px;
  padding-bottom: 30px;
  padding-left: 0;
}

.videoDownload a {
  background: var(--tabsBtn-bg);
  color: var(--Textcolor-default);
  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(--Textcolor-primary);
  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(--Textcolor-primary);
  border-radius: 50%;
  transition: all 0.2s;
}

.video-play-button:hover:after {
  background-color: darken(var(--Textcolor-primary), 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 #fff;
  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,
#videos button {
  margin-bottom: 20px;
  margin-left: 20px;
}

.popup_container {
  max-height: 400px !important;
  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(--Textcolor-primary);
}

.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(--Textcolor-primary) !important;
}

.upload-progressbar {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 30%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  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: #fff;
  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(--Bgcolor-secondry);
  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: 16px;
}

.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(--Textcolor-primary);
  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;
}

#nprogress .bar {
  height: 6px;
  background: var(--Textcolor-primary);
  z-index: 99999999;
}

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

#nprogress .spinner {
  display: none !important;
}

.balance_recharge {
  margin-right: 10px;
}

.rechargebtn {
  margin-top: 5px;
  text-align: center;
}

.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(--Textcolor-primary);
  font-weight: 600;
  text-transform: capitalize;
  text-align: center;
}

.filesinput div {
  outline: 2px dashed #92b0b3;
  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%;
  margin: 0;
  width: 100% !important;
}

.filesinput div:focus {
  outline: 2px dashed #92b0b3;
  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 #92b0b3;
}

.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: #fff;
  font-size: 20px;
  cursor: pointer;
}

.draguploadContent {
  border: 2px dashed var(--border-color);
  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: #159eff;
  border-radius: 2px;
  color: #fff;
  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: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 30px;
  height: 15px;
  justify-content: center;
  line-height: 0;
  margin-left: 8px;
  transform: rotate(45deg);
  width: 15px;
}

.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 #159eff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #159eff 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;
}

.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(--Textcolor-primary);
}
.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: grey !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: #000;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content-popup {
  background-color: var(--formPage-bg) !important;
  color: var(--Textcolor-default) !important;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
  max-width: 1000px;
  height: auto;
}

.close-popup {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700;
}

.close-popup:focus,
.close-popup:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.animated-rater-star.is-active-half:before {
  color: #fc6 !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: #fc6 !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 #f1f1f1 !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 {
    width: 100%;
    margin-top: 10px;
    float: left;
}
.search-form form > div {
    float: left;
} */

.search-form label {
  font-weight: 700;
  margin-bottom: 5px;
}

.btn-grey {
  background-color: #d8d8d8;
  color: #fff;
}

.rating-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 15px 15px 20px 15px;
  border-radius: 3px;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.review-block {
  background-color: #fafafa;
  border: 1px solid #efefef;
  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: #d8d8d8;
}

.video_purchase_btn {
  color: #fff !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;
  /* height: 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: #181818 !important;
  color: #fff;
}

.theater-mode .headerRightMenu .nav-item .nav-link {
  color: #fff;
}

.theater-mode .custmenuRight .nav-item .nav-link {
  background-color: #3a3b3c;
  color: #fff;
}

.theater-mode .searchBoxWrap {
  background: #181818;
  border: 1px solid #3c3c3c;
}

.theater-mode .searchBoxContent input[type="text"] {
  color: #ffffff;
  background: #181818;
}

.theater-mode .searchBoxContent button {
  color: #fff;
  border-left: 1px solid #3c3c3c;
}

.purchase_video_content_background {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000 !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: #fff;
  z-index: 2;
}

.purchase_video_content p {
  top: 52%;
}

.purchase_video_content button {
  background: var(--Textcolor-primary) !important;
  border: none !important;
  color: #fff !important;
  margin-top: 20px;
}

.video_processing_cnt {
  min-height: auto;
  background: #000 !important;
  position: relative !important;
  width: 100%;
}

.highcharts-root .highcharts-background {
  fill: #fff !important;
}

.highcharts-root .highcharts-title {
  fill: #000 !important;
}

.highcharts-column-series text {
  fill: #000 !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(--Bgcolor-secondry);
  text-align: center;
  font-size: 18px;
  color: var(--Textcolor-default);
}
.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: 16px;
  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: 16px;
}

.videojs-ads-info.enabled {
  display: flex;
}

.videojs-ads-info.enabled .enabled {
  cursor: pointer;
  color: var(--Textcolor-primary) !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(--border-color);
  letter-spacing: normal;
  font-size: 16px;
  padding: 8px 15px;
  cursor: pointer;
  color: var(--Textcolor-default);
  display: block;
}

.notclosesearch {
  color: #fff;
}

.global-search-filter {
  padding: 0 !important;
}

.MobMenuSidebarLvl1 {
  background: var(--MobMenuSidebarLvl1);
}

.MobMenuSidebarLvl2 {
  background: var(--MobMenuSidebarLvl2);
}

.MobMenuSidebarLvl3 {
  background: var(--MobMenuSidebarLvl3);
}

.mobMenuLoginBtn {
  background: var(--Bgcolor-primary);
  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;
}

.loginformwd .input-group {
  margin-bottom: 15px;
}

.user-html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  overflow: hidden;
}

.user-html p {
  margin-bottom: 20px;
  padding: 0;
}

.user-html p:last-child {
  margin-bottom: 0;
}

.user-html small {
  color: #909090;
  font-size: 12px;
}

.user-html ol,
.user-html ul {
  margin-bottom: 20px;
  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;
}

.search-input button {
  margin-left: 15px;
}

.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;
  /* border-radius: 12px; */
}

.ptvBanner_blur_img > div {
  position: relative;
  height: 100%;
  /* border-radius: 12px; */
}

.ptvBanner_blur_img > div:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* border-radius: 12px; */
  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;
  /* border-radius: 12px; */
  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: 16px;
  color: #fff;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pvtBanner_userInfo .publisher-name a.UserName .verifiedUser {
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
}

.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 .LikeDislikeList li {
  margin: 10px 12px;
  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 span.active,
.pvtBannerLike .LikeDislikeList li span:hover {
  color: var(--Textcolor-primary);
}

.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 .carousel-slider button.control-prev, .snglFullWdth .carousel-slider button.control-next {
    background: var(--Bgcolor-primary);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.snglFullWdth .carousel-slider button.control-prev {
    left: 30px;
    position: absolute;
    padding: 0 !important;
    top: 50%;
    z-index: 1;
    transform: translate(0, -57px);
    background: var(--Bgcolor-primary) !important;
    color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.snglFullWdth .carousel-slider button.control-prev .material-icons {
    font-size: 40px;
    line-height: 50px;
}

.snglFullWdth .carousel-slider button.control-next .material-icons {
    font-size: 40px;
    line-height: 50px;
}

.snglFullWdth .carousel-slider button.control-next {
    right: 30px;
    z-index: 1;
    padding: 0 !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -57px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: var(--Bgcolor-primary) !important;
    color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50%;
} */

.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;
}
.snglFullWdth .slick-dots li button:before {
  width: auto;
  height: auto;
  content: none;
}

.snglFullWdth .slick-dots li.slick-active button {
  background: var(--Textcolor-primary);
}
.slick-disabled {
  display: none;
}
.ptv_videoList_wrap {
  width: 100%;
  position: relative;
  background: var(--videoGrid-bg);
  border-radius: 5px;
  overflow: hidden;
}

.ptv_videoList_wrap .videoList_thumb {
  width: 100%;
  position: relative;
  height: var(--videoGrid-thumbImgHeight);
  background-color: var(--videoGrid-btnColor);
}

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

.ptv_videoList_wrap .videoList_thumb a span {
  width: 100%;
  height: 100%;
}

.ptv_videoList_wrap .videoList_thumb img {
  width: 100%;
  min-height: var(--videoGrid-thumbImgHeight);
  max-height: var(--videoGrid-thumbImgHeight);
  object-fit: cover;
  height: inherit;
}

.ptv_videoList_wrap .videoList_thumb .videoTime {
  position: absolute;
  bottom: 12px;
  right: 10px;
  font-size: 13px;
  line-height: normal;
  background: #000000a8;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
}

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

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

.ptv_videoList_wrap .videoList_thumb .btnBoxHover a,
.ptv_videoList_wrap .videoList_thumb .btnBoxHover span.watchlater {
  background: #000000a8;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.ptv_videoList_wrap
  .videoList_thumb
  .btnBoxHover
  span.watchlater
  .material-icons-outlined {
  line-height: 30px;
}
.ptv_videoList_wrap .videoList_thumb .btnBoxHover a span {
  font-size: 24px;
  display: block;
  margin-top: 2px;
}

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

.ptv_videoList_wrap .videoList_thumb .labelBtn {
  position: absolute;
  top: 10px;
  left: 5px;
}

.ptv_videoList_wrap .videoList_content {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
  height: var(--videogrid-info-height);
}

.ptv_videoList_wrap .videoList_content .edit-video-btn {
  display: flex;
  color: var(--videogrid-text-color);
}

.ptv_videoList_wrap .videoList_thumb .videoList_optn {
  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 .videoList_optn a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ptv_videoList_wrap .videoList_thumb .videoList_optn .watchlater span {
  right: 5px;
  position: absolute;
  top: 10%;
  margin: 0;
  width: 25px;
  height: 25px;
  stroke-width: 1.2px;
  background-color: #000;
  text-align: center;
}

.ptv_videoList_wrap .videoList_thumb .videoList_optn .playlist span {
  right: 5px;
  position: absolute;
  top: 20%;
  margin: 0;
  width: 25px;
  height: 25px;
  stroke-width: 1.2px;
  background-color: #000;
  text-align: center;
}

.ptv_videoList_wrap .videoList_thumb:hover .videoList_optn {
  visibility: visible;
  opacity: 1;
}

.watchlater.active span,
.watchLater.active span {
  color: var(--Textcolor-primary);
}

.ptv_videoList_wrap .videoList_content .videoTitle a {
  display: block;
}

.ptv_videoList_wrap .videoList_content .videoTitle a h4 {
  font-size: var(--videoGrid-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;
}

.ptv_videoList_wrap .videoList_content .edit-video-btn a {
  width: calc(100% - 20px);
}

.ptv_videoList_wrap .videoList_content .videoInfo {
  margin: 10px 0;
  color: var(--videoGrid-usertimeColor);
  max-height: 44px;
  overflow: hidden;
}

.ptv_videoList_wrap .videoList_content .videoInfo a {
  color: var(--videoGrid-usertimeColor);
}

.ptv_videoList_wrap .videoList_content .videoInfo .username {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.ptv_videoList_wrap .videoList_content .videoInfo .username a {
  display: inline-block;
  margin-right: 5px;
  font-size: 15px;
  line-height: 15px;
}

.ptv_videoList_wrap .videoList_content .videoInfo .username .verified {
  background: var(--username-varify-color);
  padding: 3px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 10px;
  color: var(--username-varify-textcolor);
  display: inline-block;
  margin-left: 5px;
}

.ptv_videoList_wrap
  .videoList_content
  .videoInfo
  .username
  .verified
  span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

.ptv_videoList_wrap .videoList_content .videoInfo .videoViewDate {
  font-size: 14px;
  line-height: 13px;
  display: inline-block;
  border-radius: 5px;
}

.ptv_videoList_wrap .videoList_content .videoInfo .videoViewDate span.seprater {
  margin: 0 5px;
}

.ptv_videoList_wrap .videoList_content .videoShareBtns {
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.ptv_videoList_wrap .videoList_content .videoShareBtns .videoListBtns {
  width: var(--videoGrid-btnwidthHeight);
  height: var(--videoGrid-btnwidthHeight);
  background: var(--videoGrid-btnBg);
  color: var(--videoGrid-btnColor);
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  font-size: var(--videoGrid-btnFontSize);
  line-height: var(--videoGrid-btnwidthHeight);
  margin-right: 30px;
}

.ptv_videoList_wrap
  .videoList_content
  .videoShareBtns
  .videoListBtns
  span.material-icons,
.ptv_videoList_wrap
  .videoList_content
  .videoShareBtns
  .videoListBtns
  span.material-icons-outlined {
  line-height: var(--videoGrid-btnwidthHeight);
  font-weight: 500;
}

.ptv_videoList_wrap .videoList_content .videoShareBtns .videoListBtns:hover {
  color: var(--videoGrid-btnHoverColor);
}

.ptv_videoList_wrap .videoList_content .videoShareBtns a.active {
  color: var(--videoGrid-btnHoverColor);
}

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

.TitleRightDropdown a {
  display: block;
  width: 100% !important;
  color: var(--Textcolor-default);
}
.pvtBannerLike
  .LikeDislikeList
  li
  .TitleRightDropdown
  ul.dropdown-menu
  a
  span.material-icons {
  color: var(--Textcolor-default);
}

.TitleRightDropdown .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  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;
}

.ptv_playlistGrid {
  width: 100%;
  position: relative;
  background: var(--playListGrid-bg);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}

.ptv_playlistGrid .playlistGrid_thumb {
  width: 100%;
  position: relative;
  height: var(--playListGrid-thumbImgHeight);
}

.ptv_playlistGrid .playlistGrid_thumb a {
  display: block;
  position: relative;
  overflow: hidden;
}

.ptv_playlistGrid .playlistGrid_thumb a span,
.ptv_playlistGrid .playlistGrid_thumb span {
  width: 100%;
  height: 100%;
}

.ptv_playlistGrid .playlistGrid_thumb img {
  width: 100%;
  min-height: var(--playListGrid-thumbImgHeight);
  max-height: var(--playListGrid-thumbImgHeight);
  object-fit: cover;
}

.ptv_playlistGrid .playlistGrid_thumb .labelBtn {
  position: absolute;
  top: 10px;
  left: 5px;
}

.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%;
  -webkit-transition: all 0.35s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}

.ptv_playlistGrid .playlistGrid_thumb .verticalCenter {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  color: var(--color-white);
  font-size: 18px;
  z-index: 3;
  width: 100%;
  transform: translateY(-50%);
}

.ptv_playlistGrid .playlistGrid_thumb .overlayVideoNo .videoNo span {
  display: block;
  color: #ccc;
  font-size: 18px;
}

.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;
  -webkit-transition: all 0.5s ease-out 0.5s;
  transition: all 0.5s ease-out 0.5s;
}

.ptv_playlistGrid .playlistGrid_thumb .overlayPlayBtn .btnText {
  font-size: 16px;
  color: #fff;
}

.ptv_playlistGrid .playlistGrid_thumb:hover .overlayPlayBtn {
  display: block;
}

.ptv_playlistGrid .playlistGrid_content {
  width: 100%;
  padding: 15px 0;
  height: var(--playlist-content-height);
}

.ptv_playlistGrid .playlistGrid_content .videoTitle {
  min-height: 24px;
}

.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(--username-varify-color);
  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;
  background: var(--photogrid-bg);
  border-radius: 5px;
  overflow: hidden;
}

.ptv_artists_wrap .ptv_artist_thumb {
  width: 100%;
  position: relative;
  height: var(--photogrid-thumbImgHeight);
  background-color: var(--photogrid-btnColor);
}

.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: 16px;
  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(--Bgcolor-default);
  border-bottom: 1px solid var(--border-color);
  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(--border-color);
  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(--Bgcolor-default);
  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: 15px;
}
.scheduled-video-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.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: 0px 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: 16px;
  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: #d8d8d8;
  padding: 5px;
  color: #606060;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
}
.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: 30px;
}

.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(--Bgcolor-primary);
  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(--border-color);
}

.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(--Bgcolor-primary);
  color: #ffffff;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  padding: 5px;
  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(--Textcolor-primary);
}

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

.ls_footerOption .icon {
  margin: 0 10px;
}

.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(--border-color);
  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;
}

.ls_footerOption .endBtn button {
  background: var(--Bgcolor-primary);
  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(--deskHeader-buttonBg);
  padding: 5px 10px;
}

.ls_sidbar .ls_sdTitle .title {
  font-size: 18px;
  font-weight: 500;
}

.ls_sidbar .ls_sdTitle a.lsdot {
  font-size: 18px;
}

.ls_sidbar .ls_sdTitle .TitleRightDropdown .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  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: var(--deskHeader-buttonBg);
  padding: 0 10px;
}

.ls_sidbar .Chattexttyping .userName {
  display: flex;
  align-items: center;
  padding: 5px 0px;
}

.ls_sidbar .Chattexttyping .userName .userImg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}

.ls_sidbar .Chattexttyping .userName .name {
  font-size: 14px;
  line-height: normal;
}

.ls_sidbar .Chattexttyping .chatInput .chatbox {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--Bgcolor-tertiary);
  width: 100%;
  font-size: 14px;
  line-height: normal;
  color: var(--Textcolor-default);
}

.ls_sidbar .Chattexttyping .chatInput .chatsend {
  background: transparent;
  padding: 0;
  padding-top: 5px;
  padding-bottom: 10px;
  color: var(--Textcolor-default);
}

.ls_sidbar .Chattexttyping .chatInput .chatsend:focus {
  outline: none;
}

.chatListRow {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  line-height: normal;
}

.chatListRow .userImg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 5px;
}

.banbtn i,
.deletebtn i {
  color: var(--Textcolor-primary);
}

.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(--Bgcolor-primary);
  padding: 1px 3px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  color: #fff;
}

.chatListRow .chatMessege .name:hover {
  color: #ffffff;
}

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

.chatListRow.tip .chatMessege span {
  display: block;
  color: black;
  font-size: 16px;
}

.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: 16px;
  color: black;
  font-weight: 600;
  align-items: center;
}

.finishedStream {
  border: 1px solid var(--border-color);
}

.finishedStream .head {
  padding: 10px 15px;
  font-weight: bold;
  border-bottom: 1px solid var(--border-color);
  font-size: 16px;
  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: 16px;
  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(--Textcolor-primary);
  text-align: center;
}

.sc-imageprocess svg circle {
  fill: white;
}

.sc-progressbar-cnt .sc-progressbar {
  height: 50px;
  background-color: var(--Textcolor-primary);
}

.sc-upload-progressbar {
  overflow: hidden;
  position: absolute;
  z-index: 88888;
  border: 3px solid var(--Textcolor-primary);
  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;
}

.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: #fff;
  height: 7px;
}

.sc-imageprocess-txt {
  background-color: var(--Textcolor-primary);
  text-align: center;
}

.VideoDetails-commentWrap .sc-upload-progressbar {
  width: 90% !important;
  background-color: var(--Textcolor-primary);
}

.sc-progressbar-cnt {
  margin-top: 21px;
  padding-left: 10px;
}

.sc-progressbar-cnt .sc-progressbar {
  height: 50px;
  background-color: var(--Textcolor-primary);
}

.sc-upload-progressbar {
  overflow: hidden;
  position: absolute;
  z-index: 88888;
  border: 3px solid var(--Textcolor-primary);
  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;
}

.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;
}
.LikeDislikeList .video_share a {
  color: #fff;
}
.movieBnnr-text .descriptn {
  font-size: 14px;
  color: var(--Textcolor-secondry);
  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: 70px;
  width: 70px;
  margin-right: 10px;
}

/* 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(--Textcolor-secondry);
}

.movInfo .audio {
  font-size: 20px;
  font-weight: 500;
  color: var(--Textcolor-secondry);
}

.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(--Textcolor-primary);
}

.MplayInfo-btns .LikeDislikeList li span.active {
  color: var(--Textcolor-primary);
}

.MplayInfo-btns .LikeDislikeList li .TitleRightDropdown .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  min-width: 120px;
}

.MplayInfo-btns .TitleRightDropdown .edit-options.show {
  background-color: var(--Bgcolor-secondry);
  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(--Textcolor-default);
}

.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(--Textcolor-primary);
}

/* Movie List grid */

.ptv_movieList_wrap {
  width: 100%;
  position: relative;
  /* background: var(--videoGrid-bg); */
  /* border-radius: 5px; */
  overflow: hidden;
}

.ptv_movieList_wrap .movieList_thumb {
  padding-top: calc(57%);
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.ptv_movieList_wrap .movieList_thumb a.imgblock {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
}

.movieList_thumb .ImgBlockRatio-img {
  position: relative;
  padding-top: 57%;
  overflow: hidden;
}

.movieList_thumb .ImgBlockRatio-img .img {
  position: absolute;
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ptv_movieList_wrap .movieList_thumb .videoTime {
  position: absolute;
  bottom: 12px;
  right: 10px;
  font-size: 13px;
  line-height: normal;
  background: #000000a8;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
}

.ptv_movieList_wrap .movieList_thumb .playBtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  cursor: pointer;
}

.ptv_movieList_wrap .movieList_thumb .playBtn a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ptv_movieList_wrap .movieList_thumb .playBtn svg.playicon {
  left: 50%;
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) scale(0.7);
  width: 45px;
  height: 45px;
  stroke-width: 1.2px;
}

.ptv_movieList_wrap:hover .movieList_thumb .playBtn {
  opacity: 1;
  visibility: visible;
}

.ptv_movieList_wrap:hover .movieList_thumb .btnHover {
  display: block;
}

.ptv_movieList_wrap .movieList_thumb .btnHover {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  transition: all 0.2s ease;
  z-index: 1;
}

.ptv_movieList_wrap .movieList_thumb .btnHover a {
  background: #000000a8;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  line-height: 24px;
  padding: 3px;
}

.ptv_movieList_wrap .movieList_thumb .labelBtn {
  position: absolute;
  top: 10px;
  left: 5px;
}

.ptv_movieList_wrap .movieList_content {
  width: 100%;
  overflow: hidden;
  padding: 15px 0;
}

.ptv_movieList_wrap .movieList_content .movieTitle a {
  font-size: 18px;
  font-weight: 400;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0;
  text-transform: capitalize;
  line-height: normal;
  color: var(--Textcolor-default);
  margin-bottom: 5px;
}

.movieInfo {
  color: var(--videoGrid-usertimeColor);
  font-size: 16px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0;
  text-transform: capitalize;
  line-height: normal;
  margin: 10px 0px;
}

.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(--border-color);
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 30px;
}

.communty-boxWrap.post_view {
  border: 1px solid var(--border-color);
}

.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(--LikeDislike-Color) !important;
}

.community-comment-a:hover {
  color: var(--Textcolor-primary) !important;
}

.communty-content .content .postBy {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.communty-content .content .postBy .authr a {
  color: var(--Textcolor-default);
  display: block;
  margin-right: 5px;
  font-size: 15px;
  font-weight: 500;
}

.communty-content .content .postBy .pdate a {
  color: var(--Textcolor-secondry);
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.communty-content .content .text {
  font-size: 16px;
  line-height: normal;
}

.communty-content .content .text p {
  margin-bottom: 10px;
  color: var(--Textcolor-default);
}

.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(--Textcolor-secondry);
}

.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(--Bgcolor-default);
  border: 1px solid var(--border-color);
  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(--Textcolor-secondry);
}

.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(--Textcolor-default);
  font-size: 16px;
}

.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(--Textcolor-secondry);
  font-size: 18px;
  /* margin-right: 15px; */
  cursor: pointer;
}

.postCard-box .foot .likeDislike .icon span,
.postCard-box .foot .commentOption .icon span {
  margin-right: 5px;
  /* display: block; */
  display: flex;
  font-size: 20px;
}

.postCard-box .foot .likeDislike .icon span.active {
  color: var(--Textcolor-primary);
}

.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 */

.audioListing-wrap,
.audioDetails-wrap {
  width: 100%;
  position: relative;
}

.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(--Bgcolor-default);
}

.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(--Bgcolor-primary);
  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;
}

.trackCanvas {
  margin-left: 15px;
  opacity: 0.8;
  cursor: pointer;
  height: 100px;
}

.trackCanvas:hover {
  opacity: 1;
}

.trackCanvas canvas {
  width: 100%;
  height: 120px;
}

.trackCanvas canvas.details {
  max-width: 100%;
}

.audioBnr {
  width: 100%;
  height: 550px;
  display: flex;
  justify-content: flex-end;
  /* background: linear-gradient(270deg, #fff, #70929c); */
  position: relative;
  /* margin: 15px 0; */
  border-radius: 15px;
  overflow: hidden;
}

.audio-view-cs-page .videoDetailsWrap-content {
  margin-top: 20px;
}

.audioBnr .infoPlay {
  flex-grow: 1;
  width: calc(100% - 335px);
}

.audioBnr .imgAudio {
  width: 100%;
  height: 550px;
  max-height: 550px;
}

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

.audioBnr .imgAudio span {
  height: 100%;
  width: 100%;
}

.infoPlay .miniplay .playbtn {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 40%;
  left: 50%;
}

.infoPlay .miniplay .playbtn i.fas {
  font-size: 30px;
}

.infoPlay .miniplay .info {
  width: calc(100% - 70px);
  flex-grow: 1;
  font-size: 16px;
  color: #000;
}

.infoPlay .miniplay {
  margin: 0;
}

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

.infoPlay .trackCanvas {
  margin: 0;
  height: 150px;
  position: absolute;
  bottom: 0px;
  width: 95%;
  margin: 15px;
  background-color: rgba(0, 0, 0, 0.1);
}

.audioDetails-wrap .infoPlay .trackCanvas {
  height: auto;
}

.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(--border-color);
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
}

.audioLike a {
  color: var(--LikeDislike-Color);
}

.miniplay .info .user .verified,
.userAvatar h4 .verified,
.userTrackName .UserName .verified {
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.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: 16px;
  font-weight: 500;
  color: var(--Textcolor-default);
  margin-bottom: 8px;
}

.audioInfo .inforow p {
  font-size: 15px;
  font-weight: 400;
  color: var(--header-sidebar-color);
}

/* .audioDetails-wrap .VideoDetails-commentWrap {
  background: var(--tabsBtn-bg) none repeat scroll 0 0;
  padding: 15px;
} */

/* Playbar */

.playbar {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 50px;
  background: var(--tabsBtn-bg);
  border-top: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 9999;
}

.playbar .controller {
  display: flex;
  align-items: center;
  list-style: none;
  color: var(--Textcolor-default);
  margin: 0;
  padding: 0;
}

.playbar .controller li {
  cursor: pointer;
}

.playbar .controller li i {
  font-size: 22px;
  padding: 25px;
  color: var(--Textcolor-default);
}

.playbar .controller li.active i {
  color: var(--Textcolor-primary) !important;
}

.playbar .controller li i.fa-redo {
  font-size: 14px;
  color: var(--Textcolor-secondry);
  /* margin-left: 40px; */
}

.playbar .controller li.volume {
  margin-left: 20px;
  margin-right: 20px;
}

.playbar .track-info {
  display: flex;
  align-items: center;
  color: var(--Textcolor-light);
  margin: 0;
  padding: 0;
  list-style: none;
}

.playbar .track-info .img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.playbar .track-info .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}

.playbar .track-info .userTrackName {
  display: flex;
  flex-direction: column;
}

.playbar .track-info .userTrackName a {
  font-size: 13px;
  color: var(--header-sidebar-color);
}

.playbar .track-info .userTrackName a.username {
  color: var(--Textcolor-secondry);
}

.playbar .track-info .userTrackName a.username:hover,
.playbar .track-info .userTrackName a:hover {
  color: var(--Textcolor-primary);
}

.playbar .progress {
  display: flex;
  align-items: center;
  background: transparent;
  margin: 0;
  padding: 0;
  list-style: none;
}

.playbar .currentTime {
  color: var(--Textcolor-primary);
}

.playbar .progress li {
  padding: 5px;
  font-size: 11px;
}

.playbar progress,
progress::-webkit-progress-value,
.progress input {
  background-color: var(--Textcolor-primary);
  border: 0;
  height: 2px;
  width: 400px;
}

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

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

/* Rewards points design */

.totalreward {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.totalreward {
  color: #ffffff;
}

.rewardPoint-wrap table {
  color: var(--Textcolor-default);
}

.points_heading {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.referral-points p {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}

.referral-points p:last-child {
  margin-bottom: 30px;
}

.points_tr .label {
  font-weight: 500;
}

.totalrwrd div {
  background-color: var(--Bgcolor-primary) !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(--Textcolor-default);
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-weight: 500;
}

.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 */
.unblock-profile-btn {
  right: 0;
  position: absolute;
  z-index: 1;
}
.block-user.butn {
  margin-right: 5px;
}
.block-user-btn {
  display: none;
  justify-content: center;
}
.block-user-btn button,
.unblock-profile-btn button,
.subscription-plans-btn .block-user {
  font-size: 14px;
  /* display: block; */
  color: var(--chanlThmb-subsBtnColor);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  border: 1px solid var(--chanlThmb-subsBtnColor);
  padding: 8px 15px;
  border-radius: 5px;
  background: var(--chanlThmb-subsBtnBg);
  margin-right: 15px;
}
/* card */

.plancard {
  width: 100%;
  margin-bottom: 15px;
  background: var(--Bgcolor-default);
  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(--Textcolor-default);
}
.followcard .pname-img {
  margin-bottom: 0px;
}
.plancard .pimg {
  width: 50px;
  height: 50px;
  padding: 2px;
  border-radius: 5px;
  border: 1px solid var(--border-color);
  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(--Textcolor-default);
}

.plancard .card-subtitle {
  font-size: 16px;
}

.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-track-bg);
}

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

.sidebar-scroll-new::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-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(--Bgcolor-primary);
}

.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 {
  height: 200px;
}

.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%;
  position: absolute;
  background: #ccc;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.subscription-update-plan-title {
  color: #000;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.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;
  font-weight: 500;
  margin-top: 20px;
  display: block;
}

.viewmore-subs-btn a,
.viewmore-subs-btn a:hover {
  color: var(--Textcolor-default);
}

/* .viewmore-subs-btn{
      border-top: 1px solid var(--Textcolor-default);
  } */

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

.pbuyBtn {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.pbuyBtn .custom-control-label {
  padding-top: 4px;
  font-size: 16px;
}

.pbuyBtn .prate {
  font-size: 14px;
}

.pbuyBtn .note {
  font-weight: bold;
  font-size: 12px;
  color: var(--Textcolor-primary);
}

/* Comment card */

.comntcard {
  width: 100%;
  margin-bottom: 15px;
  background: var(--Bgcolor-default);
  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(--border-color);
  padding: 1px;
  border-radius: 50%;
}

.sdbrTopComments-row .content {
  width: calc(100% - 45px);
  flex-grow: 1;
  /* border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
    padding-bottom: 10px; */
}

.sdbrTopComments-row .content .UserName {
  font-size: 14px;
  color: var(--Textcolor-default);
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  display: flex;
  align-items: center;
}

.sdbrTopComments-row .content .UserName .verifiedUser {
  font-size: 10px;
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
}

.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: 16px;
  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: 16px;
  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: #000000b8;
  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;
}

/* .ellipsize2Line .material-icons {
    font-size: 5px;
} */

.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(--Textcolor-primary);
}
.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: 16px;
  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(--Bgcolor-secondry);
  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(--username-varify-color);
  color: var(--username-varify-textcolor);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.Vdoinfo .UserName .verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}
.Vdoinfo .UserName:hover {
  color: var(--Textcolor-primary);
}

.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(--LikeDislike-Color);
}
.likeDislike-List li a {
  color: var(--LikeDislike-Color);
}
.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(--Textcolor-primary);
}

.likeDislike-List li span.active {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--Textcolor-primary);
}

.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(--Textcolor-primary);
}

.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: 16px;
  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 */

.audio-grid {
  width: 100%;
  position: relative;
}
.adiodiv {
  margin-bottom: 30px;
}
.audioGrid-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.audio-track-img {
  position: relative;
  padding-bottom: calc(0.75 * 100%);
}

.audio-track-img span img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.audioPlayBtn {
  width: 36px;
  height: 36px;
  background: var(--Bgcolor-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  color: #fff;
}

.audioPlayBtn-wrap {
  position: absolute;
  width: 100%;
  height: 92%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.audioName {
  color: var(--videoGrid-usertimeColor);
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.audioName a {
  color: var(--videoGrid-usertimeColor);
}
.audioUserName,
.audioGrid-content .UserName {
  margin-top: 10px;
  font-size: 14px;
  line-height: 15px;
  color: var(--videoGrid-usertimeColor) !important;
}

.audioUserName .verified,
.audioGrid-content .UserName .verified {
  background: var(--username-varify-color);
  color: var(--username-varify-textcolor);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.audioUserName .verified span.material-icons,
.verified,
.audioGrid-content .UserName .verified span.material-icons {
  font-size: 9px;
  font-weight: 700;
}

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

.audioLikeDislike-List .audioLikeDislike-count {
  margin: 0 3px;
}

.audioLikeDislike-List .audioLikeDislike-icon:hover,
.audioLikeDislike-List .audioLikeDislike-icon.active {
  color: var(--Textcolor-primary);
}
.audiolikedisshr .LikeDislikeList li {
  margin: 0 8px;
}
.audiolikedisshr .LikeDislikeList li a {
  color: var(--LikeDislike-Color);
}
.audiolikedisshr .LikeDislikeList li a:hover {
  color: var(--Textcolor-primary);
}
.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: #ddd;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 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: #0c0d13;
  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: 16px;
}
.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: 16px;
  color: #fff;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BnrUserInfo .publisher-name a.UserName .verifiedUser {
  background: var(--username-varify-color);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: var(--username-varify-textcolor);
  margin-left: 5px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
}

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

.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: 16px;
  color: #ddd;
  margin-right: 15px;
}

.banner-wrap .left-wrap p {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 28px;
}

.banner-wrap .left-wrap .playBtn {
  color: #fff;
  background: var(--Bgcolor-primary);
  font-size: 16px;
  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(to right, #0c0d13, #0000);
}

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

@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;
}
.adv-theme .VideoRoWrap .slick-slider {
  margin-top: -50px;
  margin-bottom: -50px;
}

.gridContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-template-rows: 1fr;
  grid-gap: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.gridPlan {
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.gridAudio {
  grid-template-columns: repeat(auto-fill, minmax(250px, 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(--Textcolor-default);
}

.ThumbBox-wrap .moreOptionsShow.show li a:hover {
  color: var(--Textcolor-primary);
}
.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(--Textcolor-primary);
}
.cn-subscribe a.active {
  background: var(--Textcolor-primary);
  border: 1px solid var(--Textcolor-primary);
  color: #fff;
}

.gridContainer .ThumbBox-coverImg img.yt {
  margin: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#seasonData .table.custTble1 {
  color: #000 !important;
}
.add_season {
  margin: 10px 0px;
}
.season_selection {
  padding: 15px 0;
  align-items: center;
}
.season_selection li {
  font-size: 16px;
  font-weight: 500;
}
.season_selection li:hover {
  color: var(--Textcolor-primary);
}
.season_selection li.active {
  color: var(--Textcolor-primary);
  padding: 0.5rem 1rem;
}
.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: #3a3a3a;
  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;
}
.grid .item:before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  padding-bottom: calc(9 / 16 * 100%);
}

.review-container {
  border-color: transparent;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--be-divider-default);
  font-size: 18px;
}
.review-container .content {
  font-size: 16px;
  line-height: 24px;
  word-wrap: break-word;
}
.review-container .header {
  display: flex;
  vertical-align: middle;
  margin-bottom: 8px;
}
.review-container .header .image {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin-right: 10px;
  text-align: center;
  font-size: 2.5rem;
  border-radius: 4px;
}
.review-container .header .image a img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.review-container .header .info {
  flex: 1 1 auto;
}
.review-container .header .info .author {
  font-size: 16px;
  font-weight: 500;
}
.review-container .header .info .author a {
  color: var(--Textcolor-default);
}
.review-container .header .info .date {
  color: var(--videoGrid-usertimeColor);
  font-size: 12px;
  margin: 5px 0px;
}
.review-container .header .option {
  flex: 0 1 auto;
  margin-left: 10px;
}
.review-container .content a {
  margin-left: 5px;
}

.live_now_cnt {
  position: absolute;
  top: 58px;
  right: 5px;
  background: var(--Textcolor-primary);
  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(--scroll-track-bg);
}

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

.lsBanner-component {
  margin: 10px 0;
}
.lsBanner-component-title {
  display: flex;
  align-items: center;
}
.lsBanner-component-title h4 {
  font-size: 15px;
  color: var(--Textcolor-default);
  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(--Textcolor-primary) !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: 16px;
}
.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: center;
  align-items: center;
  background: var(--tabsBtn-bg);
  border-radius: 20px;
  font-weight: 600;
}
.giftItem-img{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-top: 10px;
}
.giftItem-img img{
  max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}
.giftItem-name{
  font-size: 18px;
  padding: 8px 0;
  color: var(--Textcolor-default);
}
.giftItem-coin{
  display: flex;
    gap: 8px;
    align-items: center;
    color: var(--Textcolor-default);
    font-size: 16px;
    color: var(--videoGrid-usertimeColor);
}
.giftItem-coin img{
  width: 18px;
}
.giftItemBtn{
  display: flex;
    align-items: center;
    gap: 16px;
}

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