header#main-header{position:relative!important;left:0;right:0;text-align:center;z-index:999;background:rgba(20,20,20,0.5)!important}
.iq-search-bar .search-input{width:100%;height:40px;padding:5px 15px 5px 40px;border:none;border-radius:0;color:var(--iq-white);background:var(--iq-bg1)}
.iq-search-bar .searchbox .search-link{position:absolute;left:15px;top:6px;font-size:16px}
.nav-item span.dots{height:10px;width:10px;font-size:0;text-align:center;padding:0;position:absolute;top:3px;right:12px;border-radius:50%;-webkit-border-radius:50%}
.menu-right .nav-item span.dots{right:0}
.navbar-right li .iq-sub-dropdown .iq-sub-card{position:relative;font-size:inherit;padding:15px;line-height:normal;color:inherit;text-align:left;display:inline-block;width:100%;border:1px solid;border-image-slice:1;border-width:0 0 1px;border-image-source:linear-gradient(to right,rgba(209,208,207,0.6),rgba(209,208,207,0.3),rgba(209,208,207,0))}
.iq-sub-card.setting-dropdown{padding:15px 15px 15px 0 !important}
.navbar-right li .iq-sub-dropdown a.iq-sub-card:last-child{border-bottom:0}
.notify-bg{overflow:hidden;z-index:99}
.notify-bg:before{content:'';display:block;position:absolute;background:rgba(255,255,255,0.5);width:70px;height:100%;left:0;top:0;opacity:.5;filter:blur(30px);transform:translateX(-100px) skewX(-30deg);animation:noti-before-animation 2s infinite 2s}
.notify-bg:after{content:'';display:block;position:absolute;background:rgba(255,255,255,0.2);width:30px;height:100%;left:30px;top:0;opacity:0;filter:blur(5px);transform:translateX(-100px) skewX(-30deg);animation:noti-after-animation 2s infinite 2s}
.navbar-right .iq-sub-dropdown .iq-card-body div{border-radius:0}
.navbar-right .iq-show .iq-sub-dropdown,.iq-show .search-box{display:block!important;opacity:1;visibility:visible;transform:translate(0,0)}
.navbar-right .search-box{display:none}
.navbar-right .iq-sub-dropdown{width:300px;opacity:0;visibility:hidden;position:absolute;top:100%;right:0;background:var(--iq-bg1);transform:translate(0,70px);-webkit-transform:translate(0,70px);transition:all .3s;padding:0;/*-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);box-shadow:0 0 20px 0 rgba(0,0,0,0.5);*/-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;-ms-transition:all .3s ease-out 0;-o-transition:all .3s ease-out 0;transition:all .3s ease-out 0;z-index:1}
.search-toggle:hover,header .navbar ul li.menu-item a:hover{color:var(--iq-primary)}
.search-wrapper{position:relative;display:inline-block;height:36px;vertical-align:bottom}
.searchbutton{position:absolute;font-size:22px;width:100%;margin:0;padding:0;right:16px;color:var(--iq-body-text)}
.search:focus + .searchbutton{transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;color:var(--iq-primary)}
.search:hover + .searchbutton{color:var(--iq-white)}
.search{position:absolute;left:49px;background-color:transparent;outline:none;border:none;border-bottom:1px solid transparent;padding:0 0 0 16px;width:0;height:100%;z-index:10;color:var(--iq-white);transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s}
.search:focus,.search:hover{width:350px;padding:0;border-color:var(--iq-body-text)}
.expandright{left:auto;right:-6px;bottom:-2px}
.search::placehoder{color:var(--iq-white)!important}
.noti-svg{-webkit-animation:notify 1.5s ease infinite;animation:notify 1.5s ease infinite;fill:var(--iq-body-text)}
.noti-svg:hover{fill:var(--iq-primary)}
.search-box{position:absolute;left:0;right:0;top:46px;min-width:25rem;width:100%;z-index:-1;opacity:0;transform:translate(0,70px);-webkit-transform:translate(0,70px);-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;-ms-transition:all .3s ease-out 0;-o-transition:all .3s ease-out 0;transition:all .3s ease-out 0;box-shadow:0 0 20px 0 rgba(0,0,0,0.15)}
.search-toggle{padding:0!important}
.list-group .home-search .list-group-item{padding:.75rem .25rem}
header .navbar ul li ul.home-search li{display:flex}
.list-group .home-search .list-group-item a{text-align:left;padding:0 15px}
header#main-header.menu-sticky{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.4);box-shadow:0 0 30px 0 rgba(0,0,0,0.4);position:fixed;top:0;width:100%;background:rgba(20,20,20,0.9)!important;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 30px 0 rgba(0,0,0,.1);box-shadow:0 0 30px 0 rgba(0,0,0,.1);z-index:999}
header .navbar .menu-header-menu-container,header .navbar .menu-all-pages-container,header .navbar .menu-testing-menu-container,header .navbar .menu-short-container,header .navbar .menu-main-menu-container{display:inline-block;width:100%}
header .navbar ul.navbar-nav{display:block;text-align:center}
header .navbar ul li{border-bottom:2px solid transparent;list-style:none;margin-right:18px;position:relative;transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;display:inline-block}
header .navbar ul li.menu-item a{font-size:15px;font-weight:500;position:relative;padding:0 5px;line-height:46px;position:relative;z-index:9;text-decoration:none;transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;text-transform:capitalize}
.nav-open .nav-overlay{opacity:1;visibility:visible;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.nav-overlay{left:0;right:0;top:0;bottom:0;opacity:0;z-index:900;display:block;width:100%;position:fixed;visibility:hidden;background:rgba(0,0,0,0.6);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.more-toggle{color:var(--iq-white)!important;font-size:22px}
.dropdown-toggle.more-toggle::after{content:none}
.mobile-more-menu{display:none}
.more-menu{position:absolute;top:50px;left:auto;right:0;min-width:18rem;padding:.35rem .5rem;margin:0;opacity:0;transform:translate(0,70px);-webkit-transform:translate(0,70px);-webkit-transition:all .3s ease-out 0;-moz-transition:all .3s ease-out 0;-ms-transition:all .3s ease-out 0;-o-transition:all .3s ease-out 0;transition:all .3s ease-out 0;background:var(--iq-bg1);box-shadow:0 3px 10px rgba(0,0,0,0.75);visibility:hidden;z-index:999}
.more-menu.show{opacity:1;transform:translate(0,0);visibility:visible}
header .navbar ul li:last-child{margin-right:0}
#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}
.slider-description{position:absolute;top:15%;left:80px}
#home-slider h1.slider-text{font-size:70px;margin:15px 0}
#home-slider p{margin:20px 0;width:100%}
#home-slider .slick-bg{width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;height:90vh;position:relative;z-index:1}
.trailor-video{position:absolute;bottom:50%;right:5%;z-index:999}
.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,rgba(11,1,2,0) 0%,rgba(255,55,65,0.3) 100%);padding:10px 10px 10px 15px;width:255px;position:relative;overflow:hidden}
.circle{stroke:var(--iq-primary);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all .5s ease-in-out;opacity:.3}
.playbtn{display:inline-block;-webkit-transition:all .5s ease}
.playbtn .triangle{-webkit-transition:all .7s ease-in-out;stroke-dasharray:240;stroke-dashoffset:480;stroke:var(--iq-white);transform:translateY(0)}
.playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--iq-primary);animation:trailorPlay .7s ease-in-out}
.playbtn:hover .circle{stroke-dashoffset:0;opacity:1}
.w-trailor{font-size:17px;letter-spacing:3.5px;font-weight:600;color:var(--iq-white);margin-left:5px}
.slider-inner{position:relative;overflow:hidden;width:100%}
.big-title{background:url(../images/texure.jpg);background-repeat:repeat-x;background-position:100% 100%;-webkit-font-smoothing:antialiased;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}
.slick-track{margin:unset!important}
.vod-info{padding:0;list-style:none;margin:15px 0;color:var(--text-color-opacity)}
.vod-info li span{background-color:red;display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}
/* .main-content{padding-top:40px} */
.block-space{padding:40px 0}
#iq-trending,#iq-favorites,.s-margin{margin-top:40px}
.iq-main-header{margin-bottom:20px}
.main-title{font-size:1.2em}
.main-title a:hover,.main-title a:focus{color:var(--iq-primary)!important}
:focus{outline:none!important}
.favorites-slider .slick-list,#top-ten-slider-nav .slick-list{overflow:visible;padding-bottom:40px!important}
.favorites-slider li.slide-item{float:left;width:25%}
.favorites-slider .slick-list{overflow:visible}
li.slide-item{position:relative;padding:0 15px 0 0}
li.slide-item .block-images{position:relative;width:100%;transition:all .45s ease 0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:all .6s ease 0;-webkit-transition:all .6s ease 0;-moz-transition:all .6s ease 0;-o-transition:all .6s ease 0}
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) translate3d(0,0,0) perspective(500px);transform-origin:50% 50%;transition:all .6s ease 0;-webkit-transition:all .6s ease 0;-moz-transition:all .6s ease 0;-o-transition:all .6s ease 0;box-shadow:0 0 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 span{position:relative;display:block;height:20px;width:20px;line-height:26px;font-size:12px;text-align:center;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 .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0;cursor:pointer}
.music-play-lists li:hover span{transition:all .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0}
.block-description{bottom:0;opacity:0;color:var(--TEXT_COLOR_L0);padding:10px;position:absolute;width:100%;z-index:999;background-image:linear-gradient(to bottom,rgba(4,8,15,0),#000,#000,#000);backdrop-filter:blur(5px);transition:opacity .8s ease-in,bottom .6s cubic-bezier(0.33,0.04,0.63,1.93);font-size:14px;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center}
.block-description > h6{font-size:1.5em}
#iq-upcoming-movie .block-description{position:absolute;left:20px;top:72px;bottom:0;z-index:999;display:flex;justify-content:center;flex-direction:column;opacity:0}
#iq-upcoming-movie .block-description > h6{font-size:.5em}
li.slide-item .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}
li.slide-item:hover .block-images::before{opacity:1;z-index:9}
.img-description{width:100%;height:78px;display:none;object-fit:cover}
li.slide-item:hover .img-description{width:100%;display:block;opacity:2;z-index:999;object-fit:cover;position:absolute;top:0}
li.slide-item:hover .img-description img{height:70px;width:100%;object-fit:cover}
li.slide-item:hover .block-description{animation:fadeIn .6s ease-in-out;opacity:1}
#iq-upcoming-movie li.slide-item:hover .block-description{animation:fadeIn .6s ease-in-out;opacity:1}
li.slide-item:hover .block-social-info{animation:fadeIn .6s ease-in-out;opacity:1}
.hover-buttons .btn{padding:5px 15px;font-size:12px}
li.slide-item.slick-current:hover .block-images{transform:scale3d(1.3,1.3,1) translate3d(11%,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 span{width:30px;height:30px}
.block-social-info .music-play-lists span i{font-size:15px}
#iq-upcoming-movie .movie-time{font-size:10px}
#iq-upcoming-movie .music-play-lists li{border:solid 1px #fff;height:24px;width:24px;line-height:35px;background:transparent;text-align:center;border-radius:50%;margin:0 10px 0 0;display:flex;-webkit-display:flex;-moz-display:flex;-o-display:flex;align-items:center}
#iq-upcoming-movie .music-play-lists span{position:relative;display:block;height:24px;width:24px;line-height:26px;font-size:12px;text-align:center;background:transparent;color:#fff;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 .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0;cursor:pointer}
#iq-upcoming-movie .music-play-lists li:hover span{background:#fff;color:#000;transition:all .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0}
#iq-upcoming-movie .hdcir{border-radius:7px;padding:1px 7px;color:#fff;border:solid 1px}
.right-content a{color:red}
.movie-content li{position:relative;padding-right:20px}
.m.movie-content li:last-child{padding-right:0}
.movie-content li:before{content:"";height:3px;width:3px;background:#ddd;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:#484848}
li.slide-item .block-description .parallax-ratting span{font-size:14px}
.slick-vertical .slick-slide.slick-current.slick-active .block-description{left:25px;transition:all .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0;opacity:1}
.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 .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0;border-left:6px solid var(--iq-primary)}
.slick-vertical .slick-slide.slick-current.slick-active .block-images::before{opacity:1;transition:all .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0}
.slick-vertical .slick-slide.slick-current.slick-active .block-images{width:100%;overflow:visible;transform-origin:100% 100%;transition:all .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0;z-index:9}
.slick-vertical li.slick-slide.slick-current.slick-active{transition:all .45s ease 0}
.slick-vertical .slick-slide{margin-bottom:18px}
.slick-vertical li.slick-slide:last-child{margin-bottom:0!important}
#trending-slider .tranding-block,.banner-wrapper{background-size:cover;background-position:top right;position:relative}
.trending-pills{background:#000;margin:1.875em 0;background:var(--iq-bg1)}
.trending-info{padding:60px 0}
.tab-title-info{z-index:99}
.trending-content .tab-pane.fade{display:none;visibility:hidden;opacity:0}
.trending-content .tab-pane.fade.active.show{display:block;visibility:visible;opacity:1}
.trending-content .tab-pane{width:100%}
.trending-pills.nav-pills .nav-item a{position:relative;overflow:hidden;border-radius:0;text-transform:uppercase;margin-left:15px;margin-right:15px}
.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 .8s linear;-moz-transition:all .8s linear;-o-transition:all .8s linear;transition:all .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,rgba(83,100,141,0) 0%,#da403c 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 .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.trending-pills.nav-pills .nav-item a.show: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 .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.trending-pills.nav-pills .nav-item a.show:after{opacity:1;width:100%}
.trending-pills.nav-pills .nav-item a:hover{color:var(--iq-primary)}
.trending-content{display:flex}
.p-btns{display:flex;align-items:center;margin-top:1.5vw}
.trending-info .trending-text{font-size:calc(14px + 2vmin);font-weight:700;margin:0 0 .2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.trending-info .text-detail{font-size:20px;font-weight:500;letter-spacing:.7px;margin-bottom:30px}
.trending-info .text-detail .badge{font-size:20px}
.badge.badge-trend{background:#000}
.text-detail .trending-year{position:relative;padding-left:30px}
.text-detail .trending-year:before{content:"";height:6px;width:6px;background:var(--iq-white);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:100vh;background:linear-gradient(90deg,rgba(20,20,20,1) 0%,rgba(36,36,36,1) 35%,rgba(83,100,141,0) 100%);z-index:1}
.slick-bg:before{background:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(20,20,20,1) 35%,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{width:60%;font-weight:400;margin:.5vw 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.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: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 .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0}
.trending-info .block-social.social1 a{background:var(--iq-primary);color:var(--iq-white)}
.trending-list .title{font-size:18px;font-weight:500}
.trending-list .title span{font-size:16px;font-weight:400}
.trending-info .iq-dropdown .form-control{background:#000;border-radius:5px;color:var(--iq-white)}
#trending-slider-nav .slick-list{padding-bottom:35px!important}
#trending-slider-nav .movie-slick{border:4px solid transparent;transition:all .4s ease}
#trending-slider-nav .slick-current.slick-active .movie-slick{border-color:var(--iq-primary);transition:all .4s ease}
#trending-slider-nav .movie-slick:before{content:'';position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid var(--iq-primary);opacity:0;transition:all .4s ease;z-index:999}
#trending-slider-nav .slick-current.slick-active .movie-slick:before{opacity:1}
.e-item:hover .episodes-description{color:var(--iq-white)!important}
.episodes-description a:hover{color:var(--iq-primary)}
.show-movie .block-image .episode-number{background:var(--iq-primary);position:absolute;top:.938em;left:.938em;color:var(--iq-white);padding:0 .313em}
.trending-info p{font-size:20px}
.e-item:hover .episode-number{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.episode-play-info{position:absolute;left:0;right:0;top:0!important;bottom:0;opacity:1;filter:alpha(opacity=0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}
.e-item.col-lg-3.col-sm-12.col-md-6{max-width:100%!important}
.e-item:hover .episode-play-info{opacity:1;filter:alpha(opacity=100);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.episode-play{height:2.813em!important;width:2.813em;line-height:2.813em;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}
span.text-white.rele-date{border-left:.25em solid var(--iq-primary);background:transparent linear-gradient(270deg,var(--iq-form-gradient-color) 0%,var(--iq-to-gradient-color) 100%)!important;padding:.313em;position:relative;overflow:hidden;display:inline-block;font-style:italic}
.episodeS01E{background:var(--iq-primary);position:absolute!important;top:.938em!important;left:.938em!important;color:var(--iq-white);padding:0 .313em}
.transfromhover:hover{transition:transform 2s ease-in-out!important;transform-origin:center 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: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 .45s ease 0;-webkit-transition:all .45s ease 0;-moz-transition:all .45s ease 0;-o-transition:all .45s ease 0}
.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:40px;height:40px;border-radius:50%;background:rgba(255,55,65,0.8);line-height:23px;font-size:27px;text-align:center;display:flex;align-items:center;justify-content:center}
.episodes-slider1 .owl-nav button.owl-next{float:right!important}
.parallax-img img{box-shadow:0 20px 40px rgba(0,0,0,0.6)}
.parallax-window{height:100%;padding:100px 0;position:relative;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}
.sectionArtists-Artists{position:relative;margin-bottom:50px}
.Headingartist-artist{font-size:24px!important;color:#fff;margin-bottom:25px;margin-top:45px}
.sectionArtists-Artists .listItems{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}
.logo{padding:10px 30px !important}
@media only screen and (min-width: 768px) {
.sectionArtists .listItems{margin:0;padding:0}
}
.sectionArtists-Artists .listItems .listItem{text-align:center;color:#fff}
@media only screen and (min-width: 768px) {
.sectionArtists-Artists .listItems .listItem .profileImg{width:120px;height:120px;margin-bottom:25px}
}
.sectionArtists-Artists .listItems .listItem .profileImg{width:125px;height:125px;border-radius:50%;overflow:hidden;margin-bottom:15px}
.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}
.sectionArtists-Artists .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
@media only screen and (min-width: 768px) {
.sectionArtists-Artists .listItems .listItem .name{font-size:16px;line-height:24px;font-weight:600}
}
@media only screen and (min-width: 768px) {
.sectionArtists-Artists .listItems .listItem .character{font-size:14px;line-height:24px}
}
.sectionArtists-Artists .listItems .listItem .character{font-size:14px;line-height:20px;opacity:.5}
.episodenum{background:var(--iq-primary);position:absolute!important;top:.938em;left:.938em;color:var(--iq-white);padding:0 .313em}
.run-time{font-weight:700!important}
span.text-white.rel-date{border-left:.25em solid var(--iq-primary)!important;background:linear-gradient(270deg,var(--iq-form-gradient-color) 0%,var(--iq-to-gradient-color) 100%);padding:.313em;position:relative;overflow:hidden;display:inline-block;font-style:italic}
.img-zoom{transition:transform .3s ease}
.img-zoom:hover{transform:scale(1.1)}
.topten-contens{position:relative;overflow:hidden}
.topten-title{position:absolute;left:70px;top:50px;z-index:99}
.topten-title-sm{display:none}
.vertical_s{position:absolute;top:95px;right:0;bottom:0;left:70px;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:50%;transform:translateX(-50%);z-index:999;background:transparent;border:none;color:#fff;font-size:60px;width:100%;z-index:1}
#top-ten-slider-nav .NextArrow{bottom:-20px}
#top-ten-slider-nav .PreArrow{top:-25px}
#top-ten-slider-nav .NextArrow:before,#top-ten-slider-nav .PreArrow:before{content:'';position:absolute;left:0;right:0;width:100%;height:50%;z-index:-1}
#top-ten-slider-nav .NextArrow:before{background:linear-gradient(360deg,rgba(20,20,20,0.9) 0%,rgba(36,36,36,0.7) 35%,rgba(83,100,141,0) 100%);bottom:17px}
#top-ten-slider-nav .slick-next:before,#top-ten-slider-nav .slick-prev:before{display:none}
.slick-arrow{cursor:pointer}
footer{background:var(--iq-bg1)}
ul.f-link li{margin-bottom:4px}
ul.f-link li a{margin-bottom:4px;color:var(--iq-body-text)!important}
.s-icon{position:relative;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;margin-right:12px;color:var(--iq-white);font-size:17px;background:#292929!important;transition:all .4s ease}
.s-icon:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--iq-primary);transition:all .4s ease;transform:scale(.9);z-index:-1}
.s-icon:hover:before{transform:scale(1.1);box-shadow:0 0 15px var(--iq-primary)}
.s-icon:hover{box-shadow:0 0 10px var(--iq-primary);text-shadow:0 0 2px var(--iq-primary);color:var(--iq-primary);transition:all .4s ease}
.copyright{background:var(--iq-body-bg);box-shadow: none !important;}
.banner-wrapper{padding:60px 0;z-index:1;width:100%;height:550px;background-image:url(../images/shows-banner/single-show.jpg);background-position:top left}
.overlay-wrapper:before,.shows-img:before{content:'';position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-image:linear-gradient(to bottom,rgba(51,51,51,0),rgba(0,0,0,0.8) 70%,var(--iq-black) 100%)}
.banner-caption,.overlay-s-name{position:absolute;bottom:30px;left:80px}
.movie-detail .trending-info{padding:0 0 20px;border:1px solid;border-image-slice:1;border-width:0 0 1px}
.movie-detail .trending-info.g-border{border-image-source:linear-gradient(to left,rgba(209,208,207,0),rgba(209,208,207,0.6),rgba(209,208,207,0))}
.share-icons.music-play-lists li{display:inline-flex;margin-right:7px;width:45px;height:45px}
.share-icons.music-play-lists li span{width:40px;height:40px}
.share-icons.music-play-lists li span i{font-size:20px}
.movie-detail .trending-info .trending-text{font-size:50px;line-height:1.5;margin:0}
.main-content.movi{padding-top:30px}
.share{position:relative}
.share-box{-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.75);box-shadow:0 3px 10px rgba(0,0,0,0.75);display:none;position:absolute;width:130px;left:-130px;bottom:-60px;background-color:var(--iq-bg1);padding:10px;border-radius:5px;text-align:center;z-index:9;animation:slide-in .5s forwards;margin-bottom:10px}
.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:25px!important}
.share-box a:hover{color:var(--iq-primary)!important}
.banner-wrapper .trending-info .trending-dec{width:100%}
.play-ico{font-size:22px}
.play-button{position:absolute;z-index:10;top:50%;left:15px;transform:translateY(-50%);display:block;padding-left:5px;text-align:center}
.play-button:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:50px;height:50px;background:#ba1f24;border-radius:50%;animation:pulse-border 1500ms ease-out infinite}
.play-button:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:50px;height:50px;background:var(--iq-primary);border-radius:50%;transition:all 200ms}
.play-button:hover:after{background-color:darken(#fa183d,10%)}
.play-button i{display:block;position:relative;z-index:3;font-size:20px;color:var(--iq-white)}
.w-name{margin-left:70px}
video{display:block;width:100%;height:100%}
.video-container{width:100%;height:650px;overflow:hidden;position:relative}
.video-container.overlay-wrapper:before,.overlay-s-name{z-index:1}
.seasons .iq-dropdown .form-control{background:var(--iq-secondary);color:var(--iq-white)}
.seasons .trending-pills{background:var(--iq-bg1)}
.seasons .trending-pills.nav-pills .nav-item a{margin-left:0}
.epi-box .episode-number,.epi-box .episode-play-info{opacity:1}
.epi-box .episode-number{background:#000}
.epi-desc{background:var(--iq-bg1)}
.epi-name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.epi-box{-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);box-shadow:0 0 20px 0 rgba(0,0,0,0.5)}
.epi-img{overflow:hidden}
.img-zoom{-webkit-transition:transform 2s ease-in-out;-o-transition:transform 2s ease-in-out;transition:transform 2s ease-in-out;transform-origin:center center}
.epi-box:hover .img-zoom{-webkit-transform:scale(1.3);-o-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.episode-name span{font-size:28px}
.episode-name .trending-year:before{top:22px!important;left:12px!important}
.season-info .big-title{font-size:22px!important}
#tvshows-slider li{float:left}
.shows-img{position:relative}
.shows-content{position:absolute;bottom:30px;left:25px;z-index:99}
.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}
#tvshows-slider .slick-slide{opacity:.4;filter:blur(3px);box-shadow:0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12)}
#tvshows-slider .slick-slide.slick-current.slick-center{opacity:1;filter:blur(0);-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.75);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.75);box-shadow:0 3px 10px rgba(0,0,0,0.75)}
#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}
#top-ten-slider .NextArrow,#top-ten-slider .PreArrow{position:absolute;top:50%;cursor:pointer;transform:translateY(-50%);z-index:999;width:40px;height:40px;background:rgba(255,55,65,0.8);border-radius:50%;border:none;color:rgba(255,255,255,0.9);font-size:27px;display:inline-block;z-index:1;line-height:26px;text-align:center;display:flex;align-items:center;justify-content:center}
#tvshows-slider .NextArrow,#top-ten-slider .NextArrow{right:10px}
#tvshows-slider .PreArrow,#top-ten-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 .4s ease;vertical-align:middle!important}
.genres-box .btn{padding:9px 42px 9px 25px}
.genres-box .dropdown-menu{background-color:#242424;border:transparent;color:var(--iq-white)!important;border-radius:0;transform:translate(0,0);-webkit-transform:translate(0,0);-webkit-transition:all .3s ease-out 0;transition:all .3s ease-out 0}
.genres-box .dropdown-menu.show{transform:translate(0,70px)}
.genres-box .dropdown-item{color:var(--iq-white)}
.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}
.m-profile{padding-top:120px;padding-bottom:60px}
.manage-p{height:100vh}
.m-profile .sign-user_card{background:var(--iq-bg1)}
.m-profile .iq-custom-select .select2-container--bootstrap4 .select2-selection,.m-profile .select2-dropdown{border:1px solid var(--iq-body-text);background:transparent}
.m-profile .form-group{margin-bottom:1.2rem}
.m-profile .sign-user_card{padding:30px}
.m-profile .select2-dropdown{top:0}
.m-profile .select2-search--dropdown .select2-search__field{display:none!important}
.lang-dropdown{margin-left:30px}
.m-profile .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field{background:transparent}
.m-profile .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{border:none;background:var(--iq-bg1);border-radius:0;color:#f2f2f2}
.manage-gen .select2-container .select2-selection--single .select2-selection__rendered{line-height:calc(1.5em + 1.3rem);padding-left:10px;font-size:14px}
.manage-dd .select2-container{width:100%!important}
.manage-dd .select2-search--dropdown .select2-search__field{width:98%}
.lang-dropdown .select2-container .select2-search--inline .select2-search__field{margin-top:11px;font-size:14px}
.a-border{border:1px solid;border-image-slice:1;border-width:0 0 1px;border-image-source:linear-gradient(to right,rgba(209,208,207,0.6),rgba(209,208,207,0.3),rgba(209,208,207,0))}
.setting a:hover{color:var(--iq-primary)!important}
.edit-icon{position:absolute;right:25px;top:25px}
.setting-wrapper .btn-hover{white-space:normal}
.pricing .table th{border-top:none;border-bottom:1px solid var(--iq-body-bg)}
.prc-box{background:var(--iq-body-bg);padding:15px;position:relative;transition:all .4s ease}
.type{position:absolute;background:var(--iq-primary);padding:9px 25px;color:var(--iq-white);top:-15px;left:50%;transform:translateX(-50%);z-index:99;font-weight:500}
.type:before{position:absolute;content:'';width:0;height:0;right:-15px;top:-1px;border-left:16px solid var(--iq-primary-hover);border-top:16px solid transparent}
.type:after{position:absolute;content:'';width:0;height:0;left:-15px;top:-1px;border-right:16px solid var(--iq-primary-hover);border-top:16px solid transparent}
.prc-box.active{background:var(--iq-primary)}
.prc-box.active .type{background:#fff;color:var(--iq-primary)}
.prc-box.active .type:before{border-left:16px solid var(--iq-primary-hover);right:-16px}
.prc-box.active .type:after{border-right:16px solid var(--iq-primary-hover);left:-16px}
.prc-wrap{border-bottom:none!important}
.pricing .table td{border-top:none!important}
.pricing .table tr{border-bottom:1px solid var(--iq-body-bg)}
.pricing .table tr:last-child{border-bottom:0}
.i_close{font-size:22px}
.p-image{position:absolute;top:auto;right:6px;bottom:10px;transition:all .3s ease;background:var(--iq-primary);color:var(--iq-white);border-radius:50%;height:30px;width:30px;line-height:28px;text-align:center;font-size:12px;cursor:pointer}
.upload-button{font-size:1.5em}
.file-upload{display:none}
.upload_profile{position:relative}
.child-cell{transition:all .4s ease}
.child-cell.active{color:var(--iq-primary)}
.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)}
.favorites-slider .slick-arrow,#trending-slider-nav .slick-arrow{display:none;align-items:center;justify-content:center;width:30px;height:30px;text-align:center;opacity:1;z-index:99;top:-46px;margin:0 0 0 20px;line-height:5px;box-shadow:0 9px 19px #01041B0D;font-size:0;transform:none;color:var(--iq-white);-webkit-transition:all .4s ease-in-out 0;-moz-transition:all .4s ease-in-out 0;transition:all .4s ease-in-out 0}
.favorites-slider .slick-arrow:hover,#trending-slider-nav .slick-arrow:hover{background:transparent;color:var(--iq-primary)!important;-webkit-transition:all .4s ease-in-out 0;-moz-transition:all .4s ease-in-out 0;transition:all .4s ease-in-out 0}
.favorites-slider .slick-prev,#trending-slider-nav .slick-prev{color:var(--iq-white);right:0!important;top:50%}
.favorites-slider .slick-next,#trending-slider-nav .slick-next{color:var(--iq-white);right:14px;top:50%}
.favorites-slider .slick-arrow i,#trending-slider-nav .slick-arrow i{font-size:17px}
#back-to-top .top{z-index:999;position:fixed;margin:0;color:var(--iq-white);background:var(--iq-primary);bottom:30px;right:25px;font-size:26px;width:50px;height:50px;text-align:center;line-height:50px;border-radius:90px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#back-to-top .top:hover{color:var(--iq-white)!important;background:var(--iq-primary)}
#back-to-top{opacity:0;transition:opacity .6s ease}
#back-to-top.show{opacity:1;transition:opacity .6s ease}
#sign-in-page-box{background:#fff;border-radius:10px;position:relative;width:100%;min-height:480px;height:93vh;margin:15px auto;box-shadow:0 4px 20px 0 rgba(44,101,144,0.1);-webkit-box-shadow:0 4px 20px 0 rgba(44,101,144,0.1)}
.sign-in-detail{color:var(--iq-white)}
.sign-in-page{height:100vh;position:relative;background:url(../images/login/login.jpg) no-repeat scroll 0 0;background-size:cover}
.sign-in-page .height-self-center{height:100vh;border-radius:15px}
.sign-in-page-data{border-radius:15px}
.sign-in-detail{padding:50px 80px}
.sign-in-logo{display:inline-block;width:100%}
.sign-in-logo img{height:50px}
.sign-info{display:flex;align-items:center;justify-content:space-between}
.iq-social-media{margin:0;padding:0;float:right}
.iq-social-media li{list-style:none;float:left;margin-right:10px}
.iq-social-media li:last-child{margin-right:0}
.iq-social-media li a{height:30px;width:30px;text-align:center;font-size:18px;line-height:30px;display:inline-block;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:var(--iq-light-primary);color:var(--iq-primary)!important}
.iq-social-media li a:hover{text-decoration:none}
.sign-in-page .btn{padding:10px 35px;border-radius:5px}
.sign-user_card{position:relative;background:rgba(0,0,0,0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:25px;box-shadow:0 0 20px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.5);display:block;margin:0 auto}
.sign-user_logo{position:absolute;top:-56px;border-radius:50%;padding:10px;text-align:center}
.sign-user_logo img{height:100px;width:100px;border-radius:50%;border:2px solid #fff}
.sign-in-page .form-control,.m-profile .form-control{color:var(--iq-white)}
.sign-in-page .form-control:focus,.m-profile .form-control:focus{background:transparent;box-shadow:none;border:1px solid var(--iq-primary)}
::placeholder{color:#d9d5d5!important;opacity:1}
:-ms-input-placeholder{color:#d9d5d5!important}
::-ms-input-placeholder{color:#d9d5d5!important}
.f-link:hover{color:var(--iq-primary)}
@keyframes slide-down {
0%{opacity:0;transform:translateY(100%)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes notify {
0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
10%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-3deg);transform:scale3d(0.9,0.9,0.9) rotate(-3deg)}
20%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-3deg);transform:scale3d(0.9,0.9,0.9) rotate(-3deg)}
30%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
50%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
70%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
60%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@-webkit-keyframes slide-in {
100%{left:0}
}
@keyframes slide-in {
100%{left:0}
}
@keyframes pulse-border {
0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
50%{opacity:.2}
to{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
50%{opacity:.2}
to{opacity:1}
}
@keyframes trailorPlay {
0%{transform:translateX(0)}
30%{transform:translateX(-5px)}
50%{transform:translateX(5px)}
70%{transform:translateX(-2px)}
100%{transform:translateX(0)}
}
.dropdown-menu.categ-head{color:#fff!important;text-align:center;list-style:none;background-color:#000;overflow:scroll;height:auto;max-height:280px}
header .navbar ul li.menu-item .dropdown-item{padding:0 15px}
@media (max-width: 992px) {
.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}
}
header .navbar ul li ul li{display:block;margin-right:0}
header .navbar ul li.menu-item .dropdown-item{line-height:30px!important;text-align:left;border-top:none;font-weight:500}
.drop-contentlist{line-height:39px!important}
header .navbar ul li.menu-item a{color:#fff}
header .navbar ul li.menu-item a:hover{color:#e2120d;font-weight:500!important;background-color:transparent!important}
.trending-text h2{font-size:35px!important}
.big-title{font-size:28px}
.button-groups:before{padding:.75em 2.3em!important;color:#fff;background-color:transparent;border-width:0;padding:8px 16px;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;font-size:calc(12px + 0.5vmin);font-weight:700;margin-bottom:.75em;-webkit-transition:all .2s ease;transition:all .2s ease;margin-right:10px;cursor:pointer;outline:none}
.btn{background-color:rgba(51,51,51,0.4)!important}
li.slick-slide.slick-current.slick-active{width:1330px;display:block!important}
a.button-groups.btn.btn-hover.mr-2{background-color:rgba(51,51,51,0.4)!important}
a.button-groups.btn.btn-hover.mr-2:hover{background-color:#fff!important;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.5s}
.trending-thumbnail-image{width:98vw!important}
#trending-slider-nav li{padding:2px!important}
.close_btn{position:absolute!important;right:2%;top:4%;z-index:10;padding:0;font-size:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--iq-primary);line-height:1;outline:none;text-shadow:0 0 30px #000;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}
.close_btn:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}
.navbar-right .iq-show .iq-sub-dropdown{display:block!important}
.block-description .hover_tex{font-size:16px}
@media screen and (min-width: 992px) and (max-width: 1399px) {
.trending-custom-tab{height:auto!important;max-height:550px!important;min-height:460px!important}
.trending-info.align-items-center.w-100.animated.fadeInUp{height:auto!important;max-height:550px!important;min-height:460px!important}
}
@media screen and (min-width: 1200px) {
.trending-info .trending-text{font-size:35px}
}
@media (max-width:767px) {
.caption.pl-4{padding-left:0!important}
}
@media (max-width:600px) {
.dropdown_thumbnail{mask-image:linear-gradient(to right,transparent 0%,black 50%)}
}
.caption-h2{font-size:calc(14px + 2vmin);font-weight:700;margin:0 0 .2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media screen and (min-width: 1200px) {
.caption-h2{font-size:35px}
}
.caption{position:relative;z-index:2;color:var(--text-color);width:100%}
@media screen and (min-width: 801px) {
.caption{padding-right:30px;max-width:630px}
}
.dropdown_thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.cate-banner_thumbnail{position:absolute;pointer-events:none;z-index:0;height:420px;top:0;right:0}
.dropdown_thumbnail{position:absolute;pointer-events:none;z-index:0;height:100%;top:0;right:0}
.drp-close:hover{transform:scale(1.3)}
.drp-close{position:absolute;right:2%;top:4%;z-index:999;padding:0;font-size:2.5rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;border-radius:50%;color:#fff;line-height:1;outline:none;text-shadow:0 0 30px #000;cursor:pointer;-webkit-transition:all .15s ease;transition:all .15s ease}
@media screen and (min-width: 601px) {
.dropdown_thumbnail{width:74%;height:100vh;mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,black));mask-image:linear-gradient(to right,transparent 0%,black 50%);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,black));-webkit-mask-image:linear-gradient(to right,transparent 0%,black 50%)}
}
.info_model{display:none;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--background-opacity);padding:0 4%}
.info_model .container{position:relative;margin-top:7vmin;max-width:100%}
.modal .fade .info_model .show.modal-dialog{width:auto;max-width:100%!important;width:auto;max-width:100%!important}
.controls{opacity:0}
.sub_dropdown_image li:hover .controls{opacity:1;background-image:linear-gradient(0deg,black,transparent);border:2px solid #2578c0!important}
.controls{position:absolute;padding:4px;top:0;right:0;bottom:0;left:0;width:100%;z-index:3;opacity:0;-webkit-transition:all .15s ease;transition:all .15s ease;display:-webkit-box;display:-ms-flexbox;display:flex}
.playBTN{font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;color:#fff;border:none;background-color:rgba(51,51,51,0.4);-webkit-transition:background-color .15s ease;transition:background-color .15s ease;cursor:pointer;outline:none;padding:0;position:absolute;top:50%;left:50%;width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.playBTN:hover{background-color:#fff;color:#000}
.playBTN i{position:relative;left:2px;top:0px}
.moreBTN:hover span{width:auto;margin-left:4px}
.controls .trending-dec{margin:auto 0 0;color:#fff;padding:2px;font-size:calc(12px + 0.15vw);width:100%;overflow:hidden;text-overflow:ellipsis;line-height:17px;height:70px;z-index: -1;}
.controls nav{position:absolute;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;right:4px;top:4px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.moreBTN{color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(51,51,51,0.4);border:none;padding:8px;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;font-size:calc(12px + 0.25vmin);font-weight:700;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer;outline:none;line-height:14px}
.moreBTN:hover{background-color:#fff;color:#000}
.moreBTN span{width:0;margin-left:0;overflow:hidden;white-space:nowrap;display:inline-block}
.footer-title{font-size:18px;font-weight:600;padding-left:11px;margin-bottom:15px}
.mar-left{margin:0 14px}
.btn-close-white{position:sticky;right:0;color:#fff;background:#000;padding:0;border:2px solid #fff;border-radius:50%;line-height:1;width:30px;height:30px;cursor:pointer;outline:none}
.btn-close-white:hover{background-color:#fff;color:#000}
ul.list-group{text-align:left!important;max-height:450px!important}
li.list-group-item a{background:transparent!important;font-size:12px!important;padding-left:10px!important}
#sidebar-scrollbar{overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--iq-primary) var(--iq-light-primary);scrollbar-width:thin;top:290%;width:100%;min-width:25rem}
.navbar-right .iq-show .iq-sub-dropdown,.iq-show .search-box{display:block;transform:translate(0,0);transition:all .3s}
.no-result li{border:none}
li.list-group-item{background-color:transparent!important;padding-right:unset!important}
li.list-group-item a{background:transparent!important;color:var(--iq-body-text)!important;font-size:12px!important;padding-left:10px!important}
body.dark .form-control option{background:#121111!important;color:#fff!important}
.modal-body img{width:100%}
ul#trending-slider{display:none}
.list-group-item img {
    width: 100%; 
    max-width: 100%; 
    height: auto;
  }
  .modal-body img {
    width: 100%;
    max-width: 100%; 
    height: auto; 
  }
  .apps1 {
    max-width: 100%; 
    height: auto;
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}
.blob {
  margin: 10px;
  height: 22px;
  width: 59px;
  box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);
  transform: scale(1);
  animation: pulse 2s infinite;
  position:absolute;
  top:0;
}

@keyframes pulse {
  0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }

  70% {
      transform: scale(1);
      box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }

  100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

img{max-width:100%;height: auto;}
.fa-sun:before {content: "\f185"}
.fa,.fas {font-family: "Font Awesome 5 Pro";font-weight: 900}
.fa,.fab,.fad,.fal,.far,.fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased; display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1}
.fa-angle-down:before {content: "\f107"}
.fa-angle-up:before {content: "\f106"}
.fa-bars:before {content: "\f0c9"}
.responsive-toggle-btn{display:none;}
.video-js {width: 100%; height: 100%;}
.theme4-slider .slick-list{overflow: visible;}
.res-view-hide{display: none;bottom: 103%; right: 0;}

/* flickity slider */
/* .flickity-viewport{min-height: 200px; max-height: 400px;} */
@media screen and (min-width: 201px) {
   .vib .thumbnail {
      width: 74%;
      mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, black));
      mask-image: linear-gradient(to right, transparent 0%, black 50%);
      -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, black));
      -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%);
  }
}

@media screen and (min-width: 1400px) {
  /* #videoInfo, .series-based-network-dropdown {
      max-height: 500px;
      height: 32vw;
  } */
  .vib .content-list .depends-row{
    width: 14.3%;
}
}

@media screen and (max-width: 4440px) {
  .channels-list .channel-row .video-list .item {
      width: 14.3%;
  }
}

@media screen and (min-width: 801px) {
  #videoInfo .vib .caption {
      padding-right: 30px;
      max-width: 630px;
  }
}

@media screen and (max-width: 799px) {
  .channels-list .channel-row .flickity-viewport {
      min-height: calc(100vw / 3);
  }
  .channels-list .channel-row .video-list .item {
      width: 33.33333%;
  }
  .vib .content-list .depends-row {
      width: 33.33333%;
  }
  .res-view-hide{display: block;}
  .res-view-show{display: none;}
  /* #videoInfo, .series-based-network-dropdown {
      max-height: 500px;
      height: 32vw;
  } */
}

@media screen and (max-width: 512px) {
  .channels-list .channel-row .video-list .item {
      width: 50%;
  }
  .vib .content-list .depends-row {
      width: 50%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
  /* #videoInfo, .series-based-network-dropdown  {
      height: auto;
      max-height: 550px;
      min-height: 460px;
  } */
}

@media screen and (max-width: 1399px) and (min-width: 1100px) {
  .channels-list .channel-row .flickity-viewport {
      min-height: calc(100vw / 9.5);
  }
  .channels-list .channel-row .video-list .item {
      width: 16.666%;
  }
  .vib .content-list .depends-row {
      width: 16.666%;
  }
  /* #videoInfo, .series-based-network-dropdown {
      max-height: 500px;
      height: 25vw;
  } */
}

  .channels-list .channel-row .video-list {
      padding: 10px 0 1% 1%;
      list-style: none;
      margin: 0;
      position: relative;
      z-index: 12;
      display: block;
  }
.channels-list .channel-row .video-list .item {
  padding: 2px;
  position: relative;
  height: 100%;
}
.channels-list .channel-row .video-list .item:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #555;
  background-image: url(../img/gradient.webp);
  background-size: cover;
  background-position: center;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  z-index: 0;
  border-radius: 10px;
}
.depend-items:before{
  content: '';
  display: block;
  position: absolute;
  background-color: #555;
  background-image: url(../img/gradient.webp);
  background-size: cover;
  background-position: center;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  z-index: 0;
  border-radius: 10px;
}
.channels-list .channel-row .video-list .item > div {
  display: block;
  position: relative;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  /* opacity: 0.8; */
  cursor: pointer;
}
.channels-list .channel-row .video-list .item > div:before {
  content: '';
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.channels-list .channel-row .video-list .item img {
  width: 100%;
  height: auto;
  /* position: absolute; */
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.flickity-lazyloaded, .flickity-lazyerror {
  opacity: 1 !important;
}
.channels-list .channel-row .video-list .item.current img{border:2px solid var(--iq-primary)}
.channels-list .channel-row .video-list .item.current img:after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  bottom: calc(-1px - 1vw);
  border-style: solid;
  border-width: calc(7px + 1vw) calc(13px + 1vw) 0 calc(13px + 1vw);
  border-color: var(--iq-primary) transparent transparent transparent;
}
/* dropdown */

 .vib {
  padding: 18px 1% 12px;
  width: 100%;
  position: relative;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
 .vib .caption {
  position: relative;
  z-index: 2;
  color: var(--text-color);
  width: 100%;
}
 .vib .thumbnail {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  height: 100%;
  top: 0;
  right: 0;
}
 .vib .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#videoInfo, .series-based-network-dropdown,.videos-based-network-dropdown, .series-based-cate-dropdown{
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}

/* arrow */
/* .flickity-button.next {-webkit-transform: translateX(100%);transform: translateX(100%);}
.flickity-button.previous {-webkit-transform: translateX(-100%);transform: translateX(-100%);} */
.flickity-button{background:transparent;color:#fff;}
.flickity-button:hover{background:transparent;}
.flickity-button:disabled {opacity: 0;}

/* depends-slider */
.content-list {
  z-index: 10;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
  width: 100%;
}
.content-list .depends-row {
  padding: 4px;
}
.content-list .depends-row div.depend-items {
  background: var(--background);
  display: block;
  cursor: pointer;
  z-index: 1;
  position: relative;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
}
.content-list .depends-row div.depend-items:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: '';
  display: block;
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 0px var(--primaryColor);
  box-shadow: inset 0 0 0 0px var(--primaryColor);
}
.content-list .depends-row div.depend-items img {
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.depends-row:hover .controls {
  opacity: 1;
  background-image: linear-gradient(0deg, black, transparent);
  border: 2px solid #2578c0 !important;
}