/*
Template: Streamit - Responsive Bootstrap 4 Template
Author URI: https://iqonic.design/
Design and Developed by: https://iqonic.design/
NOTE: This file contains the styling for responsive Template.
*/

/*================================================
[  Table of contents  ]
================================================

:: Buttons Design
:: Title
:: Main Slider
:: Pages Content
:: favorites-slider
:: movie-content
:: trending-slider
:: parallax block
:: topten-contens
:: movie-detail
:: seasons
:: tvshows
:: profile
:: flatpickr
:: Animation
:: Shadow
:: Grid Css
:: favorites-slider
:: Upcoming Movies
:: Trending Tab


======================================
[ End table content ]
======================================*/

:root {
  --iq-primary: #e50914;
  --iq-primary-hover: #bf000a;
  --iq-light-primary: #d7d3f8;
  --iq-secondary: #6c757d;
  --iq-white-color: #ffffff;
  --iq-black-color: #000000;
  --iq-title-text: #23203c;
  --iq-body-text: #D1D0CF;
  --iq-body-bg: #141414;
  --iq-bg1: #191919;
  --iq-body-border: #393750;
  --iq-gold: #E6C75F;
  --iq-black: #000000;
  --iq-white-light-color:#eff1fe;
  --iq-sub-title-color:#4e87f2;
  --iq-light-blue-color:#ebf1fe;
  --iq-warning-color:#ff0000;
  --iq-success-color:#398f14;
  --iq-form-gradient-color: rgba(11, 1, 2, 0); 
  --iq-to-gradient-color: rgba(255, 55, 65, 0.3); 
}


/*----------------------------------------------
 Buttons Design
------------------------------------------------*/
.btn.iq-btn-small{font-size: 13px;padding: 10px 20px;}
.btn.iq-btn-medium{font-size: 16px;padding: 15px 30px;}
.btn.iq-btn-large{font-size: 18px; padding: 20px 40px;}
.btn.iq-btn-extra-large{font-size:  20px; padding: 25px 50px;}
.btn.iq-btn-round{border-radius: 30px !important;overflow: hidden;}
.btn.iq-btn-semi-round{border-radius: 5px !important;overflow: hidden;}
.btn.iq-btn-circle{border-radius: 50% !important; overflow: hidden;}
.btn.iq-btn-outline{outline: 2px solid var(--iq-black) !important;}
.btn, .iq-button { padding: 8px 16px; position: relative; display: inline-block; -webkit-border-radius: 0px; -moz-border-radius: 0; border-radius: 0 !important; cursor: pointer; z-index: 4; }
.btn-hover { background: var(--iq-primary-hover); border: 1px solid var(--iq-primary-hover); color: var(--iq-white-color); transition: color 0.3s ease; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; border-radius: 5px; }
.btn-hover:before, .iq-button:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--iq-primary); border: 1px solid var(--iq-primary); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; transition: transform 0.3s ease-out; -webkit-transition: transform 0.3s ease-out; }
.iq-button:hover:before, .iq-button:focus:before, .iq-button:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.iq-button.btn {
    padding: 12px 24px ;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.hover-buttons .btn {
    padding: 8px 16px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.btn-hover:hover, .btn-hover:focus, .btn-hover:active, .iq-button:hover, .iq-button:focus, .iq-button:active { color: var(--iq-white-color); }
.btn-hover:focus { box-shadow: none !important; }
.btn-hover:hover:before, .btn-hover:focus:before, .btn-hover:active:before, .iq-button:hover:before, .iq-button:focus:before, .iq-button:activer:before { -webkit-transform: scaleX(0); transform: scaleX(0); }
.btn-outline-primary { background: transparent; border: 2px solid var(--iq-primary); color: var(--iq-primary); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.btn-outline-primary:hover { background: var(--iq-primary-hover) !important; border: 2px solid var(--iq-primary-hover); color: var(--iq-white-color); box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: var(--iq-primary); border-color: var(--iq-primary); }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: var(--iq-primary); background: transparent; border-color: var(--iq-primary); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: none; }
button:focus { outline: none; }
.iq-button.iq-btn-link { background: transparent; color: var(--iq-primary); padding: 0; }
.iq-button.iq-btn-link:before { display: none; }
.iq-button.iq-btn-link:hover { color: var(--iq-primary); text-decoration: none; }
.btn-transparent.iq-btn-link{    background: transparent;
    color: var(--iq-white-color);
      padding: 9px 30px;
    position: relative;
    display: inline-block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0 !important;
    cursor: pointer;
    z-index: 4;}
.btn-transparent.iq-btn-link:hover{color: var(--iq-primary-hover);}

/*----------------------------------------------
Title
------------------------------------------------*/
.iq-title-box { margin-bottom: 20px; }
.iq-title-box .iq-title-desc { margin: 10px 0 0;}
.iq-main-header { margin-bottom: 20px; }
.iq-view-all {font-weight: 700;}


/*--------------------------------------------------------------
                       Main Slider
--------------------------------------------------------------*/
#home-slider ul.slick-dots { bottom: 30px; }
#home-slider .slick-dots li { height: auto; width: auto; }
#home-slider .slick-dots li button { height: 2px; width: 30px; background: rgba(229, 9, 20, 0.4); padding: 0; }
#home-slider .slick-dots li.slick-active button { background: var(--iq-primary); }
#home-slider li { position: relative; }
#home-slider .container { padding: 0px 15px; }
.slider-description { position: absolute; top: 15%; left: 80px; }
#home-slider h1.slider-text { font-size: 80px; font-weight: 800; margin: 15px 0 0; }
#home-slider p { margin: 20px 0; width: 600px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
#home-slider .trending-list {margin: 0 0 30px 0;}
#home-slider .slick-bg {background-size: cover !important;
 background-position: center center !important; 
 background-repeat: no-repeat !important; 
 width: 100%; 
 height: 100vh; position: relative; z-index: 1; }
.slider-ratting ul li{margin-right: 5px;}
#home-slider .slick-bg.s-bg-1 { background-image: url(../img/slider/slider1.jpg); }
#home-slider .slick-bg.s-bg-2 { background-image: url(../img/slider/slider2.jpg); }
#home-slider .slick-bg.s-bg-3 { background-image: url(../img/slider/slider3.jpg); }
.trailor-video{margin: 0 auto; text-align: center;}
.channel-name { color: var(--iq-primary); font-size: 20px; margin-left: 10px; letter-spacing: 2.5px; font-weight: 500; }
.c-logo { width: 130px; }
.channel-logo { border-left: 5px solid var(--iq-primary); background: transparent linear-gradient(270deg, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 100%); padding: 10px 10px 10px 15px; width: 255px; position: relative; overflow: hidden; }
.circle { stroke: var(--iq-white-color); stroke-dasharray: 650; stroke-dashoffset: 1300; -webkit-transition: all 0.5s ease-in-out;  }
.playbtn { display: inline-block; -webkit-transition: all 0.5s ease; }
.playbtn .triangle { -webkit-transition: all 0.7s ease-in-out; stroke-dasharray: 240; stroke-dashoffset: 480; stroke: var(--iq-white-color); transform: translateY(0); }
.playbtn:hover .triangle { stroke-dashoffset: 0; opacity: 1; stroke: var(--iq-primary); animation: trailorPlay 0.7s ease-in-out; }
.playbtn:hover .circle { stroke-dashoffset: 0; stroke: var(--iq-primary); }
.w-trailor { font-size: 20px; text-transform: uppercase; letter-spacing: 3.5px; font-weight: 400; color: var(--iq-white-color); margin-left: 15px;  vertical-align: middle; }
.slider-inner { position: relative; overflow: hidden; width: 100%; }
.big-title { font-weight: 800; background: url('../img/texure.jpg'); background-repeat: repeat-x; background-position: 100% 100%; color: transparent; -webkit-font-smoothing: antialiased; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }


/*---------------------------------------------------------------------
                     favorites-slider  
-----------------------------------------------------------------------*/
.favorites-slider { overflow: visible; }
#top-ten-slider-nav .slick-list { overflow: visible; margin-bottom: 40px !important;}
.favorites-slider .slick-list { overflow: visible; margin-bottom: 100px !important;}
.favorites-slider li.slide-item { float: left; width: 25%; }
.favorites-slider .slick-list { overflow: visible; }
li.slide-item { position: relative; padding: 0px 10px; }
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(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; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9); }
.block-social-info { position: absolute; top: 0; left: auto; bottom: 0; right: 25px; z-index: 999; display: flex; align-items: center; opacity: 0; }
.music-play-lists li { height: 30px; width: 30px; line-height: 35px; text-align: center; background: rgba(255, 255, 255, 0.30); border-radius: 50%; margin: 0 auto 7px; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; }
.music-play-lists .iq-like-btn,.music-play-lists span { position: relative; display: block; height: 20px; width: 20px; line-height: 26px; font-size: 12px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; cursor: pointer; }
.music-play-lists li:hover .iq-like-btn,.music-play-lists li:hover span { background: var(--iq-primary); color: var(--iq-white-color); transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; }
.block-social-info .music-play-lists .iq-like-btn .count-box { height: 15px; width: 15px; line-height: 15px; font-size: 8px; background: var(--iq-primary); color: var(--iq-white-color); position: absolute; right: 0; top: 15px; padding: 0; text-align: center; }
.block-description { position: absolute; left: 25px; top: 0; bottom: 0; z-index: 999; display: flex; justify-content: center; flex-direction: column; }
.block-description .iq-title { padding-right: 15px; font-size: 18px; color: var(--iq-white-color); text-transform: capitalize; }
.block-description h6{ color: var(--iq-white-color); }
li.slide-item .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-left: 4px solid var(--iq-primary); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; opacity: 0;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; }
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:hover .block-images::before { opacity: 1; z-index: 9;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-social-info { animation: fadeIn  0.6s ease-in-out; opacity: 1; }
.hover-buttons .btn { padding: 7px 14px; font-size: 12px; }
li.slide-item.slick-current:hover .block-images { transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px);
 -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px);;}
.block-images .hover-buttons { margin-top: 5px; }
.block-social-info .music-play-lists li { width: 40px; height: 40px; }
.block-social-info .music-play-lists li a.watch-list{    text-align: center;
    margin: 0 auto;}

.block-social-info .music-play-lists .iq-like-btn ,.block-social-info .music-play-lists span { width: 30px; height: 30px; }
.block-social-info .music-play-lists li:hover span i{color: var(--iq-white-color);}
.block-social-info .music-play-lists span i { font-size: 15px; }
li .wpulike-heart .wp_ulike_general_class { box-shadow: none; display: block; }

/*---------------------------------------------------------------------
                      movie-content  
-----------------------------------------------------------------------*/
.movie-content li { position: relative; padding-right: 20px; }
.movie-content li:last-child { padding-right: 0px; }
.movie-content li:before { content: ""; height: 3px; width: 3px; background: #dddddd; position: absolute; top: 10px; right: 8px; border-radius: 50%; }
.movie-detail .movie-content li:before { width: 5px; height: 5px; }
.movie-content li:last-child:before { display: none; }
li.slide-item .block-description .ratting-start { font-size: 12px; }
li.slide-item .block-description .badge { background-color: rgb(72, 72, 72, 0.61); }
li.slide-item .block-description .parallax-ratting span { font-size: 14px; }
.slick-vertical .block-description .hover-buttons > a{opacity: 0; display: none;  transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s;}
.slick-vertical .slick-slide.slick-current.slick-active .block-description .hover-buttons> a { transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; opacity: 1; display: block; }

.slick-vertical .slick-slide .block-images { overflow: visible; }
.slick-vertical .slick-slide .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; border-left: 4px solid var(--iq-primary); z-index: 9; }
.slick-vertical .slick-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%); transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; }
.slick-vertical .slick-slide.slick-current.slick-active .block-images::before { opacity: 1; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; }
.slick-vertical .slick-slide.slick-current.slick-active .block-images { width: 100%; overflow: visible; transform-origin: 100% 100%; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; z-index: 9; }
.slick-vertical li.slick-slide.slick-current.slick-active { transition: all 0.45s ease 0s; }
.slick-vertical .slick-slide { margin-top: 18px; }
.slick-vertical li.slick-slide:last-child { margin-bottom: 0 !important; }


/*---------------------------------------------------------------------
                     trending-slider  
-----------------------------------------------------------------------*/
#trending-slider .tranding-block, .banner-wrapper { background-size: cover; background-position: top right; position: relative; border: 1px solid #282828;}
.trending-pills { background: rgb(0, 0, 0, 0.25); }
.trending-info { padding: 60px 0; }
.tab-title-info { z-index: 99; }
.trending-content .tab-pane { width: 100%; height: 100%; }
.trending-pills.nav-pills .nav-item a { color: var(--iq-white-color); position: relative; overflow: hidden; border-radius: 0; text-transform: uppercase; margin-left: 15px; margin-right: 15px; }
.trending-pills.nav-pills .nav-item .nav-link.active{ color: var(--iq-primary); background-color: transparent;}
.trending-pills.nav-pills .nav-item a:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: var(--iq-primary); opacity: 0; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -o-transition: all 0.8s linear; transition: all 0.8s linear; }
.trending-pills.nav-pills .nav-item a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 85%); content: ''; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, 50%, 0); -moz-transform: translate3d(0, 50%, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.trending-pills.nav-pills .nav-item .nav-link.active:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.trending-pills.nav-pills .nav-item .nav-link.active:after { opacity: 1; width: 100%; }
.trending-pills.nav-pills .nav-item a:hover { color: var(--iq-primary); }
.trending-content { padding: 0px 50px; }
.p-btns { display: flex; align-items: center; }
/* .trending-info .trending-text { font-size: 60px; line-height: 100px; margin: 15px 0; } */
.trending-info .text-detail { font-size: 20px; font-weight: 500; letter-spacing: 0.7px; margin-bottom: 0; }
.badge.badge-trend { background: rgb(0, 0, 0, 0.42); }
.text-detail .trending-year { position: relative; padding-left: 30px; }
.text-detail .trending-year:before { content: ""; height: 6px; width: 6px; background: var(--iq-white-color); position: absolute; top: 50%; transform: translateY(-50%); left: 13px; border-radius: 50%; }
.overview-tab:before, .slick-bg:before { content: ''; position: absolute; top: 0; left: 0; width: 90%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%); z-index: 1; }
.slick-bg:before { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%); width: 100%; z-index: -1; }
.overlay-tab:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(36, 36, 36, 0.8); z-index: 1; }
.trending-info { position: relative; z-index: 99; }
.trending-info .trending-dec { margin-bottom: 15px; width: 600PX;overflow: hidden;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    margin: 15px 0;
 }
    .trending-info .trending-dec p{margin: 0;}
.trending-info .block-social { height: 45px; width: 45px; line-height: 45px; text-align: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin-left: 15px; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; }
.trending-info .block-social a { position: relative; display: block; height: 32px; width: 32px; line-height: 26px; font-size: 16px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; }
.trending-info .block-social.social1 a { background: var(--iq-primary); color: var(--iq-white-color); }
.trending-list .title { font-size: 18px; font-weight: 500; }
.trending-list .title span { font-size: 16px; font-weight: 400; color: var(--iq-white-color) !important;}
.trending-info .iq-dropdown .form-control { background: rgb(0, 0, 0, 0.20); border-radius: 5px; color: var(--iq-white-color); }
.trending-list > div > span {margin-left: 5px;}
.trending-list > div {margin-bottom: 5px;}
#trending-slider .trending-info .trending-text {margin: 20px 0; font-weight: 800;}

/*-----------------------*/
.movies-tab-desc p {margin-bottom: 0;    display: inherit !important;}
#iq-trending {overflow: hidden;}
#trending-slider-nav .slick-list { padding-bottom: 40px !important; overflow: visible; }
#trending-slider-nav .movie-slick { border: 12px solid transparent; transition: all 0.4s ease; z-index: -1; }
#trending-slider-nav .slick-current.slick-active .movie-slick { 
    transition: all 0.4s ease;
    padding: 10px;
    background: rgba(20, 20, 20, 0.5) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(1px);
    border: 1px solid #292929;
 }
#trending-slider-nav .slick-current.slick-active {
    transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px);
    -webkit-transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px);
    -moz-transform: scale3d(1.3, 1.3, 1) translate3d(0, 0, 0) perspective(500px);
    -o-transform: scale3d(1.3, 1.3, 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;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9);
}
.trending-contens .episodes-contens {margin-top: 30px;}
.e-item .episodes-description { color: var(--iq-body-text) !important; background: var(--iq-bg1); padding: 15px; }
.e-item:hover .episodes-description { color: var(--iq-white-color) !important; }
.episodes-description a:hover { color: var(--iq-primary); }
.episode-number { color: var(--iq-white-color); }
.episode-duration{position: absolute; top: 15px; left: auto; right: 15px; font-weight: 700; background: var(--iq-primary); color: var(--iq-white-color); padding: 0 5px;}
.e-item .episodes-description p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.e-item:hover .episode-number { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.episode-play-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.e-item:hover .episode-play-info { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.episode-play { height: 45px; width: 45px; line-height: 45px; text-align: center; background: rgba(255, 255, 255, 0.15); border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; }
.episode-play a { position: relative; display: block; height: 32px; width: 32px; line-height: 26px; font-size: 16px; text-align: center; background: var(--iq-white-color); color: var(--iq-primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto; display: flex; -webkit-display: flex; -moz-display: flex; -o-display: flex; align-items: center; justify-content: center; transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; }
.episodes-slider1 .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; color: #fff; }
.episodes-slider1 .owl-nav button.owl-prev, .episodes-slider1 .owl-nav button.owl-next { float: left; width: 35px; height: 60px; background: rgba(0, 0, 0, 0.5); line-height: 23px; font-size: 30px; text-align: center; display: flex; align-items: center; justify-content: center; }
.episodes-slider1 .owl-nav button.owl-next { float: right !important; }


/*---------------------------------------------------------------------
                     parallax block  
-----------------------------------------------------------------------*/
.parallax-img img { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.6); }
.parallax-window { height: 100%; padding: 100px 0; position: relative; background: url(../images/parallax/p1.jpg)center center; background-size: cover; background-attachment: fixed; }
.parallax-window::after { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); }
.parallaxt-details { z-index: 9; position: relative; }
.parallax-window .iq_movie_desc { float: left; width: 100%; overflow: hidden; margin-bottom: 15px; position: relative; }
.parallax-window .iq_movie_desc p { margin-bottom: 0; height: 50px; text-overflow: ellipsis; }

/*---------------------------------------------------------------------
                     topten-contens  
-----------------------------------------------------------------------*/
.topten-contens { position: relative; overflow: hidden; }
#iq-topten .iq-title { position: absolute; left: 35px; top: 35px; z-index: 99; }
.topten-title-sm { display: none; }
.vertical_s { position: absolute; top: 95px; right: 0; bottom: 0; left: 35px; overflow: hidden; }
#top-ten-slider-nav { width: 300px; height: 100%; position: relative; }
#top-ten-slider-nav .slick-list.draggable { height: 100% !important }
#top-ten-slider-nav .slick-prev, #top-ten-slider-nav .slick-next { left: 0; right: 0; margin: 0 auto; }
#top-ten-slider-nav .slick-prev { top: 0; bottom: auto; }
#top-ten-slider-nav .NextArrow, #top-ten-slider-nav .PreArrow { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 999; background: rgba(0, 0, 0, 0.5); border: none; color: var(--iq-white-color); font-size: 30px; width: 60px; height: 35px; }
#top-ten-slider .NextArrow, #top-ten-slider .PreArrow { position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 999; background: rgba(0, 0, 0, 0.5); border: none; color: var(--iq-white-color); font-size: 30px; width: 35px; height: 60px; }
#top-ten-slider-nav .NextArrow { bottom: 0; }
#top-ten-slider-nav .PreArrow { top: 0; }
#top-ten-slider .NextArrow { right: 0; left: auto; }
#top-ten-slider .PreArrow { left: 0; right: auto; }
#top-ten-slider-nav .slick-next:before, #top-ten-slider-nav .slick-prev:before, #top-ten-slider .slick-next:before, #top-ten-slider .slick-prev:before { display: none; }
.slick-arrow { cursor: pointer; }
ul#top-ten-slider .slick-bg:before {z-index: 0;}

#top-ten-slider-nav .NextArrow:hover,#top-ten-slider-nav .NextArrow:focus{outline: none; border: none;}
#top-ten-slider-nav .PreArrow:hover,#top-ten-slider-nav .PreArrow:focus{outline: none; border: none;}



/*---------------------------------------------------------------------
                     flatpickr  
-----------------------------------------------------------------------*/
.flatpickr-input[readonly] { background-color: transparent !important; }
.flatpickr-calendar, .flatpickr-months .flatpickr-month, span.flatpickr-weekday, .flatpickr-current-month .flatpickr-monthDropdown-months { background: var(--iq-body-bg); }
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { background: var(--iq-primary); border-color: transparent; }
.flatpickr-day.selected, .flatpickr-day.selected:hover { background: var(--iq-primary); border-color: transparent; }
.flatpickr-day.today { border-color: var(--iq-primary); }
.flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: var(--iq-primary); background: var(--iq-primary); color: var(--iq-white-color); }
.single-season-data{display: none;}
.active.show {display: block;}

.favorites-slider .slick-arrow, 
.inner-slider .slick-arrow,
#trending-slider-nav .slick-arrow,
.trending-contens .slick-arrow{display: flex; align-items: center; justify-content: center; flex-direction: column; width: 35px; height: 60px;  }

.favorites-slider .slick-arrow i, 
.inner-slider .slick-arrow i,
#trending-slider-nav .slick-arrow i,
.trending-contens .slick-arrow i{display: flex; align-items: center; justify-content: center;width: 35px; height: 60px; text-align: center; opacity: 1; z-index: 9;top:0; background: rgba(0, 0, 0, 0.5); margin: 0; line-height: 5px; box-shadow: 0px 9px 19px #01041B0D; font-size: 0; transform: none; color: var(--iq-white); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
.favorites-slider .slick-arrow.slick-disabled, 
.inner-slider .slick-arrow.slick-disabled,
.trending-contens .slick-arrow.slick-disabled {opacity: 0;}
.favorites-slider .slick-prev, 
.inner-slider .slick-prev,
#trending-slider-nav .slick-prev,
.trending-contens .slick-prev { color: var(--iq-white); right: auto;left: 15px; z-index: 9; }
.favorites-slider  .slick-next, 
.inner-slider  .slick-next,
#trending-slider-nav .slick-next,
.trending-contens .slick-next{ color: var(--iq-white);right: 15px;}
.favorites-slider .slick-prev:before,
.favorites-slider .slick-next:before,
.inner-slider .slick-prev:before,
.inner-slider .slick-next:before,
#trending-slider-nav .slick-prev:before,
#trending-slider-nav .slick-next:before,
.trending-contens .slick-prev:before,
.trending-contens .slick-next:before {
	font-size: 0;
 }
 .favorites-slider .slick-arrow i,
 .inner-slider .slick-arrow i,
 #trending-slider-nav .slick-arrow i,
 .trending-contens .slick-arrow i{
	font-size: 17px;
}
.search-page .upcoming-contens .inner-slider .slick-arrow{top: 50%;}
.search-page .upcoming-contens .inner-slider .slick-arrow.slick-next{right: 7px;}
.upcoming-contens .inner-slider .slick-arrow, #iq-favorites .inner-slider .slick-arrow{top: 40%;}
.trending-contens .slick-arrow{top: 50%;}
.trending-contens .slick-arrow.slick-next{right: 0;}
.trending-contens .slick-arrow.slick-prev{left: 0;}

/*---------------------------------------------------------------------
                     Shadow
-----------------------------------------------------------------------*/

.img-shadow {
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
                       Watchlist
--------------------------------------------------------------*/
.watchlist-contens { position: relative; overflow: visible;/* padding: 0px 15px;*/
padding: 0px; }
.watchlist-contens .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;
  margin-bottom: 30px; }
.watchlist-contens .block-images:hover  { overflow: visible; }
.watchlist-contens .block-images:hover .img-box { position: relative; }
.watchlist-contens .block-images:hover { z-index: 99; 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%; 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: 0px 0px 12px rgba(0, 0, 0, 0.9); }
.watchlist-contens .block-images.watchlist-first:hover{transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(6%, 0, 0) perspective(500px);}
.watchlist-contens .block-images.watchlist-last:hover{transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -webkit-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -moz-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px); -o-transform: scale3d(1.1, 1.1, 1) translate3d(-6%, 0, 0) perspective(500px);}
.watchlist-contens .block-social-info { position: absolute; top: 0; left: auto; bottom: 0; right: 25px; z-index: 999; display: flex; align-items: center; opacity: 0; }
.watchlist-contens .block-images::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; opacity: 0; z-index: 9; border-left: 4px solid var(--iq-primary); }
.watchlist-contens .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%); }
.watchlist-contens .block-images:hover::before { opacity: 1; z-index: 9; }
.watchlist-contens .block-images:hover .block-description { animation: fadeIn 0.6s ease-in-out; opacity: 1; }
.watchlist-contens .block-images:hover .block-social-info { animation: fadeIn  0.6s ease-in-out; opacity: 1; }
.watchlist-contens .block-images .hover-buttons { margin-top: 5px; }
.favorites-slider li.slide-item a.slick-slide.slick-current.slick-active{position: absolute;top: -40px;right: 0;display: none;}


/*---------------------------------------------------------------------
                      Upcoming Movies
-----------------------------------------------------------------------*/
.upcoming-contens .favorites-slider li.slide-item{width: 25% !important;}
.share { position: relative; }
.share-box { -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); display: none; position: absolute; width: 105px; top: 3px; right: 40px; left: auto; background-color: var(--iq-bg1); padding: 0px 10px; border-radius: 0px; text-align: center; z-index: 2; animation: side-in  0.5s forwards; margin-bottom: 10px; transition: all 0.45s ease 0s; }
.share:hover .share-box { display: inline-block; }
.share-box a { background: transparent !important; color: var(--iq-body) !important; margin-right: 15px; }
.share-box i { font-size: 16px !important; }
.share-box a:hover { color: var(--iq-primary) !important; }
.page.page-id-5903 header#main-header, .page.page-id-5903 footer{display: none;}
.page.page-id-8163 header#main-header, .page.page-id-8163 footer{display: none;}
.page.page-id-8163 header#main-header, .page.page-id-8163 footer{display: none;}


/*---------------------------------------------------------------------
                      Trending Tab
-----------------------------------------------------------------------*/
.trending-custom-tab .trending-info .p-btns .btn.btn-hover{padding: 12px 24px;}
.trending-custom-tab .trending-info .p-btns a.btn.btn-link{text-decoration: none;
color: var(--iq-white-color);transition: all 0.3s ease-in-out; padding: 12px 24px;}
.trending-custom-tab .trending-info .p-btns a.btn.btn-link:hover{color: var(--iq-primary);}
.episode-number {margin-right: 10px; color: var(--iq-primary);}

/*Movie details*/
li.slide-item .block-description .badge {
    border-radius: 0px;
}

.e-item .episodes-description a{color: var(--iq-white-color); font-size: 18px;}
.e-item:hover .episodes-description a{ color: var(--iq-primary); }

/*tab episode nav*/
.episodes-slider1.owl-carousel .owl-nav{display: block;}
.episodes-slider1.owl-carousel .owl-nav .owl-prev:focus,
.episodes-slider1.owl-carousel .owl-nav .owl-next:focus{border: none; outline: none;}

.owl-carousel.episodes-slider1{
    display: none;
}
.active.show {
    display: block;
}

/*---------------------------------------------------------------------
                           tvshows  
-----------------------------------------------------------------------*/
#tvshows-slider .slick-bg:before{background-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(20, 20, 20, 1) 35%, rgba(83, 100, 141, 0) 100%);}
      #tvshows-slider .slick-bg { height: 70vh !important; }
      #tvshows-slider span.badge.badge-secondary { border-radius: 0px !important; }
      #tvshows-slider a.btn.btn-link { color: var(--iq-white-color) !important; padding: 9px 30px !important; }
      #tvshows-slider a.btn.btn-link:hover { color: var(--iq-primary) !important; text-decoration: none; }
      #tvshows-slider p { width: 600px; margin: 30px 0; overflow: hidden;}
      #tvshows-slider .tv-movie-banner { margin: 10px 0 20px; }
      #tvshows-slider li { float: left; }
      .epi-desc .run-time {font-weight: 700;}
      .epi-desc .rel-date {border-left: 4px solid var(--iq-primary); background: transparent linear-gradient(270deg, var(--iq-form-gradient-color) 0%, var(--iq-to-gradient-color) 100%);padding: 5px; position: relative; overflow: hidden; display: inline-block; font-style: italic;}
      #tvshows-slider .NextArrow:focus, #tvshows-slider .PreArrow:focus{outline: none;}
      .shows-img { position: relative; }
      .shows-content {padding-top: 30px; }
      .shows-img:before { background-image: linear-gradient(to bottom, rgba(51, 51, 51, 0), rgba(0, 0, 0, 0.6) 75%, var(--iq-black) 100%); z-index: 1; }
      .shows-content>div { padding-left: 30px; }
      #tvshows-slider .slick-slide { opacity: 0.4; filter: blur(3px); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); transition: all 2s ease 0s; 
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 100%;
    position: relative;
    z-index: 1;}
      #tvshows-slider .slick-slide.slick-current.slick-center { opacity: 1; filter: blur(0); -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.75); transition: all 2s ease 0s; }
      #tvshows-slider .NextArrow, #tvshows-slider .PreArrow { position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); z-index: 999; background: transparent; border: none; color: rgba(255, 255, 255, 0.9); font-size: 65px; z-index: 1; }
      #tvshows-slider .NextArrow { right: 10px; }
      #tvshows-slider .PreArrow { left: 10px; }
      .iq-main-slider { position: relative; }
      .genres-box { position: absolute; top: 100px; left: 15%; }
      .genres-box .btn-secondary { background-color: rgba(108, 117, 125, 0.8); border-color: transparent; position: relative; }
      .genres-box .btn-secondary:focus { box-shadow: none !important; }
      .genres-box .dropdown-toggle::after { content: '\ea41'; position: absolute; right: 37px; top: 10px; font-family: 'remixicon'; border: none !important; transition: all 0.4s ease; vertical-align: middle !important; }
      .genres-box .btn { padding: 9px 42px 9px 25px; }
      .genres-box .dropdown-menu { background-color: rgb(36, 36, 36, 0.9); border: transparent; color: var(--iq-white-color) !important; border-radius: 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
      .genres-box .dropdown-menu.show { transform: translate(0, 70px); }
      .genres-box .dropdown-item { color: var(--iq-white-color); }
      .genres-box .dropdown-item:focus, .genres-box .dropdown-item:hover { background-color: transparent; color: var(--iq-primary); }
      .genres-box .btn-secondary:not(:disabled):not(.disabled).active, .genres-box .btn-secondary:not(:disabled):not(.disabled):active, .genres-box.show>.btn-secondary.dropdown-toggle { background-color: rgba(108, 117, 125, 0.8) !important; border-color: transparent !important; }
      .share-box.tv-show-detail { left: 45px; right: auto; }
      .banner-caption .w-name { margin: 25px 0 25px 70px; }