/*custom font family*/
@font-face {
    font-family: 'trebuchet';
    src: url('/frontend/fonts/trebuc.ttf');
    font-style: italic;
}

/*custom font family*/
/*font-family*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
    --green: #E40000;
    --white: #ffffff;
    --black: #000;
    --orange: #fbbd10;
}

/*font-family*/
body, p, li, a, span, strong, h1, h2, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
}

/*body color*/
body {
    background-color: #000 !important;
}

/*body color*/

/*Default*/
.dis-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dis-flex-start {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.dis-flex-end {
    /* display: flex; */
    /* align-items: flex-end; */
    /* justify-content: center; */
    /* flex-direction: column; */
}

/*Default*/
/*default-heading*/
h1.sec-h2 {
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}
h2.sec-h2 {
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    color: #ffffff;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}

h2.sec-h2:before {
    position: absolute;
    content: "";
    background: #F51B1B;
    height: 5px;
    width: 100px;
    bottom: 0px;
}
h1.sec-h2:before {
    position: absolute;
    content: "";
    background: #F51B1B;
    height: 5px;
    width: 100px;
    bottom: 0px;
}

h2.sec-h2 strong {
    font-weight: 600;
}

h3.sec-h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    color: #000;
    padding-bottom: 30px;
}

h3.sec-h3 strong {
    font-weight: 600;
}

p.sec-p,
.inner_page p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #ffffff;
}

/*default-heading*/
header .bg-light {
    background: transparent !important;
    padding: 0 0;
}

header {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    z-index: 99999;
    background-color: #000;
}

ul.navbar-nav li:last-child ul {
    left: unset !important;
    right: 0;
}

ul.navbar-nav li ul li a {
    color: #000 !important;
}

ul.navbar-nav li ul li a:hover {
    color: #E40000 !IMPORTANT;
    background: #000;
}

ul.navbar-nav li ul {
    padding: 10px 0 !important;
}

.btn-search-movie {
    position: absolute;
    right: 35px;
    padding: 0.375rem;
    top: 0;
    bottom: 0;
    border: unset;
    color: #000;
    font-weight: 600;
    box-shadow: unset !important;
}

.btn-dropdown-list {
    position: absolute;
    z-index: 999;
    right: 7px;
    padding: 0.375rem;
    top: 0;
    bottom: 0;
    border: unset;
    color: #000;
    font-weight: 600;
    box-shadow: unset !important;
}

header form.d-flex {
    position: relative;
}

ul.navbar-nav li ul li {
    margin: 0 !important;
}

ul.navbar-nav li ul li a {
    padding: 10px !important;
}

ul.menu-head li ul li a {
    color: #000 !important;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
}

ul.menu-head {
}

ul.menu-head li {
    display: -webkit-inline-box;
}

ul.menu-head li a {
    line-height: 20px;
    padding: 5px 10px;
    transition: all .5s ease;
}

ul.menu-head li a:hover {
    background-color: #c90000;
}

ul.menu-head li ul {
    padding: 10px 0 !important;
}

ul.menu-head li ul li a:hover {
    background: #000;
    color: #E40000 !important;
}

ul.search-head li ul li a {
    color: #000 !important;
    font-size: 16px;
    padding: 10px;
    font-weight: 600;
    border-radius: unset !important;
}

ul.dropdown-menu.show {
    top: 43px;
    left: -167px;
}

a.dropdown-item {
    font-size: 14px;
    line-height: 20px;
    padding: 3px 15px;
    transition: all .3s ease;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: #f00 !important;
    color: #fff !IMPORTANT;
}

header button.btn.btn-outline-success:hover {
    background: transparent !important;
}

ul.search-head li ul {
    padding: 10px 0 !IMPORTANT;
}

ul.search-head li ul li a:hover {
    background: #000;
    color: #E40000 !IMPORTANT;
}

ul.menu-head li a {
    color: #fff !important;
    font-size: 15px;
}

ul.menu-head li a:after {
    display: none;
}

ul.menu-head li a i {
    padding-right: 10px;
}

ul.menu-head {
    margin: 0 0;
}

ul.navbar-nav li a {
    color: #ffffff !important;
    padding: 15px 0 !IMPORTANT;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

ul.navbar-nav li a img {
    padding-right: 10px;
}

ul.navbar-nav {
}

ul.navbar-nav li {
    margin: 0 20px !important;
}

ul.search-head {
    width: 1100px !important;
    margin: 0;
    margin-left: 30px;
}

ul.search-head li {
    margin: 0 !important;
    display: table-cell;
}

ul.search-head li a {
    background: #fff;
    height: 40px;
    color: #000 !IMPORTANT;
    border-radius: 5px 0px 0px 5px;
}

ul.search-head li li {
    margin: 0 !important;
}

ul.search-head li ul li {
    display: unset !important;
}

ul.search-head li input {
    width: 970px;
    height: 40px !important;
    border-radius: 0px 5px 5px 0px;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    border: unset !important;
    box-shadow: unset !IMPORTANT;
}

ul.navbar-nav li:last-child a i {
    padding-right: 10px;
}

ul.navbar-nav li a:hover {
    color: #e40000 !important;
}

div#navbarNav {
    flex-grow: unset;
}

/*banner*/
.banner {
    background: url(/frontend/images/bgimg.jpg);
    height: 840px;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: 100% 100%;
}

.btnn7:hover .hide {
    right: 100px;
    left: unset !important;
    top: -5px !important;
}

.btnn8:hover .hide {
    right: 10px;
    left: unset !IMPORTANT;
    top: 0px !IMPORTANT;
}

.btnn13:hover .hide {
    right: 6px;
    left: unset !IMPORTANT;
    top: -5px !IMPORTANT;
}

.btnn12:hover .hide {
    right: 6px;
    left: unset !IMPORTANT;
    top: -5px !IMPORTANT;
}

.btnn3:hover .hide {
    top: -10px !IMPORTANT;
    width: 500px !important;
    left: 10px !IMPORTANT;
}

.btnn4:hover .hide {
    top: -10px !IMPORTANT;
    width: 500px !important;
    left: 10px !IMPORTANT;
}

.btnn5:hover .hide {
    top: -10px !IMPORTANT;
    width: 500px !important;
    left: 45px !IMPORTANT;
}

.btnn6:hover .hide {
    top: 0px !IMPORTANT;
    width: 500px !important;
    left: unset !important;
    right: 13px;
}

.btnn11:hover .hide {
    top: -5px !IMPORTANT;
    width: 500px !important;
    left: 10px !important;
}

.btnn10:hover .hide {
    top: -10px !IMPORTANT;
    width: 500px !important;
}

.btnn16:hover .hide {
    top: unset !IMPORTANT;
    width: 500px !important;
    left: 5px !IMPORTANT;
    bottom: 25px;
}

.btnn9:hover .hide {
    top: unset !IMPORTANT;
    width: 500px !important;
    left: 5px !important;
    bottom: 25px;
}

.btnn14:hover .hide {
    top: unset !IMPORTANT;
    width: 500px !important;
    left: 7px !IMPORTANT;
    bottom: 25px;
}

.btnn15:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: 5px !important;
    bottom: 14px;
}

.btnn20:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: 5px !important;
    bottom: 7px;
}

.btnn21:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: 5px !important;
    bottom: 8px;
}

.btnn22:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: 5px !important;
    bottom: 10px;
}

.btnn19:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: unset !IMPORTANT;
    bottom: 13px;
    right: 5px;
}

.btnn17:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: unset !important;
    bottom: 15px;
    right: 5px;
}

.btnn18:hover .hide {
    top: unset !important;
    width: 500px !important;
    left: unset !important;
    bottom: 20px;
    right: 7px;
}

.btnn23:hover .hide {
    bottom: 7px;
    right: 7px;
    top: unset !important;
    width: 500px !important;
    left: unset !important;
}

.btnn24:hover .hide {
    bottom: 8px;
    right: 6px;
    top: unset !important;
    width: 500px !important;
    left: unset !important;
}

.banner img {
    width: 50%;
    transition: .5s ease;
}

.banner .ban-btn .hide h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #fff;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

.ban-btn2 {
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example {
    0% {
        padding-top: 0;
    }
    50% {
        padding-top: 05px;
    }
    100% {
        padding-top: 0px;
    }
}

.ban-btn1 {
    animation-name: example1;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example1 {
    0% {
        padding-bottom: 0;
    }
    50% {
        padding-bottom: 05px;
    }
    100% {
        padding-bottom: 0px;
    }
}

.hide {
    display: none;
    transition: .5s;
}

.banner .hide img {
    width: 100% !important;
    height: 240px;
    /* object-fit: contain; */
}

.ban-btn:hover .hide {
    display: block;
    color: #fff;
    background: #000;
    border: 2px solid;
    /* padding: 10px 10px 10px 10px; */
    margin-top: 20px;
    position: absolute;
    left: 5px;
    width: 190px !IMPORTANT;
    top: 18px;
    z-index: 99;
    text-align: center;
}

.btnn1 a img {
    width: 75px;
}

.btnn1 {
    position: absolute;
    top: 19%;
    left: 4%;
}

.btnn2 {
    position: absolute;
    top: 18%;
    left: 13%;
}

.btnn2 a img {
    width: 75px;
}

.btnn3 {
    position: absolute;
    top: 12%;
    left: 26.5%;
}

.btnn3 a img {
    width: 75px;
}


.btnn4 {
    position: absolute;
    top: 3%;
    left: 38%;
}

.btnn4 a img {
    width: 45px;
}


.btnn5 {
    position: absolute;
    top: 2%;
    right: 37%;
}

.btnn5 a img {
    width: 55px;
}

.btnn6 {
    position: absolute;
    top: 10%;
    right: 25%;
}

.btnn6 a img {
    width: 145px;
}

.btnn7 {
    position: absolute;
    top: 15.5%;
    right: 9%;
}

.btnn7 img {
    width: 50%;
}

.btnn8 {
    position: absolute;
    right: 5%;
    top: 27%;
}

.btnn8 a img {
    width: 140px;
}

.btnn9 {
    position: absolute;
    left: 6%;
    bottom: 36%;
}

.btnn9 a img {
    width: 75px;
}

.btnn10 {
    position: absolute;
    left: 15%;
    bottom: 48%;
}

.btnn10 a img {
    width: 80px;
}

.btnn11 {
    position: absolute;
    left: 20.6%;
    top: 36.4%;
}

.btnn11 a img {
    width: 125px;
}

.btnn12 {
    position: absolute;
    right: 26%;
    top: 34%;
}

.btnn12 a img {
    width: 85px;
}


.btnn13 {
    position: absolute;
    right: 15.8%;
    top: 39%;
}

.btnn13 a img {
    width: 75px;
}

.btnn14 {
    position: absolute;
    left: 12%;
    bottom: 22%;
}

.btnn14 img {
    width: 150PX !important;
}

.btnn15 {
    position: absolute;
    left: 22%;
    bottom: 25%;
}

.btnn15 a img {
    width: 75px;
}

.btnn16 {
    position: absolute;
    left: 26.5%;
    bottom: 46%;
}

.btnn16 a img {
    width: 75px;
}

.btnn17 {
    position: absolute;
    right: 25%;
    bottom: 42%;
}

.btnn17 a img {
    width: 75px;
}


.btnn18 {
    position: absolute;
    right: 13.8%;
    bottom: 29%;
}

.btnn18 img {
    width: 110px !important;
}

.btnn19 {
    position: absolute;
    right: 6%;
    bottom: 36%;
}

.btnn19 a img {
    width: 75px;
}

.btnn20 {
    position: absolute;
    left: 2.5%;
    bottom: 8%;
}

.btnn20 a img {
    width: 85px;
}

.btnn21 {
    position: absolute;
    left: 17%;
    bottom: 6%;
}

.btnn21 a img {
    width: 85px;
}

.btnn22 {
    position: absolute;
    left: 28%;
    bottom: 6.7%;
}

.btnn22 a img {
    width: 85px;
}

.btnn23 {
    position: absolute;
    right: 25.5%;
    bottom: 15%;
}

.btnn23 a img {
    width: 75px !important;
}

.btnn24 {
    position: absolute;
    right: 14%;
    bottom: 8%;
}

.btnn24 img {
    width: 85px !important;
}

div#mainContainer img {
}

video#myVideo {
    width: 100%;
}

/*banner*/
/*vision-section*/
.vision-section {
    background: #030303;
    padding: 50px 0 100px;
}

.vision-section h2.sec-h2:before {
    /* left: 0; */
    /* right: 0; */
    /* margin: auto; */
}

.visionp {
    /* background: #0B0B0B; */
    /* border: 1px solid #707070; */
    padding: 40px 0;
    color: #fff;
    margin-top: -2px;
}

.vision-section h2.sec-h2 {
    margin-bottom: 0px;
    padding-bottom: 30px;
    text-align: left;
}

.vision-section h1.sec-h2 {
    margin-bottom: 0px;
    padding-bottom: 30px;
    text-align: left;
}

.visionp p {
    font-size: 22px;
    font-weight: 300 !important;
    line-height: 36px;
    font-family: 'Roboto' !important;
    margin: 0;
    text-align: left;
}

/*vision-section*/
/*watch-section*/
.watch-section .carousel-caption.d-none.d-md-block {
    top: 40%;
}

section.watch-section img.d-block.w-100 {
    height: 900px !important;
    object-fit: cover;
}

section.watch-section div#carouselExampleControls {
    padding: 0 !important;
}

.watch-section h2 {
    font-size: 65px;
    font-weight: 700;
    font-family: 'Roboto' !important;
    line-height: 95px !important;
}

.watch-section p {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400 !important;
    font-family: 'Roboto' !important;
    width: 60%;
    margin: auto;
}

.watch-section .carousel-control-next, .watch-section .carousel-control-prev {
    width: 2%;
    opacity: 1;
}

.watch-section span.carousel-control-prev-icon {
    background-image: url(/frontend/images/watch-left.png) !important;
    background-repeat: no-repeat !important;
    height: 100px;
    width: 43px;
}

.watch-section span.carousel-control-next-icon {
    background-image: url(/frontend/images/watch-right.png) !important;
    background-repeat: no-repeat !important;
    height: 100px;
    width: 43px;
}

/*watch-section*/
/*category section*/
.category-section {
    padding: 100px 0;
}

.category-section h2.sec-h2 {
    margin-bottom: 50px;
}

.category-section .cate-btn {
    background: #990000;
    height: 120px;
    margin-bottom: 20px;
    padding: 10px;
}

.category-section .cate-btn a {
    width: 100%;
    display: block;
    text-align: center;
    display: flex;
    align-items: center !IMPORTANT;
    justify-content: center;
    height: 100%;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 30px;
    background: #990000;
    border: 1px solid #ffffff85;
    transition: .5s;
}

.category-section .cate-btn a:hover {
    box-shadow: inset 5em 0 0 0 #100e0e, inset -5em 0 0 0 #100e0e;
    border-color: #100e0e;
    color: #fff;
}

/*category section*/
/*section-2*/
.section-2 {
    padding: 50px 0 !important;
    width: 100%;
    overflow: hidden !important;
}

.section-2 .container {
    padding: 0;
}

section.section-2 .sec-2-in {
    margin-bottom: 30px;
    background: #0F0F0F;
    border: 1px solid #ffffff38;
    padding-bottom: 10px;
    transition: .5s;
}

.section-22 .sec-2-in:hover {
    opacity: 0.7;
}

.section-22 a {
    text-decoration: none;
}

.section-2 .tr {
    width: 65%;
    margin: auto;
}

.section-2 .tr .col-lg-6 {
    padding: 0;
}

.section-2 .tr h4 {
    font-size: 14px;
    color: #fff;
    display: inline-table;
    margin-bottom: 0px !important;
    line-height: 20px;
}

.section-2 .tr h4 a {
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
}

.section-2 .info {
    float: right;
}

.section-2 .tr h4 img {
    padding-right: 5px;
    line-height: 10px !important;
}

section.section-2 .rat-btnn img.img-1 {
    width: 10px;
}

section.section-2 .rat-btnn {
    display: inline-block;
    margin-left: 20px;
}

section.section-2 .rat-btnn img.img-2 {
    width: 12px;
}

section.section-2 .rat-btnn img.img-3 {
    width: 14px;
}

section.section-2 .rat-btnn img.img-4 {
    width: 17px;
}

section.section-2 .rat-btnn img.img-5 {
    width: 20px;
}

section.section-2 .rat-btnn img:hover {
    filter: brightness(0.7);
}

section.section-2 .rat-btnn img {
    transition: .5s;
}

.section-2 .sec-2-in .big-img img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.section-2 .sec-2-in .big-img {
    margin-bottom: 20px;
}

.section-2 .sec-2-in h5 {
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    color: #fff;
    align-items: end;
    display: contents;
    float: right;
}

.section-2 .sec-2-in h5 img {
    padding-right: 10px !IMPORTANT;
}

.section-2 .sec-2-in h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    width: 90%;
    margin: auto;
}

section.section-2 .sec-2-in h4.btntwo {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    width: 90%;
    margin: auto;
}

.section-2 .sec-2-in p {
    font-size: 16px;
    font-weight: 300;
    line-height: 29px;
    color: #fff;
}

.section-2 .sec-2-in ul {
    margin: 0;
    padding: 0;
}

.section-2 .sec-2-in ul li {
    display: inline;
    margin: 0px 10px 0 0 !IMPORTANT;
}

.section-2 .sec-2-in ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    background: #E40000;
    padding: 10px 0px !important;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
}

.section-2 .sec-2-in ul li a:hover {
    background: #1C1C1C;
    border-color: #535353;
}

/*section-2*/
/*Explore Section*/
.explore-section {
    padding: 50px 0;
}

.explore-section ul {
    padding: 0;
    margin: 0;
}

.explore-section ul li {
}

.explore-section h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 45px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.explore-section p {
    font-size: 17px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    margin-bottom: 30px;
}

.explore-section ul li {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    padding-left: 20px;
    border-left: 1px solid #CEBA33;
    list-style: none;
}

.explore-section ul li img {
    width: 26px !important;
}

.explore-section ul li h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.explore-section ul li h5 {
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    margin-bottom: 0 !important;
}

.explore-section .d-flex {
    align-items: center;
}

/*Explore Section*/
/*section-4*/
.section-4 {
    padding: 80px 0 !IMPORTANT;
    background: url(/frontend/images/sec-4-bg.png);
    width: 100% !important;
    overflow: hidden !important;
    text-align: center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-4 h2.sec-h2:before {
    left: 0;
    right: 0;
    margin: auto;
}

.section-4 h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.section-4 p {
    color: #fff;
    width: 70%;
    margin: auto;
    padding-bottom: 20px;
}

.section-4 a {
    text-align: center;
    display: flex;
    align-items: center !IMPORTANT;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 20px;
    background: #990000;
    border: 2px solid #990000;
    transition: .5s;
    padding: 15px;
    width: 50%;
    margin: auto;
}

.section-4 a:hover {
    background: #000;
    color: #900;
}

.section-4 h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 0;
    padding: 20px 0;
    color: #fff;
    position: relative;
    width: 80%;
    margin: auto;
}

/*section-4*/
/*social-section*/
.social-section {
    padding: 50px 0;
}

.social-section h2.sec-h2:before {
    left: 0;
    right: 0;
    margin: auto;
}

.social-section h2.sec-h2 {
    margin-bottom: 20px;
}

.social-section .div-social-parent {
    height: 630px;
    background: url(/frontend/images/iphone.png);
    background-size: 100% 100%;
}

.social-section .div-social {
    margin: 0px 19px 0px 19px;
    height: 568px;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    top: 43px;
    border-radius: 7px 7px 42px 42px;
}

.social-section .div-social .max-lines {
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 4.5em;
    line-height: 1.5em;
}

/*social-section*/
/*party section*/
.party-section {
    background: url(/frontend/images/partybg.png);
    display: flex;
    align-items: center;
    justify-content: center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.party-section h2 {
    font-size: 75px;
    font-weight: 700;
    line-height: 108px;
    color: #fff;
    font-family: 'Roboto' !important;
    margin: 0;
}

.party-section p {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    padding-bottom: 30px;
}

.party-section a {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    background: #E40000;
    padding: 15px 40px !important;
    color: #fff !important;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    /*pointer-events: none;*/
    border-radius: 5px;
}

.party-section a:hover {
    background: #1C1C1C;
    border-color: #535353;
}

/*party section*/
/*section-5*/
section.section-5 {
    padding: 50px 0;
    text-align: center;
    width: 100% !important;
    overflow: hidden;
}

.section-5 h2.sec-h2:before {
    left: 0;
    right: 0;
    margin: auto;
}

.section-5 h2.sec-h2 {
    padding-bottom: 20px;
}

.section-5 p {
    width: 60%;
    margin: auto;
    padding-bottom: 30px;
}

.section-5 .pro_box {
    height: 100%;
    overflow: hidden;
    transition: all .5s ease;
    z-index: -1;
    border: 1px solid #878181;
    color: #fff;
    padding: 0 0;
    border-radius: 5px;
    padding: 0 0 20px;
}

.section-5 .pro_box:hover {
    background-color: #100e0e;
    border: 1px solid #818082;
}

.section-5 .pro_box:hover .img-in {
}

.section-5 .pro_box:hover .img-in img {
    transform: scale(1.1);
}

.section-5 .pro_box a.in-btn {
    /* width: 50%; */
    text-align: center;
    background: #E40000 !important;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all .5s ease;
    z-index: 999;
    margin: auto;
    font-size: 13px;
    font-weight: 700;
    padding: 6px 14px;
    display: -webkit-inline-box;
    /* margin: 0 0 0 40px; */
    border-radius: 5px;
}

.section-5 .pro_box {
}

.section-5 .pro_box:hover {
}

.section-5 .pro_box .img-in {
    height: 300px;
    width: 100%;
    overflow: hidden;
}

.section-5 .pro_box .img-in img {
}

.section-5 .pro_box h5 {
    font-size: 14px;
    margin: 10px 0 0;
}

.section-5 .pro_box h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.section-5 .pro_box h3 span {
}

.section-5 .pro_box h3 span del {
}

.section-5 .img-in:hover a.in-btn {
    margin-top: -44px;
    position: relative;
}

.section-5 .img-in img {
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    z-index: 0;
    object-fit: cover;
    /* border: 1px solid #f00; */
}

section.section-5 h4 {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 35px;
    padding-top: 4px;
}

section.section-5 h3 {
    font-size: 0;
    font-weight: 600;
    color: #fff;
    margin: 0px 0 0;
}

section.section-5 h3 span {
    position: relative;
    top: 15px;
    color: #e40000;
    font-size: 16px;
    font-weight: 700;
}

section.section-5 .product-btn {
    padding-top: 30px;
}

section.section-5 .product-btn a {
    font-size: 16px;
    font-weight: 500;
    line-height: 36px;
    background: #E40000;
    padding: 10px 20px !important;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    border-radius: 5px;
}

section.section-5 .product-btn a:hover {
    background: #1C1C1C;
    border-color: #535353;
}

section.section-5 .nav-pills {
    justify-content: center;
    margin: 0 0 30px !important;
}

section.section-5 .nav-pills li {
}

section.section-5 .nav-pills li button {
    background-color: #fff;
    margin: 0 8px;
    border-radius: 0;
    padding: 10px 30px;
    color: #F51B1B;
    font-weight: 700;
}

section.section-5 .nav-pills li button.active {
    background-color: #F51B1B;
}

/*section-5*/
/*section-6*/
.section-6 {
    padding: 20px 0px 50px 0 !important;
    background: #100E0E;
    width: 100%;
    overflow: hidden;
}

.section-6 ul#myTab {
    float: right;
    border: unset;
    top: -40px;
    position: relative;
    margin-top: -40px;
}

.section-6 div#myTabContent {
    width: 100% !important;
    float: right;
}

.section-6 .container {
    padding: 0;
}

.section-6 .nav-tabs .nav-link.active {
    background: transparent;
    border: unset;
    color: #E40000;
}

.section-6 .nav-tabs .nav-link {
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    padding: 0px 10px !important;
    border: unset !IMPORTANT;
    border-right: 2px solid #fff !important;
    border-radius: unset;
}

.section-6 .sec-6-2 .big-img img {
    border: 1px solid #999;
}

.section-6 .sec-6-2 .big-img {
    margin-bottom: 20px;
}

.section-6 .sec-6-2 h5 {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    align-items: end;
    display: flex;
}

.section-6 .sec-6-2 h5 img {
    padding-right: 10px !IMPORTANT;
}

.section-6 .sec-6-2 h3 {
    font-size: 23px;
    font-weight: 500;
    line-height: 46px;
    color: #fff;
}

.section-6 .sec-6-1 {
    background: #1C1E1E;
    color: #fff;
    padding: 80px 20px !important;
}

.section-6 .sec-6-1 h3 {
    font-size: 22px !important;
    align-items: end;
    line-height: 25px;
    padding-bottom: 30px;
}

.section-6 .sec-6-1 h3 span {
    font-size: 18px;
    float: right;
}

.section-6 .film-list {
    border-bottom: 1px solid;
    padding: 30px 0 !important;
}

.section-6 .sec-6-1 .flex-shrink-0 {
    display: flex;
    align-items: center;
}

.section-6 .film-list p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}

.section-6 .film-list h5 {
    margin: 0;
    font-size: 21px;
}

.section-6 button#newlast-tab {
    border: unset !important;
}

/*section-6*/
/*last-section*/
.last-section {
    padding: 50px 0 30px !important;
    background: #100E0E;
}

.last-section img.img-fluid {
    width: 30%;
}

.last-section .col-lg-7.dis-flex-start {
    align-items: end !important;
}

.last-section ul.social-ul li {
    display: inline;
    margin: 0 0px !IMPORTANT;
    padding: 5px 20px !important;
    border-right: 1px solid #ffffff8c;
}

.last-section ul.social-ul {
    margin: 0;
    padding: 0;
}

.last-section ul.social-ul li a {
    color: #fff;
    text-decoration: unset;
    font-size: 18px;
    line-height: 32px;
}

.last-section ul.social-ul li:last-child {
    border-right: unset !IMPORTANT;
}

.last-section ul.social-ul li a i {
    font-size: 25px;
    padding-right: 10px;
}

/*last-section*/
/*footer*/
.footer-up h3.sec-h3 {
    color: #ffffff;
    padding-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
}

.footer-up .row {
}

ul.footer-ul-1 li {
    margin: 25px 0 !IMPORTANT;
    list-style: none;
}

ul.footer-ul-1 li a {
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    transition: all .5s ease;
}

ul.socialicon li a:hover i {
    color: #a10909 !important;
    border-color: #a10909;
}

footer .footer-up ul li {
    list-style: none;
    margin: 0px 0px !important;
    line-height: 20px;
}

.footer-up ul {
    padding: 0;
    margin: 0;
}

footer .footer-up ul li a {
    color: #ffffff !IMPORTANT;
    text-decoration: none;
    font-size: 16px;
    line-height: 32px;
    transition: all .5s ease;
}

footer .footer-up ul li a:hover {
    color: #E40000 !important;
}

ul.footer-menu-1 li a:hover {
    color: #295397;
}

.footer-up {
    background: #100E0E;
    padding: 30px 0 !important;
    z-index: 0;
}

.footer-down {
    padding: 0px 0 !important;
    background: #100e0e;
}

.footer-down-in {
    border-top: 1px solid #B9B9B9;
    padding: 10px 0 !IMPORTANT;
}

.footer-down-in {
}

.footer-down p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 !IMPORTANT;
    line-height: 24px;
}

.footer-down p span,
.footer-down p span a {
    color: #100E0E !important;
}

.footer-up ul.footer-menu-4 {
    column-count: 2;
}

.footer-up input[type="email"] {
    height: 45px;
    width: 100%;
    padding: 0 20px !IMPORTANT;
    color: #000;
    margin: 20px 0 10px 0 !IMPORTANT;
    font-size: 16px !important;
    border-radius: 5px;
    border: 0;
}

.footer-up button.btn.btn-primary {
    height: 45px;
    width: 100%;
    color: #fff;
    background: #E40000;
    border: 2px solid #E40000;
    font-size: 16px;
    font-weight: 500;
    transition: all .5s ease;
    border-radius: 5px;
}

.footer-up button.btn.btn-primary:hover {
    background: transparent;
    color: #e40000;
}

.footer-down .copyright {
    float: right;
}

.footer-down .copyright ul li {
    display: inline;
    margin: 0 10px !important;
}

.footer-down .copyright ul {
    margin: 0;
    padding: 0;
}

.footer-down .copyright ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0 !IMPORTANT;
    line-height: 42px;
    text-decoration: none;
}

/*Floating Social icons*/

#floating-icons {
    height: 250px;
    width: 10px;
    position: fixed;
    text-align: center;
    padding: 10px;
    z-index: 99999;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
}

#floating-icons p {
    color: white;
    position: relative;
    margin: 0; /* left: -10px; */
    font-size: 14px;
    text-align: left;
    width: 100%;
}

#floating-icons p i {
    color: #fff;
    right: 5px;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    width: 30px;
    /* display: inline; */
    /* align-items: center; */
    /* justify-content: center; */
}

#floating-icons .social a {
    text-decoration: none;
    width: 100%;
}

#floating-icons .social {
    margin-left: -212px;
    padding: 0 0 0 30px !important;
    width: 220px;
    padding: 0;
    display: inline-table;
    height: 50px;
    background-color: #000000;
    -moz-transition-property: margin-left;
    -moz-transition-duration: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-property: margin-left;
    -ms-transition-duration: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-property: margin-left;
    -o-transition-duration: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-property: margin-left;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-delay: 0.2s;
    box-shadow: 0px 0px 6px 0px #303e56;
    cursor: pointer;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    transition: all .5s ease;
}

#floating-icons .social:hover {
    margin-left: -30px;
    width: 230px;
    background-color: #3b5998;
}

#floating-icons .facebook:hover {
    background-color: #3b5998;
}

#floating-icons .instagram:hover {
    background-color: #8a3ab9;
}
#floating-icons .tiktok:hover {
    background-color: #24ece7;
}

#floating-icons .twitter:hover {
    background-color: #4099FF;
}

#floating-icons .google:hover {
    background-color: #DD4B39;
}

#floating-icons .linkedin p i {
    left: 28px;
}

#floating-icons .instagram p i {
    /* left: 24px; */
}

#floating-icons .google p i {
    left: 44px;
}

#floating-icons .youtube p i {
    /* left: 25px; */
}

#floating-icons .youtube:hover {
    background-color: #E52D27;
}
#floating-icons .twitter:hover {
    background-color: #000 !important;
}

#floating-icons .linkedin:hover {
    background-color: #0976B4;
}

/*Floating Social icons*/
/*about-page*/
/*about section banner*/
section.inner_banner {
    height: 300px;
    background: url(/frontend/images/about-banner.png);
    display: flex;
    align-items: flex-end;
    color: #fff;
    justify-content: flex-start;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 0 0 50px 0;
}

section.inner_banner h1 {
    font-size: 72px;
    font-weight: 700;
    line-height: 45px;
    font-family: 'Roboto' !important;
    text-align: left;
}
section.inner_banner h2 {
    font-size: 72px;
    font-weight: 700;
    line-height: 45px;
    font-family: 'Roboto' !important;
    text-align: left;
}

/*about section banner*/
/*about section 2*/
.about-section2 {
    padding: 50px 0;
}

.about-section2 p {
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 32px;
    font-family: 'Roboto' !important;
    color: #fff;
}

/*about section 2*/
/*about section 3*/
.about-page .vision-section {
    padding: 50px 0;
}

.mission-section {
    padding: 50px 0;
}

.about-section3 {
    padding: 50px 0;
    background: #111111;
}

.about-section3 p {
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 32px;
    font-family: 'Roboto' !important;
    color: #fff;
}

/*about section 3*/
/*about section team*/
.about-team {
    padding: 50px 0;
}

.about-team h2.sec-h2 {
    margin-bottom: 70px;
}

.about-team h2.sec-h2:before {
    left: 0;
    right: 0;
    margin: auto;
}

.about-team .team-in {
    text-align: center;
}

.about-team .team-in h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    padding: 20px 0;
}

/*about section team*/
/*about-page*/
/*movie page*/
.movies-section .container {
    padding: 0;
}

.movies-section .sec-2-in h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    height: 50px;
    width: 90%;
    display: none;
    margin: auto;
}

.movies-section .sec-2-inn {
    border: 1px solid #ffffff38;
    transition: .5s;
    margin: 5px;
    position: relative;
}

.movies-section .sec-2-inn:hover {
}

.movies-section .sec-2-in h4.btntwo {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    width: 90%;
    margin: auto;
}

.movies-section ul.dropdown-menu.show {
    padding: 10px;
}

.movies-section a.dropdown-item {
    padding: 2px !IMPORTANT;
}

.movies-section ul.movtab li {
    display: table-cell;
}

.movies-section ul.movtab {
    padding-right: 50px;
    margin: 0;
    padding-left: 0;
    float: right;
    margin-top: 14px;
}

.movies-section ul.movtab li a {
    border: 1px solid #fff;
    padding: 10px;
    opacity: .6;
    transition: .5s ease;
}

.movies-section ul.movtab li a:hover {
    opacity: 1;
}

.movies-section .sec-2-in {
    background: #0F0F0F;
    /* border: 1px solid #ffffff38; */
    transition: .5s;
    margin: 5px;
    border-radius: 8px;
    padding-bottom: 4px;
}

.movies-section .sec-2-in:hover {
    opacity: 0.7;
}

.movies-section .sec-2-in .big-img img {
    height: 250px;
    width: 100%;
    height: 340px;
    object-fit: cover;
    margin: 0 0 4px;
    border-radius: 5px 5px 0px 0px;
}

.movies-section .sec-2-in .big-img {
}

.movies-section .sec-2-inn img {
    height: 180px;
    object-fit: cover;
    width: 100% !IMPORTANT;
    transition: .5s ease;
}

.movies-section .sec-2-inn h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    text-align: center;
    width: fit-content;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: center;
    display: flex;
    opacity: 0;
    transition: .5s aese;
}

.movies-section .sec-2-inn a {
    text-decoration: none;
}

.movies-section .sec-2-inn:hover img {
    opacity: 0.4;
}

.movies-section .sec-2-inn:hover h3 {
    opacity: 1;
}

.movies-section {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #040404;
}

.movies-section ul#pills-tab {
    background: linear-gradient(45deg, #2B0303, #b61616, #460303);
    padding: 15px 30px !important;
    margin-bottom: 20px !important;
}

.movies-section .nav-pills .nav-link.active {
    background: transparent;
    color: #fff;
}

.movies-section .nav-pills .nav-link {
    color: #fff;
    font-size: 18px;
    border-right: 2px solid #fff;
    border-radius: unset;
    padding: 0 10px !important;
    line-height: 15px;
}

.movie-btnn ul li {
    display: inline;
    margin: 0 5px !IMPORTANT;
}

.movie-btnn ul {
}

.movie-btnn {
    margin-bottom: -65px;
    position: absolute;
    right: 17%;
    top: 10px;
}

.movies-section .ex-btn {
    padding-top: 20px;
}

.movies-section .ex-btn a {
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    background: #E40000;
    padding: 15px 30px !important;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    letter-spacing: 1px;
}

.movies-section button#dropdownMenuButton1 {
    background-color: #5C5C5C;
    border-color: #fff;
    border-radius: unset;
    padding: 5px 40px !IMPORTANT;
    margin-top: 7px;
}

.movies-section .ex-btn a:hover {
    background: #1C1C1C;
    border-color: #535353;
}

.budget-section p {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 10px;
}

.budget-section {
    padding: 40px 0;
}

.budget-section p strong {
    padding-right: 30px;
    font-size: 22px;
    font-weight: 700;
}

.budget-section .rated {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(134deg, #e40000 25%, #ffffff 25.1%);
    padding: 20px 20px !IMPORTANT;
    width: 90%;
    align-items: center;
    margin-bottom: 30px;
}

.budget-section .rated h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0 !important;
    padding-right: 100px;
}

.budget-section .rated h4 {
    margin: 0;
    color: #000;
    font-size: 16px;
}

.box-sec ul li {
    list-style: none;
    font-size: 16px !IMPORTANT;
    font-weight: 400 !important;
    line-height: 30px !important;
    margin-bottom: 30px !important;
}

.box-sec ul {
    margin: 0;
    padding: 0;
    column-count: 2;
    width: 60%;
}

.box-sec ul li strong {
    font-size: 22px;
    font-weight: 700;
}

/*movie page*/


.rat-btnn {
    display: inline-block;
    padding-bottom: 10px;
}

.rat-btnn img.img-1 {
    width: 21px;
}

.rat-btnn img.img-2 {
    width: 25px;
}

.rat-btnn img.img-3 {
    width: 30px;
    height: unset !important;
}

.rat-btnn img.img-4 {
    width: 35px;
}

.rat-btnn img.img-5 {
    width: 40px;
}

.rat-btnn img:hover {
    filter: brightness(0.7);
}

.single1 .ratreview textarea {
    height: 90px;
    background: transparent !important;
    padding: 10px 10px !important;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #fff !important;
    box-shadow: unset !important;
    border: 1px solid #fff !IMPORTANT;
}

.single1 button.btn.btn-primary.mb-3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    background: #E40000;
    padding: 5px 30px !important;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    letter-spacing: 1px;
    border-radius: inherit;
}

.single1 .ratreview form {
}

.single1 .poster-img img {
    height: 450px;
    width: 100%;
}

.single1 .actor-img img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.single1 iframe {
    height: 450px;
    width: 100%;
}

.single1 .rat-btnn img {
    height: unset !important;
}

.single1 .rat-btnn img {
    transition: .5s;
}

.single1 {
    padding: 80px 0 !IMPORTANT;
    background: #1F1F1F;
    color: #fff !IMPORTANT;
}

.single1 ul.mov-info li {
    list-style: none;
    display: inline;
    padding: 0px 20px;
    border-right: 2px solid #fff;
    font-size: 20px;
    line-height: 45px;
}

.single1 ul.mov-info {
    margin: 0;
    padding: 0;
}

.single1 ul.mov-info li:first-child {
    padding-left: 0;
}

.single1 ul.mov-info li:last-child {
    border: unset;
}

.single1 h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
    color: #ffffff;
}

.single1 .rat-btnn h5 {
    line-height: 38px;
    padding-left: 10px;
    font-size: 18px;
}

.single1 ul#pills-tab {
    justify-content: center;
}

.single1 .picture-section {
    padding: 10px 0 50px 0;
}

.single1 .picture-section .pic-in img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.single1 .nav-pills .nav-link {
    border: 1px solid #E40000;
    border-radius: 0;
    color: #fff !important;
    padding: 10px 40px !important;
}

.single1 .picture-section .pic-in {
    padding: 5px;
}

.single1 .nav-pills .nav-link.active {
    background: #E40000 !important;
}

.single1 .ratreview {
    padding: 30px 0 0px 0 !important;
}

.single1 .ratreview ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #707070;
    list-style: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 35px;
}

.single1 .ratreview ul {
    margin: 0;
    padding: 0;
}

.single1 .ratreview ul li span {
    float: right;
}

.single1 .ratreview ul li strong {
    font-size: 18px;
    font-weight: 700;
}


.single1 button.btn.btn-primary.mb-3:hover {
    background: #1C1C1C;
    border-color: #535353;
}

.single1 .cliname h3 {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    line-height: 30px;
}

.single1 .cliname ul {
    column-count: 3;
}

.single1 .clientreview .rat-btnn {
}

.single1 .clientreview {
    padding: 30px 0 10px 0;
}

.single1 .actor-posts {
    padding: 30px 0 10px 0;
}

/*Single episode_sec*/
.single1 .episode_sec {
}

.single1 .episode_sec .card {
    height: 170px;
}

.single1 .episode_sec .card .img-box {
    height: 168px;
    width: 100%;
}

.single1 .episode_sec .episode-card {
    background: transparent !important;
    border: 1px solid #454444 !important;
}

.single1 .episode_sec .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single1 .episode_sec .card .card-body {
    align-self: center;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-left: 30px;
    position: relative;
}

.single1 .episode_sec .nav-pills {
    display: -webkit-inline-box;
    width: 100%;
    overflow-x: scroll;
    flex-wrap: inherit;
}

.single1 .episode_sec .nav-pills li {
    position: relative;
}

.single1 .episode_sec .nav-pills li button {
}

.single1 .episode_sec .card .card-body h5 {
    color: #f1f1f1;
    font-size: 22px;
    font-weight: 700;
    position: relative;
    width: 100%;
    padding: 0px 85px 0 0;
}

.single1 .episode_sec .nav-pills::-webkit-scrollbar {
    height: 0;
    display: none;
}

.single1 .episode_sec .card .card-body p {
    color: #f1f1f1;
    margin: 10px 0 10px;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.single1 .episode_sec .card .card-body small {
    position: absolute;
    top: 5%;
    right: 2%;
    font-size: 14px;
    color: #e40000 !important;
}

.single1 .episode_sec #season_tab {
}

.single1 .episode_sec #season_tab .slick-track {
    width: 100% !important;
    display: unset;
}

.single1 .episode_sec #season_tab .slick-track .item {
}

.ads-section a img {
    margin-bottom: 10px;
}

/*Single Podcast*/


.clientreview ul {
    margin: 0;
    padding: 0;
}

.clientreview ul li {
    list-style: none;
    color: #fff;
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 30px;
}

.clientreview ul li img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    object-fit: cover;
}

.clientreview ul li h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #fff !important;
}

.clientreview ul li h5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0 !important;
}

.clientreview .d-flex {
    align-items: center;
}


.actor-posts ul {
    margin: 0;
    padding: 0;
}

.actor-posts ul li {
    list-style: none;
    color: #fff;
    font-size: 20px;
    line-height: 80px;
    margin-bottom: 30px;
}

.actor-posts img {
    width: 80px !important;
    height: 120px !important;
    object-fit: cover;
    position: relative;
}

.actor-posts h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #fff !important;
}

.actor-posts h5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0 !important;
}

.actor-posts .d-flex {
    align-items: center;
}

.single1 .cliname h3 img {
    padding-right: 6px;
    width: unset;
    height: 35px !important;
}

.single1 .rev p {
    font-size: 17px !important;
    line-height: 20px;
}

.single1 .rev h4 {
    font-size: 12px;
    line-height: 30px;
}

.single1 h3 {
    font-size: 20px !important;
    line-height: 30px;
}

.single1 p {
}

.single1 ul.liey li {
    display: inline;
    margin: 0 20px 0px 0;
}

.single1 ul.liey {
    padding: 0;
    margin: 0;
    padding-bottom: 40px;
}

.single1 ul.liey li a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

.single1 ul.liey li a img {
    padding-right: 15px;
}

.single1 ul.m-btn li {
    display: inline;
    margin: 0px 15px 0 0;
}

.single1 ul.m-btn {
    margin: 0;
    padding: 0;
}

.single1 ul.m-btn li a {
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    background: #E40000;
    padding: 15px 20px !important;
    color: #fff;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    letter-spacing: 1px;
    border-radius: inherit;
}

.single1 ul.m-btn li a:hover {
    background: #1C1C1C;
    border-color: #535353;
}

/* Podcast*/
section.watch-section {
    background: url(/frontend/images/watchbg.png);
    padding: 60px 0px !important;
    background-attachment: fixed;
}

section.watch-section .podcast p {
    line-height: 45px;
}

section.watch-section .podcast h2 {
    color: #fff;
    margin-bottom: 3px;
}

section.watch-section .podcast_box {
    position: relative;
    background: #f1f3f4;
    box-shadow: 0 50px 80px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

section.watch-section .podcast_box .imgbx {
    position: relative;
    width: 100%;
    height: 240px;
}

section.watch-section .podcast_box .imgbx img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.watch-section .podcast_box .imgbx h3 {
    font-size: 24px;
    z-index: 99999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .7);
    color: #Fff;
    padding: 0 30px;
    text-align: center;
}

section.watch-section .podcast_box audio {
    width: 100%;
    outline: none;
}

section.watch-section .podcast p {
    color: #fff;
    margin: 0px auto 40px;
}

section.podcast_page {
    background: unset;
    padding: 40px 0 !important;
}

section.podcast_page iframe {
    width: 100%;
    height: 350px;
    border-radius: 5px;
}

section.podcast_page iframe .ytp-cued-thumbnail-overlay-image {
}

section.podcast_box .imgbx {
    height: 300px !important;
}


.product-btn {
    margin-top: 45px;
}

.podcast {
    backdrop-filter: blur(1px);
    width: 75% !important;
    margin: 0 auto !important;
}

.podcast a {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    background: #E40000;
    padding: 16px 45px;
    color: #fff !important;
    text-decoration: unset;
    border: 1px solid #E40000;
    transition: .5s;
    letter-spacing: 0.4px;
    border-radius: 5px;
}

/* Podcast*/
/*signup page*/
.signup-section {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: 'Jost', sans-serif;
}

.signup-section .main {
    width: 400px;
    height: 570px;
    background: #E40000 !important;
    overflow: hidden;
    background: url("https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38") no-repeat center/ cover;
    border-radius: 10px;
    box-shadow: 5px 20px 50px #000;
}

.signup-section #chk {
    display: none;
}

.signup-section .signup {
    position: relative;
    width: 100%;
    height: 100%;
}

.signup-section label {
    color: #fff;
    font-size: 2.3em;
    justify-content: center;
    display: flex;
    margin: 50px;
    font-weight: bold;
    cursor: pointer;
    transition: .5s ease-in-out;
    text-transform: uppercase;
}

.signup-section input {
    width: 80%;
    height: 50px;
    background: #e0dede;
    justify-content: center;
    display: flex;
    margin: 20px auto;
    padding: 10px;
    border: none;
    outline: none;
    border-radius: 5px;
}

.signup-section button {
    width: 60%;
    height: 40px;
    margin: 10px auto;
    justify-content: center;
    display: block;
    color: #fff;
    background: #000 !important;
    font-size: 1em;
    font-weight: bold;
    margin-top: 20px;
    outline: none;
    border: none;
    border-radius: 5px;
    transition: .2s ease-in;
    cursor: pointer;
}

.signup-section button:hover {
    background: #000 !important;
}

.signup-section .login {
    height: 530px;
    background: #eee;
    border-radius: 60% / 10%;
    transform: translateY(-180px);
    transition: .8s ease-in-out;
}

.signup-section .login label {
    color: #E40000 !IMPORTANT;
    transform: scale(0.6);
    padding-top: 15px !important;
}

.signup-section #chk:checked ~ .login {
    transform: translateY(-570px);
}

.signup-section #chk:checked ~ .login label {
    transform: scale(1);
}

.signup-section #chk:checked ~ .signup label {
    transform: scale(.6);
}

.opacity-25 {
    filter: brightness(0) contrast(0) !important;
}

.clientreview {
    border-bottom: 1px solid #555555;
}

.clientreview:last-child {
    border-bottom: none;
}

.actor-posts {
    border-bottom: 1px solid #555555;
}

.actor-posts:last-child {
    border-bottom: none;
}

span.rating-num {
    font-size: 16px !important;
    margin-right: 1px !important;
}

/*signup page*/
/*desktop responsive*/
@media only screen and (max-width: 1680px) {
    .movie-btnn {
        right: 12%;
    }

    ul.search-head {
        width: 900px !important;
    }

    ul.search-head li input {
        width: 850px;
    }
}

@media only screen and (max-width: 1580px) {
    .movie-btnn {
        right: 10%;
    }

    ul.search-head {
        width: 820px !important;
    }

    ul.search-head li input {
        width: 740px;
    }
}

@media only screen and (max-width: 1444px) {
    ul.navbar-nav li {
        margin: 0px 7px !important;
    }

    .podcast {
        background: #00000045 !important;
        backdrop-filter: blur(1px);
        width: 72% !important;
        margin: 0 auto !important;
        padding: 50px 0px 90px;
    }

    ul.search-head {
        width: 680px !important;
    }

    ul.search-head li input {
        width: 600px;
    }

    .movie-btnn {
        right: 6%;
    }

    .section-2 .sec-2-in ul li a {
        font-size: 14px;
    }

    .section-2 .nav-tabs .nav-link {
        font-size: 22px;
    }

    .section-6 .nav-tabs .nav-link {
        font-size: 22px;
    }

    .section-6 ul#myTab {
        top: -30px;
    }

    .section-6 .sec-6-2 .big-img {
        margin-bottom: 10px;
    }

    .last-section ul.social-ul li a {
        font-size: 21px;
    }

    .last-section ul.social-ul li a i {
        font-size: 30px;
    }

    .banner img {
        width: 35%;
    }

    .banner {
        height: 700px;
    }

    .btnn11 {
        top: 33.4%;
    }

    .btnn16 {
        bottom: 44%;
    }

    .btnn7:hover .hide {
        right: 122px;
        top: -10px !important;
    }
}

@media only screen and (max-width: 1366px) {
    .banner h2 {
        width: 100%;
        font-size: 76px;
    }

    ul.search-head {
        width: 590px !important;
    }

    ul.search-head li input {
        width: 530px;
    }

    .section-2 .sec-2-in h3 {
        font-size: 16px;
    }

    .section-2 .sec-2-in p {
        font-size: 14px;
        font-weight: 300;
        line-height: 23px;
    }

    .section-2 .sec-2-in ul li a {
        font-size: 13px;
        padding: 5px 10px !important;
    }

    .section-4 p {
        font-size: 16px;
    }

    .section-5 p {
        font-size: 17px;
    }

    .section-2 .sec-2-in h3 {
    }

    .section-6 .film-list {
        padding: 20px 0 !important;
    }

    .section-6 .sec-6-1 h3 {
        font-size: 18px !important;
    }

    .section-6 .sec-6-1 h3 span {
        font-size: 15px;
    }

    .last-section ul.social-ul li a {
        font-size: 17px;
    }

    footer .footer-up ul li a {
        font-size: 16px;
    }

    .btnn6 a img {
        width: 90px;
    }

    .btnn6 {
        right: 26%;
    }

    .btnn4 a img {
        width: 35px;
    }

    .btnn3 a img {
        width: 55px;
    }

    .btnn8 a img {
        width: 100px;
    }

    .btnn11 a img {
        width: 100px;
    }

    .btnn14 img {
        width: 100PX !important;
    }

    .btnn18 img {
        width: 100px !important;
    }

    .banner {
        height: 590px;
    }

    .watch-section p {
        font-size: 35px;
        line-height: 44px;
        width: 70%;
    }

    .about-section2 p {
        font-size: 16px;
        font-weight: 300 !important;
        line-height: 32px;
    }

    .about-section3 p {
        font-size: 16px;
        font-weight: 300 !important;
        line-height: 32px;
    }

    .movie-btnn {
        right: 10%;
    }

    section.about-banner {
        height: 300px;
    }

    section.about-banner h2 {
        font-size: 52px;
    }
}

@media only screen and (max-width: 1280px) {
    .banner {
        height: 570px;
    }

    .movie-btnn {
        right: 8%;
    }

    .movies-section .sec-2-in h3 {
        font-size: 22px;
    }

    .movies-section .sec-2-in {
        margin-bottom: 20px;
    }

    ul.search-head {
        width: 500px !important;
    }

    ul.search-head li input {
        width: 450px;
    }
}

@media only screen and (max-width: 1199px) {
    .movies-section .nav-pills .nav-link {
        font-size: 18px;
    }

    ul.search-head {
        width: 450px !important;
    }

    ul.search-head li input {
        width: 380px;
    }

    last
    .movie-btnn {
        right: 12%;
    }

    .movies-section .sec-2-in h3 {
        font-size: 20px;
    }

    ul.navbar-nav {
        margin-left: 30px;
    }

    ul.navbar-nav li a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1024px) {
    ul.search-head {
        width: 300px !important;
    }

    ul.search-head li input {
        width: 200px;
    }
}

.single1 .rev p.customer-name {
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: -2px !important;
    text-decoration: underline;
}

.single1 .rev p.review-time {
    font-size: 11px !important;
    margin-bottom: 8px !important;
}

.search-bar {
    width: 60%;
    margin: 0 0 0 20px;
}

/*desktop responsive*/
/*header*/

/*header*/


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

/*Searchbar*/
#suggestion-result {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 99%;
    top: 50px;
    z-index: 999;
    margin: auto;
    border-radius: 20px;
    background-color: #080808 !important;
}

#suggestion-result li a {
    background: #100e0e;
    list-style: none;
    text-decoration: none;
    border-bottom: 1px solid #343434;
    margin: 0;
    padding: 10px;
    transition: background 0.2s;
    display: flex;
    justify-content: flex-start;
    text-transform: capitalize;
}

#suggestion-result li a:hover {
    background: #efeff1 !important;
}

#suggestion-result li a:hover p.name {
    color: #000;
}

#suggestion-result li img {
    width: 80px;
    height: 100px;
    object-fit: scale-down;
}

#suggestion-result li .detail {
    padding: 0 30px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

#suggestion-result li .detail p.name {
    font-size: 22px;
    font-weight: 400;
    color: #ffffffc9;
}

#suggestion-result li .detail p.name .hl {
    font-weight: 900;
    color: #ff0000;
}

#suggestion-result li .detail p.population {
    font-size: 14px;
    font-weight: 500;
    color: red;
}

#suggestion-result li .detail p.actors {
    color: grey;
}

#suggestion-result li .detail p {
    margin: 0;
}

#suggestion-result li.m-auto {
    display: flex;
    background: white;
    justify-content: center !important;
}

div#social-links {
    float: right;
}

div#social-links ul li {
    display: inline-block;
}

div#social-links ul li a {
    padding: 10px;
    margin: 1px;
    font-size: 30px;
    color: #E40000;
}

span.population {
    font-size: 15px;
}

/*Searchbar*/
::-moz-selection { /* Code for Firefox */
    color: white;
    background: red;
}

::selection {
    color: white;
    background: red;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-track {
    background: #cdcdcd;
}

*::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.div-social::-webkit-scrollbar {
    width: 0px !important;
}

.rating-year-detail {
    font-size: 14px;
    font-weight: 500;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rating-spec-detail {
    display: flex;
    align-items: center;
}

.rating-spec-detail img {
    margin-right: 5px;
}

.rating-year-star-icon {
    padding-right: 5px;
    color: #f5c518 !important;
    font-size: 12px !important;
}

/*Footer_PopUp*/
.footer_popup {
}

.footer_popup .modal-body {
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px #0c0c0c;
}

.footer_popup .modal-body .content {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url(../../assets/images/popup-img.jpg) no-repeat;
    padding: 0 15px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.footer_popup .modal-body .content a.btn {
    background-color: #075e54;
    padding: 10px 50px;
    color: #fff;
}

.footer_popup .modal-body .content:before {
    position: absolute;
    content: "";
    background: linear-gradient(320deg, #241818, #E40000, #141010);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.footer_popup .modal-body .content h2 {
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: 0 0 10px;
}

.footer_popup .modal-body .content h2 strong {
    font-weight: 900;
    color: #ffc815;
    display: block;
}

.footer_popup .modal-body .content form {
    margin: 30px auto 0;
    width: 90%;
}

.footer_popup .modal-body .content form input {
    margin: 0 0 10px;
    height: 50px;
    border: 0;
    border-radius: 6px;
    width: 75%;
    float: left;
}

.footer_popup .modal-body .content form button {
    /* width: 100%; */
    height: 50px;
    text-transform: uppercase;
    border-radius: 6px;
    background-color: #fff;
}

.footer_popup .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background-color: #fff;
    opacity: 1;
    border-radius: 0;
    padding: 15px;
    font-size: 10px;
}

/*Footer_PopUp*/

.prior-num {
    position: absolute;
    bottom: 0%;
    left: -25%;
    line-height: 50px;
    font-size: 50px !important;
    -webkit-text-stroke: 2.5px #F51B1B;
    color: #000;
    text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    font-weight: 800;
    letter-spacing: -5px;
    font-family: 'Barlow Condensed', sans-serif !important;
    z-index: 1;
}

.prior-num sup {
    position: absolute;
    top: 38px;
    z-index: -1;
    left: -12px;
    -webkit-text-stroke: 1px #ff0000;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

/* BEATX PLAYER */
.jp-audio {
    width: 100% !important;
}

.beatx-playyer {
    position: absolute;
    bottom: -34px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.beatx-playyer.fixed-player {
    position: fixed;
    bottom: 7px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 9999;
}

.beatx-playyer.fixed-player.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.beatx-playyer.fixed-player .jp-gui.jp-interface {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.beatx-playyer .jp-playlist {
    display: none;
}

.beatx-playyer .musicc-controls > h2 {
    display: inline-block;
    width: auto;
}

.beatx-playyer .music-cont {
    display: inline-block;
    width: auto;
}

.beatx-playyer .musicc-controls {
    width: 100%;
    position: static;
    padding: 0;
}

.beatx-playyer .jp-audio .jp-type-playlist .jp-time-holder,
.beatx-playyer .jp-volume-controls {
    position: static;
    padding: 0;
}

.beatx-playyer .jp-audio .jp-type-playlist .jp-progress {
    width: 100%;
    margin: 0;
}

.beatx-playyer .jp-audio .jp-interface,
.beatx-playyer .jp-audio-stream .jp-interface {
    height: auto;
}

.beatx-playyer .jp-gui.jp-interface {
    background-color: #fff;
    padding: 22px 45px 21px;
    -webkit-box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 54px rgba(0, 0, 0, 0.10);
}

.beatx-playyer .jp-audio,
.beatx-playyer .jp-audio-stream,
.beatx-playyer .jp-video {
    background: transparent;
}

.beatx-playyer .jp-title {
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 30px;
}

.beatx-playyer .jp-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    opacity: 0.31;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -6px;
    animation: zoominoutsinglefeatured 1s infinite;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

.beatx-playyer .jp-title:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    width: 6px;
    height: 6px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-top: 2px;
}

.beatx-playyer .jp-audio .jp-play {
    background: #E40000;
    width: 110px;
    height: 110px;
    line-height: 118px;
    display: inline-block;
}

.beatx-playyer .jp-play i {
    font-size: 30px;
    color: #fff;
}

.beatx-playyer .jp-previous,
.beatx-playyer .jp-next {
    width: 44px;
    height: 44px;
    line-height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    display: inline-block;
}

.beatx-playyer .jp-previous i:before,
.beatx-playyer .jp-next i:before {
    color: #000000;
    font-size: 15px;
}

.beatx-playyer .jp-previous {
    position: relative;
    left: 5px;
    z-index: 999;
}

.beatx-playyer .jp-next {
    position: relative;
    left: -12px;
    z-index: 999;
}

.beatx-playyer .jp-audio .jp-controls {
    margin: -37px 0;
    position: relative;
    left: 15px;
}

.beatx-playyer.fixed-player .jp-audio .jp-controls {
    left: -25px;
}

.beatx-playyer .jp-audio .jp-type-playlist .jp-progress {
    width: 168px;
    height: 8px;
    background-color: #f1f1f1;
    display: inline-block;
}

.beatx-playyer .jp-volume-controls {
    display: inline-block;
}

.beatx-playyer .jp-time-holder {
    display: inline-block;
}

.beatx-playyer .jp-audio .jp-type-playlist .jp-time-holder {
    height: 15px;
    margin-left: 17px;
}

.beatx-playyer .jp-current-time,
.beatx-playyer .jp-duration {
    color: #333;
    font-size: 12px;
    font-weight: 500;
}

.beatx-playyer .jp-audio .jp-type-playlist .jp-toggles {
    display: inline-block;
    position: static;
    width: auto;
    position: relative;
    top: 4px;
    left: 0;
}

.beatx-playyer .jp-toggles button {
    text-indent: inherit;
    background: inherit;
    font-size: 12px;
    color: #555555;
    margin: 0;
    width: auto;
    margin-left: 15px;
}

.beatx-playyer .jp-volume-controls button {
    color: #333;
    line-height: initial;
    text-align: center;
    width: 100%;
}

.beatx-playyer .jp-volume-controls:hover .jp-volume-bar {
    opacity: 1;
    visibility: visible;
}

.beatx-playyer .jp-volume-bar {
    margin-right: 10px;
    margin-left: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -15px;
    opacity: 0;
    visibility: hidden;
}

.beatx-playyer .jp-volume-controls {
    position: relative;
    width: 55px;
    height: 55px;
    background: #fafafa;
    text-align: center;
    line-height: 55px;
    top: 0;
    left: 10px;
}

.beatx-playyer .jp-volume-bar {
    margin-right: 10px;
    margin-left: 10px;
}

.jp-state-muted .jp-mute i:before {
    content: '\f6a9';
}

.musicc-controls .beatx-playyer .jp-gui.jp-interface {
    background: transparent;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    -ms-box-shadow: inherit;
    -o-box-shadow: inherit;
    box-shadow: inherit;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.musicc-controls .beatx-playyer {
    position: static;
    padding: 0;
}

.musicc-controls .beatx-playyer .jp-title {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
}

.musicc-controls .beatx-playyer .jp-audio .jp-controls {
    left: 0;
    margin: 0;
}

.jp-gui.jp-interface.play-list-style {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
}

.musicc-controls .beatx-playyer .musicc-controls {
    top: 0;
}

/*New*/

.btn-default {
    display: inline-block;
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    height: 58px;
    line-height: 58px;
    padding: 0px 40px;
    font-weight: 700;
    transition: all .5s ease;
}

.btn-default i {
    color: #000;
    margin-right: 7px;
    transition: all .5s ease;
}

.btn-default:hover {
    color: #fff !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
    /* border-radius: 0px 40px 0px 40px !important; */
}

.btn-default:hover i {
    color: #fff;
}

.btn-default i:before {
    font-size: 16px;
}

.remove-music-player {
    position: absolute;
    top: -20px;
    right: 5px;
    width: 30px;
    height: 30px;
    z-index: 999;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background: var(--green);
}

.remove-music-player.v2 {
    position: fixed;
    bottom: 10px;
    right: 10px;
    top: auto;
    opacity: 0;
    visibility: hidden;
}

.remove-music-player.show,
.remove-music-player.v2.show {
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
    padding: 10px;
}

.open-music-player.playy i:before {
    content: '\f04c';
}

.remove-music-player:hover {
    color: #fff;
}

.movies-section #trailers .item {
    margin: 0 15px !important;
    height: 320px;
}

.movies-section #trailers .item iframe {
    width: 100% !important;
}

.movies-section #trailers .item iframe .img {
    height: 280px;
    object-fit: cover;
    object-position: center;
}

/* PODCAST EPISODE */

.jp-audio {
    width: 100%;
}

.jp-audio .jp-controls {
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block;
}

.jp-audio .jp-type-playlist .jp-progress {
    position: static;
    height: 6px;
}

.jp-audio .jp-interface, .jp-audio-stream .jp-interface {
    height: 200px;
}

.jp-progress {
    background: #434444;
}

.jp-audio .jp-type-playlist .jp-time-holder {
    color: #fff;
    font-size: 20px;
}

.jp-current-time {
    width: auto;
    position: relative;
}

.jp-gui.jp-interface {
    display: flex;
    flex-wrap: wrap;
    background: #171717;
}

.album-img {
    max-width: 210px;
    height: 100%;
}

.album-img > img {
    height: 100%;
    object-fit: cover;
}

.musicc-controls {
    width: calc(100% - 210px);
    position: relative;
    padding: 0 40px;
    top: 0;
}

.musicc-controls > h2 {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-family: 'Barlow';
}

.jp-controls button {
    text-indent: inherit;
}

.jp-controls button {
    color: #fff;
    font-size: 20px;
}

.jp-audio .jp-type-playlist .jp-time-holder {
    position: static;
    padding-left: 92px;
    width: auto;
    position: relative;
    left: 0;
    top: -20px;
}

.jp-play,
.jp-audio .jp-play,
.jp-audio .jp-state-playing .jp-play {
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: #fff;
    position: relative;
    z-index: 99;
}

.jp-audio.jp-state-playing .jp-play i:before {
    content: '\f04c';
}

.jp-play i {
    color: #373737;
}

.blog-music {
    margin-top: 50px;
}

.jp-previous,
.jp-next,
.jp-stop {
    display: none;
}

.jp-audio .jp-type-playlist .jp-progress {
    width: calc(100% - 92px);
    position: static;
    height: 6px;
    display: inline-block;
    margin-left: 30px;
}

.jp-volume-bar {
    background: #434444;
    position: static;
    width: 50px;
    height: 4px;
    margin-right: 10px;
}

.jp-volume-controls {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    margin-left: auto;
    width: auto;
    left: 0;
    top: -20px;
}

.jp-mute {
    background: inherit;
    position: static;
}

.jp-volume-controls button {
    position: static;
    text-indent: inherit;
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 20px;
    color: #fff;
}

.jp-volume-controls button:last-child {
    margin-right: 0;
}

.jp-volume-max {
    background: inherit;
}

.jp-current-time:before {
    content: '/';
    position: absolute;
    top: 0;
    left: 100%;
    color: #fff;
    margin-left: 0;
}

.jp-current-time,
.jp-duration {
    color: #d0d0d0;
    font-size: 15px;
    font-weight: 500;
    font-style: inherit;
}

.jp-current-time {
    padding-right: 5px;
}

.jp-duration {
    width: auto;
    margin-left: 5px;
}

.jp-audio {
    font-family: 'Barlow';
}

.jp-audio, .jp-audio-stream, .jp-video {
    border: 0;
}

.jp-details, .jp-playlist {
    border: 0;
}

.jp-playlist {
    background: #ffffff;
    padding: 32px 40px 40px;
    border: 3px solid #f1f1f1;
    border-top: 0;
}

.jp-playlist ul {
    padding: 0;
    height: 500px;
    overflow-y: scroll;
}

.jp-playlist ul::-webkit-scrollbar {
    width: 10px;
    background-color: #f4f8f9;
}

.jp-playlist ul::-webkit-scrollbar-track {
}

.jp-playlist li {
    background-color: #f4f8f9;
    padding: 12px 25px;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Barlow';
    border: 0;
    position: relative;
}

.jp-playlist-item {
    position: relative;
    padding-left: 40px;
}

.jp-playlist-item:before {
    content: '\f04b';
    position: absolute;
    top: 50%;
    left: 0px;
    color: #333;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 1px;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style: inherit;
    padding-left: 0;
    padding: 12px 25px;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current .jp-playlist-item:before {
    content: '\f04c';
}

.jp-playlist li:nth-child(even) {
    background-color: #fff;
}

.jp-playlist > h3 {
    color: #1b1a1a;
    font-size: 26px;
    font-weight: 700;
    position: relative;
    padding-bottom: 2px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.jp-playlist > h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background-color: #d1d1d1;
}

/*colorcss*/
.radio-stations table thead, .ms-title:before, .like-post:hover, .input-field button, .mss-player .mm-audio div.maudio .audio-control, .testimonial-slider .slick-dots li.slick-active button, .play-video, .points li:before, .vid_play .mss-player, .download-btn, .sidebar .widget-title:before, .sb-title:before, .progress .progress-bar, .method-optz li label input:checked ~ .checkmark, .jp-playlist ul::-webkit-scrollbar-thumb, .remove-music-player, .social-links li a:hover, .btn-default, .banner-text ul li .btn-default:hover, .rad-status, .download, div.maudio .audio-control .progress-pass, div.maudio .audio-control .volume-pass, .slick-dots li.slick-active button, .optz, .jp-play-bar, .jp-volume-bar-value, div.maudio .audio-control a.play, .jp-play, .pagination li a.active, .pagination li a:hover, .jp-title:before, .jp-title:after, .close-menu:hover, .failed, .text-info, .blog-post.v2 .like-post:hover, .listen-now {
    background: var(--green);
}

.svs-icon, .svs-icon:before, .author-col > img, .playlist-icon, .newsletter-form .input-field button, .mss-player, .mss-player .mm-audio div.maudio .audio-control, .stz-list li > span, .play-video, .play-video > span, .vid_play, .vid_play .mss-player, .social_links li a, .comnt-img > img, .checkmark, .jp-play, .jp-audio .jp-play, .jp-audio .jp-state-playing .jp-play, .remove-music-player, .beatx-playyer .jp-title:before, .beatx-playyer .jp-controls button, .beatx-playyer .jp-volume-controls {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

/*colorcss*/
/*trailer*/
/*section.trailer{}*/
/*section.trailer #trailers{}*/
/*section.trailer #trailers .item{*/
/*    margin: 0px 15px !important;*/
/*}*/
/*section.trailer #trailers .item iframe{*/
/*    width: 100%;*/
/*    height: 400px;*/
/*}*/
/*trailer*/
/*New*/

.slick-next,
.slick-prev {
    top: 50% !important;
}

.slick-next:before,
.slick-prev:before {
    color: #fff !important;
    content: "\f053";
    font-family: "Font Awesome 5 pro" !important;
}

.inner_page {
    padding: 60px 0;
    color: #fff;
}

.inner_page p {
}

.inner_page p,
.inner_page ul li,
.inner_page ol li {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #ffffff;
}

.inner_page h1 {
    color: #fff;
}

.inner_page h2 {
    color: #fff;
}

.inner_page strong {
}


/* News */
section.news {
    padding: 60px 0;
}

section.news .box {
    display: flex;
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #cccccc05;
    background-color: #cccccc03;
    transition: all .1s ease;
}

section.news .box .img-box {
    width: 25%;
    height: 250px;
    overflow: hidden;
}

section.news .box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

section.news .box .content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 15px 0 20px;
    width: 75%;
}

section.news .box .content h3 {
    color: #ddd;
}

section.news .box .content h3 a {
    color: #990000;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
    line-height: 35px;
    transition: all .5s ease;
}

section.news .box .content a.category {
    background-color: #fff;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #990000;
    margin: 0 15px 0 0;
}

section.news .box .content span.date {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

section.news .box .content p {
    color: #fff;
}

section.news .box .cat_dat {
    margin: 8px 0 15px;
}

section.news .box:hover {
    overflow: hidden;
    background-color: #cccccc0a;
}

section.news .box:hover img {
    transform: scale(1.1);
}

section.news .box:hover h3 a {
    color: #fff;
}

section.news .pagination {
    margin: 50px 0 0 10px;
    justify-content: center;
    opacity: .3;
}

section.news .pagination li {
}

section.news .pagination li a {
    border-radius: 0 !important;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    opacity: 1;
}

section.news .pagination li:hover a {
}

section.news .pagination li a:hover span,
section.news .pagination li a:hover {
    color: #fff;
}

/* News */


/*Responsive*/
@media (max-width: 999px) {
    #mainContainer {
        display: none !important;
    }

    section.imdb_banner {
        display: unset !important;
    }
}

/*Responsive*/
/*Mobile Slider For Banner*/
section.imdb_banner {
    display: none;
}

section.imdb_banner .item {
}

section.imdb_banner .box {
}

section.imdb_banner .box .img-box {
    position: relative;
}

section.imdb_banner .box .img-box img.thumbnail {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 600px;
    position: relative;
}

section.imdb_banner .box .img-box .overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

section.imdb_banner .box .img-box .overlay:before {
    position: absolute;
    content: "";
    background: linear-gradient(360deg, black, transparent);
    width: 100%;
    height: 100%;
}

section.imdb_banner .box .img-box .overlay .content {
    display: inline-flex;
    position: relative;
    top: 6px;
    width: 100%;
}

section.imdb_banner .box .img-box .overlay .content .info {
    width: 30%;
}

section.imdb_banner .box .img-box .overlay .content .info img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    background-color: #fff;
}

section.imdb_banner .box .img-box .overlay .content .details {
    justify-content: flex-end;
    display: flex;
    color: #fff;
    flex-direction: column;
    padding: 30px 10px;
    width: 70%;
}

section.imdb_banner .box .img-box .overlay .content .details h3 {
    font-size: 30px;
}

section.imdb_banner .box .img-box .overlay .content .details p {
}

section.imdb_banner .slick-prev,
section.imdb_banner .slick-next {
    left: 50px;
    top: 45% !important;
    z-index: 1;
    background-color: rgb(228 0 0 / 67%);
    padding: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.imdb_banner .slick-prev {
}

section.imdb_banner .slick-prev:before {
    content: "\f053" !important;
    font-family: "Font Awesome 5 pro" !important;
}

section.imdb_banner .slick-next {
    right: 50px;
    left: unset;
}

section.imdb_banner .slick-next:before {
}

section.imdb_banner .slick-prev:before,
section.imdb_banner .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 5 pro" !important;
    font-size: 26px;
}

/*Mobile Slider For Banner*/

/*New By Ms*/
ul.navbar-nav li .dropdown {
    position: unset;
}

ul.navbar-nav li .dropdown button {
    padding: 0;
    color: #fff;
    font-size: 20px;
}

ul.navbar-nav li .dropdown button i {
}

ul.navbar-nav li .dropdown ul.dropdown-menu {
    top: 60px;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li {
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a {
    padding: 5px 15px !important;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a img, ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a i {
    width: 20px;
    height: 20px;
    font-size: 15px !important;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    /* border: 2px solid #fff; */
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    font-size: 30px;
    color: #e40000;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left; /* top: -5px; */
    position: relative;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a:hover i {
    color: #Fff;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a span {
    font-size: 14px;
    font-weight: 500;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a:hover {
    transition: all .3s ease;
}

ul.navbar-nav li .dropdown.login_user ul.dropdown-menu li a:hover span {
    color: #fff;
}

ul.navbar-nav li .dropdown ul.dropdown-menu li a {
}


ul.navbar-nav li a i.cart {
    position: relative;
}

ul.navbar-nav li a i.cart span {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: red;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.navbar-nav li a:hover i.cart {
}

ul.navbar-nav li a:hover i.cart span {
    color: #fff;
}

/*New By Ms*/
.pri_btn {
    display: flex;
    margin: 5px 0 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 0 0;
}

div#mainContainer {
    padding: 80px 0 0;
}

/*Arrows*/
.arrow_wise .slick-prev, .arrow_wise .slick-next {
    position: absolute !important;
    right: 3% !important;
    background-color: red !important;
    width: 60px !important;
    height: 70px !important;
    border-radius: 5px;
    z-index: 9;
    opacity: 0;
    transition: all .5s ease;
}

.arrow_wise .slick-prev:before,
.arrow_wise .slick-next:before {
    font-size: 30px !important;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 3px;
    position: relative;
    left: -6px;
}

.arrow_wise .slick-next:before {
    left: unset;
    right: -6px;
}

.arrow_wise .slick-prev {
    right: unset !important;
    left: 3% !important;
}

.slick-next {
}

.arrow_wise:hover .slick-arrow {
    opacity: 1;
}

/*Arrows*/

/*Sidebar*/
#sidebar {
    background-color: #000;
    width: 200px;
    height: 100%;
    display: block;
    position: absolute;
    right: -200px;
    top: 0px !important;
    transition: right 0.3s linear;
    z-index: 999;
    top: 30px;
    display: none;
    height: 100vh;
}

#sidebar ul {
    padding: 50px 0px;
    margin: 0;
}

#sidebar ul li a {
    width: 100%;
    height: 100%;
    display: inherit;
    background-color: #030303;
    padding: 10px 20px;
    font-size: 17px;
    margin: 0 0 2px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

#sidebar ul li {
    list-style: none;
}

#sidebar.visible {
    right: 0px;
    transition: right 0.3s linear;
    /* border-left: 1px solid #ffff; */
}

#sidebar-btn {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 15px;
    position: absolute;
    top: 10px;
    right: 220px;
    transition: all .4s ease;
}

#sidebar-btn span {
    height: 1px;
    background: #fff;
    margin-bottom: 5px;
    display: block;
}

#sidebar-btn span:nth-child(2) {
    width: 75%;
}

#sidebar-btn span:nth-child(3) {
    width: 50%;
}

/*Sidebar*/

.movies-section ul.release_tab {
    padding: 0 0;
    margin: 0 0 20px;
}

.movies-section ul.release_tab li {
    display: -webkit-inline-box;
    margin: 0 20px 0 0;
}

.movies-section ul.release_tab li a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    transition: all .4s ease;
}

.movies-section ul.release_tab li a:hover {
    color: #F51B1B;
}

.vision_btn {
    padding: 0 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.vision_btn li {
    list-style: none;
    margin: 20px 0;
    height: 50%;
}

.vision_btn li a.btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    background-color: rgba(228, 0, 0, .4);
    border-color: #fff;
}

.btn.btn-business {
    background-color: rgb(228 0 0);
    color: #fff;
    padding: 15px 50px;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #E40000;
    transition: all .5s ease;
}

.btn.btn-business:hover {
    color: #E40000;
    background-color: #fff;
}

/*Events */
section.event {
    padding: 80px 0;
}

section.event .img-box {
    position: relative;
    height: 100%;
    overflow: hidden;
}

section.event .img-box img {
    transition: all .5s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.event .img-box .overlay {
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #000000ba;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    width: 97%;
    height: 80px;
}

section.event .img-box .overlay h2.hd {
    font-size: 26px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    transition: all .5s ease;
}

section.event .img-box .overlay .date {
    display: inline-grid;
    text-align: center;
    transition: all .5s ease;
}

section.event .img-box .overlay .date span {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

section.event .img-box .overlay .date span.month {
    font-size: 30px;
    font-weight: 700;
    line-height: 20px;
}

section.event .img-box .overlay a.btn {
    width: 75%;
    display: none;
    transition: all .5s ease;
    margin: auto;
}

section.event .img-box:hover img {
    transform: scale(1.1);
}

section.event .img-box:hover .overlay h2.hd {
    display: none;
}

section.event .img-box:hover .overlay .date {
    display: none;
}

section.event .img-box:hover .overlay a.btn {
    display: unset;
}

section.event .box {
    height: 500px;
    overflow: hidden;
    border: 1px solid #707070;
    margin: 0 0 30px;
}

section.event .last .box {
}

section.event .last .box a.btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    font-weight: 400;
}

/*Events */
/*My Media Page*/
section.my_media_page {
    padding: 60px 0;
}

section.my_media_page table {
}

section.my_media_page table thead {
}

section.my_media_page table thead tr {
}

section.my_media_page table thead tr th {
    padding: 15px 15px;
    font-weight: 900;
    background-color: #100e0e !important;
    border: 1px solid #fff;
    --bs-table-accent-bg: #100e0e !important;
}

section.my_media_page table tbody {
    border: 0 !important;
}

section.my_media_page table tbody tr {
    border: 1px solid #fff;
}

section.my_media_page table tbody tr td {
    padding: 30px 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    --bs-table-accent-bg: #000000 !important;
}

section.my_media_page button.create-btn {
    padding: 0 50px;
    font-size: 18px;
    font-weight: 700;
}

section.my_media_page button.create-btn:hover {
    opacity: 0.8;
}

/*My Media Page*/
/*Create Media Page*/
section.create_media {
    padding: 60px 0;
}

section.create_media form#media-form {
    background-color: #100e0e;
    padding: 40px 20px;
    border-radius: 8px;
}

section.create_media form#media-form label {
    font-size: 14px;
    font-weight: 700;
}

section.create_media form#media-form .form-control {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    box-shadow: unset;
    outline: unset;
}

section.create_media form#media-form .form-group {
    margin: 0 0 10px;
}

section.create_media form#media-form .ql-toolbar {
}

section.create_media form#media-form .ql-toolbar span {
    color: #fff;
}

section.create_media form#media-form .ql-snow .ql-stroke {
    stroke: #fff;
}

section.create_media form#media-form #editor .ql-editor {
    min-height: 180px;
}

section.create_media form#media-form select {
}

section.create_media form#media-form select option {
    background-color: #100e0e;
}

section.create_media form#media-form .form-control::placeholder {
    color: #fff;
}

.create-btn {
    padding: 10px 40px;
}

/*Create Media Page*/
/*Profile Page*/
section.profile_page {
    padding: 60px 0;
    text-align: center;
}

section.profile_page span {
    color: #E40000 !important;
}

section.profile_page a.btn {
    background-color: #fff;
    color: #000 !important;
    padding: 5px 30px;
}

section.profile_page .nav-pills {
    /* padding: 50px 60px; */
    /* box-shadow: 0px 0px 10px 0px #ffffff36; */
    margin: 10px 0 0;
}

section.profile_page .nav-pills .nav-link {
    text-align: left;
    font-size: 16px;
    background-color: #000;
    border-radius: 0;
    color: #fff;
    padding: 10px 30px;
    width: 250px;
    border: 1px solid #fff;
}

section.profile_page .nav-pills .nav-link.active {
    background-color: #E40000;
}

section.profile_page .tab-content {
}

section.profile_page .tab-content form {
}

section.profile_page .tab-content form label {
    width: 100%;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

section.profile_page .tab-content form .form-control {
}

section.profile_page .tab-content h3,
section.profile_page h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-align: left;
}

section.profile_page .tab-content h3 span {
}

section.profile_page .tab-content .tab-pane {
}

/*Profile Page*/
/*Referral Page*/
section.my_referral_page {
    padding: 60px 0;
}

section.my_referral_page svg {
    margin: 0 0 40px;
}

section.my_referral_page svg path {
}

section.my_referral_page input#referral_url {
    background-color: transparent;
    color: #fff;
    box-shadow: none;
    outline: none;
}

section.my_referral_page button#clipboard_btn {
}

section.my_referral_page button#clipboard_btn i {
}

section.my_referral_page table {
}

section.my_referral_page table thead {
}

section.my_referral_page table thead tr {
}

section.my_referral_page table thead tr th {
    padding: 15px 15px;
    font-weight: 900;
    background-color: #100e0e !important;
    border: 1px solid #fff;
    --bs-table-accent-bg: #100e0e !important;
}

section.my_referral_page table tbody {
    border: 0 !important;
}

section.my_referral_page table tbody tr {
    border: 1px solid #fff;
}

section.my_referral_page table tbody tr td {
    padding: 30px 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    --bs-table-accent-bg: #000000 !important;
}

/*Referral Page*/

/*card css*/
.events-section {
    padding: 90px 0;
}

.events-section .card {
    background: #242526;
}

.events-section h5.mt-0 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.events-section p.mb-0 {
    color: #606770;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
}

.events-section .card-body p {
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}

.events-section .card-header {
    padding: 15px;
    border-bottom: 1px solid #606770;
}

.events-section .card-body img {
    width: 100%;
    height: 400px !IMPORTANT;
    object-fit: cover;
}

.events-section span.float-right {
    text-align: right;
}

.events-section .likcom span {
    color: #fff;
    font-size: 12px;
}

.events-section .button-card {
    border-top: 1px solid #606770;
}

.events-section .btn-primary {
    background: transparent !IMPORTANT;
    border: unset;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: block;
    text-align: center;
    margin: auto;
    width: 100%;
    border-radius: unset !important;
    box-shadow: unset !IMPORTANT;
}

.events-section .likcom {
    padding-bottom: 10px;
    border-bottom: 1px solid #606770;
}

.events-section .card-header img {
    width: 45px;
}

.events-section .btn-primary:hover {
    background: #f00 !important;
}

.card-footer {
    padding: 10px 0 !important;
}

.card-footer .d-flex {
    margin: 0 !important;
    padding: 10px 0;
    border-bottom: 1px dashed #ffffff45;
}

.card-footer .d-flex small {
    color: #fff;
}

.allcomments {
    height: 207px;
    overflow-y: scroll;
}

.write-comment {
}

.write-comment textarea.form-control {
    background: transparent;
    height: 80px;
    padding: 10px 10px;
    border: 1px solid #ffffff52 !important;
    color: #fff !IMPORTANT;
}

.write-comment ::placeholder {
    color: #fff;
}

.write-comment .form-control:focus {
    background: #000 !IMPORTANT;
    box-shadow: unset !IMPORTANT;
}

.write-comment button.btn.btn-link i {
    color: #f00 !important;
}

.card-footer .d-flex p {
    margin: 0;
}

.write-comment button.btn.btn-primary {
    background: #f00 !important;
}

/*card css*/
.ads_sidebar{
    position: sticky;
    top: 0;
    height: 100vh;
    padding-top: 20px;
}



/* Contact Page */
section.contact-section .col-lg-8 {
    background-color: #0F0F0F;
    padding: 100px 50px;
}
section.contact-section .col-lg-4 {
    background-color: #181818;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 0px 60px;
}

section.contact-section form input {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #262626 !important;
    border: unset;
    font-size: 18px;
    font-weight: 400;
    background: transparent !important;
    font-family: 'Roboto' !important;
    padding: 15px 0px 15px 15px !important;
    margin-top: 30px;
    color: #fff;
    transition: .8s ease !important;
}

section.contact-section textarea {
    height: 200px;
    width: 100%;
    border: unset;
    border-bottom: 1px solid #262626;
    background: transparent;
    margin-top: 40px;
    padding: 15px;
    position: relative;
    color: #fff;
    transition: .8s ease;
}

section.contact-section h4 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    line-height: 45px;
    font-family: 'Roboto' !important;
}

section.contact-section .col-lg-4 ul li a {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    transition: .8s ease;
}

section.contact-section .col-lg-4 ul li {position: relative;list-style: none;padding-left: 4%;margin-bottom: 30px;}

section.contact-section .col-lg-4 ul li i {
    position: absolute;
    left: -30px;
    top: 0px;
    font-size: 25px;
    bottom: 0;
    margin: auto;
}
section.contact-section .col-lg-4 ul {
    padding-top: 40px;
}
section.contact-section form input::placeholder {
    color: #fff;
}

section.contact-section form textarea::placeholder {
    color: #fff;
}

section.contact-section button {
    height: 80px;
    padding: 0px !important;
    border-radius: 60px;
    width: 80px;
    background: #E40000 !important;
    border: unset;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    position: relative;
    margin-top: -40px;
    margin-right: -10px;
    transition: .8s ease;
}
.Coontact-page section.inner_banner {
    height: 600px;
    align-items: center;
}

section.contact-section {
    margin-top: -300px;
    padding-bottom: 100px;
}

.Coontact-page section.inner_banner h1 {
    margin-top: -120px;
    text-align: center;
}
.Coontact-page section.inner_banner h2 {
    margin-top: -120px;
    text-align: center;
}
section.contact-section button i {
    font-size: 30px;
    color: #fff;
    transition: .8s ease;
}

section.contact-section form {position: relative;}
section.contact-section button:hover {
    background-color: #fff !important;
}

section.contact-section button:hover i {
    color: #e40000;
}

section.contact-section .col-lg-4 ul li:hover a {
    color: #e40000;
}
section.contact-section form input:focus-visible {
    outline: unset;
}

section.contact-section form textarea:focus-visible {
    outline: unset;
}
section.contact-section form input:focus {
    border-bottom: 1px solid #e40000 !important;
}

section.contact-section textarea:focus {
    border-bottom: 1px solid #e40000 !important;
}
/* Contact Page */

/*  Desktop Responsive */
@media (max-width: 1620px) {
    section.contact-section .col-lg-4 {
        padding: 0px 40px;
    }
    section.contact-section .col-lg-4 ul li a {
        font-size: 16px;
        line-height: 20px;
    }
}
/*  Desktop Responsive */