/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/
.header-wrap{
    background: var(--header-bg-color) !important;
    padding: 0px !important;
}

.hedearTop{
    justify-content: space-evenly !important;
}

.container-fluid{
    padding-top: 0.2rem;
}

.mainMenu .nav-link:hover{
    box-shadow: 0 3px rgba(255, 255, 255, 0.7);
    color: var(--text-white-color) !important;

    /* box-shadow: 0 3px #fff; */
}

.navbar-nav .nav-item{
    line-height: 2;
}

.navbar-nav li.active > a {
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 3px #fff;
}

/* Search Box */

.searchBoxContent{
    background: var(--bg-white-color) !important;
}

.searchBoxContent input[type="text"]{
    background: var(--bg-white-color) !important;
}

.searchBoxContent button{
    background: var(--bg-white-color) !important;
}

.searchBoxContent button{
    color: var(--Bgcolor-primary);
    /* margin-right: 11px; */
    padding: 6px 16px !important;
}

.searchBoxContent button span.material-icons{
    font-size: 23px !important;
    margin-bottom: 2px;
}

.rightTopList .nav-item .nav-link, .top-header .nav-item .nav-link{
    
}

.container, .container-fluid{
    max-width: 95% !important;
}

/* Footer */
.footer-bottom-area{
    background-color: var(--header-bg-color);
}

.footer-bottom-area .container-fluid{
    width: 80%;
    padding-top: 30px;
}

.footer-widget .list{

    list-style: none;
    padding: 0;
    margin: 0;

}

.footer-widget h4{
    font-size: 18px;
    color: var(--text-white-color) !important;
}

.footer-widget li{
    padding: 3px 0;
}

.footer-widget a{
    font-size: 16px;
    color: var(--text-white-color) !important;
}

.footer-widget li a i.fab, .footer-widget li a .twitter{
    width: 30px;
    height: 30px;
    background: 0 0;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.footer-widget li a label{
    font-size: 16px;
    margin-left: 10px;
    font-family: 'Roboto';
}

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

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

.footer-widget li a .twitter{
    background: var(--x-color);
    display: flex;
    align-items: center;
}

.footer-widget li a .twitter img{
    height: 15px;
    margin-left: 7px;
    margin-right: 8px;
}

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

.footer-widget li a i.fa-youtube{
    background: #c4302b;
}

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

.footer-bottom-area .container-fluid .row:first-child {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.footer-bottom-area .container-fluid .row .footerContent {
    justify-content: center !important;
    margin-top: 10px;
}

.footerLinks li a{
    color: var(--text-white-color) !important;
}

.adultSwitchFtr label{
    color: var(--text-white-color) !important;
}

.footerCenter p.copyright{
    color: var(--text-white-color) !important;
    margin-top: 5px;
}

/* Home Slider */
.snglFullWdth .slick-initialized .slick-slide{
    padding-left: 0px !important;
}

.snglFullWdth{
    box-shadow: 0 4px 9px -2px rgba(0, 0, 0, 0.4);
}

.VideoRoWrap .container, .VideoRoWrap.stories-cnt{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    padding: 25px;
}

.main-content.adv-theme .titleWrap .title{
    font-size: 18px !important;
}

.main-content.adv-theme .titleWrap .title span{
    display: block !important;
}

/* Slider Thumb */
.slick-slide .ThumbBox-wrap{
    box-shadow: 0px 0px 4px #000;
}

.lbl-Featured, .lbl-Hot, .lbl-Sponsored{
    line-height: 32px !important;
}

.lbl-Featured svg, .lbl-Hot svg, .lbl-Sponsored svg{
    width: 22px !important;
}

/* Video Detail Page */

.mejs__overlay-play:hover .mejs__overlay-button{
    background-color: #a8206c !important;
}

.videoPlayer{
    box-shadow: 0px 0px 5px #ccc;
}

.videoDetailsWrap-content{
    background-color: var(--bg-white-color);
    padding: 10px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
}

.videoDetailsLikeWatch .vLDetailLikeShare .LikeDislikeWrap .LikeDislikeList li .TitleRightDropdown .edit-options.show{
    background-color: var(--bg-white-color) !important;
}


/* Create Video Page */
.videoBgWrap.container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    padding-top: 10px;
}

.user-area.clear{
    padding: 15px;
}

.titleform span.material-icons{
    margin-right: 10px;
    font-size: 30px;
}

.user-area.clear .titleform{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px !important;
    border-bottom: 0px !important;
}

.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{
    height: 45px !important;
}

.searchBoxContent button{
    border-radius: 150px !important;
    padding: 10px 20px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.searchBoxContent button:hover{
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

.form-control:focus{
    box-shadow: 0 0 0 0.25rem rgb(168 32 108 / 61%) !important;
}

.titleBarTop .overlay{
    background: rgb(0 0 0 / 58%) !important;
}

.formBoxtop{
    box-shadow: 0px 0px 5px #ccc;
}

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

.formFields .input-tag__tags li{
    background: #a8206ccf !important;
    font-weight: 500 !important;
    border-radius: 10px !important;
}

/* Create Movie Page */

.movie-create-cs-page .container-fluid .row .titleform,
.series-create-cs-page .container-fluid .row .titleform
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px !important;
    border-bottom: 0px !important;
}

.movie-create-cs-page .container-fluid .row,
.series-create-cs-page .container-fluid .row
{
    justify-content: center;
    display: flex;
}

.movie-create-cs-page .container-fluid .row .col-lg-10, 
.series-create-cs-page .container-fluid .row .col-lg-10
{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.tabsLeft{
    border: 1px solid #dee2e6 !important;
}

.tabsLeft li{
    width: unset !important;
    border-bottom: none !important;
}


.tabsLeft li a:hover{
    background: var(--Textcolor-primary) !important;
    color: var(--text-white-color) !important;
}

/* Chat Page */

.no-content{
    background: transparent !important;
    display: flex;
    justify-content: center;
}

.user-chat .d-lg-flex{
    justify-content: center;
    align-items: center;
    height: 100px;
}

/* Profile Page */
.details-tab .nav{
    background: var(--bg-white-color);
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
}

.details-tab .tab-content .details-tab-box{
    background: var(--bg-white-color) !important;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #cccccc;
}

/* Dashboard Page */
.user-subscription-cnt .sdBarSettBox .tabsLeft li{
    width: 100% !important;
}

.user-subscription-cnt .container-fluid{
    display: flex;
    justify-content: center;
}

.user-subscription-cnt > div.container-fluid > div.row:first-of-type {
    width: 90%;
    background: var(--bg-white-color);
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
}

.user-subscription-cnt > div.container-fluid > div.row .col-lg-2{
    padding-left: 0px !important;
}

.open_withdraw.floatR{
    margin-top: 20px;
}

.balance_recharge.floatR{
    margin-top: 20px;
} 

.serachRsltsort{
    margin-top: 20px;
}

.tab-content.dashboard{
    padding-top: 20px;
}

/* Video Listing pages */

.grid-menu{
    background: var(--bg-white-color) !important;
    box-shadow: 0px 0px 5px #ccc;
}

.video-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.video-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.movies-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.movies-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.channel-artist-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.channel-artist-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.video-artist-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.video-artist-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.blog-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.blog-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
    padding: 20px;
}

.playlist-browse-cs-pag .infinite-scroll-component{
    padding-bottom: 20px;
}

.playlist-browse-cs-pag .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.audio-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.audio-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.channel-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.channel-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.member-browse-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.member-browse-cs-page .infinite-scroll-component .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.search-cs-page .infinite-scroll-component{
    padding-bottom: 20px;
}

.search-cs-page .container .col-lg-10 .infinite-scroll-component .container
{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.search-cs-page .container .col-lg-2
{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    padding: 20px;
}


.browse-blog-category-view-cs-page .category-grid-wrap .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.browse-channel-category-view-cs-page .category-grid-wrap .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 3px;
}

.browse-video-category-view-cs-page .category-grid-wrap .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 10px;
}

.browse-movie-series-category-view-cs-page .category-grid-wrap .container{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    margin-top: 10px;
}

.ThumbBox-wrap{
    box-shadow: 0px 0px 5px #ccc;
}

/* 404 Page */

.notfound .row.verticalcntr{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
}

.notfound .row.verticalcntr .col-md-5{
    padding-left: 0px !important;
}

/* Mobile Design */

@media only screen and (max-width: 1400px){

    .header-wrap{
        height: auto;
    }

}

#MobHeader{
    background-color: var(--Bgcolor-primary);
}

.MobeaderWrap{
    height: 70px;
}

.MobLogo{
    height: unset;
}

@media only screen and (max-width: 992px){

    .MobmenuWrap .navbar-toggler{
        color: var(--text-white-color)
    }

    .MobmenuWrap .navbar-collapse{
        width: 40%;
    }

    .content-wrap{
        /* padding-top: 100px; */
    }

    .slideshow-enable .content-wrap {
        /* padding-top: 130px !important; */
    }

    .mobMenuBox{
        margin-top: 80px;
    }

    .user-subscription-cnt > div.container-fluid > div.row .col-lg-2{
        padding-left: 1.5rem !important;
    }

    .dashboard-cs-page .formFields .form-group{
        margin-bottom: 5px;
    }

    .MobRightSide{
        box-shadow: 0px 0px 5px #ccc;
    }

    .mobRightNav{
        padding: 0px;
    }

    .mobRightNav li{
        height: 70px;
    }
    
    .mobRightNav li.active{
        background: #a8206c;
    }
    
    .mobRightNav li.active a{
        color: #fff !important;
    }

    .movie-create-cs-page .container-fluid .row .col-lg-10, .series-create-cs-page .container-fluid .row .col-lg-10{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .video-view-cs-page .content-wrap{
        padding-top: 60px;
    }

    .container{
        max-width: 100% !important;
    }

    .video-view-cs-page .videoPlayerHeight{
        padding-left: 0px;
        padding-right: 0px;
    }

    .banner-wrap .right-wrap{
        position: absolute !important;
    }
}

@media only screen and (max-width: 600px){
    .gridContainer{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 1366px) {
    .ptv_artists_wrap .ptv_artist_thumb {
        height: unset !important;
    }
}

@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.60rem !important;
    }
}

button.navbar-toggler{
    box-shadow: unset;
}

.MobsearchForm{
    background: var(--bg-white-color);
}

.MobsearchForm button{
    color: var(--Bgcolor-primary);
    box-shadow: unset;
}

.MobmenuWrap .navbar-collapse{
    background: var(--bg-white-color);
    top: 70px;
}

.nav-link:focus, .nav-link:hover{
    color: #000;
}

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


/* Popups */
.popup_cnt .comments{
    overflow-y: unset;
}

.popup_cnt .VideoDetails-commentWrap .row{
    justify-content: center;
}

.rightTopList .logged-out .nav-item a.usepicHead{
    line-height: 22px;
}

.popupDesign .modal-content .modal-body button.close{
    padding: 10px !important;
    align-items: center;
    justify-content: center;
    display: flex;
}

.popupDesign .modal-content .modal-header button.close{

    background: var(--Bgcolor-primary);
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    top: -12px;
    right: -12px;
    padding: 10px !important;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 20px;

}

.popupDesign .modal-content .modal-header .modal-title{
    color: var(--popup-title-color);
}

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


.cookie-consent{
    max-width: 100%;
    width: 100%;
    flex-direction: row;
    right: 0;
    bottom: 0.5em;
    box-shadow: 0px 0px 5px #ccc;
}

.cookie-consent span{
    width: 70%;
    margin: 1em 2em 0.5em;
}

.cookie-consent-btn{
    border-radius: 25px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cookie-consent-btn:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}

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

.beta-text{

    top: 3.2em;
    color: #fff;
    position: fixed;
    margin-left: -10px;
    font-style: italic;
    font-weight: 600;

}

.banner-wrap .right-wrap{
    position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.adv-theme .VideoRoWrap .slick-slider .slick-track{
    display: flex;
}

.gridContainer.gridMovie{
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
}

.blog-details{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    padding: 20px;
}

.cast_grid.gridContainer .gridColumn{
    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;
    padding: 10px;
}

.artist_detail-top.channelInfo-wrap.artistDetailsWrap{

    background: var(--bg-white-color);
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 5px;

}

.artist_detail-top.channelInfo-wrap.artistDetailsWrap .playlist-profile-img{
    margin: 15px;
}

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

.channel_description p{
    white-space: normal !important;
}

.gridChannel .ThumbBox-coverImg span img{
    position: absolute !important;
}

.popup_cnt{
    overflow: auto;
}