/*
Template: StreamLab - Streamlab - Video Streaming HTML5 Template
Author: Gentechtree
Version: 1.0
Design and Developed by: Gentechtree

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!
*/


/*================================================
[  Table of contents  ]
================================================
==> Fonts
==> Import css
==> Moz Selection
==> General
==> HTML Tages
==> Section
==> Container
==> Loading
==> Back to Top
==> Button Core
==> Single Tv Season
==> Quote From
==> Table
==> Login, Register
==> Pricing Plan
==> Blog Sidebar
==> Blog
==> Pagination
==> Home Blog
==> Breadcrum
==> Header
==> Footer
==> Team
==> Video Popup
==> OWL Carousel
==> Gen Slick
==> Carousel Movies
==> Movies Single
==> Banner
==> Banner 2
==> Banner 3
==> Play Button
==> Icon-Box
================================================*/

/*=============================================
Fonts
==============================================*/
/*@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');*/

/*==============================================
Import css
===============================================*/

@import url('ionicons.min.css');
@import url('slick.min.css');
@import url('owl.carousel.min.css');
@import url('magnific-popup.min.css');

/*================================================
Moz Selection
================================================*/
/*
:root {
    --primary-color: #e50916;
    --primarydark-color: #b81d24;
    --black-color: #221f1f;
    --dark-color: #161616;
    --secondary-color: #cecfd1;
    --grey-color: #f5f5f1;
    --white-color: #ffffff;
    --body-fonts: 'Roboto', sans-serif;
    --title-fonts: 'Jost', sans-serif;
}

::-moz-selection {
    text-shadow: none;
    background: var(--primary-color);
    color: #fff;
}

::-moz-selection {
    text-shadow: none;
    background: var(--primary-color);
    color: #fff;
}

::selection {
    text-shadow: none;
    background: var(--primary-color);
    color: #fff;
}*/

/*================================================
General
================================================*/
/*

body {
    background: var(--dark-color);
    font-family: var(--body-fonts);
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    color: var(--secondary-color);
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--title-fonts);
    color: var(--white-color);
    font-style: normal;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.02em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
    font-style: normal;
    line-height: 48px;
}

h2 {
    font-size: 36px;
    font-style: normal;
    line-height: 44px;
}

h3 {
    font-size: 32px;
    font-style: normal;
    line-height: 40px;
}

h4 {
    font-size: 28px;
    font-style: normal;
    line-height: 36px;
}

h5 {
    font-size: 24px;
    font-style: normal;
    line-height: 32px;
}

h6 {
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
}*/


/*================================================
OWL Carousel
================================================*/
.owl-carousel .owl-nav.disabled {
    display: none;
}

.owl-carousel .owl-nav {
    cursor: pointer;
    z-index: 9;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.owl-carousel .owl-nav button.owl-prev {
    outline: none;
    text-align: center;
    text-indent: inherit;
    cursor: pointer;
    text-align: center;
    font-size: 32px;
    position: absolute;
    top: 0;
    left: -22.5px;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: var(--white-color) !important;
}

.owl-carousel .owl-nav button.disabled {
    display: none;
}

.owl-carousel .owl-nav button.owl-next {
    outline: none;
    text-align: center;
    text-indent: inherit;
    cursor: pointer;
    text-align: center;
    font-size: 32px;
    position: absolute;
    top: 0;
    right: -22.5px;
    line-height: 1;
    padding: 0;
    margin: 0;
    color: var(--white-color) !important;
}

.gen-style-2 .owl-carousel .owl-nav {
    top: 30%;
}

.gen-style-1 .owl-carousel .owl-nav {
    top: 40%;
}

@media(max-width:1399px) {
    .gen-style-2 .owl-carousel .owl-nav {
        top: 26%;
    }
}

@media(max-width:1199px) {}

@media(max-width:1023px) {
    .owl-carousel .owl-nav button.owl-prev {
        left: 15px;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 15px;
    }

    .gen-style-2 .owl-carousel .owl-nav {
        top: 32%;
    }
}

@media(max-width:979px) {
    .gen-style-2 .owl-carousel .owl-nav {
        top: 36%;
    }
}

@media(max-width:767px) {
    .gen-style-2 .owl-carousel .owl-nav {
        top: 32%;
    }
}

@media(max-width:479px) {
    .gen-style-2 .owl-carousel .owl-nav {
        top: 26%;
    }
}

/* Dots */
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-dots {
    margin: 15px 0 0;
    line-height: normal;
    position: relative;
    display: inline-block;
    width: 100%;
    text-indent: inherit;
    text-align: center;
    cursor: pointer;
}

.owl-carousel .owl-dots .owl-dot {
    box-shadow: none;
    outline: none;
    background: var(--white-color);
    opacity: 1;
    display: inline-block;
    padding: 0;
    margin: 0px 5px;
    height: 4px;
    width: 30px;
    border: none;
    border-radius: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.owl-carousel .owl-dots .owl-dot:hover {
    background: var(--primary-color);
    opacity: 1;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: var(--primary-color);
    opacity: 1;
}


/*================================================
Gen Slick
===============================================*/
.pp-30 .gen-banner-movies .gen-movie-contain {
    padding: 0 0 0 30px;
}

.gen-banner-movies .gen-slick-slider {
    position: relative;
    padding: 0 0 0 30px;
}

.home-singal-silder .gen-banner-movies .slider-item {
    height: 70vh;
}

.gen-banner-movies .slider-item {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    border-left: 3px solid var(--primary-color);
}

.gen-banner-movies .gen-slick-slider:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(left, rgba(34,31,31,1) 0%, rgba(34,31,31,0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    background: linear-gradient(to right, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#66221f1f',GradientType=1 );
}

.gen-banner-movies .slider-nav-contain .gen-nav-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 1;
    background: rgb(34, 31, 31);
    background: -moz-linear-gradient(0deg, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 0) 100%);
    background: linear-gradient(0deg, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c111b", endColorstr="#0c111b", GradientType=1);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-banner-movies .slider-nav-contain.slick-active.slick-center .gen-nav-img:before {
    content: "";
    background: rgb(184, 29, 3);
    background: -moz-linear-gradient(0deg, rgba(184, 29, 3, 1) 0%, rgba(184, 29, 3, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(184, 29, 3, 1) 0%, rgba(184, 29, 3, 0) 100%);
    background: linear-gradient(0deg, rgba(184, 29, 3, 1) 0%, rgba(184, 29, 3, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f80e0", endColorstr="#1f80e0", GradientType=1);
}

.gen-banner-movies .slider-nav-contain {
    position: relative;
    margin-bottom: 30px;
    border: none;
}

.gen-banner-movies .slider-nav-contain .movie-info {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 15px;
    z-index: 99;
}

.gen-banner-movies .slider-nav-contain .movie-info h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-banner-movies .slider-nav-contain .movie-info .gen-movie-meta-holder ul {
    margin: 0 0 0;
    padding: 0;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-banner-movies .slider-nav-contain .movie-info .gen-movie-meta-holder ul li {
    list-style: none;
    margin: 10px 16px 0px 0;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    display: inline;
    align-items: center;
}

.gen-banner-movies .slider-nav-contain .movie-info .gen-movie-meta-holder ul li a {
    color: var(--white-color);
    background: var(--primary-color);
    padding: 2px 5px;
}

.gen-banner-movies .slider-nav-contain .movie-info .gen-movie-meta-holder ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.gen-banner-movies .slick-slider {
    margin-bottom: 0;
}

.gen-banner-movies .slider.slider-nav {
    position: absolute;
    width: 21.3333%;
    right: 15px;
    top: 0;
    z-index: 9;
    height: 100%;
    padding: 0;
}

.gen-banner-movies .slick-slider .slick-list {
    padding: 0 !important;
    height: 100% !important;
}

.gen-banner-movies .slick-slider .prev.slick-arrow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    color: var(--white-color);
    display: inline-block;
    width: 100%;
    font-size: 30px;
    line-height: 38px;
    padding: 10px 10px;
    text-align: center;
    background: rgba(34, 31, 31, 0.9);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-banner-movies .slick-slider .next.slick-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 9;
    color: var(--white-color);
    display: inline-block;
    width: 100%;
    font-size: 30px;
    line-height: 38px;
    padding: 10px 10px;
    text-align: center;
    background: rgba(34, 31, 31, 0.9);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-banner-movies .slick-slider .prev.slick-arrow:hover,
.gen-banner-movies .slick-slider .next.slick-arrow:hover {
    background: var(--primary-color);
}

@media(max-width:1399px) {
    .gen-banner-movies .slider.slider-nav {
        position: absolute;
        width: 24%;
    }

    .gen-banner-movies .gen-slick-slider,
    .pp-30 .gen-banner-movies .gen-movie-contain {
        padding: 0;
    }
}

@media(max-width:1365px) {
    .gen-banner-movies .slider.slider-nav {
        position: absolute;
        width: 24%;
    }
}

@media(max-width:1023px) {
    .gen-banner-movies .slider.slider-nav {
        display: none !important;
        width: 0;
    }
}

.slider.slider-nav.slick-initialized.slick-slider.slick-vertical ul.slick-dots{
    display: none !important;
}

/*================================================
Carousel Movies
===============================================*/

/*======== 1 =======*/

.gen-style-1 .owl-carousel .item .gen-carousel-movies-style-1 .gen-movie-contain {
    margin-bottom: 0;
}

.gen-carousel-movies-style-1 .gen-movie-contain {
    position: relative;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-img:before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 0.4;
    background: rgb(12, 17, 27);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-carousel-movies-style-1:hover .gen-movie-contain .gen-movie-img:before {
    opacity: 0.9;
}

/*===============*/
.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-img {
    position: relative;
    overflow: hidden;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-info-contain,
.gen-episode-contain .gen-info-contain {
    padding: 15px 15px;
    opacity: 1;
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-carousel-movies-style-1:hover .gen-movie-contain .gen-info-contain {
    opacity: 1;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-img img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-carousel-movies-style-1:hover .gen-movie-contain .gen-movie-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-add .dropdown-menu {
    bottom: inherit;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-add .dropdown-menu:after {
    bottom: 100%;
    right: 0%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    top: inherit;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-right: 14px;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-info h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-action .gen-button {
    padding: 0;
    width: 60px;
    height: 60px;
    opacity: 0;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-action .gen-button i {
    margin: 0;
    padding: 0;
}

.gen-carousel-movies-style-1:hover .gen-movie-contain .gen-movie-action .gen-button {
    opacity: 1;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-meta-holder ul {
    margin: 0 0 0;
    padding: 0;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-meta-holder ul li {
    list-style: none;
    margin: 10px 15px 0px 0;
    padding: 0;
    font-size: 14px;
    line-height: normal;
    display: inline;
    align-items: center;
    color: var(--white-color);
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-meta-holder ul li a {
    color: var(--white-color);
    background: var(--primary-color);
    padding: 2px 5px;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-meta-holder ul li a span {
    font-family: var(--title-font);
    font-weight: 600;
}

.gen-carousel-movies-style-1 .gen-movie-contain .gen-movie-meta-holder ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.gen-carousel-movies-style-1 {
    position: relative;
    width: 100%;
    transition: all 0.45s ease 0s;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gen-carousel-movies-style-1:hover {
    transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
    -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
    -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(500px);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.gen-carousel-movies-style-1.movie-grid.style-1 .gen-movie-contain .gen-movie-add .wpulike.wpulike-heart .wp_ulike_general_class a {
    color: var(--white-color);
}

/*===============*/
.movie-grid .gen-movie-add {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    z-index: 99;
}

.movie-grid .gen-movie-add .wpulike.wpulike-heart {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    padding: 0;
}

.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_put_image {
    font-size: 16px;
    color: var(--white-color);
    background: 0 0;
    padding: 0;
    line-height: normal;
    border-radius: 0;
    border: none;
    outline: none;
}

.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active,
.wpulike-heart .wp_ulike_btn:focus,
.wpulike-heart .wp_ulike_btn:hover {
    color: var(--primary-color) !important;
}

.movie-grid .gen-movie-add .wpulike-heart .count-box,
.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_put_image:after {
    display: none !important;
}

.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_put_image:before {
    content: "\f004";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.movie-grid .gen-movie-add .wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:before {
    font-weight: 900;
}

.movie-grid .gen-movie-add .dropdown .dropdown-toggle {
    padding: 0;
    background: transparent;
    text-align: center;
    font-size: 16px;
    color: var(--white-color);
    outline: none;
    box-shadow: none;
}

.movie-grid .gen-movie-add .dropdown-toggle::after {
    display: none;
}

.movie-grid .gen-movie-add .dropdown-menu {
    top: inherit !important;
    left: inherit !important;
    bottom: 45px;
    right: 0;
    transform: inherit !important;
    min-width: 12rem;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    max-height: 130px;
}

.movie-grid .gen-movie-add .dropdown-menu:after {
    top: 100%;
    right: 0;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 8px;
    margin-right: 14px;
}

.movie-grid .gen-movie-add .dropdown-menu a {
    font-family: var(--title-fonts);
    color: var(--dark-color);
    font-size: 14px;
    line-height: 22px;
    padding: 8px 10px;
    display: inline-block;
}

.movie-grid .gen-movie-add .dropdown-menu a:hover {
    color: var(--primary-color);
}

.movie-grid .gen-movie-add.show .dropdown-menu {
    top: inherit !important;
    left: inherit !important;
    bottom: 45px;
    right: 15px;
}

.gen-movie-add .menu {
    z-index: 9;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.gen-movie-add .menu li {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.gen-movie-add .menu .submenu {
    list-style-type: none;
    padding: 5px 0;
    opacity: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    margin-left: -18px;
    top: 80%;
    background: var(--white-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.gen-movie-add .menu .submenu:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.gen-movie-add .menu .submenu li a {
    padding: 5px 10px;
    color: var(--dark-color);
    display: inline-block;
    line-height: 1.3;
}

.gen-movie-add .menu .submenu li a:hover {
    color: var(--primary-color);
}

.gen-movie-add .menu li:hover .submenu {
    top: 100%;
    opacity: 1;
}


@media(min-width:1279px) {
    .gen-style-1 .gen-carousel-movies-style-1.movie-grid.style-1 .gen-movie-contain .gen-movie-img img {
        object-fit: cover;
        height: 220px;
        width: auto;
    }
}

@media(min-width:1340px) {
    .gen-style-1 .gen-carousel-movies-style-1.movie-grid.style-1 .gen-movie-contain .gen-movie-img img {
        object-fit: cover;
        height: 265px;
        width: auto;
    }
}

/*===== Carousel Movies 2 =====*/
.gen-carousel-movies-style-2 {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.gen-carousel-movies-style-2 .gen-movie-contain {
    position: relative;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-img:before {
    content: "";
    opacity: 0;
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background: #0B101766;
    background: -webkit-linear-gradient(top, #0B101766, #0B1017CC);
    background: -moz-linear-gradient(top, #0B101766, #0B1017CC);
    background: linear-gradient(to bottom, #0B101766, #0B1017CC);
}

.gen-carousel-movies-style-2 .gen-movie-contain:hover .gen-movie-img:before {
    opacity: 1;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-carousel-movies-style-2 .gen-movie-contain:hover .gen-movie-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
}

.gen-carousel-movies-style-2 .gen-movie-contain:hover .gen-movie-action {
    opacity: 1;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-action .gen-button {
    padding: 0;
    width: 60px;
    height: 60px;
    opacity: 1;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-action .gen-button i {
    margin: 0;
    padding: 0;
}

.gen-carousel-movies-style-2 .gen-movie-contain .info-holder {
    position: absolute;
    padding: 15px;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-info h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul {
    margin: 5px 0 0;
    padding: 0;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li {
    list-style: none;
    margin: 0 15px 0px 0;
    padding: 0 15px 0px 0;
    font-size: 14px;
    line-height: normal;
    display: inline;
    align-items: center;
    color: var(--secondary-color);
    position: relative;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -2px;
    height: 4px;
    width: 4px;
    display: inline-block;
    background: var(--white-color);
    opacity: 0.8;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li a {
    color: var(--primary-color);
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li a span {
    font-family: var(--title-font);
    font-weight: 600;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.gen-carousel-movies-style-2 .gen-movie-contain .gen-movie-meta-holder ul li:last-child:before {
    display: none;
}

.gen-carousel-movies-style-2 .gen-movie-add {
    top: inherit;
    bottom: 0;
}

.gen-carousel-movies-style-2 .gen-movie-add .menu .submenu {
    top: inherit;
    bottom: 80%;
}

.gen-carousel-movies-style-2 .gen-movie-add .menu li:hover .submenu {
    top: inherit;
    bottom: 100%;
}

.gen-carousel-movies-style-2 .gen-movie-add .menu .submenu:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

.gen-carousel-movies-style-2.movie-grid.style-2 .gen-movie-contain .gen-movie-img .wpulike.wpulike-heart .wp_ulike_general_class a {
    color: var(--white-color);
}

/*===== Carousel Movies 3 =====*/
.gen-carousel-movies-style-3 {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.gen-carousel-movies-style-3 .gen-movie-contain {
    position: relative;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-img {
    position: relative;
    overflow: hidden;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-img:before {
    content: "";
    opacity: 0;
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background: #0B101766;
    background: -webkit-linear-gradient(top, #0B101766, #0B1017CC);
    background: -moz-linear-gradient(top, #0B101766, #0B1017CC);
    background: linear-gradient(to bottom, #0B101766, #0B1017CC);
}

.gen-carousel-movies-style-3 .gen-movie-contain:hover .gen-movie-img:before {
    opacity: 1;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.gen-carousel-movies-style-3 .gen-movie-contain:hover .gen-movie-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
}

.gen-carousel-movies-style-3 .gen-movie-contain:hover .gen-movie-action {
    opacity: 1;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-action .gen-button {
    padding: 0;
    width: 60px;
    height: 60px;
    opacity: 1;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-action .gen-button i {
    margin: 0;
    padding: 0;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-info-contain {
    display: inline-block;
    width: 100%;
    padding: 15px;
    background: var(--black-color);
}

.gen-carousel-movies-style-3 .gen-movie-contain .info-holder {
    position: absolute;
    padding: 15px;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    z-index: 99;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-info h3 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul {
    margin: 5px 0 0;
    padding: 0;
    float: left;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li {
    list-style: none;
    margin: 0 15px 0px 0;
    padding: 0 15px 0px 0;
    font-size: 14px;
    line-height: normal;
    display: inline;
    align-items: center;
    color: var(--secondary-color);
    position: relative;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -2px;
    height: 4px;
    width: 4px;
    display: inline-block;
    background: var(--white-color);
    opacity: 0.8;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li a {
    color: var(--primary-color);
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li:last-child:before {
    display: none;
}

.gen-carousel-movies-style-3 .gen-movie-add {
    top: inherit;
    bottom: 0;
}

.gen-carousel-movies-style-3 .gen-movie-add .menu .submenu {
    top: inherit;
    bottom: 80%;
}

.gen-carousel-movies-style-3 .gen-movie-add .menu li:hover .submenu {
    top: inherit;
    bottom: 100%;
}

.gen-carousel-movies-style-3 .gen-movie-add .menu .submenu:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

.gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li a span {
    font-family: var(--title-font);
    font-weight: 600;
}

.gen-carousel-movies-style-3.movie-grid.style-3 .gen-movie-contain .gen-movie-img .wpulike.wpulike-heart .wp_ulike_general_class a {
    color: var(--white-color);
}

/*================================================
Movies Single
===============================================*/
.tv-single-background {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
}

.tv-single-background img {
    width: 100%;
}

.tv-single-background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(34, 31, 31, 0.9);
    background: -moz-linear-gradient(top, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34, 31, 31, 0.9)), color-stop(100%, rgba(34, 31, 31, 1)));
    background: -webkit-linear-gradient(top, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 1) 100%);
    background: -o-linear-gradient(top, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 1) 100%);
    background: -ms-linear-gradient(top, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 1) 100%);
    background: linear-gradient(to bottom, rgba(34, 31, 31, 0.9) 0%, rgba(34, 31, 31, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c111b', endColorstr='#0c111b', GradientType=0);
}

/*==========*/
.gen-video-holder iframe {
    width: 100% !important;
    height: 70vh !important;
    border: none;
    float: left;
    display: inline-block;
}

.gen-video-holder .wp-video .mejs-video,
.gen-video-holder .wp-video-shortcode video,
.gen-video-holder video.wp-video-shortcode {
    width: 100% !important;
    height: 100% !important;
    border: none;
    overflow: hidden;
    float: left;
    display: inline-block;
    margin-bottom: 20px;
}

.gen-video-holder .wp-video {
    width: 100% !important;
    height: 70vh !important;
    overflow: hidden;
    display: inline-block;
    float: left;
}

/*==========*/
.gen-single-movie-info {
    margin-bottom: 60px;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

@media (max-width:1023px) {
    .gen-single-movie {
        padding: 15px 0px;
    }
}


@media (max-width:1023px) {
    .gen-single-video {
        padding: 15px 0px;
    }
}

.gen-single-movie-info p,
.gen-single-video-info p {
    display: inline-block;
    width: 100%;
    font-size: 18px;
}

.gen-single-tv-show-info p {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    margin-bottom: 30px;
}

.gen-single-tv-show-info .gen-title {
    margin-bottom: 5px;
}

.gen-single-movie-info .gen-title {
    margin-bottom: 5px;
}

.gen-single-movie-info .gen-single-meta-holder ul,
.gen-single-tv-show-info .gen-single-meta-holder ul,
.gen-single-video-info .gen-single-meta-holder ul {
    margin: 5px 0 10px 0;
    padding: 0;
    display: flex;
    align-items: center;
    float: left;
}

.gen-single-movie-info .gen-single-meta-holder ul li,
.gen-single-tv-show-info .gen-single-meta-holder ul li,
.gen-single-video-info .gen-single-meta-holder ul li {
    list-style: none;
    color: var(--white-color);
    margin: 10px 15px 0 0;
    padding: 0 15px 0 0;
    font-size: 16px;
    line-height: normal;
    display: flex;
    align-items: center;
    font-family: var(--title-fonts);
    border-right: 2px solid #ffffff;
}

.gen-single-movie-info .gen-single-meta-holder ul li a,
.gen-single-tv-show-info .gen-single-meta-holder ul li a,
.gen-single-video-info .gen-single-meta-holder ul li a {
    color: var(--white-color);
}

.gen-single-movie-info .gen-single-meta-holder ul li i,
.gen-single-tv-show-info .gen-single-meta-holder ul li i,
.gen-single-video-info .gen-single-meta-holder ul li i {
    margin-right: 5px;
}

.gen-single-movie-info .gen-single-meta-holder ul li:last-child,
.gen-single-tv-show-info .gen-single-meta-holder ul li:last-child,
.gen-single-video-info .gen-single-meta-holder ul li:last-child {
    border-right: 0;
    margin-right: 0;
    padding-left: 0;
}

.gen-single-movie-info .gen-single-meta-holder ul {
    display: flex;
}

.gen-single-movie-info .gen-single-meta-holder ul li.gen-sen-rating {
    padding: 2px 5px;
    background: var(--primary-color);
}

.gen-extra-data ul {
    margin: 0 0 30px;
    padding: 0;
}

.gen-extra-data ul li {
    list-style: none;
    color: var(--secondary-color);
    margin: 0 0 5px;
    font-size: 18px;
}

.gen-extra-data ul li span:first-child {
    display: inline-block;
    width: 175px;
    font-weight: 500;
}

.gen-extra-data ul li span:last-child {
    color: var(--white-color);
}

/*==========*/
.gen-tv-show-wrapper .col-lg-6 .gen-socail-share {
    border-bottom: none;
    padding: 0;
}

.gen-after-excerpt {
    display: flex;
    border-bottom: 3px solid var(--primary-color);
    padding: 0 0 60px 0;
    align-items: flex-end;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.gen-after-excerpt .gen-extra-data ul {
    margin: 0;
}

.gen-after-excerpt .gen-socail-share {
    border-bottom: none;
    padding: 0;
    display: flex;
    text-align: center;
}


.gen-socail-share {
    margin: 0;
    display: flex;
    border-bottom: 3px solid var(--primary-color);
    padding: 0 0 60px 0;
}

.gen-socail-share h4 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: var(--white-color);
}

.gen-socail-share .social-inner {
    margin: 0 0 0 15px;
    padding: 0;
    display: flex;
}

.gen-socail-share .social-inner li {
    list-style: none;
    margin: 0 15px 0 0;
}

.gen-socail-share .social-inner li:last-child {
    margin-right: 0;
}

.gen-socail-share .social-inner li a {
    display: inline-block;
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--black-color);
    color: var(--white-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.gen-socail-share .social-inner li a:hover {
    background: var(--primary-color);
}

.pm-inner .gen-more-like .gen-more-title {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--black-color);
    position: relative;
}

.pm-inner .gen-more-like .gen-more-title:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    display: inline-block;
    width: 100px;
    height: 3px;
    background: var(--primary-color);
}

.gen-section-title-1 .gen-section-title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--black-color);
    position: relative;
}

.gen-section-title-1 .gen-section-title:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    display: inline-block;
    width: 100px;
    height: 3px;
    background: var(--primary-color);
}

@media(max-width:1023px) {
    .gen-video-holder iframe {
        height: 60vh !important;
    }

    .single-movie .content-area .site-main,
    .single-video .content-area .site-main {
        padding: 15px 0 0 !important;
    }

    .gentech-tv-show-img-holder {
        margin: 0 0 30px;
    }

    .gen-tv-show-top {
        margin: 0 !important;
    }
}

@media(max-width:979px) {
    .gen-video-holder iframe {
        height: 48vh !important;
    }
}

@media(max-width:767px) {
    .gen-video-holder iframe {
        height: 29vh !important;
    }

    .gen-single-movie-info .gen-title,
    .gen-single-video-info .gen-title,
    .gen-single-tv-show-info .gen-title {
        font-size: 30px;
        line-height: 38px;
    }

    .owl-carousel .gen-carousel-movies-style-1 .gen-movie-contain {
        margin: 0;
    }

    .gen-socail-share {
        margin-top: 30px;
        display: inline-block;
        width: 100%;
    }

    .gen-socail-share .social-inner {
        margin: 15px 0 0;
    }

    .gen-single-movie-info .gen-single-meta-holder ul,
    .gen-single-tv-show-info .gen-single-meta-holder ul,
    .gen-single-video-info .gen-single-meta-holder ul {
        display: inline-block;
    }

    .gen-single-movie-info .gen-single-meta-holder ul li,
    .gen-single-tv-show-info .gen-single-meta-holder ul li,
    .gen-single-video-info .gen-single-meta-holder ul li {
        font-size: 14px;
        float: left;
        margin: 10px 10px 0px 0;
        padding: 0 10px 0 0;
    }
}

@media(max-width:479px) {

    .gen-single-movie-info .gen-title,
    .gen-single-video-info .gen-title,
    .gen-single-tv-show-info .gen-title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width:767px) {
    .gen-after-excerpt {
        display: inline-block;
        width: 100%;
    }
}

@media (max-width:767px) {
    .gen-single-movie-info .gen-after-excerpt .gen-socail-share ul {
        margin: 0 0 0 15px;
    }
}

@media (max-width:479px) {
    .gen-single-movie-info .gen-after-excerpt .gen-socail-share {
        margin: 30px 0 0;
        display: inline-block;
        width: 100%;
        text-align: left;
    }

    .gen-single-movie-info .gen-after-excerpt .gen-socail-share ul {
        margin: 15px 0 0 0;
    }
}

/*================================================
Banner
===============================================*/
.gen-banner-movies .owl-carousel .owl-nav {
    top: 50%;
}

.gen-banner-movies .owl-carousel .owl-nav button.owl-prev {
    font-size: 40px;
    left: 2%;
}

.gen-banner-movies .owl-carousel .owl-nav button.owl-next {
    font-size: 40px;
    right: 2%;
}

.gen-banner-movies .owl-carousel .owl-dots {
    position: absolute;
    bottom: 30px;
}

.gen-banner-movies .item {
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.gen-banner-movies .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgb(34, 31, 31);
    background: -moz-linear-gradient(left, rgba(34,31,31,1) 0%, rgba(34,31,31,0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    background: linear-gradient(to right, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#66221f1f',GradientType=1 );
}

.gen-banner-movies .gen-movie-contain .gen-tag-line {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px 0;
    border-left: 2px solid var(--primary-color);
    padding: 0 0 0 15px;
    color: var(--white-color);
}

.gen-banner-movies .gen-movie-contain .gen-tag-img img {
    width: auto;
    height: 60px;
    margin: 0 0 15px 0;
}

.gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
    font-size: 62px;
    line-height: 70px;
    text-transform: uppercase;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul {
    margin: 5px 0 15px;
    padding: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li {
    list-style: none;
    font-family: var(--title-fonts);
    color: var(--white-color);
    margin: 10px 0 0 20px;
    padding: 0 0 0 20px;
    font-size: 16px;
    line-height: normal;
    display: flex;
    float: left;
    align-items: center;
    position: relative;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li.gen-sen-rating:before {
    display: none;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li.gen-sen-rating span {
    color: var(--white-color);
    border: 1px solid var(--white-color);
    padding: 2px 8px;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -2px;
    height: 4px;
    width: 4px;
    display: inline-block;
    background: var(--white-color);
    opacity: 0.8;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li:first-child:before {
    display: none;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li a {
    color: var(--white-color);
    background: var(--primary-color);
    padding: 2px 8px;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li img {
    height: 25px;
    width: auto;
    margin-right: 10px;
    float: left;
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li i {
    margin-right: 5px;
    color: var(--primary-color);
}

.gen-banner-movies .gen-movie-contain .gen-movie-meta-holder p,
.gen-banner-movies .gen-movie-contain .gen-movie-info p {
    display: inline-block;
    width: 100%;
    font-size: 18px;
}

.gen-banner-movies .gen-movie-contain .gen-movie-action .gen-btn-container {
    display: inline-block;
    margin-right: 30px;
}

.gen-banner-movies .owl-carousel .owl-item .gen-movie-contain .gen-movie-info,
.gen-banner-movies .owl-carousel .owl-item .gen-movie-contain .gen-movie-meta-holder,
.gen-banner-movies .owl-carousel .owl-item .gen-movie-contain .gen-movie-action,
.gen-banner-movies .owl-carousel .owl-item .gen-movie-contain .gen-tag-line,
.gen-banner-movies .owl-carousel .owl-item .gen-movie-contain .gen-tag-img {
    transition: transform .5s, opacity .3s, background .5s;
    opacity: 0;
    transform: translateX(300px);
}

.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-info,
.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-meta-holder,
.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-action,
.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-tag-line,
.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-tag-img {
    transform: translateX(0);
    opacity: 1;
}

.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-tag-line,
.gen-banner-movies .gen-movie-contain .gen-tag-img {
    transition-delay: .3s;
}

.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-info {
    transition-delay: .5s;
}

.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-meta-holder {
    transition-delay: .7s;
}

.gen-banner-movies .owl-carousel .owl-item.active .gen-movie-contain .gen-movie-action {
    transition-delay: .9s;
}

/*================*/
.home-singal-silder .gen-banner-movies .item {
    height: 70vh;
    border-left: 3px solid var(--primary-color);
}

@media(max-width:1699px) {
    .gen-movie-contain-style-3 a.playBut {
        margin: 0 0 90px;
    }
}

@media(max-width:1399px) {
    .gen-movie-contain-style-3 a.playBut {
        margin: 0 0 45px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
        font-size: 54px;
        line-height: 62px;
    }
}

@media(max-width:1365px) {
    .gen-banner-movies .owl-carousel .owl-nav button.owl-prev {
        left: 1%;
    }

    .gen-banner-movies .owl-carousel .owl-nav button.owl-next {
        right: 1%;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
        font-size: 62px;
        line-height: 70px;
    }
}

@media(max-width:1023px) {
    .gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
        font-size: 54px;
        line-height: 62px;
    }

    .gen-banner-movies .owl-carousel .owl-nav {
        display: none;
    }
}

@media (max-width:979px) {
    .gen-banner-movies .owl-carousel .owl-dots {
        display: none;
    }
}

@media(max-width:767px) {

    .gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
        font-size: 40px;
        line-height: 48px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-meta-holder p,
    .gen-banner-movies .gen-movie-contain .gen-movie-info p {
        font-size: 16px;
    }

    .gen-banner-movies .gen-movie-contain .gen-tag-line {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 2px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li img {
        height: 22px;
    }

    .gen-banner-movies .gen-movie-contain .gen-tag-img img {
        height: 45px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-action .gen-btn-container {
        margin-right: 10px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-action .gen-btn-container.button-1 .gen-button {
        padding: 12px 30px;
    }

    .gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li {
        font-size: 14px;
        margin: 8px 0 0 10px;
        padding: 0 0 0 10px;
    }
}

@media(max-width:479px) {
    .gen-banner-movies .gen-movie-contain .gen-movie-action .gen-btn-container.button-2 {
        margin-top: 15px;
    }
}

/*================================================
Banner 2
===============================================*/
.gen-banner-movies.banner-style-2 .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(left, rgba(34,31,31,1) 0%, rgba(34,31,31,0.4) 100%);
    background: -webkit-linear-gradient(left, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    background: linear-gradient(to right, rgba(34,31,31,1) 0%,rgba(34,31,31,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#66221f1f',GradientType=1 );
}

.gen-movie-contain-style-2 .gen-tag-line {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 15px 0;
    border-left: 2px solid var(--primary-color);
    padding: 0 0 0 15px;
    color: var(--white-color);
}

.gen-movie-contain-style-2 .gen-tag-img img {
    width: auto;
    height: 60px;
    margin: 0 0 15px 0;
}

.gen-movie-contain-style-2 .gen-movie-info h3 {
    font-size: 62px;
    line-height: 70px;
    text-transform: uppercase;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title {
    margin: 5px 0 15px;
    padding: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li {
    list-style: none;
    font-family: var(--title-fonts);
    color: var(--white-color);
    margin: 10px 0 0 20px;
    padding: 0 0 0 20px;
    font-size: 16px;
    line-height: normal;
    display: flex;
    float: left;
    align-items: center;
    position: relative;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li.gen-sen-rating:before {
    display: none;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li.gen-sen-rating span {
    color: var(--white-color);
    border: 1px solid var(--white-color);
    padding: 2px 8px;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li:first-child {
    margin-left: 0;
    padding-left: 0;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -2px;
    height: 4px;
    width: 4px;
    display: inline-block;
    background: var(--white-color);
    opacity: 0.8;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li a {
    color: var(--white-color);
    background: #1f80e0;
    padding: 2px 8px;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li img {
    height: 25px;
    width: auto;
    margin-right: 10px;
    float: left;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder ul.gen-meta-after-title li i {
    margin-right: 5px;
    color: var(--primary-color);
}

.gen-movie-contain-style-2 .gen-movie-meta-holder p,
.gen-movie-contain-style-2 .gen-movie-info p {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    margin-bottom: 20px;
}

.gen-movie-contain-style-2 .gen-movie-action .gen-btn-container {
    display: inline-block;
    margin-right: 30px;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder .gen-meta-info ul {
    margin: 0 0 40px;
    padding: 0;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder .gen-meta-info ul li {
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
    font-family: var(--title-fonts);
    color: var(--white-color);
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.gen-movie-contain-style-2 .gen-movie-meta-holder .gen-meta-info ul li strong {
    color: var(--primary-color);
}

.gen-movie-contain-style-2 .gen-movie-meta-holder .gen-meta-info ul li a {
    color: var(--white-color);
}

/* .gen-banner-movies.banner-style-2 .owl-carousel .owl-item .gen-movie-contain-style-2 .gen-movie-info, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item .gen-movie-contain-style-2 .gen-movie-meta-holder, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item .gen-movie-contain-style-2 .gen-movie-action, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item .gen-movie-contain-style-2 .gen-tag-line, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item .gen-movie-contain-style-2 .gen-tag-img {  }
.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-info, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-meta-holder, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-action, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-tag-line, .gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-tag-img { transform: translateX(0); opacity: 1; } */
.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-tag-line,
.gen-banner-movies.banner-style-2 .gen-movie-contain-style-2 .gen-tag-img {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
}

.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-info {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}

.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-meta-holder {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.6s both;
}

.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-movie-contain-style-2 .gen-movie-action {
    -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
    animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.8s both;
}

.gen-banner-movies.banner-style-2 .owl-carousel .owl-item.active .gen-front-image {
    -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
    animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

/**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/**
 * ----------------------------------------
 * animation fade-in-left
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}
/*===========================================================================================================*/