| Server IP : 66.29.137.217 / Your IP : 3.129.17.22 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/gle.gltechlimited.com/public/css/ |
Upload File : |
/*
Theme Name: Next Hour - Movie Tv Show & Video Subscription Portal Cms Web and Mobile App
Theme URL: https://nexthour.mediacity.co.in/
Author: Media City
Author URI: https://mediacity.co.in
Creation Date: 01 January 2018
Description: A default stylesheet for Next Hour - Movie Tv Show & Video Subscription Portal Cms Web and Mobile App.
Version: 6.2
*/
/*=======================================================================
[Table of Contents]
=========================================================================
01. Typography
02. General
03. Navigation
04. Main Wrapper
05. Home Out Block
06. Featured Main Block
07. Footer
08. Home Page
09. Movie Single Page
10. User Account And Settings
11. Edit Profile
12. Purchase Plan
13. Subscribe Page
14. Watchlist page
15. Login And Register Page
16. Slider
17. Home Inner Slider
18. User Profile
19. Faq Page
20. Preloader
/* =============== Colors Used =====================
Dark Gray : #111;
Gray : #444;
Ligh Gray : #B1B1B1;
Blue Color : #48A3C6;
Light Blue color: var(--text_light_blue_color);
White : #FFF;
===================================================*/
/* ================================= */
/*===== Typography =====*/
/* ================================= */
body {
position: relative;
font-size: 14px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
background-color: var(--body_bg_color);
padding-top: 70px;
overflow-x: hidden;
}
html,
body {
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
font-weight: 600;
margin: 0;
color: var(--text_white_color);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px;
}
a {
font-family: 'Roboto', sans-serif;
color: var(--text_blue_color);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
a:hover,
a:focus {
color: var(--text_light_blue_color);
text-decoration: none;
cursor: pointer;
}
a:active {
color: var(--text_light_blue_color);
text-decoration: none;
}
p {
font-size: 14px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
color: var(--text_white_color);
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ================================= */
/*===== General =====*/
/* ================================= */
::-webkit-scrollbar-track {
border-radius: 0;
}
::-webkit-scrollbar {
width: 3px;
background-color: transparent;
border-radius: 0;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--background_white_bg_color);
height: 100px;
border-radius: 1px;
display: none;
}
.container-fluid {
/* padding: 0 3%; */
}
.btn.active,
.btn:active {
box-shadow: none !important;
}
.pad-0 {
padding: 0;
}
.pad-lt-0 {
padding-left: 0;
}
.pad-lt-50 {
padding-left: 50px;
}
.pad-rt-0 {
padding-right: 0;
}
.pad-lt-100 {
padding-left: 0 !important;
padding-right: 100px;
}
.mrgn-rt-20 {
margin-right: 20px;
}
.mrgn-bt-50 {
padding-bottom: 50px;
}
.mrgn-bt-100 {
margin-bottom: 100px;
}
.mrgn-bt-150 {
margin-bottom: 150px;
}
.bg-black {
background-color: var(--background_dark-black_bg_color);
}
button {
focus: none;
}
@media(max-width: 664px) {
.mrgn-xs-30 {
margin-bottom: 30px;
}
}
@media(max-width: 992px) {
.mrgn-sm-30 {
margin-bottom: 30px;
}
}
@media(min-width: 1400px) and (max-width: 2200px) {
.container-fluid {
margin: 0 8% !important;
}
}
.overlay-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn-prime {
padding: 8px 10px;
border: none;
border-radius: 2px;
background-color: var(--btn-prime_bg_color);
color: var(--text_white_color);
font-family: 'Roboto', sans-serif;
font-size: 17px;
font-weight: 400;
text-align: center;
word-spacing: 2px;
border: 1px solid transparent;
}
.btn.btn-prime:focus,
.btn-prime:hover {
border: 1px solid var(--btn-prime_border_color);
color: var(--text_white_color);
}
.btn.btn-play {
padding: 0;
}
.btn-play {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-play:hover .play-btn-icon {
background-color: var(--blue_bg_color);
}
.btn-play .play-btn-icon {
margin-left: 10px;
background-color: var(--blue_bg_color);
display: inline-block;
width: 46px;
height: 46px;
color: var(--text_white_color);
text-align: center;
line-height: 3.4;
border-radius: 50% ;
border: solid 1px #555;
box-shadow: 0 0 3px 3px #555, 0 0 4px 4px var(--blue_bg_color),0 0 0px 3px var(--blue_bg_color);
}
.btn-play .play-btn-icon:hover{
transform:scale(1.1);
transition: transform 500ms ease-in-out;
}
.full-movie-dtl-main-block .play-btn-icon i {
line-height: 68px;
}
.des-btn-block .play-btn-icon i,
.movie-series-block .play-btn-icon i {
line-height: 48px;
}
.btn-play .play-text {
display: inline-block;
font-size: 19px;
color: var(--text_white_color);
font-weight: 600;
}
.btn-default {
background-color: var(--btn-default_bg_color);
border: 2px solid var(--btn-default_border_color) !important;
color: var(--text_white_color);
border: none;
outline: none;
padding: 14px 20px;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
background-color: #212121;
color: var(--text_white_color);
border: 2px solid var(--blue_border_color) !important;
border-radius: 7px;
}
button {
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.btn-more {
font-size: 13px;
color: var(--text_white_color);
word-spacing: 1px;
letter-spacing: 0.2px;
text-transform: uppercase;
padding-bottom: 5px;
font-weight: 600;
border-bottom:3px ridge var(--blue_border_color);
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn-more:hover {
color: var(--text_blue_color);
}
.section {
padding: 100px 0;
}
.section-heading {
line-height: 1;
letter-spacing: 0.6px;
position: relative;
margin-bottom: 10px;
}
.section-sub-heading {
font-size: 24px;
letter-spacing: 0.4px;
}
.form-control:focus,
.form-control {
-webkit-box-shadow: none;
box-shadow: none;
/*border-color: var(--text_black_color);*/
border-color: var(--text_blue_color);
border: 2px solid var(--blue_border_color);
}
.form-control:focus {
border-color: var(--text_black_color);
}
::-webkit-input-placeholder {
color: #6F6661!important;
font-family: 'Roboto', sans-serif;
}
::-moz-placeholder {
color: #6F6661!important;
font-family: 'Roboto', sans-serif;
}
::-ms-input-placeholder {
color: #6F6661!important;
font-family: 'Roboto', sans-serif;
}
::-o-input-placeholder {
color: #6F6661!important;
font-family: 'Roboto', sans-serif;
}
.social-btns li {
display: inline-block;
line-height: 1.8;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media(max-width: 492px){
#cssmenu #menu-button {
position: absolute!important;
top: -50px;
right: 0;
}
.navigation {
height: auto !important;
}
.navigation .pull-right {
float: none !important;
}
.login-panel-main-block {
width: 100% !important;
background-image: linear-gradient(to bottom,#222 0,rgba(34,34,34,1) 100%);
}
.prime-search-block {
margin-left: 10px;
}
.navigation .sign-in-block {
margin-right: -20px;
}
}
@media(max-width: 767px){
.full-movie-dtl-main-block .play-btn-icon i {
line-height: 8px;
}
}
/* ============================== */
/*===== Navigation =====*/
/* ============================== */
.container-fluid.nav-container {
/* padding: 0 2.3%; */
}
.navigation {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.navigation .container-fluid {
padding-right: 0;
padding-left: 0;
}
.nav-logo {
width: 100%;
}
.nav-container .col-md-2 {
width: 13.4%;
}
#cssmenu {
background-color: transparent;
padding: 0;
padding-top: 5px;
float: right;
}
#cssmenu > ul > li > a {
font-size: 16px;
text-transform: inherit;
font-weight: 400;
color: var(--text_light_grey_color);
padding-right: 0;
padding-left: 14px;
}
#cssmenu > ul > li > a.active {
/* color: var(--text_white_color);*/
color: var(--text_blue_color);
}
.login-panel-main-block {
position: relative;
float: right;
left: 1.5%;
}
/*===== Login Panel Main Block =====*/
.login-panel-main-block ul {
padding-top: 14px;
}
.login-panel-main-block li {
display: inline-block;
}
.login-panel-main-block li .sign-in {
font-size: 17px;
font-weight: 600;
letter-spacing: 0.2px;
color: var(--text_light_grey_color);
height: auto;
vertical-align: middle;
position: relative;
top: 9px;
}
@media (max-width: 767px) {
.login-panel-main-block li .sign-in {
margin: 0 20px;
}
.signup__container.container.sign-in-main-block {
padding: 0 30px;
margin-top: -56px;
}
}
.login-panel-main-block li .sign-in:hover {
color: var(--text_white_color);
}
@media (min-width:769px){
.register-thumbnail{
display: none;
}
.signup-thumbnail{
display: none;
}
}
@media(max-width: 768px) {
.pull-right {
float: right!important;
}
.register-thumbnail{
display: block;
width: 45%;
display: block;
margin-left: auto;
margin-right: auto;
height: 55px;
margin-top: -60px;
object-fit: scale-down;
}
.signup-thumbnail{
display: block;
width: 45%;
display: block;
margin-left: auto;
margin-right: auto;
height: 55px;
margin-top: 0px;
object-fit: scale-down;
}
}
/*===== Dropdown =====*/
.prime-dropdown {
margin-right: 0;
color: var(--text_light_grey_color);
}
.prime-dropdown .btn .fa-globe {
margin-right: 4px;
font-size: 21px;
}
.prime-dropdown .btn {
background-color: transparent;
outline: none;
border: none;
color: var(--text_light_grey_color);
font-size: 17px;
position: relative;
}
.prime-dropdown .btn:hover {
color: var(--text_white_color);
}
.prime-dropdown .caret {
margin-right: 4px;
margin-top: -4px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.prime-dropdown.open .btn:active,
.prime-dropdown.open .btn:focus,
.prime-dropdown.open .btn {
background-color: transparent !important;
outline: none;
border: none;
}
.prime-dropdown.open .caret {
transform: rotate(180deg);
}
.prime-dropdown-menu {
position: absolute;
width: 210px;
max-width: 300px;
z-index: 99999999;
border-radius: 2px;
background-color: #444;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.prime-dropdown .prime-dropdown-menu {
height: 0;
padding: 0;
box-shadow: 0 4px 12px 0 rgba(0,0,0,0.2);
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
display: block;
visibility: hidden;
z-index: -9999;
opacity: 0;
left: 0;
}
.prime-dropdown.open .prime-dropdown-menu {
height: auto;
max-height: 400px;
overflow-y: auto;
opacity: 1;
z-index: 9999999;
visibility: visible;
text-align: right;
}
.prime-dropdown-menu li {
display: block;
}
.prime-dropdown-menu li a {
color: var(--text_light_grey_color);
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #303030;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
text-align: right;
}
.prime-dropdown-menu li a:hover {
color: var(--text_white_color);
background-color: #3A3A3A;
}
.prime-dropdown-menu > li > a > i {
font-size: 14px;
margin-right: 10px;
opacity: 0;
}
.prime-dropdown-menu > li > a.active > i {
opacity: 1;
}
/*===== Season Dropdown =====*/
.prime-dropdown.season-dropdown {
margin: 0;
}
.prime-dropdown.season-dropdown .btn {
background-color: #3A3A3A;
border-radius: 2px;
line-height: 20px;
padding: 12px 19px;
font-size: 16px;
color: var(--text_white_color);
letter-spacing: 0.5px;
}
.prime-dropdown.season-dropdown .btn .caret {
margin-left: 11px;
color: var(--text_light_grey_color);
}
.prime-dropdown.season-dropdown .prime-dropdown-menu {
top: 0;
left: 0;
right: auto;
min-width: 100px;
width: auto;
}
.prime-dropdown.season-dropdown .prime-dropdown-menu li {
margin-right: 0;
width: 124px;
text-shadow: none;
}
.prime-dropdown.season-dropdown .prime-dropdown-menu li a.active {
color: var(--text_white_color);
}
/*===== Search Input =====*/
.prime-search-block {
position: relative;
vertical-align: middle;
}
.prime-search-block i {
color: var(--text_light_grey_color);
}
.prime-search-block input:hover,
.prime-search-block input:focus {
outline: none;
border-color: var(--text_light_grey_color);
cursor: pointer;
}
.prime-search-block input:focus {
background-color: var(--background_black_bg_color);
}
.prime-search-block .fa {
position: relative;
left: 10px;
top: 20px;
transform: translateY(-50%);
font-size: 19px;
color: var(--text_light_grey_color);
}
.prime-search-block input::-webkit-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
.prime-search-block input::-moz-placeholder {
color: rgba(255,255,255,0.5) !important;
}
.prime-search-block input::-ms-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
.prime-search-block input::-o-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
.prime-search-block button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12%;
color: var(--text_light_grey_color);
opacity: 0.4;
font-size: 16px;
padding: 0;
background-color: transparent;
outline: none;
border: none;
}
.login-panel-main-block .prime-dropdown .btn {
font-size: 16px !important;
}
@media(min-width: 768px) and (max-width: 928px){
/* .login-panel-main-block li {
margin-right: -12px;
}*/
.sign-in-block-two {
margin-left: 40px;
}
.sign-in-block-one {
float: right;
}
.prime-dropdown .caret {
display: none;
}
}
@media(max-width: 992px){
.prime-search-block input {
width: 200px;
}
.login-panel-main-block .prime-dropdown .btn {
font-size: 16px !important;
}
}
@media(max-width: 767px){
.main-wrapper {
margin-top: 0 !important;
}
#cssmenu #menu-button {
position: absolute!important;
top: -50px;
right: 0;
}
.navigation {
height: auto !important;
padding-bottom: 10px;
}
.navigation .pull-right {
float: none !important;
}
.login-panel-main-block {
width: 100% important;
float: none !important;
}
.prime-search-block {
position: absolute;
right: 3px;
top: -35px;
}
.navigation .sign-in-block {
margin-right: -20px;
float: right;
}
}
@media(max-width: 387px){
.login-panel-main-block .prime-dropdown .btn i {
display: none;
}
}
@media(max-width: 400px){
.navigation .sign-in-block {
margin-right: -25px;
}
}
@media(max-width: 355px){
/*.login-panel-main-block li.prime-search-block {
display: none;
}*/
}
/* ================================== */
/*===== Main Wrapper =====*/
/* ================================== */
#big-main-poster-block {
position: absolute;
top: 80px;
/* left: 0;*/
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
transition: filter 1s ease;
right:0;
}
.main-wrapper {
box-shadow: none;
background-color: var(--background_black_bg_color);
}
.main-wrapper.home-page {
-webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.68);
-moz-box-shadow: 0 0 60px 0 rgba(0,0,0,.68);
-ms-box-shadow: 0 0 60px 0 rgba(0,0,0,.68);
-o-box-shadow: 0 0 60px 0 rgba(0,0,0,.68);
box-shadow: 0 0 60px 0 rgba(0,0,0,.68);
}
.section-heading.inline {
display: inline-block;
margin-right: 5px;
}
.inline.see-more {
font-size: 15px;
font-weight: 600;
}
/* ================================== */
/*===== Home Out Block =====*/
/* ================================== */
.home-out-section {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.home-out-section .section-heading {
margin-bottom: 20px;
font-size: 41px;
line-height: 1.3;
font-weight: 500;
}
.home-out-section .section-dtl {
margin-bottom: 48px;
font-size: 21px;
line-height: 1.3;
font-weight: 300;
padding-left: 100px;
}
.overlay-bg.gredient-overlay-right {
background: -moz-linear-gradient(90deg, #000 40%, transparent 60%);
background: -webkit-gradient(linear, 90deg, color-stop(40%, 000), color-stop(60%,transparent)) !important;
background: -webkit-linear-gradient(90deg, #000 40%, transparent 60%);
background: -o-linear-gradient(90deg, #000 40%, transparent 60%);
background: -ms-linear-gradient(90deg, #000 40%, transparent 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(90deg, #000 40%, transparent 60%);
}
.overlay-bg.gredient-overlay-left {
background: -moz-linear-gradient(-90deg, #000 40%, transparent 60%);
background: -webkit-gradient(linear, -90deg, color-stop(40%, 000), color-stop(60%,transparent));
background: -webkit-linear-gradient(-90deg, #000 40%, transparent 60%);
background: -o-linear-gradient(-90deg, #000 40%, transparent 60%);
background: -ms-linear-gradient(-90deg, #000 40%, transparent 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(-90deg, #000 40%, transparent 60%);
}
.home-out-section .btn-prime {
padding: 14px 18px 14px;
width: 280px;
font-size: 17px;
font-weight: 600;
margin-bottom: 4.8%;
}
.home-out-section .sign-in-info {
font-size: 15.6px;
font-weight: 300;
}
/* ====================================== */
/*===== Featured Main Block =====*/
/* ====================================== */
.featured-main-block {
padding: 70px 0;
background-color: var(--background_white_bg_color);
}
.featured-image {
margin-bottom: 10px;
}
.featured-image img {
margin: 0 auto;
}
.feature-name {
color: #000;
font-size: 33px;
font-weight: 500;
line-height: 44px;
letter-spacing: 2px;
margin-bottom: 7px;
}
.featured-dtl p {
color: #000;
font-size: 22px;
line-height: 1.3;
font-weight: 300;
}
/* ========================== */
/*===== Footer =====*/
/* ========================== */
footer {
background-color: var(--footer_bg_color);
}
footer.prime-footer-main-block {
position: relative;
z-index: 999;
margin: 0;
padding: 25px 0 75px;
}
.prime-footer-main-block .logo img {
margin: 0 auto;
}
.prime-footer-main-block ul {
text-align: center;
margin-top: 5px;
}
.prime-footer-main-block ul li {
display: inline-block;
margin: 0 3px;
font-size: 15px;
color: var(--text_grey_color);
font-weight: 600;
}
.prime-footer-main-block ul p {
margin: 0;
}
footer.footer-main-block {
padding: 58px 0 38px;
}
footer.home-page-footer {
background-color: #222;
}
.pre-footer {
margin-bottom: 45px;
}
.footer-logo {
margin-top: -2%;
}
@media (min-width: 992px) {
.footer-logo img {
width: 70%;
}
}
.footer-widgets-heading {
font-size: 19px;
font-weight: 500;
margin-bottom: 30px;
}
.footer-links-block li {
margin-bottom: 11px;
text-transform: uppercase;
}
.footer-links-block li a {
font-weight: 500;
color: rgba(255,255,255,0.5);
word-spacing: 4px;
letter-spacing: 0.6px;
}
.footer-links-block li a:hover {
color: var(--text_white_color);
}
.subscribe-widgets .form-group {
position: relative;
}
.subscribe-text {
font-weight: 500;
letter-spacing: 0.7px;
word-spacing: 2px;
padding-right: 20px;
line-height: 1.7;
margin-bottom: 30px;
color: rgba(255,255,255,0.3);
}
.subscribe-input {
width: 250px;
font-size: 15px;
padding: 10px 10px 22px 0;
display: block;
border: none;
background-color: transparent;
border-radius: 0;
border-bottom: 2px solid #444;
color: rgba(255,255,255,0.6);
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.subscribe-input:focus {
outline:none;
border-color: var(--text_blue_color);
}
.subscribe-input::-webkit-input-placeholder {
color: rgba(255,255,255,0.6) !important;
font-size: 15px;
letter-spacing: 0.5px;
word-spacing: 2px;
font-family: 'Roboto', sans-serif;
}
.subscribe-input::-moz-placeholder {
color: rgba(255,255,255,0.6) !important;
font-size: 15px;
letter-spacing: 0.5px;
word-spacing: 2px;
font-family: 'Roboto', sans-serif;
}
.subscribe-input::-ms-input-placeholder {
color: rgba(255,255,255,0.6) !important;
font-size: 15px;
letter-spacing: 0.5px;
word-spacing: 2px;
font-family: 'Roboto', sans-serif;
}
.subscribe-input::-o-input-placeholder {
color: rgba(255,255,255,0.6) !important;
font-size: 15px;
letter-spacing: 0.5px;
word-spacing: 2px;
font-family: 'Roboto', sans-serif;
}
.subscribe-btn {
position: absolute;
top: 40%;
left: 67%;
transform: translateY(-50%);
background-color: transparent;
border: none;
outline: none;
box-shadow: none;
z-index: 9999;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.subscribe-btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.subscribe-btn i {
color: #444;
font-size: 18px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.subscribe-btn:hover {
left: 70%;
}
.subscribe-btn:hover i {
color: var(--text_blue_color);
}
.copyright ul li:not(:last-child) {
border-left: 2px solid var(--blue_border_color);
padding-left: 10px;
}
.copyright-footer p {
font-size: 16px;
color: rgba(255,255,255,0.3);
word-spacing: 1px;
letter-spacing: 0.5px;
text-align: center;
}
.social-widgets.social-btns ul li {
margin: 0 5px;
font-size: 16px;
display: inline;
}
@media (max-width: 767px) {
.footer-widgets-heading {
margin-bottom: 10px;
}
.footer-widgets .col-md-6 {
margin-bottom: 25px;
}
.footer-logo {
margin-top: 0;
margin-bottom: 25px;
}
}
/* =========================== */
/*===== Home Page =====*/
/* =========================== */
/*===== Home Slider =====*/
.home-slider-one {
margin-bottom: 30px;
position: relative;
}
.home-slider-one .owl-prev {
left: 2%;
}
.home-slider-one .owl-next {
right: 2%;
}
.home-slider-one .owl-prev,
.home-slider-one .owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
color: var(--text_white_color);
font-size: 25px;
text-align: center;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.home-slider-one .owl-dots {
position: absolute;
width: 100%;
bottom: 5%;
text-align: center;
}
.home-slider-one .owl-dot {
display: inline-block;
width: 13px;
height: 13px;
margin-right: 7px;
border: 0;
border-radius: 100%;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
background: var(--background_white_bg_color);
opacity: 0.3;
}
.home-slider-one .owl-dot:hover,
.home-slider-one .owl-dot.active {
border: 0;
background: var(--background_white_bg_color);
opacity: 1;
}
.slider-height {
padding: 40px;
}
.slider-height img {
object-fit: cover;
}
.slider-height-dtl {
height: 387px;
padding: 40px;
}
.home-dtl-slider .overlay-bg {
background: rgba(0,0,0,0.8);
}
.iframe .fa-info-circle {
border: 1px solid transparent;
}
/*===== Genre Main Block =====*/
.genre-main-block {
position: relative;
margin-bottom: 70px;
}
.genre-main-block .container-fluid {
padding: 57px 4.5% 57px 3%;
margin: 0 3%;
border: 3px solid rgba(68,68,68,0.45);
}
.genre-main-block .genre-dtl-block {
margin-top: 57px;
}
.genre-dtl-block .section-heading {
font-size: 28px;
line-height: 1.3;
}
.genre-dtl-block p {
font-size: 15px;
color: rgba(255,255,255,0.4);
font-weight: 500;
word-spacing: 1px;
letter-spacing: 0.5px;
margin-bottom: 65px;
}
#wishlistelement .genre-slide-image {
margin-bottom: 17px;
}
.view-all-block .genre-slide-image {
margin-bottom: 17px;
}
.genre-grid{
width: 210px;
height: 280px;
padding-right: 20px;
}
.genre-image {
height: 280px;
}
.cus_img .genre-slide-image a img {
display: block;
/* max-width: 100%;
height: 250px;*/
clear: both;
border-radius:.625em;
/*margin-bottom: 30px;*/
position: relative;
}
.genre-prime-slider.owl-carousel .owl-item img {
/* max-height: 222px !important;
height: 222px;
width: inherit; */
border-radius: .625em;
height:100%;
}
.owls-item img{
/* max-height: 222px !important;
height: 222px;
width: inherit;*/
border-radius: 10px;
filter: grayscale(80%);
}
.owls-item img:hover{
/* max-height: 222px !important;*/
/* height: 222px;
width: inherit;*/
border-radius: 10px;
filter: none;
}
.genre-dtl-heading {
font-weight: 500;
font-size: 17px;
padding-left: 20px;
margin-bottom: 5px;
}
.genre-dtl-heading a {
color: var(--text_white_color);
}
.genre-dtl-heading a:hover {
color: var(--text_blue_color);
}
.genre-small-info {
color: rgba(255,255,255,0.4);
}
.genre-main-block .owl-dots {
position: absolute;
width: 1%;
top: 50%;
transform: translateY(-50%);
left: -2%;
text-align: left;
}
.genre-main-block .owl-dot {
display: block;
width: 10px;
height: 10px;
margin-bottom: 9px;
border: 0;
border-radius: 100%;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
background: var(--background_white_bg_color);
opacity: 0.3;
}
.genre-main-block .owl-dot.active {
border: 0;
background: var(--background_white_bg_color);
opacity: 1;
}
@media(max-width: 767px) {
.genre-main-block .container-fluid {
padding-top: 0 !important;
}
}
/* ====== Genre Slider =======*/
.genre-prime-block {
position: relative;
/*z-index: 3;*/
margin-bottom: 30px;
}
.genre-prime-block .section-heading {
margin-bottom: 25px;
}
.genre-prime-block .container-fluid {
margin: 0 3%;
padding: 0;
padding-bottom: 20px;
border-bottom: 1px solid #444;
}
.genre-prime-block .owl-prev {
left: -2%;
}
.genre-prime-block .owl-next {
right: -2%;
}
.genre-prime-block .owl-prev,
.genre-prime-block .owl-next {
position: absolute;
top: 50%;
transform: translateY(-55%);
background-color: transparent;
color: var(--text_white_color);
font-size: 25px;
text-align: center;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* ====== Genre Long Slider =======*/
.long-slider .no-js .owl-carousel, .long-slider .owl-carousel.owl-loaded {
height: 350px !important;
}
.long-slider .owl-carousel .owl-item img {
max-height: 350px!important;
height: 350px;
}
.long-slider .owl-carousel .owl-item {
width: 225px !important;
}
.top-dtl {
color: transparent;
position: absolute;
font-size: 120px;
top: 0;
margin: 0 auto;
left: 0;
padding-left: 15px;
padding-right: 15px;
bottom: 16px;
padding-top: 20px;
background: rgba(0, 0, 0, 0.7);
-webkit-text-stroke: 2px #FFF;
height: 222px !important;
}
.circle-slider .no-js .owl-carousel, .circle-slider .owl-carousel.owl-loaded {
height: 170px !important;
}
.circle-slider .genre-prime-slider.owl-carousel .owl-item img {
max-height: 170px!important;
height: 170px;
border-radius: 100%;
}
.circle-slider .owl-item.active {
width: 184px !important;
}
/* ====== Genre Description =======*/
.protip-skin-default--scheme-pro.protip-container {
height: auto !important;
background-color: #444 !important;
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6) !important;
padding: 20px !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
z-index: 9999;
}
.protip-content {
border-radius: 2px !important;
border: 1px solid var(--blue_border_color);
padding: 10px;
}
.protip-skin-default--scheme-pro[data-pt-position="right-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-right"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="right"] .protip-arrow {
border-right-color: #444 !important;
}
.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="bottom-left"] .protip-arrow,
.protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow {
border-left-color: #444 !important;
}
.prime-description-block {
display: none;
}
.movie-rating {
color: #CCC;
margin: 2px 0 1px;
font-size: 12px;
display: inline-block;
font-weight: 700;
}
.protip-content .description-heading,
.prime-description-block .description-heading {
font-size: 19px;
font-weight: 500;
letter-spacing: 0.4px;
margin-bottom: 5px;
color: var(--text_blue_color);
}
.protip-content .description-heading {
text-transform: capitalize;
}
.protip-content .description-list,
.prime-description-block .description-list {
margin-bottom: 10px;
display: inline-block;
margin-right: 5px;
}
.protip-content .description-list li:first-child,
.prime-description-block .description-list li:first-child {
margin: 0;
}
.protip-content .description-list li,
.prime-description-block .description-list li {
display: inline-block !important;
color: #CCC;
margin: 0 5px;
font-size: 12px;
}
.protip-content .main-des,
.prime-description-block .main-des {
margin-bottom: 20px;
}
.protip-content .main-des p,
.prime-description-block .main-des p {
font-size: 13px;
letter-spacing: 0.2px;
margin: 0;
line-height: 1.2;
}
.protip-content .main-des a,
.prime-description-block .main-des a {
margin-top: 3px;
font-size: 12px;
}
.protip-content .des-btn-block .btn-default,
.des-btn-block .btn-default {
display: block;
margin-bottom: 5px;
font-size: 13px;
background-color: var(--btn-default_bg_color);
border: 2px solid var(--btn-default_border_color) ;
font-weight: 500;
width: 100%;
text-align: right;
margin-left: 10px;
}
.des-btn-block.des-in-list .btn-default {
width: auto;
display: inline-block;
}
.des-btn-block.des-in-list a {
display: inline-block;
}
.des-btn-block.des-in-list a.btn-play {
margin-left: 20px !important;
}
.des-btn-block.des-in-list a.btn-default {
padding: 6px 12px;
width: auto !important;
font-size: 14px;
}
.btn-sm-play,
.des-in-list.des-btn-block a.btn-play {
margin: 10px 0;
font-size: 14px;
}
.btn-sm-play,
.des-in-list.des-btn-block a.btn-default {
border-radius: 4px;
width: 20%;
text-align: center;
font-size: 14px;
cursor: pointer;
}
a.btn-sm-play,
.des-in-list.des-btn-block a.btn-play,
.protip-content .des-btn-block a.btn-play {
background-color: transparent;
text-align: left;
margin-bottom: 10px;
}
.btn-sm-play:hover,
.des-in-list.des-btn-block a.btn-play:hover,
.protip-content .des-btn-block a.btn-play:hover {
background-color: transparent;
}
.btn-sm-play .play-btn-icon,
.des-in-list.des-btn-block .btn-play .play-btn-icon,
.protip-content .des-btn-block .btn-play .play-btn-icon {
width: 46px;
height: 46px;
font-size: 14px;
}
.des-in-list.des-btn-block .btn-play .play-text,
.protip-content .des-btn-block .btn-play .play-text {
font-size: 16px;
}
.full-movie-dtl-main-block .play-btn-icon i {
line-height: 47px;
}
.des-btn-block .play-btn-icon i,
.movie-series-block .play-btn-icon i {
line-height: 41px;
}
.protip-content .des-btn-block a:hover,
.des-btn-block a:hover {
background-color: #373737;
cursor: pointer !important;
}
.video-player {
z-index: -9;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--background_dark-black_bg_color);
}
.video-js.movies-js {
width: 100%;
height: 100%;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
width: 5em !important;
left: 50% !important;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item {
margin: 0 !important;
border-radius: 0 !important;
border-bottom: 1px solid #000 !important;
font-size: 13px !important;
}
.vjs-load-progress,
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal,
.vjs-play-progress.vjs-slider-bar {
border-radius: 4px !important;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
background-color: var(--blue_bg_color) !important;
color: var(--text_white_color) !important;
}
.preview-player-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 70px 0;
}
.video-js.episodes-js,
.playlist-container {
position: relative;
min-width: 300px;
min-height: 150px;
height: 100%;
}
.video-js.episodes-js {
height: 550px;
flex: 3 1 70%;
}
@media(min-width: 1400px) and (max-width: 2200px) {
.video-js.episodes-js {
height: 800px !important;
}
.vjs-playlist {
height: 800px !important;
}
}
.playlist-container {
flex: 1 1 30%;
height: 550px;
overflow-y: scroll;
background-color: transparent;
}
.vjs-playlist img,
.vjs-playlist .vjs-selected img {
width: 100%;
}
.vjs-playlist {
margin: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 550px;
overflow-y: scroll;
background-color: transparent;
}
.vjs-playlist-vertical .vjs-playlist-thumbnail img {
width: 22% !important;
}
.vjs-playlist .vjs-playlist-now-playing-text {
left: 30% !important;
}
.vjs-playlist .vjs-playlist-title-container {
top: 30% !important;
left: 30% !important;
}
.close-btn-block {
position: relative;
z-index: 999;
}
.close-btn {
position: absolute;
width: 100px;
z-index: 9999;
top: 0;
right: 0;
display: block;
height: 25px;
margin-top: 20px;
margin-bottom: 20px;
background-color: transparent;
cursor: pointer;
}
.close-btn:before {
position: absolute;
content: '';
right: 50px;
top: 0;
width: 2px;
height: 32px;
transform: rotate(44deg);
background-color: var(--background_white_bg_color);
}
.close-btn:after {
position: absolute;
content: '';
right: 49px;
top: 0;
width: 2px;
height: 32px;
transform: rotate(-44deg);
background-color: var(--background_white_bg_color);
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 10em
}
.video-js .vjs-controls-disabled .vjs-big-play-button {
display: none!important
}
.video-js .vjs-control {
width: 3em
}
.video-js .vjs-menu-button-inline:before {
width: 1.5em
}
.vjs-menu-button-inline .vjs-menu {
left: 3em
}
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,
.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-paused .vjs-big-play-button {
display: block
}
.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
display: none!important
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
padding: 0 .4em .3em
}
.video-js.vjs-ended .vjs-loading-spinner {
display: none;
}
.video-js.vjs-ended .vjs-big-play-button {
display: block !important;
}
.video-js *,
.video-js:after,
.video-js:before {
box-sizing: inherit;
font-size: inherit;
color: inherit;
line-height: inherit
}
.video-js.vjs-fullscreen,
.video-js.vjs-fullscreen .vjs-tech {
width: 100%!important;
height: 100%!important
}
.video-js {
font-size: 14px;
overflow: hidden
}
.video-js .vjs-control {
color: inherit
}
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 8.35em
}
.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
height: 3em;
width: 6.35em
}
.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #FFF,0 0 1em #FFF,0 0 1em #FFF
}
.video-js .vjs-spacer,.video-js .vjs-time-control {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.video-js .vjs-time-control {
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: auto
}
.video-js .vjs-time-control.vjs-time-divider {
width: 14px
}
.video-js .vjs-time-control.vjs-time-divider div {
width: 100%;
text-align: center
}
.video-js .vjs-time-control.vjs-current-time {
margin-left: 1em
}
.video-js .vjs-time-control .vjs-current-time-display,
.video-js .vjs-time-control .vjs-duration-display {
width: 100%
}
.video-js .vjs-time-control .vjs-current-time-display {
text-align: right
}
.video-js .vjs-time-control .vjs-duration-display {
text-align: left
}
.video-js .vjs-play-progress:before,
.video-js .vjs-progress-control .vjs-play-progress:before,
.video-js .vjs-remaining-time,
.video-js .vjs-volume-level:after,
.video-js .vjs-volume-level:before,
.video-js.vjs-live .vjs-time-control.vjs-current-time,
.video-js.vjs-live .vjs-time-control.vjs-duration,
.video-js.vjs-live .vjs-time-control.vjs-time-divider,
.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
display: none
}
.video-js.vjs-no-flex .vjs-time-control {
display: table-cell;
width: 4em
}
.video-js .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 4px;
top: -4px;
}
.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-progress-control .vjs-play-progress,
.video-js .vjs-progress-control .vjs-progress-holder {
height: 100%
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0
}
.video-js .vjs-progress-control:hover {
height: 7px;
top: -6px;
}
.video-js .vjs-control-bar {
-webkit-transition: -webkit-transform .1s ease 0s;
-moz-transition: -moz-transform .1s ease 0s;
-ms-transition: -ms-transform .1s ease 0s;
-o-transition: -o-transform .1s ease 0s;
transition: transform .1s ease 0s
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
visibility: visible;
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(3em);
-moz-transform: translateY(3em);
-ms-transform: translateY(3em);
-o-transform: translateY(3em);
transform: translateY(3em);
-webkit-transition: -webkit-transform 1s ease 0s;
-moz-transition: -moz-transform 1s ease 0s;
-ms-transition: -ms-transform 1s ease 0s;
-o-transition: -o-transform 1s ease 0s;
transition: transform 1s ease 0s
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
height: .25em;
top: -.25em;
pointer-events: none;
-webkit-transition: height 1s,top 1s;
-moz-transition: height 1s,top 1s;
-ms-transition: height 1s,top 1s;
-o-transition: height 1s,top 1s;
transition: height 1s,top 1s
}
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
opacity: 0;
-webkit-transition: opacity 1s ease 1s;
-moz-transition: opacity 1s ease 1s;
-ms-transition: opacity 1s ease 1s;
-o-transition: opacity 1s ease 1s;
transition: opacity 1s ease 1s
}
.video-js.vjs-live .vjs-live-control {
margin-left: 1em
}
.video-js .vjs-big-play-button {
top: 50%;
left: 50%;
margin-left: -1em;
margin-top: -1em;
width: 2em;
height: 2em;
line-height: 2em;
border: none;
border-radius: 50%;
font-size: 3.5em;
background-color: rgba(0,0,0,.45);
color: var(--text_white_color);
-webkit-transition: border-color .4s,outline .4s,background-color .4s;
-moz-transition: border-color .4s,outline .4s,background-color .4s;
-ms-transition: border-color .4s,outline .4s,background-color .4s;
-o-transition: border-color .4s,outline .4s,background-color .4s;
transition: border-color .4s,outline .4s,background-color .4s
}
.video-js .vjs-menu-button-popup .vjs-menu {
left: -3em
}
.vjs-audio-button.vjs-menu-button-popup .vjs-menu ,
.vjs-subtitles-button.vjs-menu-button-popup .vjs-menu {
left: -80px;
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: transparent;
width: 12em;
left: -1.5em;
padding-bottom: .5em
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
background-color: #151b17;
margin: .3em 0;
padding: .5em;
border-radius: .3em
}
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
background-color: #2483D5
}
.video-js .vjs-big-play-button {
background-color: rgba(0,0,0,0);
font-size: 7.5em;
border-radius: 0%;
height: 2em !important;
line-height: 2em !important;
margin-top: -1em !important
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:active {
background-color: rgba(0,0,0,0)
}
.video-js .vjs-loading-spinner {
border-color: rgba(255,255,255,0.09)
}
.video-js .vjs-control-bar2 {
background-color: var(--background_dark-black_bg_color);
}
.video-js .vjs-control-bar {
background-color: rgba(0,0,0,0.5) !important;
color: var(--text_white_color);
font-size: 14px
}
.video-js .vjs-play-progress,.video-js .vjs-volume-level {
background-color: var(--background_white_bg_color);
}
.video-js button:focus {
outline: none !important;
}
/* ===================================== */
/*===== Movie Single Page =====*/
/* ===================================== */
.full-movie-dtl-main-block {
position: relative;
z-index: 3;
margin-bottom: 50px;
}
.full-movie-dtl-block-custom {
position: relative;
}
@media (min-width: 992px) and (max-width: 1400px) {
.full-movie-dtl-block-custom {
margin-top: 480px;
}
}
@media (min-width: 1400px) and (max-width: 2200px) {
.full-movie-dtl-block-custom {
margin-top: 805px;
}
}
.full-movie-dtl-block-custom #full-movie-name,
.full-movie-dtl-block-custom .imdb-ratings-block li {
text-shadow: 2px 3px 4px rgba(0,0,0,0.7);
color: #CCC;
}
.full-movie-dtl-block-custom #full-movie-name {
color: var(--text_white_color);
}
.full-movie-dtl-main-block .container-fluid {
padding: 0 3%;
}
@media (min-width: 1400px) {
.full-movie-dtl-main-block .container-fluid {
padding: 0 !important;
}
}
.big-main-poster-block .overlay-bg {
height: 100%;
opacity: 0;
background: -moz-linear-gradient(0deg, rgba(17,17,17,0.97) 20%, transparent 100%);
background: -webkit-linear-gradient(0deg, rgba(17,17,17,0.97) 20%, transparent 100%);
background: -o-linear-gradient(0deg, rgba(17,17,17,0.97) 20%, transparent 100%);
background: -ms-linear-gradient(0deg, rgba(17,17,17,0.97) 20%, transparent 100%);
background: linear-gradient(0deg, rgba(17, 17,17,0.97) 20%, transparent 100%);
transition: none;
}
.full-movie-dtl-main-block .section-heading {
margin-bottom: 18px;
}
.full-movie-dtl-block {
margin-bottom: 20px;
}
.full-movie-dtl-block .section-heading {
text-transform: capitalize;
font-size: 33px;
letter-spacing: 1px;
font-weight: 500;
-webkit-transition: all 0.1s ease;
-ms-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
transition: all 0.1s ease;
color: var(--text_blue_color);
}
.imdb-ratings-block {
margin-bottom: 20px;
}
.imdb-ratings-block ul li {
display: inline-block;
margin-left: 15px;
font-size: 14px;
color: var(--text_white_color);
}
.full-movie-dtl-block p {
font-size: 14px;
letter-spacing: 0.2px;
padding-left: 50px;
}
.casting-headers {
vertical-align: top;
display: inline-block;
margin-left: 15px;
}
.casting-dtl {
vertical-align: top;
display: inline-block;
}
.casting-headers li {
font-size: 12px;
font-weight: 700;
color: var(--text_white_color);
}
.casting-dtl li {
font-size: 17px;
font-weight: 500;
color: #999;
}
.full-movie-dtl-main-block .col-md-5 {
position: relative;
}
.full-movie-dtl-main-block .poster-thumbnail-block {
position: absolute;
margin-top: 35%;
transform: translateY(-50%);
left: 0;
}
#poster-thumbnail {
opacity: 0;
}
.full-movie-dtl-main-block .poster-thumbnail-block img {
height: 310px;
border-radius:.625em;
}
.screen-play-btn-block {
margin: 15px 0;
}
.screen-play-btn-block a {
display: inline-block;
margin-left: 9px;
}
.screen-play-btn-block .btn-default {
/* margin-top: 11px; */
margin-top: -4px;
/* border-radius: .625em;*/
border-radius: 4px;
}
.full-movie-dtl-main-block .btn-play {
margin-left: 30px;
margin-bottom: 10px;
}
.terms-line {
font-size: 16px;
color: var(--text_light_grey_color);
}
.additional-details-main-block {
position: relative;
z-index: 3;
}
.additional-details-main-block .container-fluid {
padding: 0;
margin: 0 3%;
padding-bottom: 48px;
border-bottom: 1px solid #444;
}
.additional-details-main-block {
margin: 40px 0 48px;
}
.additional-details-main-block .section-heading {
margin-bottom: 20px;
font-weight: 500;
}
.additional-details-main-block .casting-headers {
vertical-align: top;
}
.additional-details-main-block .casting-dtl {
vertical-align: top;
width: 80%;
}
.movie-series-section {
z-index: 3;
position: relative;
padding: 10px 0 20px;
}
.movie-series-section.search-section .movie-series-des-list li {
color: var(--text_white_color);
}
/*.movie-series-section.search-section .col-sm-3 {
margin-right: 20px;
}
.movie-series-section .col-sm-3 {
width: 20%;
}*/
.movie-series-section.search-section .movie-series-heading {
margin-bottom: 15px;
font-size: 18px;
}
.movie-series-section.search-section .movie-series-des-list li {
font-size: 15px;
margin-left: 10px;
}
.movie-series-heading {
margin-bottom: 13px;
}
/*.movie-series-block:first-child {
border-top: 1px solid #444;
}*/
.movie-series-block {
border: 1px solid rgba(177, 177, 177, 0);
background: rgba(177, 177, 177, 0.2);
padding: 0 0 0 20px;
border-radius: 10px;
margin-bottom: 30px;
}
.movie-series-img img {
border-radius: 0 10px 10px 0;
width: 100%;
}
.movie-series-block p {
margin-top: 10px;
}
.movie-series-des-list {
margin-bottom: 12px;
}
.movie-series-des-list li:first-child {
margin-left: 0;
}
.movie-series-des-list li {
display: inline-block;
color: var(--text_light_grey_color);
font-size: 16px;
margin: 0 6px;
letter-spacing: 0.4px;
}
.movie-series-block p {
font-size: 14px;
letter-spacing: 0.2px;
color: var(--text_light_grey_color);
line-height: 1.4;
}
@media(max-width: 767px) {
.full-movie-dtl-main-block .poster-thumbnail-block {
position: relative;
margin: 30px auto 0;
transform: none;
right: auto;
}
.poster-thumbnail-block {
right: auto!important;
}
.full-movie-dtl-main-block .btn-play {
margin-right: 10px;
}
.additional-details-main-block {
margin-bottom: 0;
}
.screen-play-btn-block .btn-default {
padding: 6px 4px;
border-radius: 4px;
}
.screen-play-btn-block .btn-play .play-btn-icon {
width: 50px;
height: 50px;
line-height: 50px;
}
.movie-series-block .col-sm-7.pad-0 {
padding: 0 20px;
}
.movie-series-block .col-sm-3 {
display: none;
}
.movie-series-heading.movie-series-name {
padding-top: 0 !important;
}
}
@media(max-width: 767px) {
.protip-container {
display: none !important;
}
}
/* ============= Full Detail Main Block ================ */
.main-wrapper-single-movie-prime {
padding-top: 50px;
overflow: hidden;
}
.background-main-poster-overlay {
/*position: absolute;
top: 0;
right: 0;
width: 100%;
height: 640px;
overflow: hidden;*/
}
.background-main-poster {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
left:0;
}
.main-wrapper-single-movie-prime .overlay-bg {
height: 100%;
z-index: 2;
background: -moz-linear-gradient(0deg, #111 5%, transparent 65%);
background: -webkit-linear-gradient(0deg, #111 5%, transparent 65%);
background: -o-linear-gradient(0deg, #111 5%, transparent 65%);
background: -ms-linear-gradient(0deg, #111 5%, transparent 65%);
background: linear-gradient(0deg, #111 5%, transparent 65%);
opacity: 1;
}
.main-wrapper-single-movie-prime .overlay-bg.gredient-overlay-right {
width: 50%;
background: -moz-linear-gradient(90deg, #111 38%, transparent 100%);
background: -webkit-linear-gradient(90deg, #111 38%, transparent 100%);
background: -o-linear-gradient(90deg, #111 38%, transparent 100%);
background: -ms-linear-gradient(90deg, #111 38%, transparent 100%);
background: linear-gradient(90deg, #111 38%, transparent 100%);
opacity: 1;
}
/* ================================================ */
/*===== User Account And Settings =====*/
/* ================================================ */
.main-wrapper.user-account-section {
padding: 30px 0;
color: #000;
background-color: #F2F2F2;
}
.user-account-section .heading {
color: var(--text_white_color);
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
}
.user-account-section ul.bradcump li,
.user-account-section ul.bradcump li a {
color: var(--text_white_color);
}
.user-account-section ul.bradcump li,
.user-account-section ul.bradcump li a:hover {
color: var(--text_white_color);
}
.user-account-section .heading a {
color: #000;
}
.panel-setting-main-block {/*
background-color: var(--background_white_bg_color);
border: 1px solid #CCC;
border-radius: 4px;*/
}
.panel-subscribe{
background: linear-gradient(90deg, #000 40%, transparent 60%) !important;
border: 1px solid #000 !important;
}
.panel-setting {
padding: 0;
margin-bottom: 20px;
border-bottom: 1px solid #CCC;
}
.panel-setting:last-child {
border: none;
}
.panel-setting-heading {
color: #000;
margin-bottom: 10px;
font-size: 17px;
}
.panel-setting p {
color: #000;
font-size: 15px;
letter-spacing: 0.2px;
}
.panel-setting-btn-block {
margin-top: 15px;
}
.btn-setting {
background-color: #EDEDED;
color: #000;
padding: 10px 10px;
text-transform: capitalize;
font-size: 16px;
font-weight: 400;
word-spacing: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0 1px #CCC;
-moz-box-shadow: inset 0 0 0 1px #CCC;
-ms-box-shadow: inset 0 0 0 1px #CCC;
-o-box-shadow: inset 0 0 0 1px #CCC;
box-shadow: inset 0 0 0 1px #CCC;
outline: none;
border: none;
}
.btn-setting:hover {
color: #000;
background-color: #CCC;
}
.btn-setting i {
margin-left: 5px;
}
/* ==================================== */
/*===== Edit Profile =====*/
/* ==================================== */
.edit-profile-main-block {
padding: 50px;
}
.edit-profile-block {
padding: 0 60px;
}
.edit-profile-main-block form {
margin: 20px 0;
}
/* ===================================== */
/*===== Purchase Plan =====*/
/* ===================================== */
.plan-block-dtl {
margin: 50px 0 30px;
}
.main-home-section-plans .plan-dtl-heading {
margin-bottom: 0 !important;
}
.main-home-section-plans .main-plan-section {
/* box-shadow: 0 2px 10px -1px rgba(0,0,0,0.2); */
margin-bottom: 20px;
/*border: 2px solid var(--blue_border_color);*/
}
.plan-dtl-heading {
font-weight: 500;
padding-bottom: 20px;
border-bottom: 1px solid #444;
font-size: 38px;
margin-bottom: 30px;
color: var(--text_white_color);
}
.plan-dtl-sub-heading {
font-size: 25px;
font-weight: 400;
margin-bottom: 15px;
color: var(--text_white_color);
text-align: center;
}
.plan-block-dtl ul {
margin-right: 17px;
list-style-type: square;
}
.plan-block-dtl ul li {
color: var(--text_white_color);
font-size: 18px;
letter-spacing: 0.5px;
}
.snip1404 {
display: flex;
justify-content: center;
color: var(--text_white_color);
text-align: left;
font-size: 16px;
width: 100%;
margin: 50px 0;
}
@media (max-width: 767px) {
.snip1404 {
margin: 0;
display: block;
justify-content: inherit;
}
.main-plan-section {
margin-bottom: 20px;
}
}
.snip1404 .plan {
margin: 0;
width: 25%;
margin: 0 20px;
margin-bottom: 20px;
position: relative;
float: left;
overflow: hidden;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
background-color: var(--background_white_bg_color);
}
.snip1404 .plan:hover i,
.snip1404 .plan.hover i {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.snip1404 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.snip1404 header {
color: var(--text_white_color);
background-color: var(--background_black_bg_color);
}
.snip1404 .plan-title {
background-color: var(--blue_bg_color);
position: relative;
margin: 0;
padding: 20px 20px 0;
text-transform: uppercase;
letter-spacing: 4px;
width: auto;
height: 250px;
}
.blog-recent-detail{
width: auto;
padding-top: 20px;
}
.plan-recent-title h1{
margin-bottom: 25px;
}
.main-plan-text{
font-size: 18px;
}
.recent-img{
width: 80px;
height: 50px;
object-fit: cover;
margin-right: 15px;
}
.plan-home-title {
background-color: var(--blue_bg_color);
position: relative;
margin: 0;
padding: 20px 20px 0;
text-align: right;
text-transform: uppercase;
letter-spacing: 4px;
}
.plan-home-title:after {
position: absolute;
content: '';
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 280px 40px 0;
border-color: transparent var(--blue_border_color);
}
.snip1404 .plan-title:after {
position: absolute;
content: '';
top: 100%;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 40px 300px 0 0;
border-color: var(--blue_border_color) transparent transparent;
}
.snip1404 .plan-cost {
padding: 40px 20px 10px;
text-align: left;
}
.snip1404 .plan-price {
font-weight: 600;
font-size: 3em;
color: var(--text_white_color);
}
.snip1404 .plan-type {
opacity: 0.8;
font-size: 0.7em;
text-transform: uppercase;
color: var(--text_white_color);
}
.snip1404 .plan-features {
padding: 0 0 20px;
margin: 0;
list-style: outside none none;
background: var(--background_black_bg_color);
}
.snip1404 .plan-features li {
padding: 7px 5%;
font-size: 15px;
color: var(--text_white_color);
letter-spacing: 0.4px;
clear: both;
text-align: right;
}
.snip1404 .plan-features i {
margin-left: 10px;
margin-top: 5px;
height: 20px;
float: right;
color: var(--text_white_color);
}
.snip1404 .plan-select {
padding: 30px;
text-align: center;
/* background-color: var(--background_black_bg_color); */
}
.snip1404 .plan-select a {
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 4px;
display: inline-block;
}
.snip1404 .plan-select a:hover {
background-color: var(--blue_bg_color);
color: var(--text_white_color);
}
.snip1404 .featured {
margin-top: -10px;
border-color: transparent;
box-shadow: 0 0 25px rgba(0,0,0,0.4);
z-index: 1;
border-radius: 8px;
}
.snip1404 .featured .plan-select {
padding: 30px 20px;
}
@media (min-width: 767px) and (max-width: 1366px) {
.background-main-poster {
height: 66%;
}
}
@media only screen and (max-width: 767px) {
.snip1404 .plan {
width: 40%;
}
.snip1404 .plan-title,
.snip1404 .plan-select a {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.snip1404 .plan-select,
.snip1404 .featured .plan-select {
padding: 20px;
}
.snip1404 .featured {
margin-top: 0;
}
}
@media only screen and (max-width: 440px) {
.snip1404 .plan {
width: 100%;
}
}
/* ===================================== */
/*===== Subscribe Page =====*/
/* ===================================== */
.StripeElement {
background-color: var(--background_white_bg_color);
height: 40px;
padding: 10px 12px;
border-radius: 4px;
border: 1px solid transparent;
box-shadow: 0 1px 3px 0 #E6EBF1;
-webkit-transition: box-shadow 150ms ease;
-moz-transition: box-shadow 150ms ease;
-ms-transition: box-shadow 150ms ease;
-o-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #CFD7DF;
}
.StripeElement--invalid {
border-color: #FA755A;
}
.StripeElement--webkit-autofill {
background-color: #FEFDE5 !important;
}
.stripe-content label {
font-size: 17px;
color: #444;
margin-bottom: 10px;
}
.stripe-content .form-group .form-control::-webkit-input-placeholder {
color: #aab7c4 !important;
font-size: 16px;
}
#card-element,
.stripe-content .form-group .form-control {
margin-bottom: 20px;
border: none;
box-shadow: none;
background-color: #F1F1F1;
border-radius: 3px;
}
.stripe-content .form-group .form-control {
padding: 20px 10px;
}
.payment-btn {
/* position: relative;
background-color: var(--blue_bg_color);
outline: none;
box-shadow: none;
border: none;
color: var(--text_white_color);
font-size: 16px;
padding: 8px 30px;
text-transform: uppercase;
margin-bottom: 50px;
border-radius: 3px;*/
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
}
.payment-btn.load {
padding-left: 60px;
background-color: #649B44;
}
.payment-btn .fa {
display: none;
position: absolute;
top: 30%;
left: 10%;
font-size: 18px;
margin-right: 10px;
animation: spin 0.45s infinite;
}
.payment-btn.load .fa {
display: initial;
}
@keyframes spin {
from {
transform: scaleX(1) scale(1);
filter: FlipH;
-ms-filter: "FlipH";
}
to {
transform: scaleX(-1) scale(1.5);
filter: FlipH;
-ms-filter: "FlipH";
}
}
/* ===================================== */
/*===== Watchlist page =====*/
/* ===================================== */
.watchlist-section {
margin-top: 40px;
}
.watchlist-img{
border-radius: .625em;
position: relative;
}
.watchlist-heading {
font-weight: 600;
font-size: 16px;
margin-bottom: 17px;
}
.watchlist-btn-block {
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: 1px solid #444;
}
.watchlist-btn-block a {
float: right;
padding: 10px 0;
font-size: 16px;
letter-spacing: 0.4px;
color: #ccc;
margin-left: 15px;
}
.watchlist-btn-block a.active {
color: var(--text_white_color);
}
.watchlist-btn-block a:hover {
color: var(--text_white_color);
}
.watchlist-block {
float: right;
width: 15%;
margin: 0 15px 10px;
}
.watchlist-block input.remove-btn {
padding: 0;
background-color: transparent;
border: none;
color: var(--text_blue_color);
font-size: 14.5px;
margin-top: 5px;
outline: none;
letter-spacing: 0.3px;
}
.watchlist-block input.remove-btn:focus {
outline: none;
}
/* ============================================= */
/*===== Login And Register Page =====*/
/* ============================================= */
[type="submit"] {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.sign-up-main-block {
width: 100%;
height: 100%;
position: relative;
border-radius: 0.1875rem;
-webkit-box-shadow: 0px 0.1875rem 0.4375rem rgba(0,0,0,0.25);
box-shadow: 0px 0.1875rem 0.4375rem rgba(0, 0, 0, 0.25);
}
.signup__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.76);
}
.container__child {
color: var(--text_white_color);
width: 100%;
height: 100%;
}
.signup__thumbnail {
/* position: relative;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 588px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;*/
position: relative;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 688px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}
.sign-in-main-block .signup__thumbnail {
height: 588px;
}
.thumbnail__logo,
.thumbnail__content,
.thumbnail__links {
position: relative;
z-index: 2;
}
.thumbnail__logo {
-ms-flex-item-align: start;
-self: flex-start;
left: 0;
right: 0;
margin: 0 auto;
}
.thumbnail__logo img {/*
filter: grayscale(70%);*/
/*width: 120px;*/
width: 250px;
}
.logo__shape {
fill: #FFF;
}
.logo__text {
display: inline-block;
font-size: .8rem;
font-weight: 700;
vertical-align: bottom;
}
.thumbnail__content {
width: 100%;
height: 38%;
}
.heading--primary {
font-size: 34px;
font-weight: 300;
margin-bottom: 10px;
}
.heading--primary span {
font-size: 26px;
display: inline-block;
margin-bottom: 10px;
}
.heading--secondary {
font-size: 26px;
font-weight: 300;
}
.thumbnail__links {
-ms-flex-item-align: end;
align-self: flex-end;
width: 100%;
}
.thumbnail__links a {
font-size: 1rem;
color: var(--text_white_color);
}
.thumbnail__links a:focus, .thumbnail__links a:hover {
color: rgba(255,255,255,0.5);
}
.signup__form {
padding: 2.5rem;
padding-top: 35px;
background: #FAFAFA;
height: 688px;
}
.sign-in-main-block .signup__form {
height: 588px;
}
.signup__form label {
font-size: 14px;
text-transform: uppercase;
color: rgba(0,0,0,0.3);
font-weight: 400;
margin-bottom: 10px;
}
.signup__form .form-group {
margin-bottom: 30px;
}
.signup__form .form-group ::-webkit-input-placeholder {
color: rgba(0,0,0,0.3);
}
.signup__form .form-control {
background-color: transparent;
border-top: 0;
border-right: 0;
border-left: 0;
border-radius: 0;
font-size: 16px;
padding-bottom: 17px;
border-color: #CCC;
}
.signup__form .form-control:focus {
border-color: var(--text_black_color);
}
.signup__form [type="text"] {
color: var(--text_black_color);
}
.signup__form [type="password"] {
color: var(--text_black_color);
}
.btn--form {
padding: .5rem 2.5rem;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color: var(--text_white_color);
background: var(--background_black_bg_color);
border-radius: 2.1875rem;
}
.btn--form-login {
width: 100%;
padding: 8px 0;
margin-bottom: 8px;
}
.btn--form:focus, .btn--form:hover {
background: #444;
color: var(--text_white_color);
}
.fb-btn {
background-color: #3B5998;
}
.fb-btn:hover,
.fb-btn:focus,
.fb-btn:active {
background-color: #3B5998;
}
.social-login i {
padding-right: 5px;
}
.gplus-btn {
background-color: #DB4A39;
}
.gplus-btn:hover,
.gplus-btn:focus,
.gplus-btn:active {
background-color: #DB4A39;
}
.signup__link {
margin-top: 4px;
font-size: 12px;
font-weight: 600;
color: #999;
float: right;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.signup__link:focus,
.signup__link:hover {
color: #787878;
text-decoration: underline;
}
.sign-in-main-block .signup__form {
padding-top: 80px;
}
@media(min-width: 1400px) and (max-width: 2200px) {
.signup__container {
margin-top: 140px;
}
}
/* ===================================== */
/*===== Slider =====*/
/* ===================================== */
.special {
position: relative;
}
.tp-tab-mask {
overflow: initial!important;
}
.ares .tp-tab {
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-caption {
background-color: #222;
padding: 20px 25px;
width: 450px;
height: 150px;
text-transform: uppercase;
font-size: 40px;
color: var(--text_white_color);
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
z-index: 9999;
}
#main-slider {
position: relative!important;
}
.ares .tp-tab {
border-color: #333;
padding: 15px;
}
.ares .tp-tab-image {
width:80px;
height:80px;
}
.ares .tp-tab-title {
color: var(--text_white_color);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.ares .tp-tab:hover,
.ares .tp-tab.selected {
background: #191919;
}
.ares .tp-tab.selected {
width: 300px!important;
}
.ares .tp-tab-content {
padding-left: 110px;
}
.metis.tparrows {
background: #333;
border: 1px solid rgba(31,31,31,0.5);
padding: 10px;
width: 50px;
height: 50px;
}
.metis.tparrows:hover {
background: #222;
}
.metis.tparrows:before {
color: var(--text_white_color);
}
.metis.tparrows:hover:before {
transform:scale(1.2);
}
.tparrows {
visibility: inherit!important;
}
.tparrows:before {
font-size:14px;
line-height: 30px;
}
.carousel-control.left {
left: -5%;
background: transparent;
}
.carousel-control.right {
right: -104%;
background: transparent;
}
#myCarousel .left span,
#myCarousel .right span {
border: 1px solid var(--blue_border_color);
color: var(--text_blue_color);
background: var(--background_dark-black_bg_color);
border-radius: 50%;
line-height: 2.3;
font-size: 20px;
height: 50px;
width: 50px;
}
.carousel-control {
position: relative;
top: -230px;
}
@media(max-width:992px){
.rev_slider_wrapper {
padding: 0!important;
}
.carousel-control.left ,
.carousel-control.right {
display: none;
}
}
/* ===================================== */
/*===== Home Inner Slider =====*/
/* ===================================== */
.home-inner-slider {
position: relative;
}
.home-inner-slider .owl-dots {
position: absolute;
width: 1%;
top: 50%;
transform: translateY(-50%);
right: 2%;
text-align: right;
}
.home-inner-slider .owl-dot {
display: inline-block;
width: 13px;
height: 13px;
margin-right: 7px;
border: 0;
border-radius: 100%;
box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
background: var(--background_white_bg_color);
opacity: 0.5;
}
.home-inner-slider .owl-dot:hover,
.home-inner-slider .owl-dot.active {
border: 0;
background: var(--background_white_bg_color);
opacity: 1;
}
.slider-dtl {
position: absolute;
top: 30%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -12%);
text-align: center;
}
.slider-heading {
max-width: 600px;
}
.slider-subheading {
font-size: 18px;
color: rgba(255,255,255,0.7);
font-style: italic;
max-width: 500px;
margin: 25px auto 30px;
position: relative;
}
.slider-block {
position: relative;
}
.slider-block .overlay-bg {
background-color: rgba(0,0,0,0.6);
}
@media(max-width: 768px){
.slider-heading {
max-width: 400px;
font-size: 30px;
}
.slider-subheading {
font-size: 14px;
max-width: 350px;
margin-top: 10px;
}
.slider-dtl {
position: absolute;
top: 50%;
}
}
/* ================================ */
/*===== User Profile =====*/
/* ================================ */
.edit-profile-block .info {
color: var(--text_grey_color);
}
.edit-profile-block label {
color: var(--text_grey_color);
font-weight: 500;
}
.edit-profile-block .form-group {
margin-bottom: 25px;
}
.edit-profile-block .form-control {
border: none;
background-color: #F1F1F1;
padding: 20px 10px;
}
.panel-setting .info {
vertical-align: middle;
color: var(--text_grey_color);
margin-top: 24px;
}
.panel-setting-main-block .plan-dtl-heading {
font-size: 25px;
border: none;
color: var(--text_white_color);
}
.billing-history-main-block {
padding-bottom: 30px;
}
/* =========================== */
/*===== Faq Page =====*/
/* =========================== */
.faq-main-block .fa {
/* font-size: 60px; */
color: #CCC;
/* margin-left: 30%; */
}
.faq-main-block .panel-setting-heading {
font-size: 23px;
color: #444;
}
.faq-main-block div.info p {
color: rgba(0,0,0,0.6);
}
.billing-history-main-block ::-webkit-scrollbar-track {
border-radius: 0;
}
.billing-history-main-block ::-webkit-scrollbar {
width: 3px;
background-color: transparent;
border-radius: 0;
}
.billing-history-main-block ::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--background_black_bg_color);
height: 20px;
border-radius: 1px;
}
/* ============================================ */
/*===== Session Popup Css =====*/
/* ============================================ */
.rgba-green-strong {
background-color: rgba(76,175,80,0.85) !important;
}
.rgba-cyan-strong {
background-color: rgba(0,188,212,0.85) !important;
}
.rgba-red-strong {
background-color: rgba(244,67,54,0.85) !important;
}
.z-depth-2 {
box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
.sessionmodal {
opacity: 0;
visibility: hidden;
position: fixed;
top: 30px;
right: 30px;
z-index: 99999;
transform: translateY(-200px);
border-radius: 2px;
padding: 15px 24px;
-webkit-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
transition-delay: 0.6s;
}
.sessionmodal .fa {
display: inline-block;
margin-right: 10px;
font-size: 20px;
vertical-align: middle;
margin-top: -5px;
color: var(--text_white_color);
}
.sessionmodal.active {
opacity: 0.96;
transform: translateY(0);
visibility: visible;
}
.appointment-session {
background-color: #0891FF;
border: none;
}
.sessionmodal p {
color: var(--text_white_color);
letter-spacing: 1.3px;
font-size: 16px;
display: inline-block;
line-height: 1;
}
/*=========== Videojs Share ========*/
.vjs-modal-dialog {
width: 400px !important;
background-color: rgba(0,0,0,0.8) !important;
height: 250px !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%,-50%) !important;
}
.vjs-share__title {
margin-bottom: 15px !important;
font-size: 20px !important;
}
.vjs-share__short-link-wrapper {
margin-bottom: 20px !important;
}
.vjs-share__subtitle {
font-size: 14px !important;
margin-bottom: 3px !important;
}
.vjs-share__short-link {
width: 74% !important;
background-color: rgba(255,255,255,0.4) !important;
outline: none !important;
box-shadow: none !important;
border: none !important;
padding: 5px !important;
margin-right: 5px !important;
display: inline-block !important;
max-width: 100% !important;
}
.vjs-share__btn {
display: inline-block !important;
}
.hide-visible {
visibility: hidden !important;
}
.vjs-resolution-button .vjs-menu-content {
transform: translateX(-55%);
}
.vjs-resolution-button-label,
.vjs-audio-button-label,
.vjs-subtitles-button-label {
line-height: 2.8;
font-size: 15px;
font-weight: 600;
}
.vjs-icon-play,
.video-js .vjs-big-play-button,
.video-js .vjs-play-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
content: "\f101"
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing:before {
content: "\f103"
}
.vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.3em !important;
}
.video-js .vjs-play-control {
cursor: pointer;
-webkit-box-flex: none;
-moz-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 21px;
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
content: "\f104";
position: relative;
top: 26%;
left: -35%;
font-size: 21px;
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
content: "\f106";
position: relative;
top: 26%;
left: -35%;
font-size: 21px;
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
content: "\f106";
position: relative;
top: 26%;
left: -35%;
font-size: 21px;
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
content: "\f107";
position: relative;
top: 26%;
left: -35%;
font-size: 21px;
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
font-size: 22px;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control:before {
content: "\f108"
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\f109"
}
/* ============================= */
/*===== Preloader =====*/
/* ============================= */
.loading .logo {
text-align: center;
position: relative;
top: 45%;
transform: translateY(-50%);
}
.loading .logo img {
margin: auto;
width: 280px;
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--background_dark-black_bg_color);
z-index: 9999999;
}
.loading-text {
position: relative;
text-align: center;
top: 40%;
transform: translateY(-40%);
}
.loading-text span {
display: inline-block;
margin: 0 5px;
color: var(--text_white_color);
font-size: 18px;
}
.loading-text span:nth-child(1) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 0s infinite linear alternate;
animation: blur-text 1.5s 0s infinite linear alternate;
}
.loading-text span:nth-child(2) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 0.2s infinite linear alternate;
animation: blur-text 1.5s 0.2s infinite linear alternate;
}
.loading-text span:nth-child(3) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 0.4s infinite linear alternate;
animation: blur-text 1.5s 0.4s infinite linear alternate;
}
.loading-text span:nth-child(4) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 0.6s infinite linear alternate;
animation: blur-text 1.5s 0.6s infinite linear alternate;
}
.loading-text span:nth-child(5) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 0.8s infinite linear alternate;
animation: blur-text 1.5s 0.8s infinite linear alternate;
}
.loading-text span:nth-child(6) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 1s infinite linear alternate;
animation: blur-text 1.5s 1s infinite linear alternate;
}
.loading-text span:nth-child(7) {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-animation: blur-text 1.5s 1.2s infinite linear alternate;
animation: blur-text 1.5s 1.2s infinite linear alternate;
}
@-webkit-keyframes blur-text {
0% {
-webkit-filter: blur(0);
filter: blur(0);
color: var(--text_white_color);
}
100% {
-webkit-filter: blur(4px);
filter: blur(4px);
color: var(--text_blue_color);
}
}
@keyframes blur-text {
0% {
-webkit-filter: blur(0);
filter: blur(0);
color: var(--text_white_color);
}
100% {
-webkit-filter: blur(4px);
filter: blur(4px);
color: var(--text_blue_color);
}
}
.container-fluid.movie-series-section {/*
padding: inherit;*/
margin-bottom: 30px !important;
}
ul.bradcump {
margin-bottom: 30px;
}
ul.bradcump li {
display: inline-block;
padding-right: 5px;
}
ul.bradcump li a {
color: #000;
}
ul.bradcump li a:hover {
color: var(--text_blue_color);
}
.contact_text{
color: var(--text_light_grey_color);
}
.us_text{
color: var(--text_blue_color);
}
a.see-more {
border: 2px solid var(--see-more_border_color);
padding: 1px 10px;
border-radius: 5px;
font-size: 12px;
text-transform: capitalize;
color: var(--text_light_grey_color);
opacity: 0.5;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a.see-more:hover {
border: 2px solid var(--blue_border_color);
color: var(--text_blue_color);
opacity: 1;
}
.genre-prime-block .section-heading {
margin-bottom: 25px;
display: inline-block;
margin-left: 25px;
font-size: 18px;
}
#ageModal{
margin-top: 100px;
}
.modal-title{
color: black;
}
.modal-body label{
color: black;
}
#ageWarningModal{
margin-top: 100px;
}
/***************** For Blog Comments ******************************/
.comment{
margin-bottom: 35px;
}
.author-image{
width:50px;
height:50px;
border-radius:50%;
float:right;
}
.author-name{
float: right;
margin: 5px;
margin-right: 15px;
}
.author-name>h4{
margin: 5px 0px;
}
.author-time{
font-size: 11px;
font-style: italic;
color:#aaa;
}
.comment-content{
clear: both;
margin-left: 65px;
font-size:16px;
line-height: 1.3em;
color:white;
}
.actor_image{
border-radius: 20px;
}
/* ================================ */
/* ====== reponsive - block ====== */
/* ================================ */
.owl-stage {
transform: translate3d(-150px, 0px, 0px);
}
.manage-profile-btn {
margin-top: 30px;
}
.col-md-offset-5 {
margin-left: 0;
text-align: center;
}
.btm-20 {
margin-bottom: 20px;
}
.manage-profile-block img {
width: 100%;
border-radius: 100%;
}
@media (min-width: 740px) and (max-width: 1024px) {
.login-panel-main-block {
float: none;
text-align: left;
}
#ex4 {
font-size: 10px;
/* margin-left: 8px; */
color: var(--text_white_color);
}
#ex4 .p1[data-count]:after {
right: 0;
left: 314%;
font-size: 67%;
}
.navigation {
padding-top: 8px;
}
.snip1404 {
margin: 30px 0;
}
.main-plan-section {
/* height: 410px; */
}
.panel-setting {
padding: 15px 20px;
}
.panel-setting .info {
margin-top: 15px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.navigation {
height: auto;
padding-bottom: 10px;
}
#wishlistelement .genre-slide-image {
margin-bottom: 17px;
/* width: 179px;
height: 280px;
padding-right: 30px; */
}
.view-all-block .genre-slide-image{
margin-bottom: 17px;
}
.genre-grid{
width: auto;
height: auto;
padding-right: 30px;
}
.genre-image{
width: 254px;
height: 280px;
padding-right: 20px;
}
.genre-paddin-top {
margin-top: 0px;
}
#cssmenu > ul > li > a {
padding: 12px 6px 3px;
margin-left: -3px;
font-size: 15px;
font-weight: 600;
}
#cssmenu > ul > li > a:active{
color: var(--text_light_blue_color);
}
.fa-2x,
.prime-dropdown .btn .fa-globe {
font-size: 15px;
}
.prime-dropdown {
margin-right: 0;
}
.prime-search-block input {
width: 194px;
padding: 5px 0 5px 10px;
}
}
@media (max-width: 576px) {
.navigation {
height: auto !important;
padding-bottom: 5px;
}
.genre-slide-image {
height: auto!important;
width: auto!important;
}
.genre-slide img{
height: 292px!important;
width: 200px!important;
}
.genre-prime-block{
overflow: hidden !important;
}
.navigation{
overflow: hidden !important;
}
.navbar{
overflow: hidden;
}
.genre-dtl-block p{
margin-bottom: 30px;
}
.genre-prime-block-one {
padding-top: 0px;
}
.prime-search-block button {
top: 41%;
}
.navigation .sign-in-block {
margin-right: 5px;
float: none;
}
.prime-dropdown {
color: var(--text_white_color);
}
.prime-dropdown .caret-one {
margin-top: 8px;
}
.genre-prime-block .section-heading {
margin-right: 0;
font-size: 16px;
}
.slider-height-dtl h1 {
font-size: 20px;
margin-bottom: 5px;
}
.des-btn-block.des-in-list a.btn-play {
margin-left: 10px !important;
}
.genre-prime-slider.owl-carousel.owl-loaded.owl-drag {
margin-top: 20px;
}
.nav-logo {
padding-left: 7px;
}
.panel-setting .info {
margin-top: 15px;
}
.main-wrapper.user-account-section {
padding: 40px 0 40px;
}
.manage-profile h2 {
font-size: 35px;
}
.manage-profile img {
object-fit: scale-down;
width: 100%;
}
.home-out-section .btn-prime {
width: 130px;
}
}
@media (min-width: 490px) and (max-width: 573px) {
.prime-search-block input {
width: 464px;
margin-bottom: 6px;
}
.prime-dropdown {
margin: 0 0 0 18px;
}
}
@media (max-width: 450px) {
.prime-search-block input {
width: 331px;
margin-bottom: 6px;
}
#cssmenu,
.nav-logo {
padding-top: 0;
}
.nav-logo img {
width: 50%;
}
.prime-search-block input {
padding: 6px 0 6px 15px;
}
.fa-stack-1x {
font-size: 17px !important;
}
.login-panel-main-block #ex4 .p1[data-count]::after {
right: 17px;
top: 15px;
font-size: 8px;
padding: 2px 4px;
}
.navigation {
height: auto!important;
}
}
.imageblog img{
/* object-fit: scale-down; */
height: 250px;
width: 100%;
}
.blog-card{
color: var(--text_white_color);
}
.remember{
color: black;
}
.promotion{
position: relative;
right: 25px;
color: #48B3c6;
font-size: 20px;
}
input.razorpay-payment-button {
/*color: var(--text_white_color);
background-color: #48B3c6;
padding: 10px 80px;
font-weight: 600;
font-size: 15px;
border: 1px solid transparent;
border-radius: 5px*/
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
}
/*.genre-top-slider{
margin-top:-190px;
}*/
.modal {
text-align: center;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
.detail-multiple-link{
color:white;
}
.screen2{
text-align: center;
height: 30px;
border-radius: 64px;
}
.comment-delete-heading{
color:#000;
}
.comment-delete-detail{
color:#000;
}
@media screen (min-width: 292px) and (max-width: 992px){
.dropdown-menu .prime-dropdown-menu{
left:10px;
}
}
@media (max-width: 992px) {
.btn-danger {
margin-bottom: 10px;
}
.nav-logo img {
max-width: unset;
margin: 0 auto;
}
.des-in-list.des-btn-block a.btn-default {
vertical-align: top;
margin-top: 13px;
}
.des-btn-block.des-in-list {
display: -webkit-inline-box;
}
.search-section {
padding-top: 0 !important;
}
.full-movie-dtl-main-block .play-btn-icon i {
line-height: 53px;
}
.poster-thumbnail-block {
display: none;
}
}
@media (max-width: 767px) {
.view-all-block {
padding-top: 40px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.login-panel-main-block li {
float: none;
}
.prime-search-block {
margin-left: 25px;
}
}
@media (max-width: 576px) {
.view-all-block {
padding-top: 0;
}
}
@media (max-width: 450px) {
.view-all-block {
padding-top: 0;
}
.main-wrapper {
padding-top: 0;
}
.full-movie-dtl-main-block {
padding-top: 25px;
}
}
.nav-tabs>li>a {
border-bottom: 3px solid transparent;
font-size: 15px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: var(--text_white_color);
font-size: 15px;
cursor: default;
background-color: transparent;
border: 1px solid transparent;
border-bottom: 3px solid #DDD;
}
.nav>li>a:focus,
.nav>li>a:hover {
font-size: 15px;
background: transparent;
border-color: transparent;
}
.tab-content h4 {
font-size: 17px;
text-align: right;
}
.tab-content .glyphicon-comment {
font-size: 24px;
vertical-align: middle;
}
.rating-container .rating-stars {
margin-top: -10px;
}
.rating-container .star {
font-size: 17px;
}
/*-------------------------------*/
/* search */
/*-------------------------------*/
@media (max-width:991px){
#find {
position: fixed !important;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
background: var(--background_black_bg_color) !important;
z-index: 999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#find.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
#find input[type="find"] {
/* position: absolute;
top: 50%;
left: 0;
right: 0;
width: 100%;
color: rgb(255, 255, 255);
background: rgba(0, 0, 0, 0);
font-size: 20px;
font-weight: 300;
border: 0px;
margin: 0px auto;
outline: none;
width: 600px;
text-align: center; */
position: fixed;
width: 100%;
color: #f7f7f7;
background:rgba(34,34,34,.85);
font-size: 20px !important;
font-weight: 300;
border: 0px;
padding-left: 0px !important;
outline: none;
height: 50px !important;
}
.themesearch{
background: rgba(34,34,34,.85) !important;
}
.searcharrow{
padding:15px;
height:50px !important;
border: none;
color: var(--text_white_color);
opacity: 0.7;
display: inline-block !important;
}
#find .btn {
position: absolute;
top: 10% !important;
left: 0%;
right: 0;
margin: 0 auto;
color: var(--text_white_color);
background: var(--blue_bg_color);
}
#find .close {
position: fixed;
top: 10px !important;
right: 20px !important;
color: var(--text_white_color);
opacity: 0.7;
font-size: 27px !important;
z-index: 9999;
}
.smallscreen-search-block {
position: absolute;
z-index: 99999;
right: 30px;
top: -40px;
}
}
@media (max-width: 767px) {
#find input[type="find"] {
/* left: 10%; */
}
}
@media (max-width: 576px) {
#find input[type="find"] {
/* left: 0; */
}
}
@media (max-width: 450px) {
#find input[type="find"] {
/* left: -115px; */
}
}
.allgenre{
width :100% !important;
height:150px !important;
border-radius: 50%;
}
.allgenretitle{
padding-top: 55px;
font-size: 20px;
font-weight: 700;
color: white;
overflow-wrap: break-word;
justify-content: center;
}
.img-tag {/*
color: var(--text_white_color);
background: red;
width: 45px;
height: 45px;
text-transform: uppercase;
border-radius: 100%;
text-align: center;
padding: 5px 0;
font-weight: 900;*/
z-index: 99999;
position: absolute;
top: 2px;
right: 2px;
font-size: 13px;
}
/* ================================ */
/* ====== reponsive - block ====== */
/* ================================ */
@media (max-width: 576px) {
a.see-more {
font-size: 10px;
margin-right: 5px;
}
.slider-image img{
height: 185px;
}
.home-out-section .section-heading {
font-size: 18px;
margin-bottom: 10px;
}
.home-out-section .section-dtl {
font-size: 12px;
}
.home-out-section .btn-prime {
padding: 5px 0;
font-size: 13px;
}
.plan-block-dtl {
margin: 30px 0 15px;
}
.plan-block-dtl ul li {
font-size: 15px;
}
.panel-setting-main-block .plan-dtl-heading {
font-size: 22px;
}
.snip1404 .plan-price {
font-size: 30px;
}
h4 {
font-size: 20px;
}
.snip1404 .plan-features {
padding: 0;
}
/*.cus_img .genre-slide-image a img {
margin-top: 20px;
}*/
.prime-footer-main-block .logo img {
width: inherit;
max-width: 100%;
}
.genre-prime-block {
padding-bottom: 0;
}
.watchlist-btn-block a {
font-size: 13px;
}
.watchlist-img{
border-radius: .625em;
}
.watchlist-block {
width: 40%;
}
.watchhistory_remove {
margin-left: 48px !important;
}
.prime-dropdown.open .prime-dropdown-menu {
background-color: transparent;
}
.small-screen-navigation ul li:hover a {
color: var(--text_white_color);
font-size: 17px;
}
.signup__thumbnail {
display: none;
}
}
@media (max-width: 991px) {
.watchlist-section {
margin-top: 20px;
}
.modal-dialog {
margin: 100px 0;
}
.text-primary {
color: var(--text_blue_color);
}
.tabs-left>li {
top: 23px !important;
}
.actor_detail {
border-radius: 100% !important;
object-fit: cover;
}
.fa-stack-1x {
font-style: normal;
margin-left: 2px;
}
#ex4 .p1[data-count]:after{
display: none;
}
#ex4 .p1[data-count]:after {
right: 0;
left: 169%;
top: 16%;
}
#cssmenu #menu-button {
display: none;
}
.main-wrapper-single-movie-prime .overlay-bg {
height: 670px;
opacity: 1;
}
.main-wrapper-single-movie-prime .overlay-bg.gredient-overlay-right {
opacity: 1;
width: 100%;
}
.play-icon {
text-align: center;
}
.blog-recent-detail{
margin-top: 20px;
}
.smallscreen-detail-block .btn-play .play-text {
display: block;
color: #F7F7F7;
padding: 10px 0 0;
}
.smallscreen-detail-block .section-heading {
font-size: 22px;
margin-bottom: 10px;
}
.imdb-ratings-block {
margin-bottom: 2px;
}
.smallscreen-detail-block .img-detail {
padding: 30px 20px 0;
}
.casting-headers {
margin-right: 0;
}
.smallscreen-detail-block .more .morelink {
left: 0;
right: 0;
position: absolute;
text-align: center;
color: var(--text_white_color);
font-size: 14px;
}
.screen-play-btn-block {
/* border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;*/
padding-bottom: 12px;
/* text-align: center;*/
padding-top: 15px;
}
.full-movie-dtl-main-block {
margin-bottom: 20px;
}
/* .small-screen-navigation ul li:hover a {
border-bottom: 1px solid #FFF;
color: var(--text_white_color);
}*/
.small-screen-navigation ul li .active {
padding-bottom: 9px;
}
.small-screen-navigation {
font-size: 18px;
}
.small-screen-navigation ul {
padding: 0 20px;
margin: 5px 0 10px;
}
.small-screen-navigation ul li a {
margin-right: 5px;
}
.full-movie-dtl-main-block .poster-thumbnail-block {
display: none;
}
/*-------------------------------*/
/* side navigation humburger */
/*-------------------------------*/
/*-------------------------------*/
/* side navigation */
/*-------------------------------*/
html { height: 100%;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: transparent;}
/*-------------------------------*/
/* Wrappers */
/*-------------------------------*/
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper .wrapper-heading {
padding: 20px 20px 0;
font-size: 20px;
}
#wrapper.toggled {
padding-left: 220px;
}
#sidebar-wrapper {
z-index: 99999;
left: 220px;
width: 0;
height: 100%;
margin-left: -220px;
overflow-y: auto;
overflow-x: hidden;
box-shadow: 0 0 15px #FFF;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar {
display: none;
}
#wrapper.toggled #sidebar-wrapper {
width: 220px;
}
#page-content-wrapper {
width: 100%;
padding-top: 70px;
}
#wrapper.toggled #sidebar-wrapper #wishlistelement{
width: 220px;
}
#wrapper.toggled #wishlistelement{
padding-left: 220px;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -220px;
}
/*-------------------------------*/
/* Sidebar nav styles */
/*-------------------------------*/
.sidebar-nav {
position: absolute;
top: 80px;
width: 220px;
margin: 0;
padding: 0 10px;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
}
.sidebar-nav li:before {
content: '';
position: absolute;
height: 100%;
z-index: -1;
background-color: var(--blue_bg_color);
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li a {
font-size: 17px;
padding: 10px 15px 10px 10px;
color: var(--text_white_color);
}
.sidebar-nav li a.active {
/* background-color: rgba(255, 255, 255, 0.5); */
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: var(--text_white_color);
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #222;
box-shadow: none;
}
/*-------------------------------*/
/* Hamburger-Cross */
/*-------------------------------*/
.hamburger {
position: fixed;
/* top: 22px; */
top: 20px;
z-index: 9999;
display: block;
width: 28px;
height: 28px;
margin-left: 18px;
background: transparent;
border: none;
color: var(--text_light_grey_color);
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
outline: none;
}
.hamburger.is-closed:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: var(--text_white_color);
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
position: absolute;
left: 0;
height: 2px;
width: 100%;
}
.hamburger.is-closed .hamb-top {
top: 5px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
bottom: 7px;
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
background-color: var(--background_white_bg_color);
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
top: 50%;
margin-top: -2px;
}
.hamburger.is-open .hamb-top {
-webkit-transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
-webkit-transform: rotate(-45deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
content: '';
display: block;
width: 100px;
font-size: 14px;
color: var(--text_white_color);
line-height: 32px;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0,0,0);
-webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
opacity: 1;
display: block;
-webkit-transform: translate3d(-100px,0,0);
-webkit-transition: all .35s ease-in-out;
}
button.hamburger.is-open {
margin-left: -41px;
z-index: 999999;
width: 19px;
}
.hamburger .is-open .hamb-middle {
margin-top: 3px;
}
.smallscreen-search-block {
position: absolute;
z-index: 99999;
right: 30px;
top: -40px;
}
#wrapper .prime-search-block {
position: fixed;
/* right: 5px;*/
right: 15px;
z-index: 99999;
/*top: 34px;*/
top:12px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.smallscreen-search-block {
top: 9px;
}
.watchhistory_remove {
margin-left: 97px !important;
}
.watchlist-block .watchhistory_remove{
margin-left: 34px !important;
}
.movie-series-section.search-section .col-sm-3 {
padding: 17px 0px;
margin-right: 20px;
}
.nav-logo img {
width: 125%;
margin-left: 51px;
}
.hamburger {
top: 16px;
}
.contact-main-block {
margin-top: -20px;
}
.smallscreen-block .morecontent {
color: #7F7F7F;
}
}
@media (min-width: 992px) {
#wrapper,
.smallscreen-block,
.small-screen-navigation {
display: none;
}
}
/* common */
.ribbon {
width: 150px;
height: 150px;
overflow: hidden;
position: absolute;
}
.ribbon span {
position: absolute;
width: 174px;
padding: 4px 0;
background-color: red;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: var(--text_white_color);
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
font-weight: 900;
}
/* top right*/
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right span {
left: -109px;
top: 8px;
transform: rotate(45deg);
}
.ribbon .green {
background-color: green;
}
.ribbon .orange {
background-color: orange;
top: 15px;
}
.arrow-right {
transition: all 0.2s ease-in-out;
width: 0;
height: 0;
font-size: 28px;
color: var(--text_white_color);
position: absolute;
top: 0;
left: 0;
border-right: transparent 30px solid;
border-top: red 30px solid;
border-left: red 30px solid;
border-bottom: transparent 30px solid;
}
.arrow-right span {
position: relative;
color: var(--text_white_color);
font-size: 16px;
left: -25px;
top: -39px;
transform: rotate(20deg);
text-shadow: 2px 2px #000;
}
.share-modal {
background: rgba(0, 0, 0, 0.7) !important;
}
.share-modal .modal-header {
background-color: var(--blue_bg_color) !important;
}
.share-modal .close {
font-size: 21px;
font-weight: 700;
opacity: 1 !important;
text-shadow: 0 1px 0 #000;
border: 0;
}
.share-modal .close:focus {
border: 0;
}
.actor_detail{
border-radius: 100% !important;
object-fit: cover;
}
.watchhistory_remove{
position: absolute;
top: -5px;
left: 38px;
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--watchhistory_remove_bg_color);
border: none;
margin-right: 86px;
margin-bottom: 20px;
margin-top: 15px;
color: var(--text_white_color);
}
.watchhistory_remove i {
font-size: 10px;
}
.float{
position:fixed;
width:60px;
height:60px;
bottom:100px;
right:25px;
background-color:#25d366;
color: var(--text_white_color);
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
.fa-whatsapp:before{
color:white;
}
.fa-ghs:before{
content:"\20B5";
}
.tabs-left {
border-bottom: none;
border-left: 1px solid #ddd;
}
.tabs-left>li {
float: none;
margin:0px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
border-bottom-color: #ddd;
border-right-color: transparent;
/*background:#48A3C6;*/
background: linear-gradient(90deg, #000 40%, #48A3C6 60%);
border:none;
border-radius:0px;
margin:0px;
}
.nav-tabs>li>a:hover {
/* margin-right: 2px; */
line-height: 1.42857143;
border: 1px solid transparent;
/* border-radius: 4px 4px 0 0; */
}
.tabs-left>li.active>a::after{content: "";
position: absolute;
top: 10px;
left: -10px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid var(--blue_border_color);
display: block;
width: 0;
}
.package_information{
border: 2px solid #F2F2F2;
/*border-radius: .265em;*/
box-shadow: 2px 4px 2px 4px #F2F2F2;
}
.payment-title{
color: var(--text_blue_color) !important;
font-weight: 700;
}
.protected-feild{
color: var(--text_blue_color);
background: var(--background_black_bg_color);
border: none;
}
.purchase-sticky{
position: sticky;
top: 0%;
width: 100%;
background-color: var(--blue_bg_color);
color: white;
padding: 0px;
text-align: center;
z-index:999;
}
.panel-purchase{
background-color: var(--background_black_bg_color) !important;
}
.blog-card {
max-width: 550px;
width:100%;
height: 350px;
font-family: 'Roboto', sans-serif;
color: var(--text_white_color);
right: 0;
left: 0;
margin: 0 0;
overflow: hidden;
border-radius: 0px;
box-shadow: 0px 10px 20px -9px rgba(0, 0, 0, 0.5);
text-align: center;
transition:all 0.4s;
background-size: 100%;
}
.blog-card a{
color: var(--text_white_color);
text-decoration:none;
transition:all 0.2s
}
.blog-card .color-overlay {
background: rgba(64, 84, 94,0.5);
width: 550px;
height: 500px;
position: absolute;
z-index: 10;
top: 0;
left: 0;
transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.blog-card .gradient-overlay {
background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.6) 21%);
width: 550px;
height: 500px;
position: absolute;
top: 350px;
left: 0;
z-index: 15;
}
.blog-card:hover{
box-shadow: 0px 18px 20px -9px rgba(0, 10, 30, 0.75);
}
.blog-card:hover .card-info {
opacity: 1;
bottom: 100px;
}
.blog-card:hover .color-overlay {
background: rgba(64, 64, 70,0.8);
}
.blog-card:hover .title-content{
margin-top: 40px;
}
.blog-card:hover .intro{
display: none;
}
.title-content {
text-align: center;
margin: 150px 0 0 0;
position: absolute;
z-index: 20;
width: 100%;
top: 0;
left: 0;
transition:all 0.6s
}
.blog-card:hover h3:after{
animation: changeLetter 0.3s 1 linear;
width:80%
}
.blog-card h3,h1 {
font-size: 1.9em;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Roboto', sans-serif;
margin-bottom: 0;
display:inline-block;
}
.blog-card h3 a{
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
transition:all 0.2s
}
.blog-card h3 a:hover{
text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.95);
}
.blog-heading::after {
content: " ";
display: block;
width: 10%;
height: 2px;
margin: 20px auto;
border: 0;
background:var(--blue_bg_color);
transition:all 0.2s;
/* display: none; */
}
h1.recent-heading{
position: relative;
}
.recent-heading::after{
content: " ";
display: block;
width: 10%;
height: 2px;
margin: 20px auto;
border: 0;
background:var(--blue_bg_color);
transition:all 0.2s;
}
.blog-recent-detail:hover .recent-heading:after {
animation: changeLetter 0.3s 1 linear;
width: 80%;
}
.blog-btn{
padding: 9px !important;
width: 150px !important;
height: 40px !important;
}
@keyframes changeLetter {
0% {
width: 10%;
}
100% {
width: 80%;
}
}
.intro {
width: 170px;
margin: 0 auto;
color: #ddd;
font-style: italic;
line-height: 18px;
overflow: hidden !important;
}
.intro a{
color: #ddd;
}
.intro a:hover{
text-decoration:underline;
}
.card-info {
box-sizing: border-box;
padding: 0;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
top: -25px;
margin: 0 auto;
padding: 100px 30px;
font-style: 16px;
line-height: 24px;
z-index: 20;
opacity: 0;
transition: bottom 0.64s, opacity 0.63s cubic-bezier(0.33, 0.66, 0.66, 1);
}
.card-info a{
display:block;
width:100px;
margin:15px auto;
background:var(--background_white_bg_color);
color:#444;
padding:3px 10px;
border-radius:7px;
font-size:0.8em
}
.card-info a:hover{
background:var(--blue_bg_color);
color: var(--text_white_color);
}
.card-info a:hover span{
filter: brightness(10);
opacity:1
}
.licon{
position:relative;
width:23px;
height:15px;
display:inline-block;
vertical-align:middle;
}
.licon:before{
content:"";
background:url(https://rawcdn.githack.com/Nodws/NodPen/ffad95aa5244b4b09a3c7c1508a018959bbedb7e/postItem/licons.svg?) -2px -6px no-repeat;
background-size:250px;
width:26px;
height:20px;
display:inline-block;
vertical-align:middle;
position:absolute;
top:-3px;
left:0;
}
.icon-black{
filter: brightness(0);
opacity:0.6
}
@media (max-width:500px){
.blog-card{
margin-bottom: 20px;
}
.blog-card h3{
font-size:1.3em
}
.intro{
font-size:0.8em
}
}
.blog-detail img{
width: 100%;
height: 350px;
object-fit: cover;
}
.blog-card {
border-radius: 10px;
background-color: var(--background_white_bg_color);
box-shadow: 2px 4px 8px 0 rgba(0, 0, 0, 0.2),
-1px -1px 10px 0 rgba(0, 0, 0, 0.2);
/* width: 300px; */
/*margin: 2vh;*/
position: relative;
background-repeat: no-repeat;
background-size: cover;
}
.header {
background-color: #5A80B4;
text-align: center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.category {
margin: 0;
padding: 1vw;
color: var(--text_white_color);
font-size: 1em;
font-family: 'M PLUS Rounded 1c', sans-serif;
text-transform: uppercase;
}
.picture-wrapper {
height: 30vh;
width: 100%;
background-image: url(http://www.bghtechpartner.com/wp-content/uploads/2016/12/buenosaires-puerto-madero.jpg);
background-size: cover;
}
.text-wrapper {
font-family: sans-serif;
color: #000;
}
.title {
font-size: 1.25em;
padding: 6vh 4vh 2vh 4vh;
color: #000;
}
.author {
font-size: 0.75em;
padding-left: 4vh;
font-style: italic;
color: #000;
}
.text {
font-size: 1em;
padding: 4vh 4vh;
color: #000;
}
.hover {
font-size: 1.5625em;
}
@media screen and (min-width: 700px) {
.blog-card {
/* width: 600px; */
}
/*.blog-home{
margin-left: 50px;
}*/
.content {
display: flex;
flex-direction: row;
}
.picture-wrapper {
height: auto;
width: 360%;
border-bottom-left-radius: 10px;
}
.title {
padding-right: 10vh;
}
}
/*.search-btn{
margin-bottom: 45px !important;
}*/
.item{
height: 100% !important;
width: 100% !important;
padding: 0;
margin: 0;
}
.item .content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
color: #f1f1f1;
width: 100%;
padding: 20px;
height: auto;
top: 0px;
text-align: center;
border-radius: .625em;
}
.item .content .content-heading{
margin-top: 27px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
}
.protected{
color: var(--text_white_color);
}
.fa-stack-1x{
font-size: 18px;
}
.genreview{
height:114px !important;
object-fit: cover;
}
#find {
position: fixed !important;
top: 0px;
left: 0px;
width: 100% !important;
height: 100% !important;
background: var(--background_black_bg_color) !important;
z-index: 999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#find.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
#find input[type="find"] {
position: fixed;
width: 100%;
color: #f7f7f7;
background:rgba(34,34,34,.85);
font-size: 24px;
padding-left: 40px;
font-weight: 300;
border: 0px;
outline: none;
height: 130px;
}
.themesearch{
background: rgba(34,34,34,.85) !important;
}
.searcharrow{
padding: 18px 15px;
height:130px;
border: none;
color: var(--text_white_color);
opacity: 0.7;
display: none;
}
#find .btn {
position: absolute;
top: 25%;
left: 0%;
padding: 9px 50px 9px 50px;
right: 0;
margin: 0 auto;
color: var(--text_white_color);
background: var(--blue_bg_color);
}
#find .close {
position: fixed;
top: 35px;
right: 40px;
color: var(--text_white_color);
opacity: 0.7;
font-size: 60px;
z-index: 9999;
}
.smallscreen-search-block {
position: absolute;
z-index: 99999;
right: 30px;
top: -40px;
}
.watchlist-block .watchhistory_remove {
bottom: 65%;
margin-right: 8%;
margin-bottom: 0;
margin-top: 0;
top: inherit;
left: inherit;
}
.login-panel-main-block.small-screen-block {
position: absolute;
background-image: none;
}
.prime-search-block .fa {
left: 0;
top: 0;
transform: none;
}
.slider-height-dtl h1 {
margin-bottom: 20px;
}
.search {
position: relative;
float: left;
width: 150px;
height: 0;
margin-top: -18px;
margin-right: -50px;
z-index: 100000;
}
.search .search-input-wrap {
position: absolute;
right: 60px;
height: 60px;
width: 0;
overflow: hidden;
-webkit-transition: width 200ms;
-moz-transition: width 200ms;
transition: width 200ms;
}
.search.search-open .search-input-wrap {
width: 278px;
transition: all 0.4s ease-out;
}
.search input[type="submit"].search-submit {
width: 50px;
height: 50px;
display: block;
position: absolute;
line-height: 60px;
text-align: center;
cursor: pointer;
opacity: 1;
}
.search .icon {
width: 53px;
cursor: pointer;
}
.search .fa.fa-search {
font-size: 20px;
padding: 14px 15px 12px;
z-index: 90;
}
.search .icon {
padding: 15px;
}
.search .icon i:hover {
color: var(--text_white_color);
}
.search.search-open .icon {
padding: 15px ;
}
.search.search-open .flaticon-search {
pointer-events: none;
z-index: 1;
}
.search input[type="submit"].search-submit {
background: transparent;
color: transparent;
box-shadow: none;
border: none;
padding: 0;
border-radius: 0;
outline: none;
z-index: -1;
}
.search.search-open input[type="submit"].search-submit {
background: rgba(34, 34, 34, 0.85);
}
.search input[type="text"].search-input {
border: none;
outline: none;
opacity: 0;
font: 18px;
background: rgba(34, 34, 34, 0.85);
width: 278px;
height: 50px;
margin: 0;
padding: 2px 15px;
}
.search.search-open input[type="text"].search-input {
opacity: 1;
}
.search form#searchform {
margin-left: 90px;
}
/*.search .search-one form#searchform {
margin-left: 10px;
}
.search .search-one .search-input-wrap {
right: 138px;
}*/
.sign-in-block .btn {
padding: 4px 8px;
}
.language-switch-block span.caret.caret-one {
margin-right: -2px;
}
.tab-content .fade {
opacity: 1;
}
.main-wrapper.user-account-section {
background-color: var(--background_black_bg_color);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background-color: inherit;
font-size: 18px;
}
.nav-pills>li>a {
font-size: 18px;
}
.nav>li>a:focus, .nav>li>a:hover {
font-size: 15px;
}
.user-account-section .nav>li>a:focus,
.user-account-section .nav>li>a:hover {
font-size: 18px;
}
.edit-profile-main-block {
padding: 50px 0;
}
.edit-profile-block {
padding: 0 20px;
margin-bottom: 80px;
}
.edit-profile-block .panel-setting-heading {
color: var(--text_white_color);
font-size: 20px;
}
.edit-profile-block .form-group i {
color: var(--text_grey_color);
margin-left: 5px;
}
.container {
width: 100%;
}
.billing-history-block .table tr {
color: var(--text_grey_color);
}
.panel-setting-main-block.billing-history-main-block {
padding: 50px 20px;
}
.membership-block {
padding: 50px 0;
}
.membership-block h4 {
font-size: 20px;
margin-bottom: 10px;
}
.membership-block .info {
color: var(--text_grey_color);
margin-bottom: 20px;
}
.membership-sub {
color: var(--text_white_color);
font-weight: 500;
font-size: 20px;
margin-bottom: 20px;
}
.btn-success {
background-color: var(--blue_bg_color);
border-color: var(--text_blue_color);
}
.btn-success:hover {
background-color: var(--text_light_blue_color);
border-color: var(--text_light_blue_color);
}
.btn-success:active:hover {
background-color: var(--text_light_blue_color);
border-color: var(--text_light_blue_color);
}
.table>thead>tr>th {
text-align: right;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
margin-left: 0;
}
.small-screen-navigation {
display: none;
}
.promotion {
text-align: right !important;
right: 0;
top: 20px;
}
.edit-profile-block .btn-prime,
.membership-block .btn-prime {
background-color: var(--background_black_bg_color) !important;
border: 3px solid var(--btn-prime_border_color) !important;
color: var(--text_white_color) !important;
text-decoration: none !important;
padding: 12px 20px !important;
font-size: 0.75em !important;
font-weight: 600 !important;
border-radius: 20px !important;
text-transform: uppercase !important;
letter-spacing: 4px !important;
display: inline-block !important;
}
.edit-profile-block .btn-prime:hover,
.membership-block .btn-prime:hover {
background-color: var(--btn-prime_bg_color) !important;
color: var(--text_white_color) !important;
}
@media (max-width: 767px) {
.plan-home-title:after {
border-width: 0 280px 40px 0;
}
.slider-height-dtl {
padding: 15px 20px;
}
.genre-prime-slider.owl-carousel .owl-item {
margin-left: 20px;
/*width: 100px !important;*/
}
.full-movie-dtl-block {
margin-left: 0;
}
.full-movie-dtl-block p {
padding-right: 5px;
}
.screen-casting-dtl {
margin-left: 20px;
}
.full-movie-dtl-main-block .btn-play {
margin-right: 0;
margin-left: 90px;
}
.full-movie-dtl-block .form-control {
width: 50% !important;
}
.watchhistory_remove {
top: 0;
left: 20px;
}
.watchlist-block .watchhistory_remove {
margin-top: -61%;
bottom: inherit;
margin-left: 27% !important;
margin-right: 16%;
}
.panel-setting-btn-block {
text-align: left !important;
}
.edit-profile-main-block {
padding: 50px 0;
}
.edit-profile-block {
padding: 0 20px;
margin-bottom: 60px;
}
.search {
margin-top: -15px;
margin-right: -20px;
}
.search.search-open .navigation {
padding-bottom: 50px;
}
.user-img {
margin-bottom: 40px;
}
#exTab1 {
padding-left: 0;
padding-right: 0;
}
.nav>li>a {
padding: 10px 6px;
}
.small-screen-navigation {
display: block;
}
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
background-color: var(--background_black_bg_color);
overflow-x: hidden;
transition: 0.5s;
padding-top: 20px;
}
.sidenav .wrapper-heading {
margin-right: 20px;
}
.sidenav a {
padding: 8px 8px 8px 0;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 2px;
left: 25px;
font-size: 36px;
margin-right: 50px;
color: var(--text_white_color);
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.movie-series-filter-section {
font-family: 'Roboto', sans-serif;
}
.search-section .container {
width: 1170px;
}
.movie-series-filter-block .filter-header {
font-family: 'Roboto', sans-serif;
display: block;
color: var(--text_white_color);
font-size: 18px;
font-weight: 600;
/* letter-spacing: 2px;*/
margin-bottom: 15px;
/* text-transform: uppercase;*/
}
.movie-series-filter-block select.form-select {
font-family: 'Roboto', sans-serif;
width: 100%;
background-color: inherit;
padding: 12px;
font-size: 13px;
border-color: var(--text_light_grey_color);
border-radius: 5px;
color: var(--text_light_grey_color);
margin-bottom: 5px;
}
.movie-series-filter-block {
font-family: 'Roboto', sans-serif;
border-bottom: 1px solid var(--light-grey_border_color);
padding-bottom: 15px;
}
.movie-series-image {
margin-bottom: 20px;
}
.movie-series-image img {
border-radius: 5px;
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
font-family: 'Roboto', sans-serif;
border-radius: 50%;
}
.switch {
font-family: 'Roboto', sans-serif;
position: relative;
display: inline-block;
width: 40px;
height: 11px;
top: 5px;
margin-left: 10px;
}
.switch input {
font-family: 'Roboto', sans-serif;
opacity: 0;
width: 0;
height: 0;
}
.slider {
font-family: 'Roboto', sans-serif;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--text_light_grey_color);
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
font-family: 'Roboto', sans-serif;
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 0;
top: -3px;
background-color: var(--background_white_bg_color);
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: var(--blue_bg_color);
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.movie-series-filter-block.toggle-switch {
font-family: 'Roboto', sans-serif;
margin-top: 20px;
}
.movie-series-filter-block.toggle-switch .form-check-label {
font-family: 'Roboto', sans-serif;
color: var(--text_white_color);
font-size: 14px;
font-weight: 500;
}
.movie-series-filter-block.genre-filter {
font-family: 'Roboto', sans-serif;
margin-top: 20px;
}
.genre-filter .form-check-input {
font-family: 'Roboto', sans-serif;
position: absolute;
opacity: 0;
z-index: 9999;
}
.genre-filter .form-check-input + label {
font-family: 'Roboto', sans-serif;
position: relative;
cursor: pointer;
padding: 0;
font-size: 13px;
color: var(--text_white_color);
font-weight: 400;
margin-bottom: 20px;
}
.genre-filter .form-check-input + label:before {
font-family: 'Roboto', sans-serif;
content: "";
margin-left: 20px;
display: inline-block;
vertical-align: text-top;
width: 16px;
height: 16px;
background: inherit;
border: 2px solid var(--light-grey_border_color);
}
.genre-filter .form-check-input:checked + label:before {
background: var(--blue_bg_color);
border: 2px solid var(--blue_border_color);
}
.genre-filter .form-check-input:checked + label:after {
content: "";
position: absolute;
left: 3px;
top: 9px;
background: var(--background_white_bg_color);
width: 2px;
height: 2px;
box-shadow: 2px 0 0 #FFF, 4px 0 0 #FFF, 4px -2px 0 #FFF, 4px -4px 0 #FFF, 4px -6px 0 #FFF, 4px -8px 0 #FFF;
transform: rotate(45deg);
}
.ui-range-slider {
padding: 20px 0 40px;
}
.pslider input#amount:focus {
outline: inherit;
}
.ui-slider {
position: relative;
width: 90%;
left: 10px;
top: 5px;
height: 4px;
border: 0;
text-align: left;
background: var(--light-blue_bg_color);
}
.ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
top: -8px;
border-radius: 30%;
background: var(--background_black_bg_color);
border: 7px solid #444;
outline: none;
}
.ui-slider .ui-slider-range {
font-size: .7em;
border: 0;
background: var(--blue_bg_color);
}
.movie-series-filter-block.language {
font-family: 'Roboto', sans-serif;
margin-top: 20px;
}
.movie-series-filter-block.age-ratings {
font-family: 'Roboto', sans-serif;
padding: 20px 0 60px;
}
.movie-series-filter-block.age-ratings ul li {
font-family: 'Roboto', sans-serif;
display: inline-block;
float: left;
border: 1px solid var(--light-grey_border_color);
padding: 5px 10px;
}
.movie-series-filter-block.age-ratings ul li a {
font-family: 'Roboto', sans-serif;
color: var(--text_white_color);
}
.movie-series-filter-block.age-ratings ul li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.movie-series-filter-block.age-ratings ul li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.reset-filter-block {
font-family: 'Roboto', sans-serif;
padding: 20px 0;
}
.reset-filter-block .btn-primary {
font-family: 'Roboto', sans-serif;
width: 100%;
font-size: 14px;
background-color: inherit;
border: 1px solid var(--light-grey_border_color);
}
.reset-filter-block .btn-primary.active.focus,
.reset-filter-block .btn-primary.active:focus,
.reset-filter-block .btn-primary.active:hover,
.reset-filter-block .btn-primary:active.focus,
.reset-filter-block .btn-primary:active:focus,
.reset-filter-block .btn-primary:active:hover {
background-color: inherit;
border-color: var(--text_light_grey_color);
}
.movie-series-header-block .movie-series-heading {
font-family: 'Roboto', sans-serif;
margin-bottom: 30px;
font-size: 18px;
font-weight: 600;
}
.movie-series-header-block .btn-primary {
font-family: 'Roboto', sans-serif;
background-color: inherit;
border: 1px solid var(--light-grey_border_color);
font-size: 12px;
margin-top: -5px;
}
.movie-series-header-block .btn-primary i {
margin-left: 10px;
font-size: 8px;
}
.movie-series-header-block .btn-primary.active.focus,
.movie-series-header-block .btn-primary.active:focus,
.movie-series-header-block .btn-primary.active:hover,
.movie-series-header-block .btn-primary:active.focus,
.movie-series-header-block .btn-primary:active:focus,
.movie-series-header-block .btn-primary:active:hover {
background-color: inherit;
border-color: var(--text_light_grey_color);
}
.movie-series-image img {
width: 100%;
}
.small-screen-sidebar {
display: none;
}
.small-screen-sidebar .movie-series-sidebar {
display: none;
}
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 66px;
right: 0;
background-color: var(--background_black_bg_color);
border-top: 1px solid var(--light-grey_border_color);
overflow-x: hidden;
transition: 0.5s;
padding-top: 30px;
padding-bottom: 200px;
}
.sidebar .closebtn {
position: absolute;
top: -10px;
color: var(--text_light_grey_color);
right: 15px;
font-size: 36px;
margin-left: 50px;
}
.openbtn {
font-size: 20px;
cursor: pointer;
background-color: inherit;
color: white;
border: none;
margin-left: 35px;
margin-top: -18px;
}
.openbtn:hover {
background-color: #444;
}
#main {
transition: margin-left .5s;
position: relative;
top: 25px;
z-index: 99;
right: 21%;
}
/*@media screen and (max-height: 450px) {
.sidebar {padding-top: 15px;}
.sidebar a {font-size: 18px;}
}*/
.movie-series-heading {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.movie-series-image img {
width: inherit;
}
.movie-series-sidebar {
display: none;
}
.small-screen-sidebar {
display: block;
}
.small-screen-sidebar .movie-series-sidebar {
display: block;
margin: 0 20px;
}
.movie-series-header-block .btn-primary {
display: none;
}
.movie-series-header-block .movie-series-heading {
margin-bottom: 20px;
}
.imdb-ratings-block ul li {
margin-right: 8px;
margin-bottom: 10px;
}
.movie-series-section {
margin-bottom: 0;
}
.full-movie-dtl-main-block .btn-play {
margin-bottom: 25px;
}
.des-btn-block.des-in-list a.btn-play {
margin-left: 30px !important;
}
.des-btn-block.des-in-list a.btn-default {
padding: 11px 6px;
}
.movie-single-play-btn {
margin-left: 20px;
}
#big-main-poster-block {
top: 65px !important;
}
.full-movie-dtl-block-custom {
margin-bottom: 80px;
}
.full-movie-dtl-block-custom p {
color: var(--text_white_color);
}
.full-movie-dtl-block-custom .casting-headers li {
color: var(--text_white_color);
}
.full-movie-dtl-block-custom .btn-play .play-text {
color: var(--text_white_color);
}
.full-movie-dtl-block-custom .screen-play-btn-block {
margin-left: 20px;
}
.home-two a.see-more {
font-size: 12px;
float: none;
margin-right: 0;
margin-top: 0;
}
.home-two .genre-dtl-block p {
margin-bottom: 15px;
}
.home-two .genre-dtl-block {
margin-bottom: 20px;
}
.genre-two .genre-dtl-block .section-heading {
font-size: 26px;
}
}
.faq-main-block .heading {
color: var(--text_white_color);
}
.faq-main-block ul.bradcump li,
.faq-main-block ul.bradcump li a {
color: var(--text_white_color);
}
.view-all-block .cus_img .genre-slide-image a img {
margin-bottom: 0;
}
.protected .btn-primary {
background-color: var(--blue_bg_color);
border-color: var(--text_blue_color);
}
.genre-two .genre-slide-image {
margin-bottom: 20px;
}
.home-two .genre-main-block {
margin-bottom: 40px;
}
.btn-primary {
background-color: var(--blue_bg_color);
border-color: var(--text_blue_color);
}
.genre-slide-image img.img-responsive.owl-lazy {
width: 171px !important;
height: 233px !important;
object-fit: cover;
}
.movie-series-image img {
width: 171px;
height: 233px;
}
.terms-main-block div.info p {
color: var(--text_white_color);
}
.panel-setting-main-block .table>tbody>tr>th,
.panel-setting-main-block .table>tbody>tr>td {
color: var(--text_white_color);
}
.panel-setting-main-block .heading a {
color: var(--text_white_color);
}
.braintree-heading {
color: var(--text_white_color);
}
.payment-btn {
margin-top: 20px;
}
.searchbar {
position: relative;
top: 5px;
left: 24px;
}
.searchbar.clicked .btn-extended {
width: 400px;
padding: 10px 40px 15px 10px;
opacity: 1;
color: var(--text_light_grey_color);
background: rgba(0, 0, 0, 0.8);
}
.searchbar .btn-search {
position: relative;
right: 50%;
top: 50%;
margin-right: 15px;
margin-top: 2px;
font-weight: 400;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.searchbar .btn-search i {
font-size: 16px;
}
.searchbar .btn-extended {
position: absolute;
width: 0px;
height: 52px;
right: 60%;
margin-left: 0;
top: 50%;
margin-top: -28px;
padding: 0;
font-size: 16px;
border: none;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.searchbar .btn-extended:focus {
outline-width: 0px;
}
.protected-heading {
font-size: 18px;
font-weight: 600;
}
.watchlist-section p {
font-size: 13px;
margin-bottom: 30px;
}
.table.table-bordered.protected tr th {
font-size: 15px;
font-weight: 600;
text-align: right;
}
.container-fluid.movie-series-section.comment-nav-tabs {
padding: 15px 0;
background: rgba(177, 177, 177, 0.2);
border-radius: 10px;
}
.container-fluid.movie-series-section.comment-nav-tabs .tab-content .fade {
padding: 0 30px 30px;
}
.starring-section .genre-prime-slider.owl-carousel .owl-item img {
height:60px !important;
width: 60px;
padding: 0;
}
.starring-section .genre-prime-slider.owl-carousel .owl-item {
width: 75px !important;
}
.starring-section .genre-prime-slider.owl-carousel .owl-stage-outer.owl-height {
height: 100px !important;
}
/*#ex4 .notification-dropdown[data-count]:after {
content: "0" !important;
position: absolute !important;
background: #c0392b !important;
height: 1.5rem !important;
top: -0.1rem !important;
left: 1.6rem !important;
width: 1.5rem !important;
text-align: center !important;
line-height: 1.3rem !important;
font-size: 1rem !important;
border-radius: 50% !important;
color: white !important;
border: 1px solid #c0392b !important;
padding: 0 1.5px 0 0 !important;
}*/
.slider-height iframe {
border: none;
}
.slider-height-dtl .des-btn-block.des-in-list {
margin-left: 15px;
}
.genre-view-all .genre-prime-slider.owl-carousel .owl-stage-outer {
height: 150px !important;
}
.genre-view-all .genre-prime-slider.owl-carousel .owl-item img {
height: 150px !important;
border-radius: 5px;
padding: 0;
}
.genre-view-all .item .content {
background: inherit;
background: rgba(0, 0, 0, 0.4);
padding: 0;
border-radius: 5px;
}
.genre-view-all .genre-prime-slider.owl-carousel .owl-item {
margin-right: 10px !important;
}
.genre-view-all .item .content .content-heading {
margin-top: 75%;
margin-left: 0;
margin-right: 10px;
}
.user-img img {
position: relative;
}
.user-img-icon {
position: absolute;
bottom: 5px;
right: 23%;
}
.user-img-icon i {
font-size: 20px;
color: var(--text_black_color);
}
.search-section a.btn-default {
display: inline-block;
margin-top: 14px;
padding: 11px 19px;
border-radius: 4px;
font-size: 16px;
}
.search-section a.iframe.btn.btn-play.search-btn.cboxElement {
display: inline-block;
float: right;
}
.search-section a.iframe.btn.btn-default.cboxElement {
display: inline-block;
float: right;
font-size: 16px;
}
@media (max-width: 767px) {
.slider-height {
padding: 40px 40px 0;
}
.slider-height-dtl {
height: 470px;
}
footer.prime-footer-main-block {
padding: 25px 0 50px;
}
.searchbar {
top: 0;
left: 0;
}
.searchbar .btn-extended {
height: 45px;
}
.searchbar.clicked .btn-extended {
width: 290px;
}
.searchbar .btn-search {
margin-right: 13px;
margin-top: -4px;
}
}
.home-main-block {
margin-top: -70px;
}
.navigation {
background-image: inherit !important;
padding: 5px 0 !important;
}
#cssmenu > ul > li {
background: rgba(0, 0, 0, 0.8) !important;
border-radius: 5px !important;
margin-right: 5px;
margin-top: 8px;
float: right;
}
#cssmenu > ul > li > a {
padding: 7px 12px !important;
}
.home-slider-one.owl-carousel .owl-stage-outer {
height: 450px !important;
}
.home-slider-one.owl-carousel .owl-item img.owl-lazy {
height: 450px;
}
.login-panel-main-block ul li {
background: rgba(0, 0, 0, 0.8);
border-radius: 5px;
margin-right: 0;
padding: 0 5px;
z-index: 1;
}
.login-panel-main-block ul li ul {
margin-top: 10px;
text-align: right;
}
.login-panel-main-block ul li ul li {
background: inherit;
border-radius: 0;
padding: 0;
margin-right: 0;
}
.fa-2x {
font-size: 1.78em;
}
#ex4 {
padding: 0 6px;
}
.movie-series-image {
position: relative;
overflow: hidden;
}
.movie-series-image span {
display: block;
position: absolute;
color: var(--text_white_color);
padding: 5px;
font-size: 15px;
font-weight: 500;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
width: 160px;
text-align: center;
top: 21px;
right: -45px;
transform: rotate(45deg);
letter-spacing: .5px;
}
.movie-series-image .bg-success {
background-color: var(--bg-success_bg_color)!important;
}
.imdb-ratings-block ul li {
background: rgba(177, 177, 177, 0.3);
padding: 5px 15px;
border-radius: 10px;
}
.imdb-ratings-block ul li::third-child {
display: none;
}
.dropdown.prime-dropdown .fa-stack {
width: inherit;
height: inherit;
line-height: inherit;
}
.fa-stack-1x,
.fa-stack-2x {
position: inherit;
}
.movie-series-des-list {
margin-bottom: 0;
padding-top: 25px;
float: left;
}
.home-slider-one .owl-next,
.home-slider-one .owl-prev {
background: rgba(177, 177, 177, 0.3) !important;
border-radius: 100%;
line-height: 2.4;
width: 50px;
height: 50px;
}
.home-slider-one .flaticon-left-arrow[class^="flaticon-"]:before,
.home-slider-one .flaticon-left-arrow[class*=" flaticon-"]:before,
.home-slider-one .flaticon-left-arrow[class^="flaticon-"]:after,
.home-slider-one .flaticon-left-arrow[class*=" flaticon-"]:after {
margin-right: 5px;
}
.home-slider-one .flaticon-right-arrow[class^="flaticon-"]:before,
.home-slider-one .flaticon-right-arrow[class*=" flaticon-"]:before,
.home-slider-one .flaticon-right-arrow[class^="flaticon-"]:after,
.home-slider-one .flaticon-right-arrow[class*=" flaticon-"]:after {
margin-left: 4px;
}
.cus_img .genre-slide-image a img {
width: 171px;
height: 233px;
object-fit: cover;
}
.watchlist-img {
width: 171px;
height: 233px;
}
.protected tr td img {
margin-bottom: 15px;
}
.login-panel-main-block ul li.sign-in-block.sign-in-block-one {
padding: 6px 15px;
}
.login-panel-main-block ul li.sign-in-block.sign-in-block-one a {
top: 0;
font-size: 16.5px;
font-weight: 400;
}
.login-panel-main-block ul li.sign-in-block.sign-in-block-one a i {
margin-right: 5px;
font-size: 12px;
}
.owls-item a .protip .genreview {
filter: grayscale(80%);
}
.owls-item a:hover .protip .genreview {
filter: none;
}
.movie-series-img img.img-responsive.actor_image.lazy {
width: 171px;
height: 233px;
object-fit: cover;
}
.movie-series-section.search-actor {
margin-bottom: 0;
padding: 30px 20px;
}
.movie-series-section.search-actor .movie-series-des-list {
padding-top: 0;
}
.movie-series-section.search-actor .movie-series-heading.movie-series-name {
margin-bottom: 0;
}
/*.home-two .genre-slide-dtl {
margin-top: -45px;
}*/
.movie-series-section .movie-series-heading.movie-series-name,
.movie-series-section .movie-series-heading.movie-series-name a {
color: var(--text_white_color);
}
.home-two .genre-slide-image img.img-responsive.owl-lazy {
border-radius: 5px;
object-fit: cover;
}
.genre-two .genre-slide-image img.img-responsive.owl-lazy {
border-radius: 5px;
}
.movie-section .movie-series-des-list.movie-series-des-list-two {
padding-top: 0;
}
.movie-section .movie-series-img img {
width: 171px;
height: 233px;
object-fit: cover;
}
.movie-section .movie-series-section {
padding: 24px 0;
}
@media (min-width: 481px) and (max-width: 1366px) {
.container-fluid.movie-series-section {
padding: 0 3% !important;
}
.genre-view-all .item .content .content-heading {
margin-top: 58%;
font-size: 15px;
}
.genre-view-all .genre-prime-slider.owl-carousel .owl-item img {
height: 125px !important;
}
.genre-view-all .genre-prime-slider.owl-carousel .owl-stage-outer {
height: 125px !important;
}
.watchlist-block .watchhistory_remove {
bottom: 79.5%;
margin-right: 10%;
}
.watchhistory_remove {
left: 40px;
}
}
@media (min-width: 1024px) and (max-width: 1366px) {
.watchhistory_remove {
left: 70px;
}
}
@media (max-width: 767px) {
.search-section .container {
width: 100%;
}
.movie-series-image img {
width: 150px;
height: 240px;
}
ul.search-language {
padding: 4px 0 0 0;
background: inherit;
}
.home-slider-one.owl-carousel .owl-stage-outer {
height: 250px !important;
}
.home-slider-one.owl-carousel .owl-item img.owl-lazy {
height: 210px;
}
.login-panel-main-block ul li {
background: inherit;
padding: 0;
}
.container-fluid.movie-series-section.comment-nav-tabs {
margin: 0 30px;
}
.container-fluid.movie-series-section {
padding-right: 30px;
padding-left: 30px;
}
.movie-series-block {
padding: 0;
}
.movie-series-img img {
border-radius: 10px 10px 0 0;
}
.movie-series-block .play-btn-icon {
width: 40px;
height: 40px;
font-size: 14px;
line-height: 1;
}
.movie-series-block .play-text .movie-series-heading.movie-series-name {
font-size: 14px;
margin-bottom: 0;
}
.movie-series-block .movie-series-des-list {
padding-top: 0;
float: left;
}
.movie-series-block .movie-series-section.search-section .movie-series-des-list li {
font-size: 14px;
}
.movie-series-section {
padding: 0;
}
.movie-section .movie-series-img img {
width: 100%;
}
.movie-section .movie-series-section {
padding: 20px;
}
.movie-section .movie-series-section .des-btn-block .play-btn-icon i, .movie-series-block .play-btn-icon i {
line-height: 48px;
}
.movie-series-section .des-btn-block .play-btn-icon i, .movie-series-block .play-btn-icon i {
line-height: 41px;
}
.starring-section .genre-prime-slider.owl-carousel .owl-item {
width: 55px !important;
}
.starring-section .genre-prime-slider.owl-carousel .owl-stage-outer.owl-height {
height: 70px !important;
}
.slider-height-dtl .des-btn-block.des-in-list a.btn-play {
margin-right: 10px !important;
}
.slider-height-dtl .des-btn-block.des-in-list a.btn-default {
margin-top: 15px;
}
.movie-series-img img.img-responsive.actor_image.lazy {
width: 100%;
}
.movie-series-section.search-actor {
padding: 20px;
}
.home-two .genre-slide-dtl {
margin-top: 0;
}
.genre-view-all .item .content .content-heading {
margin-left: 0;
}
}
.home-out-section-slider.owl-carousel {
margin-top: -70px;
display: block !important;
}
.home-out-section-img img {
position: relative;
}
.home-out-section-dtl {
position: absolute;
top: 35%;
left: 20px;
}
.faq-main-block .info {
color: var(--text_white_color);
margin-bottom: 20px;
}
.faq-main-block-rtl .info {
padding-left: 230px;
}
.faq-main-block .info-heading {
color: var(--text_white_color);
margin-bottom: 20px;
}
.qr-scan {
margin-bottom: 40px;
}
.font-weight-normal {
color: var(--text_white_color);
margin-bottom: 20px;
}
.table.table-bordered.protected tr td .password.protected-feild {
float: right;
text-align: right;
}
.enable-password,
.disable-password {
margin-bottom: 40px;
}
.navigation.scrolling {
background: var(--navigation_bg_color);
}
.navigation.scrolling #cssmenu > ul > li {
background: inherit !important;
}
.navigation.scrolling .login-panel-main-block ul li {
background: inherit;
}
.home-prime-slider {
position: relative;
overflow: hidden;
}
.home-prime-slider span {
display: block;
position: absolute;
color: var(--text_white_color);
padding: 5px;
font-size: 15px;
font-weight: 500;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
width: 160px;
text-align: center;
top: 21px;
right: -45px;
transform: rotate(45deg);
letter-spacing: .5px;
}
.home-prime-slider .bg-success {
background-color: var(--bg-success_bg_color)!important;
}
.otp-page {
padding: 50px 0;
}
.otp-page p {
font-family: 'Roboto', sans-serif;
letter-spacing: 0.2px;
font-size: 15px;
line-height: 1.42857143;
margin-bottom: 20px;
}
.otp-page .form-group .btn-primary {
margin-top: 20px;
}
.genre-slide-dtl {
margin-top: 20px;
}
.author-heading {
font-size: 26px;
}
.view-all-block .btn-danger {
border: 2px solid var(--light-grey_border_color);
padding: 1px 10px;
border-radius: 5px;
font-size: 12px;
text-transform: capitalize;
color: var(--text_light_grey_color);
opacity: 0.5;
background: inherit;
}
.view-all-block .btn-danger:hover {
border: 2px solid var(--blue_border_color);
color: var(--text_blue_color);
opacity: 1;
}
#back2Top {
border-radius: 100%;
}
.skin-blue .sidebar-menu .treeview-menu > li > a > span {
margin-left:
}
.home-out-section-slider .owl-dots {
position: absolute;
width: 100%;
bottom: 5%;
text-align: center;
}
.home-out-section-slider .owl-dot {
display: inline-block;
width: 13px;
height: 13px;
margin-right: 7px;
border: 0;
border-radius: 100%;
box-shadow: 1px 1px 4px rgb(0 0 0 / 40%);
background: var(--background_white_bg_color);
opacity: 0.3;
}
.home-out-section-slider .owl-dot:hover,
.home-out-section-slider .owl-dot.active {
border: 0;
background: var(--background_white_bg_color);
opacity: 1;
}
.view-all-block .watchlist-heading {
display: inline-block;
margin-left: 20px;
margin-bottom: 40px;
}
input.btn-subscribe {
-webkit-appearance: none;
background-color: inherit;
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 4px;
display: inline-block;
}
.snip1404 .plan-select.btn-prime-subs a{
background-color: inherit;
border: none;
color: inherit;
text-decoration: none;
padding: 0;
font-size: inherit;
font-weight: inherit;
border-radius: inherit;
text-transform: inherit;
letter-spacing: inherit;
display: inline-block;
}
@media (min-width: 481px) and (max-width: 1366px) {
.home-out-section-dtl {
top: 25%;
}
.home-out-section-slider.owl-carousel {
margin-top: -75px;
}
.genre-prime-block .section-heading {
font-size: 16px;
}
a.see-more {
margin-right: 12px;
}
.navigation .container-fluid {
padding-right: 40px;
padding-left: 40px;
}
.movie-series-header-block .movie-series-heading {
font-size: 16px;
}
.movie-series-filter-block .filter-header {
font-size: 16px;
}
}
@media (max-width: 992px) {
.faq-main-block-rtl .info {
padding-left: 5px;
}
}
@media (max-width: 767px) {
.home-out-section-img img {
height: 350px;
}
.home-out-section-dtl {
top: 40%;
}
.home-out-section .section-dtl {
margin-bottom: 15px;
}
.sign-in-block.sign-in-block-one i{
margin-right: 8px;
}
#ex4 {
margin-bottom: 10px;
}
#ex4 [class^="flaticon-"]:before,
#ex4 [class*=" flaticon-"]:before,
#ex4 [class^="flaticon-"]:after,
#ex4 [class*=" flaticon-"]:after {
margin-right: 10px;
margin-left: 2px;
}
.prime-dropdown .btn {
color: var(--text_white_color);
}
.prime-dropdown .btn i {
margin-left: 5px;
}
.movie-series-section.search-actor .movie-series-heading.movie-series-name {
margin-bottom: 15px;
}
.des-btn-block.des-in-list {
display: block;
}
}
option {
font-size: 13px;
padding: 20px;
background-color: var(--background_black_bg_color);
border: 1px solid var(--light-grey_border_color);
border-radius: 5px;
}
.plan-dtl-list {
display: flex;
align-items: center;
justify-content: center;
}
.panel-setting-main-block .plan-dtl-heading {
text-align: center;
}
.purchase-section .plan-home-title:after {
border-width: 0 280px 40px 0;
}
.modal-content {
background-color: rgba(177, 177, 177, 1) !important;
}
.modal-content .modal-body a {
color: var(--text_white_color) !important;
}
/*.starring-section {
margin-top: -30px;
}*/
.manage-profile p {
margin-left: 15px;
}
.starring-section .actor_detail img {
width: 60px;
height: 60px;
border-radius: 50%;
object-fit: cover;
}
.starring-section .genre-prime-slide ul li {
display: inline-block;
margin-right: 10px;
}
.watch-trailer-btn {
padding: 7px 10px;
font-size: 14px;
}
.top-ten-main-block .genre-slide-image img {
position: relative;
}
.top-ten-main-block .genre-slide-image .overlay-bg {
background: rgba(0,0,0,0.2);
}
.top-ten-heading {
font-family: 'Londrina Shadow', cursive;
position: absolute;
top: -10px;
right: 10px;
color: var(--text_white_color);
font-size: 60px;
}
.home-two .top-ten-heading {
right: 10px;
}
.ui-widget-content {
margin-top: 63px;
margin-left: 49%;
position: fixed;
width: 400px !important;
}
.login-panel-main-block .prime-dropdown .btn.notification-dropdown {
padding: 6px 5px 0;
}
.top-ten-main-block .container-fluid {
margin: 0 3%;
padding: 0;
padding-bottom: 20px;
border-bottom: 1px solid #444;
}
.top-ten-main-block .owl-prev,
.top-ten-main-block .owl-next {
position: absolute;
top: 50%;
transform: translateY(-55%);
background-color: transparent;
color: var(--text_white_color);
font-size: 25px;
text-align: center;
z-index: 9999;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-ten-main-block .owl-prev {
left: -2%;
}
.top-ten-main-block .owl-next {
right: -2%;
}
.top-ten-main-block {
margin-bottom: 30px;
}
.admin-dropdown .dropdown-menu {
width: 420px;
left: -40px;
padding: 0;
text-align: right;
margin-top: 10px;
border-radius: 2px;
background-color: #111;
}
.admin-dropdown .dropdown-menu ul {
margin-top: 0;
padding: 10px 0;
}
.admin-dropdown .dropdown-menu ul li {
padding: 10px 20px;
display: block;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.admin-dropdown .dropdown-menu ul li:hover a {
color: var(--text_blue_color);
}
.admin-dropdown .dropdown-menu ul li a {
color: var(--text_light_grey_color);
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-block {
margin-top: 50px;
}
.contact-block .btn-subscribe {
padding: 10px 40px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-block .btn-subscribe:hover {
background-color: var(--text_blue_color);
color: #FFF;
}
.home-slider-one.owl-carousel .owl-stage-outer {
height: inherit !important;
}
.view-all-search {
margin: 30% 0;
}
.search-box {
margin: 10% 0!important;
}
.modal-backdrop {
z-index: auto;
}
.comment-modal .modal-content {
background-color: rgba(17, 17, 17, 1) !important;
}
.comment-modal .modal-content .modal-body label {
color: #FFF;
}
.comment-modal .modal-content .close {
color: #FFF;
opacity: 1;
}
.comment-modal .modal-content .close:focus,
.comment-modal .modal-content .close:hover {
color: #FFF;
opacity: 1;
}
.comment-modal .modal-content .modal-body .btn-subscribe {
-webkit-appearance: none;
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 4px;
display: inline-block;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-modal .modal-content .modal-body .btn-subscribe:hover {
background-color: var(--text_blue_color);
color: #FFF;
}
.comment-modal .modal-content .modal-header {
border-bottom: 1px solid #FFF;
}
.searchbar.ui-autocomplete-input.clicked .flaticon-search {
color: var(--text_blue_color);
}
.searchbar .btn-search i:hover {
color: #FFF;
}
.prime-dropdown.open .notification-dropdown i {
color: var(--text_blue_color);
}
.language-switch-block .prime-dropdown.open .btn,
.admin-dropdown .prime-dropdown.open .btn {
color: var(--text_blue_color);
}
.language-switch-block .prime-dropdown.open span.caret.caret-one,
.admin-dropdown .prime-dropdown.open span.caret.caret-one {
color: var(--text_blue_color);
}
.container-fluid.movie-series-section.comment-nav-tabs .title {
padding: 10px 0;
}
.prime-dropdown .btn-primary.active.focus,
.prime-dropdown .btn-primary.active:focus,
.prime-dropdown .btn-primary.active:hover,
.prime-dropdown .btn-primary:active.focus,
.prime-dropdown .btn-primary:active:focus,
.prime-dropdown .btn-primary:active:hover {
background-color: inherit;
border-color: inherit;
outline: inherit;
}
.owl-prev, .owl-next {
z-index: auto !important;
}
.owl-carousel {
z-index: auto !important;
}
.genre-prime-slider.owl-carousel {
z-index: auto !important;
}
.venom-button .close {
color: #FFF;
opacity: 1;
}
.venom-button .close:focus,
.venom-button .close:hover {
color: #FFF;
opacity: 1;
}
.venom-button {
z-index: 9999;
}
@media (min-width: 768px) and (min-width: 1023px) {
.protip-content .des-btn-block .btn-default, .des-btn-block .btn-default {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.contact-block .offset-md-3 {
margin-right: 25%;
}
.contact-block .col-md-6 {
flex: 0 0 auto;
width: 50%;
}
}
@media (max-width: 768px) {
.starring-section .genre-prime-slide ul li {
margin-bottom: 20px;
margin-left: 10px;
}
.full-movie-dtl-main-block .movie-single-play-btn {
margin-left: 0;
}
.container-fluid.movie-series-section.comment-nav-tabs .tab-content .fade {
padding: 0 20px 30px;
}
.comment-btn {
padding: 4px 10px !important;
}
.comment-modal .modal-dialog {
margin: 0;
width: 300px;
margin-top: 50% !important;
}
.ui-widget-content {
width: 350px !important;
margin-left: 5px;
}
.home-two .top-ten-heading {
left: 20px;
}
.full-movie-dtl-block .screen-play-btn-block a.iframe.btn.btn-play.cboxElement {
display: block;
text-align: right;
margin-right: 0;
}
.comment-nav-tabs .btn-default {
padding: 10px 15px !important;
font-size: 15px;
}
.comment-nav-tabs .author-image {
width: 35px;
height: 35px;
}
.comment-nav-tabs .author-name {
margin-left: 10px;
}
.comment-nav-tabs .btn {
padding: 4px 8px;
}
.comment-nav-tabs .comment-btn {
padding: 4px 6px !important;
}
.comment-nav-tabs .comment-content {
margin-left: 45px;
}
#deleteModal2 .modal-dialog {
margin: 200px 0;
width: 200px;
}
.movie-series-section .col-sm-3 {
display: block;
width: 100%;
}
.btn-danger {
margin-bottom: 0;
}
.watchhistory_remove {
right: 30px;
}
.tabs-left {
margin-bottom: 40px;
border-right: none;
}
.sign-in-main-block .signup__form {
padding-top: 50px;
}
.home-two .genre-image {
padding-right: 0;
}
.watch-trailer-btn.btn-default {
margin-bottom: 10px !important;
}
.screen-play-btn-block .btn-default {
margin-top: 8px;
}
}
@media (min-width: 360px) and (max-width: 1366px) {
.admin-dropdown .dropdown-menu {
left: 0;
}
.ui-widget-content {
margin-left: 0%;
}
/*i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
float: right;
margin-left: 10px;
}
#ex4 [class^="flaticon-"]:before, #ex4 [class*=" flaticon-"]:before,
#ex4 [class^="flaticon-"]:after, #ex4 [class*=" flaticon-"]:after {
margin: 5px 2px 0 10px;
float: right;
}*/
}
@media (min-width: 411px) and (max-width: 731px) {
.ui-widget-content {
margin-left: 45px;
margin-top: 75px;
}
.searchbar {
top: -5px;
}
}
.modal-footer {
border-top: none;
}
.close {
opacity: 1;
}
.close:focus, .close:hover {
opacity: 1;
}
.blog-detail {
margin-bottom: 40px;
}
.scrollbar {
height: 550px;
overflow-y: scroll;
margin-bottom: 25px;
border-radius: 10px;
}
.scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
border-radius: 10px;
background-color: transparent;
}
.scrollbar::-webkit-scrollbar {
border-radius: 10px;
width: 3px;
background-color: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);
background-color: transparent;
}
/* rtl */
.pull-right {
float: left !important;
}
.comment .pull-right {
float: left !important;
right: 10px !important;
}
.comment .btn-dange {
margin-right: 10px;
}
.glyphicon.glyphicon-chevron-left {
display: none;
}
.movie-series-section .nav-tabs>li {
float: right;
}
.sub-comment {
margin-right: 50px;
}
/*#back2Top {
margin-left: 10px !important;
left: 0 !important;
}*/
.faq-main-block .card {
border-radius: 0;
background: rgba(177, 177, 177, 0.2);
/*border: 1px solid rgba(177, 177, 177, 0.2);*/
margin-bottom: 10px;
}
.faq-main-block .card-header {
background-color: inherit;
border-bottom: none;
}
.faq-main-block .card-header:first-child {
border-radius: 0;
}
.faq-main-block .card .btn-link {
margin-bottom: 0;
text-decoration: none;
width: 100%;
text-align: right;
color: #FFF;
font-size: 18px;
padding: 10px 15px;
}
.faq-main-block .card i {
margin-left: 30px;
color: #FFF;
}
.faq-main-block .accordion-button:not(.collapsed) i {
transform: rotate(45deg);
}
.faq-main-block .card-body {
background-color: rgba(177, 177, 177, 0);
color: #FFF;
padding: 20px;
}
.faq-main-block
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: none;
}
.accordion-button.btn.btn-link {
background-color: #48A3c6;
border-color: #48A3C6;
}
.accordion-button.btn.btn-link.collapsed {
background-color: rgba(177, 177, 177, 0.2);
border: 1px solid rgba(177, 177, 177, 0.2);
}
.faq-main-block .card .collapse {
border: 1px solid rgba(177, 177, 177, 0.2);
border-top: inherit;
}
.faq-main-block .card .collapse.in {
border-color: #48A3C6;
}
.nav-pills>li {
float: right !important;
}
.billing-history-block .btn-default {
padding: 6px 18px;
}
.navighation-sidenav {
top:11px;
left:26px;
}
.admin-list {
border-right: none !important;
border-left: 1px solid #b1b1b1;
}
.owl-carousel .owl-item {
float: right !important;
}
.owl-carousel .owl-stage-outer {
direction: rtl !important;
}
.owl-carousel .owl-item,
.owl-stage {
float: right;
}
@media (max-width: 767px) {
.side-bar {
right: 26px;
left: inherit !important;
}
.sidenav {
right: 0;
}
.prime-search-block {
left: 35px;
right: inherit;
}
.searchbar .btn-extended {
left: -50%;
margin-right: 0;
right: inherit;
}
}
@media (min-width: 767px) and (max-width: 1366px) {
.navighation-sidenav {
top:11px;
right:26px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.searchbar.clicked .btn-extended {
width: 325px;
}
.nav-logo img {
width: inherit;
margin-right: 50px;
margin-top: 5px;
display: inherit;
}
.small-screen-navigation {
display: block;
}
.side-bar {
top: 17px !important;
right: 26px;
left: inherit !important;
}
.sidenav {
right: 0;
}
.login-panel-main-block .prime-dropdown .btn.notification-dropdown {
padding: 8px 5px 0;
}
.small-screen-navigation .prime-dropdown {
display: none;
}
.plan-home-title:after {
border-width: 0 340px 40px 0;
}
.container-fluid.movie-series-section.comment-nav-tabs {
margin: 0 30px;
}
.comment-nav-tabs .comment-btn {
padding: 6px 10px !important;
}
.background-main-poster {
height: 500px;
}
.main-wrapper-single-movie-prime .overlay-bg {
height: 505px;
}
.admin-dropdown .dropdown-menu {
left: 0;
}
.comment-modal .modal-dialog {
margin-top: -30% !important;
}
#deleteModal2 .modal-dialog {
margin-top: -30%;
}
.movie-series-section {
padding: 0 15px;
}
.movie-series-section .col-sm-3 {
padding: 0 15px !important;
margin-right: 0!important;
width: 25%;
}
.movie-series-filter-section.search-section .container {
width: inherit;
}
.movie-series-filter-section {
padding: 50px 0 !important;
}
.watchhistory_remove {
right: 60px;
}
.watchlist-block .watchhistory_remove {
bottom: 77.5%;
margin-left: 67px !important;
right: inherit;
}
.user-img {
text-align: center;
margin-bottom: 40px;
}
.package_information {
margin-bottom: 40px;
}
.snip1404 {
display: block;
}
.signup-thumbnail {
display: none;
}
.signup__thumbnail {
height: 700px;
}
.signup__form {
height: 700px;
}
.ui-widget-content {
margin-left: 13%;
}
.home-two .top-ten-heading {
right: 25px;
}
.movie-series-section.search-actor {
padding: 25px 0;
}
.home-out-section-img img {
height: 500px;
}
.purchase-section .plan-home-title:after {
border-width: 0 325px 40px 0;
}
}
@media (max-width: 992px) {
/*.comment .pull-right {
right: 1px !important;
}*/
}
@media (min-width: 992px) and (max-width: 1200px) {
.searchbar.clicked .btn-extended {
width: 350px;
}
.nav-logo img {
width: inherit;
margin-right: 50px;
margin-top: -3px;
display: inherit;
}
.side-bar {
top: 11px !important;
right: 26px;
left: inherit !important;
}
#cssmenu {
display: none;
}
.small-screen-navigation {
display: block;
}
.small-screen-navigation .prime-dropdown {
display: none;
}
.plan-home-title:after {
border-width: 0 220px 40px 0;
}
.small-screen-navigation ul {
padding: 0 20px;
margin: 5px 0 10px;
}
.small-screen-navigation ul li a {
margin-left: 5px;
}
.small-screen-navigation ul li .active {
padding-bottom: 9px;
}
.sidenav {
right: 0;
}
.sidebar-nav {
position: absolute;
top: 80px;
width: 220px;
margin: 0;
padding: 0 10px;
list-style: none;
}
.sidebar-nav li {
position: relative;
line-height: 20px;
display: inline-block;
width: 100%;
}
.sidebar-nav li:before {
content: '';
position: absolute;
height: 100%;
z-index: -1;
background-color: var(--blue_bg_color);
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
width: 100%;
-webkit-transition: width .2s ease-in;
-moz-transition: width .2s ease-in;
-ms-transition: width .2s ease-in;
transition: width .2s ease-in;
}
.sidebar-nav li a {
font-size: 17px;
padding: 10px 0 10px 10px;
color: var(--text_white_color);
}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
color: var(--text_white_color);
text-decoration: none;
background-color: transparent;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 20px;
line-height: 44px;
}
.sidebar-nav .dropdown-menu {
position: relative;
width: 100%;
padding: 0;
margin: 0;
border-radius: 0;
border: none;
background-color: #222;
box-shadow: none;
}
.watchlist-block .watchhistory_remove {
bottom: 81%;
margin-right: 10%;
}
.purchase-section .plan-home-title:after {
border-width: 0 215px 40px 0;
}
.movie-series-filter-section.search-section .container {
width: inherit;
}
}
.affiliate-block .card {
background: rgba(177, 177, 177, 0.2);
border-radius: 8px;
padding: 40px 20px;
}
.brd-btm {
border-bottom: 1px solid #b1b1b1;
}
.affiliate-block .btn-default {
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color) !important;
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 0.75em;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 4px;
display: inline-block;
}
.affiliate-block .btn-default:hover {
background-color: var(--blue_bg_color);
color: var(--text_white_color);
}
.wallet-block .user_m2 {
margin-bottom: 40px;
}
.wallet-block .card {
background: rgba(177, 177, 177, 0.2);
border-radius: 8px;
padding: 40px;
}
.wallet-block .card-header {
padding-bottom: 30px;
}
.wallet-block .card-header .wallet-img {
display: inline-block;
float: left;
margin-right: 10px;
}
.wallet-block .card-header .wallet-img img {
border: 1px solid #FFF;
border-radius: 100%;
padding: 10px;
}
.wallet-block .card-header .paytm-block {
text-transform: uppercase;
padding: 5px 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: 500;
}
.wallet-block .card-header .paytm-block span {
display: block;
font-weight: 600;
font-size: 17px;
}
.brd-lft {
border-left: 1px solid #b1b1b1;
}
.wallet-block .card-header .balance-block {
text-transform: uppercase;
padding: 5px 0;
font-size: 13px;
letter-spacing: 1px;
font-weight: 500;
padding-left: 40px;
}
.wallet-block .card-header .balance-block span {
display: block;
font-weight: 600;
font-size: 24px;
}
.wallet-block .btn-default {
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color) !important;
color: var(--text_white_color);
text-decoration: none;
padding: 9px 20px;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
width: 300px;
display: inline-block;
}
.wallet-block .btn-default:hover {
background-color: var(--blue_bg_color);
color: var(--text_white_color);
border-radius: 4px;
}
.add-money-block {
padding: 40px 40px 70px;
}
.add-money-heading {
padding-bottom: 40px;
letter-spacing: 1px;
}
.add-money-block .input-group i {
position: absolute;
z-index: 9;
top: 17px;
color: #000;
left: 20px;
}
.add-money-block .input-group {
margin-bottom: 20px;
}
.add-money-block .input-group .form-control {
width: 400px;
height: 45px;
padding: 6px 40px;
border-radius: 4px !important;
border: 1px solid #B1B1B1 !important;
display: inline-block;
margin-right: 30px;
}
.add-money-btn {
display: inline-block;
}
.add-money-block .input-group label {
display: block;
letter-spacing: 1px;
}
.wallet-block .table-responsive {
padding: 0 40px;
}
.trasaction-img {
display: inline-block;
float: left;
margin-bottom: 20px;
}
.trasaction-img img {
border: 1px solid #FFF;
border-radius: 100%;
padding: 15px;
margin-right: 15px;
}
.wallet-block .table td {
padding: 30px 0 !important;
}
.wallet-block .table th {
padding: 10px 0 !important;
border-bottom: 1px solid #B1B1B1 !important;
}
.date-time {
font-size: 12px;
margin-top: 4px;
margin-bottom: 10px;
}
.wallet-balance {
padding: 10px 0;
}
.admin-wallet-block ul li {
padding: 5px 20px 0!important;
}
.admin-wallet-block img {
display: flex;
float: left;
margin-right: 10px;
}
.admin-wallet-block span {
font-size: 20px;
font-weight: 600;
display: block;
}
.admin-money-block ul li {
padding: 5px 20px 0!important;
}
@media (max-width: 767px) {
.wallet-block .card {
padding: 40px 20px;
}
.add-money-block .input-group .form-control {
width: 100%;
margin-bottom: 20px;
}
.add-money-block {
padding: 40px 0 70px;
}
.add-money-btn {
display: block;
}
.wallet-block .btn-default {
width: 100%;
}
.add-money-block .input-group {
margin-right: 0;
width: 100%;
}
.wallet-block .table th {
padding: 10px !important;
}
.wallet-block .table td {
padding: 30px 10px !important;
}
.trasaction-img {
display: block;
float: none;
}
.wallet-block .table-responsive {
padding: 0;
}
.jp-card {
min-width: 100% !important;
}
.StripeCard{
margin-top: 10px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.add-money-block .input-group .form-control {
width: 300px;
}
.wallet-block .btn-default {
width: 200px;
}
}
/*.percentage {
height: 5px;
width: 100%;
position: absolute;
background-color: #90DFFE;
bottom: 0;
border-radius: 0 0 .625em .625em;
}
.percentage .value {
height: 5px;
background-color: #48A3C6;
border-radius: 0 0 0 .625em;
}*/
.progress {
height: 5px !important;
width: 100%;
position: absolute;
background-color: #333 !important;
bottom: 0;
border-radius: 0 0 .625em .625em !important;
margin-bottom: 0;
}
.progress-bar {
height: 5px;
background-color: #48A3C6 !important;
border-radius: 0 0 0 .625em !important;
}
.rating-dropdown .dropdown {
line-height: 0;
}
.rating-dropdown .btn-primary {
background-color: inherit ;
border: inherit;
padding: 0;
line-height: 1.38;
vertical-align: baseline;
}
.rating-dropdown i {
font-size: 12px;
margin-right: 2px;
}
.rating-dropdown .btn-primary.active,
.rating-dropdown .btn-primary:active,
.rating-dropdown.open>.dropdown-toggle.btn-primary {
background-color: inherit;
border-color: inherit;
}
.rating-dropdown .dropdown-menu {
padding: 10px;
margin: 10px 0 0;
left: -15px;
min-width: 300px;
background-color: #111;
}
.rating-dropdown .star i {
font-size: 21px;
margin-right: 0;
}
.rating-dropdown .caption .label {
font-size: 12px;
font-weight: 500;
padding: 0.4em 0.8em 0.4em;
}
.rating-dropdown textarea.form-control {
background-color: rgba(177, 177, 177, 0.1);
color: #FFF;
letter-spacing: 1px;
border: 2px solid var(--blue_border_color);
}
textarea::-webkit-input-placeholder {
color: #FFF;
}
.rating-dropdown .btn-default {
background-color: var(--background_black_bg_color);
border: 2px solid var(--blue_border_color) !important;
color: var(--text_white_color);
text-decoration: none;
padding: 8px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
letter-spacing: 1px;
width: 100%;
display: inline-block;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.rating-dropdown .btn-default:hover {
background-color: var(--blue_bg_color);
color: var(--text_white_color);
}
.rating-dropdown.open .caret {
transform: rotate(180deg);
}
.rating-dropdown .caret {
margin-left: 2px;
}
.rating-plan-section .plan-home-title:after {
border-width: 70px 400px 0 0;
}
.progress-movie .progress {
width: 171px;
}
.home-two .genre-image {
height: inherit;
}
.home-prime-slider .bg-info {
background-color: #48A3C6!important;
font-size: 12px;
}
.home-prime-slider .bg-danger {
background-color: #D9534F!important;
font-size: 12px;
}
.btn-prime-bg {
background-color: var(--blue_bg_color) !important;
}
.main-plan-section-two {
border: 2px solid var(--blue_border_color);
}
.user-img {
text-align: center;
padding: 40px 0;
background: rgba(177, 177, 177, 0.2);
border-radius: 10px;
margin-bottom: 30px;
}
.user-img img {
position: relative;
width: 200px;
border-radius: 100%;
height: 200px;
margin-bottom: 30px;
}
.user-edit-icon {
position: absolute;
top: 4%;
right: 23%;
border: 3px solid #111;
background-color: var(--blue_bg_color);
border-radius: 100%;
width: 45px;
height: 45px;
line-height: 3;
padding: 0px 10px;
}
.user-edit-icon i {
color: #FFF;
font-size: 18px;
}
.user-edit-icon input {
display: none;
}
.kalpana{
background-color: black;
color:white;
}
.protip-icon i {
color: #FFF;
font-size: 18px;
}
.protip-icon .btn-default {
border-radius: 100%;
padding: 5px;
width: auto;
text-align: center;
}
.protip-icon {
padding: 12px 0;
}
.protip-icon ul {
text-align: right;
}
.protip-icon ul li {
display: inline-block;
margin-right: 20px;
}
.protip-icon ul li:last-child {
margin-right: 0;
}
.hide-icon i {
font-size: 18px;
color: #FFF;
}
.hide-icon {
position: absolute;
top: 10px;
left: 15px;
}
.home-two .hide-icon {
left: 40px;
}
.movie-series-image .bg-info {
background-color: #48A3C6!important;
font-size: 12px;
}
.manage-profile h4 {
margin-bottom: 30px;
text-align: right;
}
/*.blog-detail-main-block .container {
width: 1170px;
}*/
.blog-detail-main-block {
padding: 50px 0;
}
.blog-detail-img img {
width: 100%;
height: 500px;
border-radius: 10px;
object-fit: cover;
margin-bottom: 30px;
}
.blog-detail-plan {
margin-bottom: 30px;
}
.blog-detail-plan ul li {
display: inline-block;
margin-left: 15px;
color: #FFF;
}
.blog-detail-plan ul li i {
margin-left: 5px;
}
.blog-detail-widget-info {
text-align: center;
padding: 30px;
border-radius: 10px;
border: 1px solid rgba(177, 177, 177, 0);
background: rgba(177, 177, 177, 0.2);
margin-bottom: 30px;
}
.blog-detail-widget-info img {
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
}
.blog-detail-social-icon ul li {
display: inline-block;
margin-right: 15px;
}
.blog-detail-social-icon ul li a {
color: #FFF;
}
.blog-detail-social-icon ul li.facebook {
background-color: #3b5998;
color: #FFF;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 2.4;
font-size: 18px;
}
.blog-detail-social-icon ul li.twitter {
background-color: #55acee;
color: #FFF;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 2.4;
font-size: 18px;
}
.blog-detail-social-icon ul li.youtube {
background-color: #cd201f;
color: #FFF;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 2.4;
font-size: 18px;
}
.bolg-detail-recent-post {
padding: 30px;
border-radius: 10px;
border: 1px solid rgba(177, 177, 177, 0);
background: rgba(177, 177, 177, 0.2);
}
.bolg-detail-recent-post img {
width: 90px;
height: 80px;
object-fit: cover;
border-radius: 10px;
}
.recent-post-date {
color: var(--text_light_grey_color);
}
.bolg-detail-recent-post:hover .recent-heading:after {
animation: changeLetter 0.3s 1 linear;
width: 80%;
}
.blog-detail-recnet-widget {
margin-bottom: 20px;
}
.recent-post-heading {
margin-bottom: 10px;
margin-top: 10px;
}
.recent-post-heading a {
color: #FFF;
}
.container-fluid.movie-series-section.comment-nav-tabs {
padding: 15px 0;
background: rgba(177, 177, 177, 0.2);
border-radius: 10px;
}
.container-fluid.movie-series-section.comment-nav-tabs .tab-content .fade {
padding: 0 30px 30px;
}
#cssmenu > ul > li.kids-menu a {
background-repeat: no-repeat;
width: 100%;
float: left;
margin: 8px 30px 8px 15px;
}
.user-account-tab .nav-pills>li {
float: none;
width: 100%;
margin-bottom: 10px;
}
.user-account-tab {
background: rgba(177, 177, 177, 0.2);
border-radius: 10px;
margin-bottom: 30px;
}
.user-img-name {
margin-bottom: 10px;
}
.user-mail {
color: #FFF;
}
.user-account-section .tab-content>.tab-pane {
padding: 50px;
background: rgba(177, 177, 177, 0.2);
border-radius: 10px;
}
.user-account-tab .nav-pills>li>a {
padding: 10px 25px;
border-radius: 0 30px 30px 0;
color: #FFF;
font-size: 16px;
/*width: 70%;
margin: 0 auto;
background-color: #48a3c6;
margin-bottom: 15px;
color: #FFF;
text-align: center;*/
}
.user-account-tab .nav-pills>li>a i {
margin-left: 10px;
}
.user-account-tab .nav-pills>li:hover>a {
background-color: #48A3C6;
border-radius: 0 30px 30px 0;
color: #fff;
font-size: 16px;
}
.user-account-tab .nav-pills>li.active>a,
.user-account-tab .nav-pills>li.active>a:focus,
.user-account-tab .nav-pills>li.active>a:hover {
/*background-color: #48a3c6;*/
font-size: 16px;
background-color: #48A3C6;
border-radius: 0 30px 30px 0;
color: #fff;
}
.user-account-tab .nav.nav-pills {
padding: 40px 40px 40px 0;
}
.user-account-tab .nav-pills>li+li {
margin-right: 0;
}
.mobile-tabs {
display: none;
}
.d-none {
display: none;
}
.venom-button-button {
width: 60px !important;
height: 60px !important;
}
.hide-icon-two {
left: 30px;
}
.count {
position: absolute;
top: -3px;
width: 15px;
font-size: 10px;
height: 15px;
padding-top: 0;
left: 15px;
line-height: 1.2;
background: #c0392b;
color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
border: 1px solid #c0392b;
}
.membership-dtl {
padding: 15px 0 0;
}
.membership-dtl .btn-prime {
background-color: var(--background_black_bg_color);
border: 3px solid var(--blue_border_color);
color: var(--text_white_color);
text-decoration: none;
padding: 12px 20px;
font-size: 12px;
font-weight: 600;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.membership-dtl .btn-prime:hover {
background-color: var(--blue_bg_color);
color: var(--text_white_color);
}
.membership-sub {
color: var(--text_white_color);
font-weight: 500;
font-size: 14px;
margin-bottom: 15px;
}
.membership-sub-date {
color: var(--text_white_color);
font-weight: 500;
font-size: 14px;
margin-bottom: 20px;
}
.admin-wallet-block ul li {
color: var(--text_light_grey_color);
}
.manage-profile-main-block {
background-color: #111;
padding: 30px 0;
}
.manage-profile-form {
background: rgba(177, 177, 177, 0.2);
border-radius: 8px;
padding: 40px 20px;
}
.manage-profile-main-block .btn-primary {
float: left;
}
@media (min-width: 280px) and (max-width: 653px) {
.movie-series-image img {
width: 110px;
}
.hide-icon-two {
left: 10px;
}
}
@media (min-width: 360px) and (max-width: 640px) {
.movie-series-image img {
width: 150px;
}
.hide-icon-two {
left: 15px;
}
}
@media (min-width: 384px) and (max-width: 640px) {
.hide-icon-two {
left: 25px;
}
}
@media (min-width: 412px) and (max-width: 915px) {
.movie-series-image img {
width: 171px;
}
.hide-icon-two {
left: 20px;
}
}
@media (min-width: 414px) and (max-width: 896px) {
.movie-series-image img {
width: 171px;
}
.hide-icon-two {
left: 20px;
}
}
@media (min-width: 540px) and (max-width: 720px) {
.movie-series-image img {
width: 171px;
}
.hide-icon-two {
left: 80px;
}
.prime-dropdown {
margin: 0;
}
}
@media (max-width: 767px) {
#user-tab {
display: none;
}
.mobile-tabs {
display: flex;
position: fixed;
z-index: 1030;
right: 0;
bottom: 0;
left: 0;
padding: 10px;
justify-content: center;
box-shadow: 0px 0px 5px grey;
background-color: var(--blue_bg_color);
}
.user-account-section .tab-content>.tab-pane {
padding: 50px 20px;
}
.mobile-tabs .nav-pills .nav-item {
margin-right: 0;
text-align: center;
}
.mobile-tabs .nav-pills .nav-item.active .nav-link {
background-color: #111;
border: 1px solid #111;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
line-height: 2.2;
}
.mobile-tabs .nav-pills .nav-item:hover .nav-link {
background-color: #111;
border: 1px solid #111;
border-radius: 50%;
width: 40px;
height: 40px;
padding: 0;
text-align: center;
line-height: 2.2;
}
.mobile-tabs .nav-pills .nav-item .nav-link {
color: #FFF;
font-size: 18px;
padding: 0;
line-height: 2.2;
border-radius: 50%;
width: 40px;
height: 40px;
border: 1px solid transparent;
}
.user-edit-icon {
top: 10%;
right: 26%;
}
.venom-button {
bottom: 40px !important;
right: 10px !important;
}
.d-flex {
display: flex;
}
.count {
left: 13px;
line-height: 1.5;
}
.blog-detail-img img {
height: 100%;
}
.blog-detail-block {
margin-bottom: 60px;
}
.bolg-detail-recent-post img {
width: 75px;
height: 75px;
}
.manage-profile-main-block .btn-primary {
float: right;
}
}
@media(min-width: 767px) and (max-width: 992px) {
.user-account-section .tab-content>.tab-pane {
padding: 50px 20px;
}
.user-edit-icon {
top: 4%;
right: 16%;
}
.blog-detail-img img {
height: 300px;
}
.bolg-detail-recent-post img {
width: 55px;
height: 55px;
}
.scrollbar {
height: 450px;
}
}
@media(min-width: 768px) and (max-width: 1024px) {
.movie-series-image img {
width: 142px;
}
.hide-icon-two {
left: 15px;
}
.blog-detail-social-icon ul li {
margin-right: 10px;
}
.user-account-tab .nav.nav-pills {
padding: 40px 0 40px 15px;
}
}
@media (min-width: 820px) and (max-width: 1180px) {
#cssmenu {
display: none !important;
}
.movie-series-image img {
width: 150px;
}
.hide-icon-two {
left: 15px;
}
.blog-detail-img img {
height: 300px;
}
.bolg-detail-recent-post img {
width: 55px;
height: 55px;
}
.scrollbar {
height: 450px;
}
.user-account-tab .nav.nav-pills {
padding: 40px 0 40px 30px;
}
}
@media(min-width: 912px) and (max-width: 1368px) {
.movie-series-image img {
width: 171px;
}
.hide-icon-two {
left: 15px;
}
}
@media (min-width: 913px) and (max-width: 1024px) {
.hide-icon-two {
left: 40px;
}
}
@media (min-width: 1180px) and (max-width: 1280px) {
.hide-icon-two {
left: 30px;
}
}
@media (min-width: 1180px) and (max-width: 1280px) {
.hide-icon-two {
right: 30px;
}
.ui-widget-content {
width: 395px !important;
margin-left: 41%;
margin-top: 60px;
}
}
.purchase-sticky a{
color: #1B1464;
}
.side-bar{
top:11px;
left:26px;
font-size:30px;
cursor:pointer;
position: fixed;
color: #B1B1B1;
z-index: 9999;
}
.back-to-top{
height:0px;
}
.notification-title{
color: #2980b9;
font-size: 17px;
padding: 3px;
}
.notification-data{
margin-top: -6px;
font-size: 16px;
}
.notification-button{
font-size: 16px;
color: #a9ea81;
}
.mt-1{
margin-top: 1px;
}
.admin-list{
border-right: 1px solid #b1b1b1;
}
.notification-id{
padding: 6px;
}
#ex4 .p1[data-count]:after{
position:absolute;
right:10%;
top:8%;
content: attr(data-count);
font-size:40%;
padding:.2em;
border-radius:50%;
line-height:1em;
color: white;
background:#c0392b;
text-align:center;
min-width: 1em;
}