html, body {
          font-family: var(--body-fonts) !important;
          font-size: 1rem;
          font-weight: 300;
     }

     html .bg-color-dark, html .bg-dark {
         background-color: #000 !important;
     }
     
     .btn-black-color 
     {
          background: var(--black-color);
          color: var(--white-color);
     }



     .gen-button {
     }
     
     .gen-button, .gen-account-holder a#gen-user-btn, #back-to-top .top, header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu li a:focus, header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu li a:hover, header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu li.menu-item-has-children:hover > a, header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu > li.menu-item-has-children:hover > .gen-submenu-icon, .gen-button.gen-button-link:hover i, .gen-button.gen-button-link i , .gen-account-holder .gen-account-menu ul li a:hover, .gen-season-holder .nav li a.active {
          color: var(--dark-color) !important;
     }
     
     @media(max-width:1023px) {
          
          header#gen-header.gen-header-style-1 .gen-bottom-header .navbar .navbar-nav li>a:hover, header#gen-header.gen-header-style-1 .gen-bottom-header .navbar .navbar-nav li:hover>a {
             color: var(--dark-color);
         }
          
     }

     .gen-button:hover, .gen-button:focus, .gen-account-holder a#gen-user-btn:hover, header#gen-header.gen-header-style-1 .gen-button:hover {
       color: var(--white-color);
       background: var(--primarydark-color);
     }
     
     .gen-banner-movies .gen-movie-contain .gen-tag-line {
          border-left: 2px solid var(--primary-color);
     }

     header#gen-header.gen-header-style-1.gen-has-sticky.gen-header-sticky, header#gen-header.gen-header-style-1.gen-has-sticky {
          background: var(--black-color);
     }

     .menu-item {
          text-transform: uppercase;
     }

     .gen-button.gen-button-link:hover, .gen-button-link:focus
     {
          background: transparent;
     }

     header#gen-header .gen-bottom-header .navbar .navbar-nav li:hover .sub-menu, header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu li:hover > .sub-menu
     {
          background: rgba(0,0,0,.8) !important;
     }


     #pms_login {
          background: var(--black-color);
     }


/* fonts */
     
     h1, h2, h3, h4, h5, h6 {
          font-weight: 300 !important;
          text-transform: none;
     }

     .lead {
          font-size: 1.1rem !important;
          line-height: normal;
          font-weight: 300;
     }
     
     .text-1 {
          font-size: .8rem;
     }

     .text-2 {
          font-size: .9rem;
     }
     
     .error {
          color: #ff0000;
          font-size: .8rem;
     }

     .text-primary {
          color: var(--primary-color) !important;
     }

/* movie items */

     header#gen-header .gen-bottom-header .navbar .navbar-nav li .sub-menu li a, .gen-banner-movies .gen-movie-contain .gen-movie-meta-holder p, .gen-banner-movies .gen-movie-contain .gen-movie-info p, .gen-banner-movies .gen-movie-contain .gen-movie-meta-holder ul li, .gen-carousel-movies-style-3 .gen-movie-contain .gen-movie-meta-holder ul li {
          font-size: .85rem;
     }

     .gen-banner-movies .gen-movie-contain .gen-movie-info h3 {
          font-size: 3rem;
     }


/* owl */

     .gen-banner-movies:not(.no-gradient) .item:before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         display: inline-block;
		background: rgb(0, 0, 0);
		background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 15%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 15%, rgba(255,255,255,0) 100%);
		background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,.8) 15%, rgba(255,255,255,0) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

/* page title */

     .gen-breadcrumb:before {
          /* opacity: 0.6; */
     }



/* page backgrounds */
     
     .color-body:before {
          content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
          max-width: 100%;
         height: 100%;
         display: inline-block;
          opacity: .3;
          background : url('https://ak.picdn.net/shutterstock/videos/3117664/thumb/1.jpg');
          background-size: cover;
          background-repeat: no-repeat;
          backgroud-position: top right;
     }

/* aspect ratios */

     .aspect-ratio-16-9 {
       overflow: hidden;
       padding-top: 56.25%;
     }


/* backgrounds */

.gen-login-page-background, .gen-register-page-background, .recover-password-page-background
{
     z-index: -1;
     opacity: .7 !important;
}


/* calendar */

.fc-scrollgrid-sync-table {
     margin-bottom: 0;
}

.fc-col-header {
     margin-bottom: 0px;
     background: var(--black-color);
     border: 0;
}

.fc .fc-non-business {
     background: rgba(0,0,0,.1);
}

.fc-day-other, .fc .fc-button-primary {
     background: var(--black-color);
}

.fc-daygrid-dot-event .fc-event-title {
     text-align: left;
     font-weight: normal;
}

.fc-daygrid-event {
     font-size: var(--fc-small-font-size, .7em);
     color: #fff;
}




/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa, .rating-stars ul > li.star > i.fal {
  font-size:1.5em; /* Change the size of the stars */
  color: #FFFFFF; /* Color on idle state */
     opacity: .5;
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa, .rating-stars ul > li.star.hover > i.fal {
  color:#FFCC36 !important;
     opacity: .7;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa, .rating-stars ul > li.star.selected > i.fal {
  color:#FFCC36 !important;
     opacity: 1;
}