@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;
}
.suggest{
    height: 90px !important;
}
img {
    max-width: 100%;
    /* height: auto !important; */
    height: 70px;
}

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

.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);
    /* color: var(--Textcolor-black); */
    /* color: var(--Textcolor-default); */
}



/* 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: 18px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fontFamily-heading);
    color: var(--Textcolor-black);
    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;
}

.error-message{
    text-align: center;
}

.payment_header{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.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 .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: 30px;
    height: 30px;
    color: var(---deskheader-buttoncolor);
    line-height: 40px;
    text-align: center;
}

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

.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: 75%;
    height: auto;
}

.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: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
}

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

.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(--header-sidebar-icon-color) ;
}

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

/* notification icon for admin in NotificationItems.js */
.container-notification-bell-forAdmin {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.noti-bell-icon-forAdmin {
    height: 30px;
    width: 30px;
    margin: auto;
    margin-left: 5px;
    color: #f44336;
}


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

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

.notify-wrap .notify-content .notify-text span.timedate {
    color: var(--Textcolor-black);
    font-size: 12px;
    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;
    color: var(--Textcolor-primary);
}

.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: 40px;
    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: 40px;
    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;
    margin-top: 30px;
}

.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 */

.mobile-padding{
    display: none;
}

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

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

.main-menu li {
    display: block;
    width: 100%;
}
h6.textCenter {
    color: white;
}

.main-menu li a {
    padding: 8px 24px;
    color: var(--Textcolor-black);
    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: 10px;
    color: var(--header-sidebar-icon-color);
    max-width: 24px;
    overflow: hidden;
    width: 24px;
}

.main-menu li a:hover {
    text-decoration: none;
    background: var(--Bgcolor-primary);
}

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

.main-menu li a.active{
    background: var(--Bgcolor-primary);
    color: var(--Textcolor-default);
    /* content: attr(data-icon); */
}
.main-menu li a.active .material-icons::after{
    color: var(--Textcolor-default);
    content: attr(data-icon);
}

.nav-link {
    cursor: pointer;
}

.sidebar-icon .title {
    margin-left: 10px;
}

.sidebar-img {
    height: 24px;
    width: 24px;
    border-radius: 50%;

}

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

.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 30px;
    font-size: 14px;
    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-sidebar-bg);
    display: flex;
    align-items: center;
    padding: 30px;
}

.head-searchbox .close-btn {
    font-size: 16px;
    color: var(--Textcolor-black);
    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(--Bgcolor-default);
    padding: 30px 15px;
    border-radius: 10px;
    overflow: hidden;
    color: var(--Textcolor-black);
    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(--Bgcolor-default);
    color: var(--Textcolor-black);
    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-sidebar-search-textcolor);
    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;
    background: var(--Bgcolor-default);
}

/* 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 {
    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; */
    height: 96px;
}

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

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

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

}

label.control-label {
    color: var(--Textcolor-black);
}
/* TODO: sidebar changes here  */
.MobmenuWrap .navbar-collapse {
    position: fixed;
    /* top: 60px; */
    top: 0px;
    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);
}

/* TODO: sidebar changes here  */
.MobLogo {
    max-width: 200px;
    /* height: 40px; */
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index: 9; */
    z-index: 0;
    /* position: absolute; */
    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);
}

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

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

.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: 14px;
    display: block;
    line-height: normal;
}

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

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

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

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

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

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

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

.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(--Textcolor-black);
    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: 14px;
    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 {
    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 i.fa-twitter {
    background: var(--twitter-color);
}

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

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

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

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

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show {
    background-color: var(--Bgcolor-default);
    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(0.7);
    width: 25px;
    height: 25px;
    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;
}

.username {
    justify-content: space-between !important;

}

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

.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: 13px;
    line-height: 13px;
    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: 14px;
    display: block;
    color: var(--Textcolor-black);
    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: 12px;
    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-black);
    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: 14px;
    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: 16px;
}

.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;
}
time {
    color: var(--Textcolor-black);
}

.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: #cfcfc8 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);
} */
div#VideoDetailsDescp {
    color: black;
}
.details-tab .nav-item .nav-link {
    background: transparent;
    border: 0 none;
    border-radius: none;
    color: var(--Textcolor-black);
    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: #cfcfc8;
    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;
    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;
}

.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: -88px;
    margin-left: 185px;
    color: #369b36;
}

.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 {
    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 {
    font-size: 14px;
    font-weight: 700;
}

.userInfo-block-content .LikeDislikeWrap,
.userInfo-block-content .user_followed {
    margin-left: 185px;
}

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

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

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

.react-date-picker {
    height: 38px;
    width: 100%;
}

.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-date-picker__inputGroup__input {
    color: var(--formField-lableFontColor);
    background: var(--formField-inputBg);
    border: 1px solid var(--formField-inputBdrColor);
    font-size: var(--formField-inputFont);
}

.react-date-picker__button:enabled svg {
    stroke: var(--Textcolor-default);
}

.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: 16px;
    letter-spacing: normal;
    padding: 10px 15px;
    display: block;
    color: var(--Textcolor-black);
}

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

.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);
    margin-top: -20px;
}

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

.maintenancepageTxt {
    display: flex;
    align-items: center;
    flex-flow: column;
    padding-top: 100px;
    z-index: 9;
}

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

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

.card_image_css{
    width: 200px;
    height: 25px;
    float: right;
}


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

.imgchange{
    height: fit-content;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    /* height: 900px; */
}

.img-fluid-blog{
    max-width: 100%;
    /* height: auto; */
    height: 900px;
}

.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;
}
.titleform {
    color: var(--Textcolor-black);
}

.ContentBoxTxt {
    margin-top: -100px;
    background: #79c87b;
    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;
    float: left;
}

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

.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 {
    width: 300px;
    /* 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"] {
    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 .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 .6s ease;
    -o-transition: width .6s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cover-reposition-cnt {
    position: absolute;
    top: 15px;
    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%);
}

.cover-reposition-cnt i {
    margin-right: 10px;
}

.coverphotoUsercnt {
    overflow: hidden;
}

.no-content {
    background: var(--Bgcolor-primary);
    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 {
    padding: 10px;
    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%;
}
.row.wallet {
    color: black;
}
.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;
}

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

.video_player_cnt:hover .watermarkLogo{
   display: block;
}

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

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

.videoPlayer:hover .expand{
    display: block;
}

.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(0.7);
    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: 14px;
    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: 13px;
    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.60);
}

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

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

.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); */
    height: 440px;
}

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

#local_stream video {
    transform: rotateY(0deg) !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;
    color: #000;
}

.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 .6s ease;
    -o-transition: width .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 .6s ease;
    -o-transition: width .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;
}
.meeting-text-p{
    color: black !important;
}
/* .create-meeting-btn{
    padding: 2px 2px 1px 2px !important;
} */
.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-black);
    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: 13px;
    color: var(--Textcolor-secondry);
}

.postCard-box .head .clogo {
    width: 24px;
    height: 24px;
    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);
}

.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: 14px;
    /* margin-right: 15px; */
    cursor: pointer;
}

.postCard-box .foot .likeDislike .icon span,
.postCard-box .foot .commentOption .icon span {
    margin-right: 5px;
    /* display: block; */
    display: flex;
}

.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.fa {
    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 button {
    width: 100%;
    background-color: transparent;
    color: #444;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    font-weight: 500;
}

.gateway-options button img {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.gateway-options button:last-child {
    border: 0;
}

.gateway-options button:focus {
    outline: 0 !important;
}

/* Profile new design css */

/* card */

.plancard {
    width: 100%;
    margin-bottom: 15px;
    background: var(--Bgcolor-default);
    font-size: 14px;
    height: 100%;
}

.plan-description {
    padding: 0px 20px;
    max-height: 200px;
    overflow-y: overlay;
}

.plancard .card-body {
    padding: 15px;
}

.plancard .pname-img {
    display: flex;
    margin-bottom: 15px;
    color: var(--Textcolor-default);
}

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

.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 .user_followed {
    justify-content: space-between;
}

.user-subscription-cnt .userInfo-block-content .user_followed .follow {
    display: initial;
}

.subscription-plans-btn {
    margin-right: 15px;
}

.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;
    -webkit-appearance: none;
}

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

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


.slick-slide {
    width: 300px !important;
}

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

.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: .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 {
    font-size: 14px;
    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: 12px;
    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;
}

/* .slick-list {
    width: 900px !important;
} */

.storyThumb-img img{
    height: 100% !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: 100%;
    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 

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

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

.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: 12px;
    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: .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%);
}

.react-datetime-picker__inputGroup__amPm {
    border: none !important;
    width: auto !important;
    background-color: transparent !important;
    color: var(--formField-lableFontColor) !important;
}

.react-datetime-picker__button svg {
    stroke: var(--formField-lableFontColor);
}

.react-datetime-picker__inputGroup input,
.react-datetime-picker__inputGroup span {
    color: var(--formField-lableFontColor);
}

.review-container {
    border-color: transparent;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid var(--be-divider-default);
}

.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: 8;
    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: 5px;
    margin-top: 35px;
}

.mejs__layers .mejs__layer {
    width: 100%;
    height: 100%;
}

.mejs__container {
    height: 500px;
}

.rmsc .dropdown-content label,
.rmsc .dropdown-heading .dropdown-heading-value {
    color: #000;
}

.payment-icon {
    width: 100px;
}
    
@media screen and (max-width: 992px) {
    .bottom-policy-footer {
        display: none !important;
    }
}
.bottom-policy-footer {
    color: black;
}
@media screen and (max-width:1070px) {
    .tabsLeft li a {
        padding: 10px 8px !important;
    }
}

.searchBox-content {
    background: white;
}
.css-t2npoc-container {
    overflow-y: auto !important;
}


.hide-on-desktop{
    display: none;
}


/* .activeBottomNav{
    height: 70px !important;
    width: 70px !important;
    position: absolute !important;
    bottom: 3px !important;
    left: 2px !important;
}
.activeBottomNav svg {
    height: 50px !important;
    width: 50px !important;
} */


/* new added */

/* .notificationIcon{
    font-size: 18px;
    position: relative;
    top: -5px;
} */

.store-title{
 
    font-size: 40px;
    
}

/* .store-img {
    width:300px !important
   
} */

/**{*/
/*    color:#0d8cec;*/
/*}*/

.store-img img{
    width:250px;
    height:200px;
}

.store-cart{

display: flex;
align-items: center;
justify-items: center;
}
.store-page{
    margin-top: 36px;
}

.focusOption:hover{
 background: #000000 !important;
}