/*
Copyright (C) 2023 SJPA Entertainment LLC. All rights reserved.
*/
.title-link {
   color: #ffffff;
   text-decoration: none;
}
.title-link:hover {
   color: #ffffff;
   text-decoration: none;
}
.block-description {
   position: absolute;
   width: 100%;
   top: 0;
   bottom: 0;
   z-index: 999;
   display: flex;
   justify-content: center;
   flex-direction: column;
}
.hover-buttons .btn {
   padding: 0.313em 0.938em;
   font-size: 0.875em;
}
.block-images .hover-buttons {
   margin-top: 0.313em;
}
.block-description>h6 {
   font-size: 1.5em;
}
.block-description .title-head {
   font-size: 0.8em;
   font-weight: bold;
   color: #ffffff;
}
.streamer-movie-card .slide-item .block-images {
   margin-bottom: 2em;
}
li.slide-item .block-description .ratting-start {
   font-size: 0.75em;
}
li.slide-item .block-description .badge {
   background-color: rgb(72, 72, 72, 0.61);
}
li.slide-item .block-description .parallax-ratting span {
   font-size:0.875em;
}
.block-description .streamer-verticle-title {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
}
li.slide-item .block-images::before {
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(0, 0, 0, 0.5);
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: all 0.6s ease 0s;
   border-left: 0.25em solid var(--streamer-primary);
}
li.slide-item:hover .block-images::before {
   opacity: 1;
   z-index: 9;
   transition: all 0.6s ease 0s;
}
li.slide-item:hover .block-description {
   animation: fadeIn 0.6s ease-in-out;
   opacity: 1;
}
li.swiper-slide.slide-item.swiper-slide-visible+li.swiper-slide.slide-item.swiper-slide-visible+li.swiper-slide.slide-item.swiper-slide-visible+li.swiper-slide.slide-item.swiper-slide-visible:hover .block-images{
   transform: scale3d(1.1, 1.1, 1.0) translate3d(-4%, 0, 0) perspective(31.25em);
   transition: all 0.6s ease 0s;
}
li.slide-item .block-images::after {
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(20, 20, 20, 0.4) 50%, rgba(83, 100, 141, 0) 100%);*/
   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;
}
li.slide-item .block-images {
   position: relative;
   width: 100%;
   transition: all 0.45s ease 0s;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: 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;
}
li.slide-item:hover .block-images {
   overflow: visible;
}
li.slide-item:hover .block-images .img-box {
   position: relative;
}
li.slide-item:hover .block-images {
   z-index: 99;
   transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
   -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
   -moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
   -o-transform: scale3d(1.1, 1.1, 1) translate3d(0, 0, 0) perspective(31.25em);
   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;
   box-shadow: 0em 0em 0.75em rgba(0, 0, 0, 0.9);
}
a.block-images:before {
   background: rgba(0, 0, 0, .5);
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   opacity: 1;
}
li.slide-item .cast-images .img-box img {
   width: auto;
   height: 100%;
   object-fit: cover;
}
li.slide-item .cast-images .img-box {
   width: 100%;
   height: 8.75em;
}
/* -------------------Common slider-------------------- */

.title-list-slider .swiper{
   padding-bottom: 6.25em !important;
 }
.title-list-slider .swiper-button-next, .title-list-slider .swiper-rtl .swiper-button-prev{right: 0;}
.title-list-slider .swiper-button-prev, .title-list-slider .swiper-rtl .swiper-button-next{left: 0;}
.title-list-slider .swiper-button-next, .title-list-slider .swiper-button-prev{
   width: 2.188em !important;
    height: 3.75em !important;
}
.title-list-slider .swiper-button-next:after, .title-list-slider .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 1em !important;
}
.title-list-slider .swiper-button-prev:after {
    font-size: 1em !important;
}
.title-list-slider .title-listing-desc span{font-size: 0.875em;}
.title-list-slider  .swiper-slide:hover .block-social-info {
opacity: 1;
}


 .swiper-slide .block-images::after{
   position: absolute;
   content: "";
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(20, 20, 20, 0.4) 50%, rgba(83, 100, 141, 0) 100%);*/
 }
 li.slide-item.swiper-slide-active:hover .block-images {
    transform: scale3d(1.1, 1.1, 1) translate3d(4.8%, 0, 0) perspective(500px);
    -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(4.8%, 0, 0) perspective(500px);
}

 .swiper-button-next:after, .swiper-button-prev:after{
   font-size: 1.25em !important;
   color: var(--white);
   font-weight: 900;
   background: rgba(0, 0, 0, 0.5);
   width: 2.188em;
   height: 3.75em;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0.3125em;
   box-shadow: 0 0.5625em 1.1875em rgba(1,4,27,.05);
 }
 .swiper-button-prev, .swiper-button-next {
   top:35% !important;
 }

html,
body {
  position: relative;
  height: 100%;
}

.swiper {
   width: 100%;
}

.swiper-slide {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
}
/* ------------------------ */
.block-images-mouseenter {
   border: 3px solid #ffff00;
}
.block-images-mouseleave {
   border: 3px solid rgba(255,0,0,0.0);
   transition: border 2s ease;
}
.title-details-visible {
   visibility: visible;
   opacity: 1;
   transition: opacity 0.5s ease;
}
.title-details-hidden {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s 0.5s, opacity 0.5s ease;
}

/* -- title listings swiper buttons -- */
.title-button-play:hover {
   color: #ffff00 !important;
   text-decoration: none;
   transition: color 0.5s ease;
}
.title-button-play {
   color: #ffffff !important;
   text-decoration: none;
   transition: color 0.5s ease;
}
.title-button-info:hover {
   color: #ffff00 !important;
   text-decoration: none;
   transition: color 0.5s ease;
}
.title-button-info {
   color: #ffffff !important;
   text-decoration: none;
   transition: color 0.5s ease;
}

.main-navbar-visible {
   visibility: visible;
   opacity: 1;
   transition: opacity 1s ease;
}
.main-navbar-hidden {
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s 1s, opacity 1s ease;
}

.slideFront {
   z-index: 100;
}
.slideBack {
   z-index: -1;
}

.buttonFilmDetails {
   margin: 5px;
}

.streamsearch {
    /* position: relative; */
}
.streamsearch input[type=text] {
    border: none;
    width: 100%;
    padding-right: 123px;
}
.streamsearch .input-group-prepend {
    position: absolute;
    right: 10px;
    top:  50%;
    transform: translateY(-50%);
    z-index:9;
}

.authLinks {
   text-decoration: none;
}

#langSelect #lang-btn-en {
   border-radius: 0.5em 0 0 0.5em !important;
   white-space: nowrap !important;
}
#langSelect #lang-btn-ja {
   border-radius: 0 0.5em 0.5em 0 !important;
   white-space: nowrap !important;
}

#loginButton {
   white-space: nowrap !important;
}
#registerButton {
   white-space: nowrap !important;
}

.img-title-poster {
   border: 2px solid transparent;
}
.img-title-poster:hover {
   border: 2px solid #ffff00;
   transform: scale(1.2);
   transition: 250ms all;
}

/* - end - */