.social-icon-facebook, a.social-icon-facebook { background-color: #4267B2; } .social-icon-discord, a.social-icon-discord { background-color: #5865F2; } .social-icon-linkedin, a.social-icon-linkedin { background-color: #0a66c2; } .social-icon-line, a.social-icon-line { background-color: #4CC764; } .social-icon-instagram, a.social-icon-instagram { background-color: #E1306C; } .social-icon-mastodon, a.social-icon-mastodon { background-color: #17063B; border: 1px solid #fff; } .social-icon-paypal, a.social-icon-paypal { background-color: #253B80; } .social-icon-pinterest, a.social-icon-pinterest { background-color: #E60023; } .social-icon-reddit, a.social-icon-reddit { background-color: #FF4500; } .social-icon-skype, a.social-icon-skype { background-color: #00aff0; } .social-icon-slack, a.social-icon-slack { background-color: #89D3DF; } .social-icon-snapchat, a.social-icon-snapchat { background-color: #FFFC00; } a.social-icon-snapchat i { font-weight: bold; color: #000000; } .social-icon-spotify, a.social-icon-spotify { background-color: #1DB954; } .social-icon-telegram, a.social-icon-telegram { background-color: #0088CC; } .social-icon-whatsapp, a.social-icon-whatsapp { background-color: #25D366; } .social-icon-threads, a.social-icon-threads { background-color: #431f2b; border: 1px solid #fff; } .social-icon-twitch, a.social-icon-twitch { background-color: #9146FF; } .social-icon-tiktok, a.social-icon-tiktok { background-color: #000000; border: 1px solid #fff; } .social-icon-twitter-x, a.social-icon-twitter-x { background-color: #5865F2; } .social-icon-vimeo, a.social-icon-vimeo { background-color: #19B7EA; } .social-icon-youtube, a.social-icon-youtube { background-color: #FF0000; } .fs-7{ font-size:.875rem!important } .bsb-w-5{ width:5px!important } .bsb-h-5{ height:5px!important } .bsb-w-10{ width:10px!important } .bsb-h-10{ height:10px!important } .bsb-w-15{ width:15px!important } .bsb-h-15{ height:15px!important } .bsb-w-20{ width:20px!important } .bsb-h-20{ height:20px!important } .bsb-w-25{ width:25px!important } .bsb-h-25{ height:25px!important } .bsb-w-30{ width:30px!important } .bsb-h-30{ height:30px!important } .bsb-w-35{ width:35px!important } .bsb-h-35{ height:35px!important } .bsb-w-40{ width:40px!important } .bsb-h-40{ height:40px!important } .bsb-w-45{ width:45px!important } .bsb-h-45{ height:45px!important } .bsb-w-50{ width:50px!important } .bsb-h-50{ height:50px!important } .bsb-w-55{ width:55px!important } .bsb-h-55{ height:55px!important } .bsb-w-60{ width:60px!important } .bsb-h-60{ height:60px!important } .bsb-w-65{ width:65px!important } .bsb-h-65{ height:65px!important } .bsb-w-70{ width:70px!important } .bsb-h-70{ height:70px!important } .bsb-w-75{ width:75px!important } .bsb-h-75{ height:75px!important } .bsb-w-80{ width:80px!important } .bsb-h-80{ height:80px!important } .bsb-w-85{ width:85px!important } .bsb-h-85{ height:85px!important } .bsb-w-90{ width:90px!important } .bsb-h-90{ height:90px!important } .bsb-w-95{ width:95px!important } .bsb-h-95{ height:95px!important } .bsb-w-100{ width:100px!important } .bsb-h-100{ height:100px!important } .bsb-w-105{ width:105px!important } .bsb-h-105{ height:105px!important } .bsb-w-110{ width:110px!important } .bsb-h-110{ height:110px!important } .bsb-w-115{ width:115px!important } .bsb-h-115{ height:115px!important } .bsb-w-120{ width:120px!important } .bsb-h-120{ height:120px!important } .bsb-w-125{ width:125px!important } .bsb-h-125{ height:125px!important } .bsb-w-130{ width:130px!important } .bsb-h-130{ height:130px!important } .bsb-w-135{ width:135px!important } .bsb-h-135{ height:135px!important } .bsb-w-140{ width:140px!important } .bsb-h-140{ height:140px!important } .bsb-w-145{ width:145px!important } .bsb-h-145{ height:145px!important } .bsb-w-150{ width:150px!important } .bsb-h-150{ height:150px!important } .single-post-splash-image { width: 100%; padding-bottom: 148%; position: relative; border-radius: 3px; overflow: hidden; background-color: rgba(255, 255, 255, .1); display: block; } .entry-content .single-post-splash-image img.splash-image { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; } .border-6{ border-width:6px!important } .border-7{ border-width:7px!important } .border-8{ border-width:8px!important } .border-9{ border-width:9px!important } .border-10{ border-width:10px!important } .sceneflix-post-pagination a h5{ transition:border-color .5s ease } .sceneflix-post-pagination a:hover h5{ border-left-color:#0d6efd!important } .mb-9{ margin-bottom:5rem!important } .mb-auto{ margin-bottom:auto!important } @media(min-width:576px){ .mb-sm-9{ margin-bottom:5rem!important } .mb-sm-auto{ margin-bottom:auto!important } } @media(min-width:768px){ .mb-md-9{ margin-bottom:5rem!important } .mb-md-auto{ margin-bottom:auto!important } } @media(min-width:992px){ .mb-lg-9{ margin-bottom:5rem!important } .mb-lg-auto{ margin-bottom:auto!important } } @media(min-width:1200px){ .mb-xl-9{ margin-bottom:5rem!important } .mb-xl-auto{ margin-bottom:auto!important } } @media(min-width:1400px){ .mb-xxl-9{ margin-bottom:5rem!important } .mb-xxl-auto{ margin-bottom:auto!important } } .sceneflix-pagination.pagination .page-item .page-link{ background-color:transparent; border:none } .sceneflix-pagination.pagination .page-item .page-link.active,.sceneflix-pagination.pagination .page-item.active .page-link{ border-bottom:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color) } .navbar { background-color: #2a2c31; box-shadow: 0 1px 3px rgba(17,24,39,.09); padding: 0.625rem 1rem; text-align: center; position: relative !important; top: auto; left: auto; right: auto; background: #2a2c31 !important; margin-bottom: 25px; } .sticky-footer-ads { display: none; /* Hide ads by default */ position: fixed; left: 0; bottom: 0; width: 100%; background-color: transparent; z-index: 9999; box-shadow: none; padding: 10px; } .sticky-footer-ads-close { position: absolute; top: 10px; right: 10px; border: none; cursor: pointer; /* Add pointer to enhance user interaction feedback */ } /*-----------------------------------*\ * #CUSTOM PROPERTY \*-----------------------------------*/ :root { /** * colors */ --rich-black-fogra-29: hsl(225, 25%, 9%); --rich-black-fogra-39: hsl(170, 21%, 5%); --raisin-black: hsl(228, 13%, 15%); --eerie-black: hsl(207, 19%, 11%); --light-gray: hsl(0, 3%, 80%); --gunmetal-1: hsl(229, 15%, 21%); --gunmetal-2: hsl(216, 22%, 18%); --gainsboro: hsl(0, 7%, 88%); --citrine: rgba(255, 172, 65, 1); --xiketic: hsl(253, 21%, 13%); --gray-x: hsl(0, 0%, 74%); --white: hsl(0, 100%, 100%); --black: hsl(0, 0%, 0%); --jet: hsl(0, 0%, 20%); /** * typography */ --ff-poppins: 'Poppins', sans-serif; --fs-1: 36px; --fs-2: 32px; --fs-3: 30px; --fs-4: 24px; --fs-5: 20px; --fs-6: 18px; --fs-7: 16px; --fs-8: 15px; --fs-9: 14px; --fs-10: 13px; --fs-11: 12px; --fs-12: 11px; --fw-500: 500; --fw-700: 700; /** * transition */ --transition-1: 0.15s ease; --transition-2: 0.25s ease-in; /** * spacing */ --section-padding: 100px; } /*-----------------------------------*\ * #REUSED STYLE \*-----------------------------------*/ .container { padding-inline: 15px; } /** * TITLES & SUBTITLES */ .h1, .h3 { color: var(--white); line-height: 1.2; } .h1 { font-size: var(--fs-1); } .h3 { font-size: var(--fs-6); } /** * BADGE */ .badge { color: var(--white); font-size: var(--fs-12); font-weight: var(--fw-700); border: 2px solid transparent; padding: 2px 10px; } .badge-outline { border-color: var(--white); } /** * MOVIE META */ .meta-wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 15px 25px; margin-bottom: 50px; } .badge-wrapper, .date-time { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 10px; } .genre-wrapper > a:is(:hover, :focus) { color: var(--citrine); } .date-time { gap: 15px; } .date-time > div { display: flex; align-items: center; gap: 5px; color: var(--gainsboro); font-size: var(--fs-9); font-weight: var(--fw-500); } .date-time ion-icon { --ionicon-stroke-width: 50px; color: var(--citrine); } /** * BUTTONS */ .btn-primary:is(:hover, :focus) { background: var(--citrine); color: var(--xiketic); } /** * MOVIE CARD */ .movie-card .card-title:is(:hover, :focus) { color: var(--citrine); } .movie-card :is(.duration, .rating) { display: flex; align-items: center; gap: 5px; color: var(--gainsboro); font-size: var(--fs-11); font-weight: var(--fw-500); } .movie-card :is(.duration, .rating) ion-icon { font-size: 13px; --ionicon-stroke-width: 50px; color: var(--citrine); } /** * CUSTOM SLIDER & SCROLLBAR */ /*-----------------------------------*\ * #HEADER \*-----------------------------------*/ .navbar-link:is(:hover, :focus) { color: var(--citrine); } .navbar-social-link:is(:hover, :focus) { color: var(--citrine); } /*-----------------------------------*\ * #CTA \*-----------------------------------*/ .cta-form-btn:is(:hover, :focus) { background: var(--citrine); color: var(--eerie-black); } /*-----------------------------------*\ * #FOOTER \*-----------------------------------*/ :is(.footer-link, .quicklink-link, .social-link):is(:hover, :focus) { color: var(--citrine); } /*-----------------------------------*\ * #MOVIE DETAIL \*-----------------------------------*/ /* .movie-detail { background-size: cover; background-position: center; padding-top: 60px; padding-bottom: var(--section-padding); } */ .movie-detail-banner { position: relative; background: var(--gunmetal-1); max-width: 300px; margin-inline: auto; border-radius: 6px; overflow: hidden; margin-bottom: 50px; } .movie-detail-banner img { width: 100%; height: 100%; object-fit: cover; } .play-btn { position: absolute; inset: 0; display: grid; place-items: center; font-size: 120px; color: var(--white); transition: var(--transition-1); background: none; cursor: pointer; } .play-btn:hover { background: hsla(0, 0%, 0%, 0.25); } .detail-title { margin-bottom: 20px; } .detail-title strong { color: var(--citrine); } .movie-detail .meta-wrapper { margin-bottom: 30px; } .details-actions .share:is(:hover, :focus) span { color: var(--citrine); } .details-actions .btn-primary:is(:hover, :focus) { background: var(--citrine); } /*-----------------------------------*\ * #MEDIA QUERIES \*-----------------------------------*/ /** * responsive for large than 550px screen */ @media (min-width: 550px) { /** * CUSTOM PROPERTY */ :root { /** * typography */ --fs-1: 42px; } /** * REUSED STYLE */ /* .container { max-width: 540px; margin-inline: auto; } */ .detail-title { --fs-1: 46px; } } /** * responsive for large than 768px screen */ @media (min-width: 768px) { /** * CUSTOM PROPERTY */ :root { /** * typography */ --fs-2: 36px; } /** * REUSED STYLE */ /* .container { max-width: 720px; } */ /** * MOVIE DETAIL */ .detail-title { --fs-1: 50px; } } /** * responsive for large than 992px screen */ @media (min-width: 992px) { /** * REUSED STYLE */ /* .container { max-width: 960px; } */ .upcoming :is(.section-subtitle, .section-title) { text-align: left; } /* .movie-detail { padding-bottom: 200px; } .movie-detail .container { position: relative; display: flex; align-items: center; gap: 50px; } */ .movie-detail-banner { margin: 0; } } @media (min-width: 1200px) { :root { --fs-1: 60px; --fs-4: 26px; } /* .container { max-width: 1320px; } */ /* .movie-detail { padding-bottom: var(--section-padding); } .movie-detail-content { max-width: 620px; } */ .detail-title { --fs-1: 60px; } } .blurry-background { position: fixed; /* Changed from absolute to fixed */ top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; filter: blur(20px); opacity: .35; z-index: -1; } .prebreadcrumb { margin: 0; font-size: 12px; color: #ddd; } .prebreadcrumb .breadcrumb { padding: 0; background: 0; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item { line-height: 1.4em; margin-bottom: 3px; } .breadcrumb-item + .breadcrumb-item::before { content: var(--bs-breadcrumb-divider, "•")!important; display: inline-block; padding-right: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-item.active { color: #aaa; } #xsearch.home-search { display: block !important; margin: 10px 0; padding: 0 !important; width: 100%; background: none !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } #xsearch.home-search .search-content { position: relative; padding-right: 60px; margin-bottom: 30px; } @media screen and (max-width: 780px) { .mw-body { font-size: 14px; line-height: 1.5em; } } @media all { .dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); display: inline-block; margin: 3px 6px; } .film-poster-ahref i, .film-poster-ahref:after, .film-poster-ahref:before, .film-poster-img { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; } .film-poster-ahref:after, .flw-item { transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .block_area, .film-poster, .single-related-post-image, .search-content input.search-input { position: relative; } .film-poster, .single-related-post-image { width: 100%; padding-bottom: 148%; position: relative; border-radius: 3px; overflow: hidden; background-color: rgba(255, 255, 255, 0.1); display: block; } .film-poster .film-poster-img, .single-related-post-image .film-poster-img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; right: 0; bottom: 0; } .container { max-width: 1800px; width: 100%; } .search-content { position: relative; } .search-content input.search-input:focus { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .search-content .search-icon { width: 35px; background: 0; border: 0; padding: 0; line-height: 40px; display: inline-block; text-align: center; right: 0px; top: 0; z-index: 2; } #main-wrapper { margin-bottom: 70px; min-height: calc(100vh - 350px); } .block_area { display: block; margin-bottom: 30px; } .block_area .block_area-header { margin-bottom: 15px; display: block; width: 100%; margin-top: 50px; } .block_area .block_area-header .cat-heading { line-height: 40px; font-weight: 400; padding: 0; margin: 0; } .film-poster-ahref i, .film-poster-ahref:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #f83c00; } .film_list { display: block; } .film_list .film_list-wrap { margin: 0 -7px; list-style: none; padding: 0; } .film_list .film_list-wrap .flw-item { width: calc(16.66% - 14px); margin: 0 7px 14px; float: left; background: #2a2c31; border-radius: 0; position: relative; } .flw-item .film-poster .film-poster-ahref, .flw-item .single-related-post-image .film-poster-ahref { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; display: inline-block; } .flw-item .film-poster .film-poster-ahref:after, .flw-item .single-related-post-image .film-poster-ahref:after { content: ""; position: absolute; top: auto; right: 0; left: 0; bottom: 0; height: 100%; opacity: 0; z-index: 1; background: #2a2c31; background: linear-gradient(0deg, #2a2c31 0, rgba(42, 44, 49, 0.7) 100%); } .flw-item .film-poster .film-poster-ahref i, .flw-item .single-related-post-image .film-poster-ahref i { font-size: 30px; z-index: 2; opacity: 0; color: #fff; } .flw-item .film-poster:hover .film-poster-ahref:after, .flw-item .single-related-post-image:hover .film-poster-ahref:after { height: 100%; opacity: 1; } .flw-item .film-poster:hover .film-poster-ahref:before, .flw-item .single-related-post-image:hover .film-poster-ahref:before { opacity: 1; } .flw-item .film-poster:hover .film-poster-ahref i, .flw-item .single-related-post-image:hover .film-poster-ahref i { opacity: 1; } .film_list .film_list-wrap .flw-item .film-poster, .film_list .film_list-wrap .flw-item .single-related-post-image { border-radius: 0; padding-bottom: 130%; } .film_list .film_list-wrap .flw-item .single-related-post-image { border-radius: 0; padding-bottom: 75%; } .film_list .film_list-wrap .flw-item .film-poster:after, .film_list .film_list-wrap .flw-item .single-related-post-image:after { content: ""; position: absolute; top: 20%; left: 0; right: 0; bottom: 0; z-index: 2; background: #2a2c31; background: -moz-linear-gradient(0deg, #2a2c31 0, rgba(42, 44, 49, 0) 76%); background: -webkit-linear-gradient( 0deg, #2a2c31 0, rgba(42, 44, 49, 0) 76% ); background: linear-gradient(0deg, #2a2c31 0, rgba(42, 44, 49, 0) 76%); } .film_list .film_list-wrap .flw-item .film-detail { color: #aaa; font-size: 12px; padding: 10px; border-radius: 0 0 10px 10px; min-height: 84px; } .film_list .film_list-wrap .flw-item .film-detail .film-name { font-size: 14px; line-height: 1.3em; margin: 0; font-weight: 500; margin-bottom: 8px; height: 37px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .film_list .film_list-wrap .flw-item .film-detail .fd-infor { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-thumb { border-radius: 0; background: rgba(255, 255, 255, 0.4); } ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); } .fdi-item { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fdi-item { white-space: nowrap; } @media screen and (max-width: 1400px) { .film_list .film_list-wrap .flw-item { width: calc(25% - 14px); } } @media screen and (max-width: 1299px) { #main-wrapper { min-height: calc(100vh - 520px); } .search-content input.search-input { padding-right: 40px; } .search-content .search-icon { right: 0; } .search-content input.search-input { border-radius: 5px; } .block_area .block_area-header .cat-heading { font-size: 22px; } } @media screen and (max-width: 1199px) { #main-wrapper { min-height: calc(100vh - 470px); } } @media screen and (max-width: 1023px) { .film_list.film_list-grid .film_list-wrap .flw-item { width: calc(25% - 14px) !important; } } @media screen and (max-width: 759px) { #main-wrapper { min-height: calc(100vh - 355px); display: inline-block; width: 100%; } .film_list.film_list-grid .film_list-wrap .flw-item { width: calc(33.33% - 14px) !important; } .block_area { margin-bottom: 30px; } .flw-item .film-poster .film-poster-ahref i, .flw-item .film-poster .film-poster-ahref:after, .flw-item .film-poster .film-poster-ahref:before, .flw-item .single-related-post-image .film-poster-ahref i, .flw-item .single-related-post-image .film-poster-ahref:after, .flw-item .single-related-post-image .film-poster-ahref:before { display: none; } } @media screen and (max-width: 575px) { .block_area-list { margin: 0 -15px; overflow: hidden; } } @media screen and (max-width: 480px) { #main-wrapper { margin-bottom: 30px !important; } .block_area .block_area-header .cat-heading { margin: 0; line-height: 36px; } .block_area .block_area-header { margin-bottom: 5px; } } @media screen and (max-width: 479px) { #main-wrapper { min-height: calc(100vh - 341px); } .block_area .block_area-header { position: relative; } .block_area .block_area-header { position: relative; } .film_list.film_list-grid .film_list-wrap .flw-item { width: calc(50% - 6px) !important; margin: 0 3px 6px; } .film_list .film_list-wrap { margin: 0 -3px; } } } @media all { .container { max-width: 1200px !important; width: 100% !important; } #xsearch.home-search { display: block !important; margin: 10px 0; padding: 0 !important; width: 100%; background: none !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } #xsearch.home-search .search-input { height: 50px; font-weight: 400; border-radius: 30px; padding-left: 20px; padding-right: 20px; font-size: 16px; border: none !important; color: #111; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) !important; } #xsearch.home-search .search-content .search-submit { height: 50px; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer; display: inline-block; width: 50px; background: #f83c00; border-radius: 30px; } #xsearch.home-search .search-content .search-submit .search-icon i { color: rgb(255, 255, 255); font-size: 20px; line-height: 45px; } #xsearch.home-search .search-content { position: relative; padding-right: 60px; margin-bottom: 30px; } @media screen and (max-width: 780px) { #xsearch.home-search .search-content .search-submit .search-icon i { font-size: 16px; } .mw-body { font-size: 14px; line-height: 1.5em; } } @media screen and (max-width: 520px) { #xsearch.home-search .search-input { font-size: 14px; } } } #xsearch.home-search .search-input::placeholder { color: #9b9b9b; } .table-movie-details td { padding: 0.7rem 1rem!important; } /*! CSS Used from: https://templates.iqonic.design/streamit/html/frontend/assets/css/custom.min.css?v=1.0.0 */ .iq-banner-thumb-slider .slider .slider-bg{height:100vh;} .iq-banner-thumb-slider .slider .slider-bg .swiper-container{width:100%;height:100%;overflow:hidden;} .iq-banner-thumb-slider .slider .slider-bg .swiper-container .swiper-wrapper{margin:0;} .iq-banner-thumb-slider .slider .slider-bg .slider-images{position:absolute;z-index:0;width:100%;height:100%;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .slider--image{height:100%;overflow:hidden;background:-webkit-linear-gradient(359.7deg, #181616 9.88%, rgba(19, 18, 18, 0) 31.52%),-webkit-linear-gradient(183.46deg, #181616 13.29%, rgba(19, 18, 18, 0) 98.41%);background:-o-linear-gradient(359.7deg, #181616 9.88%, rgba(19, 18, 18, 0) 31.52%),-o-linear-gradient(183.46deg, #181616 13.29%, rgba(19, 18, 18, 0) 98.41%);background:linear-gradient(90.3deg, #181616 9.88%, rgba(19, 18, 18, 0) 31.52%),linear-gradient(266.54deg, #181616 13.29%, rgba(19, 18, 18, 0) 98.41%);} .iq-banner-thumb-slider .slider .slider-bg .slider-images .slider--image img{-webkit-transition:3s;-o-transition:3s;transition:3s;mix-blend-mode:overlay;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description{position:absolute;top:50%;left:6.25rem;z-index:99;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description>.row{padding-top:var(--header-height);} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description p{margin-top:.625rem;margin-bottom:2rem;width:37.5em;max-width:100%;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description .slider-content a{color:rgba(var(--bs-body-color-rgb));-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description .slider-content a:hover{color:var(--bs-primary);} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description .iq-button{margin-top:2.8125rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider{position:relative;margin-top:var(--header-height);z-index:99;width:38em;height:100%;background:-webkit-gradient(linear, left top, right top, from(#141414), to(rgba(20, 20, 20, 0)));background:-webkit-linear-gradient(left, #141414 0%, rgba(20, 20, 20, 0) 100%);background:-o-linear-gradient(left, #141414 0%, rgba(20, 20, 20, 0) 100%);background:linear-gradient(-270deg, #141414 0%, rgba(20, 20, 20, 0) 100%);-webkit-border-radius:3px;border-radius:3px;padding:2.1875rem 0 2.1875rem 2.1875rem;right:0;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-wrapper .swiper-slide{padding:0;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box{width:100%;height:100%;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;background:-webkit-linear-gradient(59deg, #341214 -1.66%, rgba(0, 0, 0, 0) 62.6%);background:-o-linear-gradient(59deg, #341214 -1.66%, rgba(0, 0, 0, 0) 62.6%);background:linear-gradient(31deg, #341214 -1.66%, rgba(0, 0, 0, 0) 62.6%);} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box img{height:20.625rem;mix-blend-mode:overlay;-o-object-fit:cover;object-fit:cover;width:100%;-webkit-border-radius:3px;border-radius:3px;mix-blend-mode:overlay;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box .block-description{position:absolute;bottom:1rem;top:auto;right:auto;left:1rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box .block-description .fs-12{display:inline-block;direction:ltr;font-size:.75rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav{position:relative;padding-bottom:3.4375rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav .swiper-button i{font-size:1rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav .slider-prev{position:absolute;z-index:10;left:0;bottom:0;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav .slider-next{position:absolute;z-index:10;left:2.8125em;bottom:0;} .big-font{font-size:4.375rem;font-weight:700;} @media (max-width: 1399.98px){ .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider{width:30em;} } @media (max-width: 1200px){ .iq-banner-thumb-slider .slider .slider-bg .slider-images .description{left:4rem;} .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider{width:27em;} } @media (max-width: 991px){ .horizontal_thumb_slider{display:none;} } @media (max-width: 767px){ .iq-banner-thumb-slider .slider .slider-bg{height:32.125rem;} .iq-banner-thumb-slider .slider .slider-bg .slider-images .description{left:0;padding:0 1rem;} } .movie-tag li{padding-right:1.725em;font-weight:600;position:relative;} .movie-tag li::before{content:"";height:.375em;width:.375em;background:var(--bs-primary);position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:.5625em;-webkit-border-radius:50%;border-radius:50%;} .movie-tag li:last-child{padding-right:0;} .movie-tag li:last-child::before{content:none;} .slider-ratting ul li{margin-right:.313rem;} .iq-button .btn{color:var(--bs-white);font-size:.875rem;line-height:1rem;font-weight:500;-webkit-border-radius:.1875rem;border-radius:.1875rem;background:rgba(var(--bs-danger-rgb), 0.8);border:.063em solid var(--bs-danger);-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;-webkit-transform:perspective(0.063em) translateZ(0);transform:perspective(0.063em) translateZ(0);} .iq-button .btn:focus,.iq-button .btn:active{border-color:var(--bs-danger);background:var(--bs-danger);} .iq-button .btn i{font-size:.75rem;margin-left:.75rem;} .iq-button .btn .button-text,.iq-button .btn i{vertical-align:middle;} .iq-button .btn::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:var(--bs-danger);border:.063em solid var(--bs-danger);-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;-o-transition:transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;} .iq-button .btn:hover::before{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);} @media (max-width: 767px){ .iq-button .btn{padding:.75rem 1.5rem;} } .swiper-button{width:1.875rem;height:1.875rem;text-align:center;line-height:1.875rem;color:var(--bs-white);background:rgba(0,0,0,0);-webkit-border-radius:50%;border-radius:50%;border:.0625em solid var(--bs-white);z-index:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1em;} .swiper-button::after{font-size:.625rem;color:var(--bs-white);} .swiper-button:hover{background:var(--bs-primary);border:.0625em solid var(--bs-primary);} @media (max-width: 767px){ .swiper-button{width:1.5rem;height:1.5rem;line-height:1.5rem;} .swiper-button::after{font-size:.6875rem;} } .font-size-14{font-size:.875rem;} .line-count-1{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .line-count-3{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .letter-spacing-1{letter-spacing:.0625rem;} .fw-500{font-weight:500;} .swiper-wrapper{margin:0 -0.9375rem;} .swiper-wrapper .swiper-slide{padding:0 .9375rem;} .texture-text{color:rgba(0,0,0,0);background-clip:text;-webkit-background-clip:text;line-height:normal;background-image:url("../../public/img/texure.webp");} @media (max-width: 991px){ .texture-text{font-size:3.4375rem!important;} } @media (max-width: 767px){ .texture-text{font-size:1.5615rem!important;} .swiper-wrapper .swiper-slide{padding:0 .4687rem;} } .swiper-bg:before{background:-webkit-gradient(linear, left top, right top, from(rgba(var(--bs-black-rgb), 0.9)), color-stop(15%, rgba(20, 20, 20, 0.9)), to(rgba(83, 100, 141, 0)));background:-webkit-linear-gradient(left, rgba(var(--bs-black-rgb), 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);background:-o-linear-gradient(left, rgba(var(--bs-black-rgb), 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);background:linear-gradient(90deg, rgba(var(--bs-black-rgb), 0.9) 0%, rgba(20, 20, 20, 0.9) 15%, rgba(83, 100, 141, 0) 100%);width:100%;content:"";position:absolute;top:0;left:0;height:100%;} .most-popular-swiper-scrollbar .swiper-scrollbar-drag { background: var(--citrine); } @media (min-width: 768px) { .image-slider-container { width: 80%; margin: 20px auto; } } .image-slider-container .image-slider-heading { display: flex; align-items: center; justify-content: space-between; padding: 15px 15px; } .image-slider-container .image-slider-heading .swiper-pagination { position: relative; width: auto; padding: 0; margin: 0; top: 0; bottom: 0; } .image-slider-container .image-slider-heading .swiper-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 100%; width: 15px; height: 10px; border-radius: 100px; transition: 0.5s; margin: 0px 3px; } .image-slider-container .image-slider-heading .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--citrine); width: 30px; } .image-slider-container .swiper { position: relative; } .image-slider-container .swiper .swiper-slide { width: 170px; } .image-slider-container .swiper .swiper-slide .slide-con { overflow: hidden; height: auto; margin: 0px 0px; position: relative; border-radius: 10px; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details { padding: 10px; overflow :hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); border-radius: 10px; display: flex; align-items: center; justify-content: space-around; flex-direction: column; display: none; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-info { text-align: left; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-info h2 { font-size: 15px; padding: 5px 0px 5px 0px; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-info span { font-size: 13px; margin-right: 0px; color: #727272; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns { display: flex; align-items: stretch; justify-content: space-between; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns a { text-decoration: none; color: white; padding: 5px 5px; font-size: 13px; margin: 0px 3px; border-radius: 3px; display: flex; align-items: center; justify-content: center; background-color: transparent; color: white; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns a svg { font-size: 15px; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns a:hover { background-color: transparent; color: white; border: 1px solid white; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns .imdb-rate { width: 100%; font-size: 10px; color: #ecc900; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns .imdb-rate:hover { background-color: #ecc900; color: black; border: 0; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns .like:hover { color: white; background-color: #ff2a00; border: 0; } .image-slider-container .swiper .swiper-slide .slide-con .slide-details .movie-btns .show-movie:hover { color: white; background-color: #2a4aff; border: 0; } .image-slider-container .swiper .swiper-slide .slide-con:hover .slide-details { display: flex; } .image-slider-container .swiper .swiper-slide .slide-con:hover div.movie-info { animation: 30s 1 smallBounce; } @keyframes smallBounce { from { transform: translateY(-85px); } 1% { transform: translateY(60px); } 1.5% { transform: translateY(0px); } 2% { transform: translateY(20px); } 2.5% { transform: translateY(0px); } to { transform: translateY(0px); } } .image-slider-container .swiper .swiper-slide img { width: 100%; height: 100%; border-radius: 10px; box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.6); } .latest-wrapper{ width:100%; max-width: 650px; height:auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .latest-card{ flex: 1; flex-basis: 300px; flex-grow: 0; height: 440px; background: rgba(0, 0, 0, 0.75); border: 2px solid rgba(0, 0, 0, 0.75); box-shadow: 0px 4px 7px rgba(0,0,0,.5); cursor: pointer; transition: all .5s cubic-bezier(.8,.5,.2,1.4); overflow: hidden; position: relative; } .latest-card img{ display: block; width: 100%; height: auto; /* Change from 100% to auto */ object-fit: cover; transition: all .5s cubic-bezier(.8,.5,.2,1.4); } .descriptions{ position: absolute; top:0px; left:0px; background-color: rgba(0, 0, 0, 0.75); width:100%; height:100%; transition: all .7s ease-in-out; padding: 20px; box-sizing: border-box; clip-path: circle(0% at 100% 100%); } .latest-card:hover .descriptions{ left:0px; transition: all .7s ease-in-out; clip-path: circle(75%); } .latest-card:hover{ transition: all .5s cubic-bezier(.8,.5,.2,1.4); box-shadow: 0px 2px 3px rgba(0,0,0,.3); transform: scale(.97); } .latest-card:hover img{ transition: all .5s cubic-bezier(.8,.5,.2,1.4); transform: scale(1.6) rotate(20deg); filter: blur(3px); } .latest-card h1{ color: #ff3838; letter-spacing: 1px; margin: 0px; } .latest-card p{ line-height: 24px; height: 70%; } .list-inline.d-flex { width: 100%; /* Ensure the list takes the full width of its container */ } .descriptions { display: flex; flex-direction: column; justify-content: space-between; } .latest-card { display: flex; flex-direction: column; height: 100%; } .list-inline.latest-footer { width: 100%; /* Ensures the list takes the full width of its container */ justify-content: space-between; /* Spaces the items at either end of the list */ display: flex; /* Enable flexbox */ } /* .latest-card .img-fluid { display: block; width: 100%; height: 0; padding-top: 66.67%; background-size: cover; background-position: center; object-fit: cover; overflow: hidden; } */ .img-wrapper { position: relative; width: 100%; padding-top: 150%; /* Adjusted for portrait aspect ratio */ overflow: hidden; } .img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .video-container-wrapper{position:relative;width:100%}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}.video-placeholder,#adVideoContainer,#realVideoContainer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.aspect-ratio-16-9{position:relative;width:100%;padding-top:56.25%}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;background-color:transparent;border:none;z-index:10}.play-button:hover{background-color:transparent;box-shadow:unset}.play-button svg{width:60px;height:60px;border-radius:50px;cursor:pointer;fill:#fff;background-color:#AD1457}#countdownElement,#skipAdButton{position:absolute;bottom:50%;right:20px;background-color:rgba(0,0,0,.75);color:#fff;padding:5px 10px;font-size:16px;display:none;z-index:10}#adVideo,#realVideoIframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.embedtool{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.play-button{cursor:pointer} .player-servers .ps_-block{overflow:hidden;position:relative;padding:12px 15px;padding-left:110px;border-bottom:1px dashed #35373d;} .player-servers .ps_-block:last-of-type{border:0;} .player-servers .ps_-block .ps__-title{position:absolute;top:10px;left:15px;font-size:13px;line-height:34px;font-weight:600;} .player-servers .ps_-block .ps__-title i{width:16px;text-align:left;color:#f83c00;} .ps__-list .item{float:left;margin-right:7px;} .ps__-list .item .btn{font-size:13px;box-shadow:none!important;font-weight:500;padding:0 10px;line-height:30px;background:#35373d;color:#ccc;border:none!important;} .ps__-list .item .btn.active,.ps__-list .active .btn{background:#f83c00;color:#fff;} @media screen and (max-width:759px){ .player-servers .ps_-block{background:#202125;} .ps__-list .item{margin:2px 7px 2px 0;} .player-servers .ps_-block{padding:10px;padding-left:110px;} .player-servers .ps_-block .ps__-title{line-height:34px;} } .sceneflix-seasons-dropdown select.form-select { width: 100%; /* Full width */ margin-bottom: 1rem; /* Space below the dropdown */ } .list-group-item { border: 1px solid #dee2e6; /* Example to style list items */ } .show-posts:before { content: ""; display: block; padding-top: 75%; }