@charset "utf-8";
/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

html,
body {
    margin:0 !important;
    padding:0 !important;
    height:100% !important;
}
/* /END RESET */

body {
    background-color: #000 !important;
    overflow-x: hidden;
}

h2 {
    font-size: 1.5rem;
}

/* SPLASH SCREEN */

.splash-header-navigation {
    /*margin-left: 50px;*/
    margin-top: 30px;
    max-height: 80px;
}

.splash-logo img {
    margin-left: 20px;
    max-width: 70%;
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    filter: drop-shadow(2px 2px 2px #555);
}

.splash-headline {
    margin-left: 20px;
    font-family: sans-serif;
    font-size: 2.5rem;
    color: white;
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    filter: drop-shadow(2px 2px 2px #555);
}

.splash-subscribe {
    margin-left: 20px;
    margin-top: 100px;
    font-family: sans-serif;
    font-size: 1.2rem;
    color: white;
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    filter: drop-shadow(2px 2px 2px #555);
    width: 300px;
    text-align: justify;
}

.splash-subscribe-button {
    margin-left: 20px;
    margin-top: 20px;
    font-family: sans-serif;
    font-size: 1.5rem;
    color: white;
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    filter: drop-shadow(2px 2px 2px #555);
    background-color: red;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 50px;
    width: 300px;
    text-align: center;
}

/*.splash-background-one- {*/
/*    position: absolute;*/
/*    display: block;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: #7c0c10;*/
/*}*/

/*.splash-background-one {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: #7c0c10;*/
/*}*/

.splash-background-one {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #7c0c10;
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 1.0), transparent);
    mask-image: linear-gradient(to left, rgba(0, 0, 0, 1.0), transparent);
    background-image: url('https://assets.digitalocean.com/articles/alligator/css/masking/masking-example1.jpg');
    background-size: cover;
    background-position: center;
}

.splash-background-two {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0c5460;
    /*background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/F-15_vertical_deploy.jpg/390px-F-15_vertical_deploy.jpg');*/
    background-image: url('https://images.unsplash.com/photo-1526512340740-9217d0159da9');
    background-size: cover;
    background-position: center;
}

.splash-background-three {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3e247b;
    background-image: url('https://i.pinimg.com/originals/0b/ac/f6/0bacf62a4bd456d02d02c6b8a5c98f67.jpg');
    background-size: cover;
    background-position: center;
}

/* HEADER */

#header-navigation-main {
    background-color: #333;
    /*border-bottom: solid 1px #0f0;*/
    /*padding: 10px 0;*/
}

#header-navigation-mobile {
    display: none;
    background-color: #333;
    width: 100%;
    height: auto;
    padding: 10px 0;
    border-bottom: solid 1px #0f0;
}
.title-header-background {
    min-height: 300px;
    background-color: #081B3A;
    /*background-image: url('https://dtjx2qn6bx8kh.cloudfront.net/demovod/homepage_banners/602e3609dd5a5.jpg');*/
    /*background-image: url('{{$screener->banner_image}}');*/
    /* padding-top: 56.25%; */
    width: 100%;
    position: relative;
    background-size: cover;
    /*background-size: 103%;*/
    background-position: center top;
    /* max-height: 500px !important; */
    /*height: 400px;*/
    padding-bottom: 30px;
}
.header-navigation {

}

.flixzz-header-logo img {
    margin-left: 50px;
    max-height: 50px;
    -webkit-filter: drop-shadow(2px 2px 2px #555);
    filter: drop-shadow(2px 2px 2px #555);
    vertical-align: unset;
    max-width: 60vw;
}
.header-navigation {
    display: inline-block;
    padding-right: 20px;
}
.header-padding-mobile {
    padding: 1rem 0 !important;
}
#navbar {
    /*display: inline-block;*/
    float: right;
    /*margin-right: 50px;*/
}

#header-navigation-mobile #navbar {
    float: none;
    margin-right: 0;
}

#navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 1.2rem;
}

#navbar li {
    position: relative;
    float: left;
    /*padding: 10px 20px;*/
    top: 0px;
    font-family: Lato, sans-serif;
}

.underline-hover:hover{
    border-bottom: 3px solid #ADDAE8;
    padding-bottom: 6px;
}

#navbar li:last-child {
    border-right: none;
}

.nav-active-line {
    width: calc(100% - 1rem);
    height: 3px;
    border-radius: 2px;
    background: #00FF00;
    opacity: 1;
    position: absolute;
}

/* Fade in */
.underline-hover2 a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1em;
    background-color: hotpink;
    opacity: 0;
    transition: opacity 300ms, transform 300ms;
}

.underline-hover2 a:hover::after,
.underline-hover2 a:focus::after {
    opacity: 1;
    transform: translate3d(0, 0.2em, 0);
}

/*#navbar li a {*/
/*    display: block;*/
/*    color: white;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    text-shadow: 2px 2px 2px #555;*/
/*}*/

/*#navbar li::after, .active:after {*/
/*    background-color: white;*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 3px;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    !*transition: width 0.35s ease 0s;*!*/
/*    position: absolute;*/
/*}*/

/*.active:after {*/
/*    background-color: #0f0;*/
/*}*/


/*#navbar li:hover::after {*/
/*    width: calc(100% - 1rem);*/
/*}*/

/*#navbar li a:hover:not(.active) {*/

/*}*/

/*#navbar li a.active::after {*/
/*    width: 100%;*/
/*}*/

.active {
    color: green;
}

/*.active::after {*/
/*    width: 100%;*/
/*}*/

#navbar.navbar-mobile {
    display: block;
}

#navbar.navbar-mobile ul {
    font-size: 1.2rem;
}

#navbar.navbar-mobile li {
    width: 100%;
    padding: 5px 0px;
    top: 0px;
}

.title-logo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.title-logo img {
    /*padding-left: 150px;*/
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    max-width: 550px;
    width: 100%;
    /*-webkit-filter: drop-shadow(5px 5px 15px #555);*/
    /*filter: drop-shadow(5px 5px 15px #555);*/
    -webkit-filter: drop-shadow(0px 0px 5px #222);
    filter: drop-shadow(0px 0px 5px #222);
    vertical-align: unset;
}

.title-logo span {
    /*text-shadow: 2px 2px 2px #555;*/
    font-family: sans-serif;
    font-size: calc(1rem + 4vw);
    color: white;
    text-shadow: 0px 0px 4px #555, 0px 0px 10px #555;
    line-height: calc(1.1rem + 3.7vw);
    text-transform: uppercase;
    font-stretch: condensed;
}

.title-logline {
    display: block;
    /*padding-left: 150px;*/
    font-family: sans-serif;
    font-size: calc(0.8rem + 0.2vw); /* 1rem */
    color: white;
    text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;
    max-width: 550px;
    width: 100%;
    text-align: justify;
    line-height: calc(1.1rem + 0.2vw); /* 1.2rem */
}

.title-genre {
    display: block;
    /*padding-left: 150px;*/
    padding-top: 10px;
    font-family: sans-serif;
    font-size: 1rem;
    color: white;
    text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;
    max-width: 550px;
    width: 100%;
    text-align: left;
    line-height: 1.2rem;
    font-weight: bold;
}

.title-watch-now {
    display: inline-block;
    /*margin-left: 150px;*/
    margin-top: 30px;
    font-family: sans-serif;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 5px;
    padding: 20px;
}

.title-watch-trailer {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
    font-family: sans-serif;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 5px;
    padding: 20px;
}

.catalogue-header {
    /*margin-left: 150px;*/
    margin-top: 20px;
    font-family: sans-serif;
    font-size: 2rem;
    color: white;
    text-transform: uppercase;
}

.catalogue-header-line {
    display: block;
    /*margin-left: 150px;*/
    margin-top: 10px;
    width: 100%;
    height: 2px;
    background-color: white;
}

.catalogue-titles {
    /*padding-left: 150px;*/
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-evenly;
}

.catalogue-title-card-anchor {
    display: inline-table;
    width: 230px;
    flex-grow: 1;
    padding: 15px;
    transition: transform 0.5s;
}

.catalogue-title-card-anchor:hover {
    background-color: white;
    color: black !important;
    border-radius: 10px;
    z-index: 10000;
    transform: scale(1.15);
}

.catalogue-title-poster-anchor {
    display: inline-table;
    width: 350px;
    height: 500px;
    /*flex-grow: 1;*/
    padding: 15px 0px;
    transition: transform 0.5s;
}

.catalogue-title-poster-anchor:hover {
    /*background-color: white;*/
    color: black !important;
    /*border-radius: 10px;*/
    z-index: 10000;
    /*transform: scale(1.15);*/
}

.catalogue-title-card-anchor:hover .catalogue-title-logline, .catalogue-title-card-anchor:hover .catalogue-title-genre {
    color: black;
}

.catalogue-title-card {
    /*display: inline-block;*/
    display: inline-table;
    /*width: 230px; !* 200px *!*/
    width: 100%;
    height: 350px;
    /*margin: 20px 30px 0 0;*/
    /*margin: 20px 15px 0 15px;*/
    /*padding: 15px;*/
    /*flex-grow: 1;*/
}

.catalogue-title-thumb {
    position: relative;
    background-color: #0c5460;
    /*border-radius: 10px;*/
    /*width: 200px;*/
    /*width: 100%;*/
    /*height: 200px;*/
    width: 350px;
    height: 500px;
    /*background-image: url('https://www.comedy.co.uk/images/library/comedies/300x200/i/im_alan_partridge.jpg');*/
    background-size: cover;
    background-position-x: center;
    /*-webkit-filter: drop-shadow(0px 0px 0px #000);*/
    /*filter: drop-shadow(0px 0px 0px #000);*/
    transition: filter 0.5s linear, -webkit-filter 0.5s linear;
}

/*.catalogue-title-card:hover .catalogue-title-thumb {*/
/*    !*border: 1px solid white;*!*/
/*    -webkit-filter: drop-shadow(0px 0px 10px #fff);*/
/*    filter: drop-shadow(0px 0px 10px #fff);*/
/*}*/

/*.catalogue-title-card:hover {*/
/*    background-color: red;*/
/*}*/

.catalogue-title-title {
    position: absolute;
    top: 15px;
    left: 10px;
    font-family: sans-serif;
    font-size: 1.7rem;
    color: white;
    text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;
    line-height: 2rem;
}

.catalogue-title-seasons {
    position: absolute;
    bottom: 15px;
    right: 10px;
    font-family: sans-serif;
    font-size: 1rem;
    color: white;
    text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;
}

.catalogue-title-logline {
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 0.8rem;
    color: white;
    text-align: justify;
}

.catalogue-title-genre {
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 1rem;
    color: white;
    text-align: left;
    font-weight: bold;
}

.account-navigation-menu {
    /*display: inline-block;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
}
.account-navigation-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 5px 0;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 1.2rem;
    display: flex;
    flex-wrap: wrap;
}

.account-navigation-menu li {
    position: relative;
    float: left;
    padding: 5px 10px;
    /*top: -10px;*/
    flex-grow: 1;
}

.account-navigation-menu li:last-child {
    border-right: none;
}

.account-navigation-menu li a {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 2px #555;
}

.account-navigation-menu li::after {
    background-color: white;
    content: "";
    width: 0;
    height: 3px;
    left: 0;
    bottom: 0;
    transition: width 0.35s ease 0s;
    position: absolute;
}

.account-navigation-menu li:hover::after {
    width: 100%;
}

.account-navigation-menu li a:hover:not(.active) {
}

.profile-pic {
    width: 120px;
    height: 120px;
    border: solid 3px white;
    border-radius: 50%;
    /*box-shadow: 0px 0px 10px #07102c;*/
}

.profile-delete:hover {
    color: white !important;
}

#profile-edit {
    position: absolute;
    right: 20px;
    background-color: grey;
    color: white;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle !important;
    /*box-shadow: 0px 0px 10px #07102c;*/
}

#profile-edit:hover {
    background-color: white !important;
    color: black !important;
}

#profile-edit span {
    cursor: pointer;
    /*color: white;*/
    vertical-align: middle !important;
    padding: 15px;
}

.profile-name {
    font-size: 2rem;
    text-align: center;
    line-height: 1.2rem;
    padding-top: 25px;
    color: white;
}

.profile-nickname {
    font-size: 1.2rem;
    text-align: center;
    padding: 0px;
    line-height: 1.2rem;
    color: grey;
}

.profile-intro {
    font-size: 1.2rem;
    text-align: justify;
    text-align-last: center;
    line-height: 1.8rem;
    padding-top: 20px;
    color: white;
}

.profile-favourite-card {
    display: block;
    text-align: center;
    border: 3px solid white;
    border-radius: 15px;
    /*box-shadow: 0px 0px 10px #07102c;*/
    padding:15px;
    background-color: grey;
}

.profile-favourite-card-header {
    color: white;
    font-size: 1.4rem;
    /*font-weight: bold;*/
}

.profile-favourite-card-contents {
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
}

.profile-favourite-card a {
    color: white;
    font-size: 1.8rem;
}

.profile-favourite-card a:hover {
    color: black;
}

.wishlist_thumb {
    display: inline-block;
    border: 3px solid transparent;
}

.wishlist_thumb img {
    /*border-radius: 20px;*/
}

.wishlist_thumb:hover {
    display: inline-block;
    border: 3px solid white;
    /*border-radius: 20px;*/
}

.wishlist-card {
    display: inline-block;
    width: 200px;
    height: 350px;
    padding: 10px;
    text-align: center;
}

.wishlist-card a {
    color: white;
}

.history-header-line {
    display: block;
    /*margin-left: 150px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    /*width: 100%;*/
    width: 800px;
    height: 1px;
    background-color: grey;
}

.history-row {
    display: block;
    color: white;
    text-align: left;
    width: 850px;
}

.history-col-date {
    display: inline-block;
    width: 120px;
}

.history-col-title {
    display: inline-block;
    width: 400px;
}

.history-col-period {
    display: inline-block;
    width: 200px;
}

.history-col-total {
    display: inline-block;
    width: 100px;
}

/* LOGIN */
.login-background {
    /*background-image: url('https://dtjx2qn6bx8kh.cloudfront.net/demovod/homepage_banners/60225ab0d8889.jpg');*/
    background-image: url('/images/login-background.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.login-header {
    margin-top: 20px;
    font-family: sans-serif;
    font-size: 1.5rem;
    color: white;
    padding-bottom: 20px;
    /*text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;*/
    /*text-shadow: 2px 2px 2px #555;*/
}

.login-signup {
    margin-top: 20px;
    font-family: sans-serif;
    font-size: 1rem;
    color: white;
    padding-bottom: 20px;
    text-align: right;
    text-shadow: 0px 0px 4px #000, 0px 0px 10px #000;
}

.login-signup a {
    color: white;
}

.login-signup a:hover {
    text-decoration: underline;
}

.login-rounded {
    /*border-radius: 50px !important;*/
    border-radius: 5px !important;
    border-color: black !important;
}

.btn.login-rounded {
    border-radius: 50px !important;
}

button.login-rounded:hover {
    border-color: #333333 !important;
    background-color: #00ff00 !important;
    color: black !important;
}

.signup-background {
    /*background-image: url('https://dtjx2qn6bx8kh.cloudfront.net/demovod/homepage_banners/60253d0f30a74.jpg');*/
    background-image: url('/images/signup-background.jpg');
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.payment-background {
    /*background-image: url('https://dtjx2qn6bx8kh.cloudfront.net/demovod/homepage_banners/60225ab0d8889.jpg');*/
    /*background-image: url('/images/login-background.jpg');*/
    background-size: cover;
    background-position: center;
    width: 100%;
}

.payment-backdrop {
    /*background-color: rgba(255,255,255,0.8);*/
    background-color: #333333;
    padding: 20px;
    border: 3px  solid #aedae8;
    color: white;
    font-family: Lato, sans-serif;
    /*border-radius: 15px;*/
}

.checkout-button {
    font-size: 16px !important;
    padding: 9px !important;
    font-weight: bold !important;
}

/* HOME page */

/*.wrapper {*/
/*    padding-bottom: 55%;*/
/*    overflow: hidden;*/
/*}*/
/*.narrow {*/
/*    padding-bottom: 43% !important;*/
/*}*/
/*.wrapper:hover .screening-color,*/
/*.slideshow-rent:hover .screening-color*/
/*{*/
/*    opacity: 1;*/
/*    !*border: 5px solid red;*!*/
/*    !*background-color: rgba(255,255,255,0.05);*!*/
/*}*/
/*.wrapper .screening-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    overflow:hidden;*/
/*}*/
/*.wrapper:hover .screening-image {*/
/*    transform: scale(1.2);*/
/*    transition: all 2s;*/
/*    !*background-size: 130%;*!*/
/*}*/
/*.wrapper .screening-image .screening-color h1 {*/
/*    transition: all 0.5s;*/
/*}*/
/*.wrapper .screening-image .screening-color div h2 {*/
/*    font-size: 1.5rem;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    padding: 0 15px 0 15px;*/
/*}*/
/*.wrapper .screening-image  .screening-color {*/
/*    align-items: flex-end !important;*/
/*}*/
/*.wrapper:hover .screening-image .screening-color h1 {*/
/*    !*color: #000000 !important;*!*/
/*}*/
/*.thumb-title {*/
/*    !*transition: all .7s ease;*!*/
/*    !*transform-origin: left bottom;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 1.5rem !important;*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*    left: 0px;*/
/*    z-index: 10000;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*    pointer-events:none;*/
/*}*/
/*.thumb-genre {*/
/*    !*transition: all .7s ease;*!*/
/*    !*transform-origin: left bottom;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 0.9rem !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    bottom: 5px;*/
/*    left: 0px;*/
/*    z-index: 10000;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*    pointer-events:none;*/
/*}*/
/*.slideshow-title {*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 2.5rem !important;*/
/*    position: absolute;*/
/*    bottom: 150px;*/
/*    left: 70px;*/
/*    z-index: 10;*/
/*    pointer-events:none;*/
/*}*/
/*.slideshow-info {*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 1.5rem !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    bottom: 50px;*/
/*    left: 70px;*/
/*    z-index: 10;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*    pointer-events:none;*/
/*}*/
/*.slideshow-info-price {*/
/*    padding-left: 15px;*/
/*    color: #00ff00;*/
/*}*/
/*.slideshow-info-header {*/
/*    font-size: 1.3rem !important;*/
/*    font-weight: normal;*/
/*    position: relative;*/
/*    color: #00ff00;*/
/*}*/
/*.slideshow-rent {*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 3vw !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    !*width: 200px;*!*/
/*    bottom: 40px;*/
/*    right: 70px;*/
/*    text-align: center !important;*/
/*    text-justify: inter-character !important;*/
/*    z-index: 10;*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    color: white;*/
/*    text-shadow: 0px 0px 7px black;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*}*/
/*.slideshow-rent .material-icons {*/
/*    font-size: 3.5vw !important;*/
/*}*/
/*.slideshow-rent:hover {*/
/*    text-decoration: none;*/
/*    color: white;*/
/*    text-shadow: 0px 0px 7px white;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*}*/
/*.slideshow-button-wrapper {*/
/*    !*background-color: #081b3a;*!*/
/*    !*height: 50px;*!*/
/*    min-height: 43px;*/
/*}*/
/*.slideshow-button {*/
/*    position: absolute;*/
/*    !*width: 200px;*!*/
/*    !*height: 50px;*!*/
/*    right: 15px;*/
/*    background-color: #081b3a;*/
/*    color: white !important;*/
/*    padding: 10px 15px;*/
/*    display: none;*/
/*    !*z-index: 1;*!*/
/*    !*bottom: 50px;*!*/
/*    !*opacity: 1;*!*/
/*    !*transition: opacity 2s ease-in;*!*/
/*}*/
/*.slideshow-wrapper-whole:hover .slideshow-button {*/
/*    display: block;*/
/*    !*bottom: -15px;*!*/
/*    !*transition: all 2s;*!*/
/*    !*z-index: 100;*!*/
/*    !*transition: opacity 2s ease-in;*!*/
/*    !*opacity: 0.5;*!*/
/*}*/
/*.slideshow-button:hover {*/
/*    color:  #00ff00 !important;*/
/*}*/
/*.shadow {*/
/*    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5) !important;*/
/*}*/
/*h3 {*/
/*    display: inline-block;*/
/*}*/
/*.genre-more-link {*/
/*    display: inline-block;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*    top: -5px;*/
/*    left: 15px;*/
/*}*/
/*.genre-more-link:hover {*/
/*    text-decoration: none;*/
/*    color: #00ff00;*/
/*}*/
/*.shadow-6 {*/
/*    box-shadow: 0 1px 1px rgba(0,0,0,0.11),*/
/*    0 2px 2px rgba(0,0,0,0.11),*/
/*    0 4px 4px rgba(0,0,0,0.11),*/
/*    0 8px 8px rgba(0,0,0,0.11),*/
/*    0 12px 12px rgba(0,0,0,0.11)*/
/*    !*0 16px 16px rgba(0,0,0,0.11),*!*/
/*    !*0 32px 32px rgba(0,0,0,0.11);*!*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .display-mobile{*/
/*        display: none!important;*/
/*    }*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .display-mobile2{*/
/*        display: none!important;*/
/*    }*/
/*    .slideshow-title{*/
/*        font-size: 8vw!important;*/
/*        bottom: -5px!important;*/
/*        left: 5px!important;*/
/*    }*/
/*    .slideshow-rent{*/
/*        bottom: 0!important;*/
/*        right: 0!important;*/
/*    }*/
/*}*/


/* TITLE page */

/*.wrapper {*/
/*    !*padding-bottom: 33%;*!*/
/*    padding-bottom: 43%;*/
/*    overflow: hidden;*/
/*}*/
/*.wrapper:hover .screening-color {*/
/*    opacity: 1;*/
/*    !*background-color: rgba(255,255,255,0.05);*!*/
/*}*/
/*!*.wrapper:hover {*!*/
/*!*    outline: 1px solid rgba(255, 255, 255, 0);*!*/
/*!*    outline-offset: -1px;*!*/
/*!*    transition: all .5s ease-in-out;*!*/
/*!*}*!*/
/*!*.wrapper:hover .screening-image {*!*/
/*!*translate: scale(1.2);*!*/
/*!*transition: all 2s;*!*/
/*!*background-size: 100%;*!*/
/*!*}*!*/
/*.wrapper .screening-image {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-position: center;*/
/*    background-size: cover;*/
/*    overflow:hidden;*/
/*}*/
/*.wrapper:hover .screening-image {*/
/*    !*transform: scale(1.2);*!*/
/*    !*transition: all 2s;*!*/
/*}*/
/*.wrapper .screening-image .screening-color h1 {*/
/*    transition: all 0.5s;*/
/*}*/
/*.wrapper .screening-image .screening-color div h2 {*/
/*    font-size: 1.5rem;*/
/*    background-color: rgba(0, 0, 0, 0.5);*/
/*    padding: 0 15px 0 15px;*/
/*}*/
/*.wrapper .screening-image  .screening-color {*/
/*    align-items: flex-end !important;*/
/*}*/
/*.wrapper:hover .screening-image .screening-color h1 {*/
/*    !*color: #000000 !important;*!*/
/*}*/
/*.title-thumb-title {*/
/*    !*transition: all .7s ease;*!*/
/*    !*transform-origin: left bottom;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 2.5rem !important;*/
/*    position: absolute;*/
/*    bottom: 120px;*/
/*    left: 150px;*/
/*    z-index: 10;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*    pointer-events:none;*/
/*}*/
/*.title-thumb-genre {*/
/*    !*transition: all .7s ease;*!*/
/*    !*transform-origin: left bottom;*!*/
/*    !*background-color: rgba(0, 0, 0, 0.5);*!*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 0.9rem !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    bottom: 100px;*/
/*    left: 150px;*/
/*    z-index: 10;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*}*/
/*.title-title-info {*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 1.5rem !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    bottom: 25px;*/
/*    left: 150px;*/
/*    z-index: 10;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*    pointer-events:none;*/
/*}*/
/*.title-title-info-header {*/
/*    font-size: 1.3rem !important;*/
/*    font-weight: normal;*/
/*    position: relative;*/
/*    color: #00ff00;*/
/*    pointer-events:none;*/
/*}*/
/*.title-rent {*/
/*    padding: 0 15px 0 15px;*/
/*    font-size: 3vw !important;*/
/*    font-weight: normal;*/
/*    position: absolute;*/
/*    !*width: 200px;*!*/
/*    bottom: 40px;*/
/*    right: 70px;*/
/*    text-align: center !important;*/
/*    text-justify: inter-character !important;*/
/*    z-index: 10;*/
/*    display: block;*/
/*    text-shadow: 0px 0px 7px black;*/
/*    text-decoration: none;*/
/*    color: white;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*}*/
/*.title-rent .material-icons {*/
/*    font-size: 3.5vw !important;*/
/*}*/
/*.title-rent:hover {*/
/*    text-decoration: none;*/
/*    color: white;*/
/*    text-shadow: 0px 0px 7px white;*/
/*    text-decoration: none;*/
/*    !*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5) !important;*!*/
/*}*/
/*.main-text, .main-synopsis + p {*/
/*    font-family: AlternateGotNo3D, Roboto, sans-serif;*/
/*    color: #333333;*/
/*    font-size: 1.3rem;*/
/*    line-height: 1.5;*/
/*    text-align: justify;*/
/*}*/
/*.main-header {*/
/*    !*color: #00ff00;*!*/
/*    color: black;*/
/*    font-size: 1.5rem;*/
/*}*/

/*@media (max-width: 880px) {*/
/*    .display-mobile{*/
/*        display: none!important;*/
/*    }*/
/*    .thumb-title{*/
/*        font-size: 8vw!important;*/
/*        bottom: 4px!important;*/
/*        left: 0!important;*/
/*    }*/
/*    .title-synopsis{*/
/*        bottom: 0!important;*/
/*        right: 0!important;*/
/*    }*/
/*    .offset-mobile{*/
/*        margin-left: 0!important;*/
/*    }*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .modal-mobile{*/
/*        max-width: 100%!important;*/
/*        margin-left: 1%!important;*/
/*        margin-right: 1%!important;*/
/*    }*/
/*}*/
/*.material-icons, .material-icons-outlined, .material-icons-two-tone {*/
/*    vertical-align: bottom !important;*/
/*}*/

/*.title-header-background {*/
/*    !*background-image: url('{{$screener->banner_image}}');*!*/
/*    min-height: 37vw;*/
/*    padding-bottom: 50px;*/
/*    text-decoration: none;*/
/*}*/
/*.button-play-old {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    !*margin-left: 135px;*!*/
/*    width: calc(100% - 270px);*/
/*    min-width: 300px;*/
/*    !*height: 100%;*!*/
/*    -webkit-box-pack: justify;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    text-decoration: none !important;*/
/*    max-width: 100%;*/
/*    display: inline-block;*/
/*    !*background-color: rgb(255, 255, 255);*!*/
/*    background-color: #00ff00;*/
/*    !*border: 2px solid #00ff00;*!*/
/*    !*border: 2px solid #081b3a;*!*/
/*}*/
/*.button-play {*/
/*    width: calc(100% - 270px);*/
/*    min-width: 300px;*/
/*    min-height: 50px;*/
/*    !*border-radius: 30px;*!*/
/*    border: 5px solid black;*/
/*    background-color: black;*/
/*    color: white;*/
/*    font-weight: bold;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: justify;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    text-decoration: none !important;*/
/*    max-width: 100%;*/
/*    display: inline-block;*/
/*    transition: background-color 0.7s ease;*/
/*    padding-top: 2px;*/
/*}*/
/*.button-play-link {*/
/*    background-color: transparent;*/
/*}*/
/*.button-play-link-old {*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    width: 100%;*/
/*    !*height: 100%;*!*/
/*    -webkit-box-pack: justify;*/
/*    -webkit-justify-content: space-between;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    text-decoration: none !important;*/
/*}*/
/*.button-play-copy-old {*/
/*    padding-left: 50px;*/
/*    -webkit-align-self: center;*/
/*    -ms-flex-item-align: center;*/
/*    -ms-grid-row-align: center;*/
/*    align-self: center;*/
/*    -webkit-box-flex: 0;*/
/*    -webkit-flex: 0 0 auto;*/
/*    -ms-flex: 0 0 auto;*/
/*    flex: 0 0 auto;*/
/*    !*font-family: Montserrat, sans-serif;*!*/
/*    !*color: #081b3a;*!*/
/*    color: white;*/
/*    !*font-size: 18px;*!*/
/*    font-size: 1.7rem;*/
/*    line-height: 18px;*/
/*    !*font-weight: 700;*!*/
/*    text-decoration: none !important;*/
/*    text-transform: uppercase;*/
/*    !*color: rgb(8, 27, 58);*!*/
/*    line-height: 1.5;*/
/*}*/
/*.button-arrow-wrapper {*/
/*    display: none;*/
/*}*/
/*.button-arrow-wrapper-old {*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    width: 75px;*/
/*    height: 75px;*/
/*    -webkit-box-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-flex: 0;*/
/*    -webkit-flex: 0 0 auto;*/
/*    -ms-flex: 0 0 auto;*/
/*    flex: 0 0 auto;*/
/*    background-color: white;*/
/*    border: solid 25px #00ff00;*/
/*}*/
/*.button-arrow-right-icon-c {*/
/*    display: none;*/
/*}*/
/*.button-arrow-right-icon-c-old {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    -webkit-box-flex: 0;*/
/*    -webkit-flex: 0 0 auto;*/
/*    -ms-flex: 0 0 auto;*/
/*    flex: 0 0 auto;*/
/*    color: white;*/
/*}*/
/*.button-watch {*/
/*    !*background-color: #081b3a;*!*/
/*    !*background-color: #00ff00;*!*/
/*    background-color: #000000;*/
/*    color: white;*/
/*    !*transition: background-color 1s ease;*!*/
/*}*/
/*.button-watch .button-play-copy {*/
/*    color: white;*/
/*}*/
/*.button-trailer:hover, .button-trailer:hover .button-play-copy- {*/
/*    !*background-color: #081b3a;*!*/
/*    background-color: black;*/
/*    color: white;*/
/*    !*border-radius: 30px;*!*/
/*    text-decoration: none;*/
/*    !*transition: background-color 1s ease;*!*/
/*    border: 5px solid #00ff00;*/
/*}*/
/*.button-trailer:hover, .button-trailer:hover .button-play-copy {*/
/*    color: white;*/
/*    !*border: 5px solid #00ff00;*!*/
/*}*/

/*.button-trailer:hover .button-arrow-wrapper {*/
/*    !*border-color: #081b3a;*!*/
/*    !*border-radius: 30px;*!*/
/*    background-color: black;*/
/*    color: white;*/
/*    font-weight: bold;*/
/*    text-decoration: none;*/
/*}*/
/*.button-watch:hover, .button-watch:hover .button-play-copy- {*/
/*    !*background-color: #00ff00;*!*/
/*    !*background-color: #081b3a;*!*/
/*    background-color: white;*/
/*    color: black;*/
/*    font-weight: bold;*/
/*    !*border-radius: 30px;*!*/
/*    text-decoration: none;*/
/*    !*transition: background-color 1s ease;*!*/
/*}*/
/*.button-watch:hover .button-arrow-wrapper {*/
/*    border-color: #081b3a;*/
/*}*/

/*.button-play a {*/
/*    text-decoration: none;*/
/*    background-color: transparent;*/
/*}*/

/*.button_play:hover a {*/
/*    background-color: transparent;*/
/*}*/
/*.button-play-copy {*/
/*    padding: 7px;*/
/*    color: white;*/
/*    background-color: transparent;*/
/*}*/
/*.newPlaylist:hover {*/
/*    text-decoration: underline;*/
/*    color: white;*/
/*}*/
/*.poster {*/
/*    !*display: -webkit-box;*!*/
/*    !*display: -webkit-flex;*!*/
/*    !*display: -ms-flexbox;*!*/
/*    !*display: flex;*!*/
/*    !*margin-left: 135px;*!*/
/*    width: calc(100% - 270px);*/
/*    min-width: 300px;*/
/*    !*-webkit-box-pack: justify;*!*/
/*    !*-webkit-justify-content: space-between;*!*/
/*    !*-ms-flex-pack: justify;*!*/
/*    !*justify-content: space-between;*!*/
/*    !*-webkit-box-align: center;*!*/
/*    !*-webkit-align-items: center;*!*/
/*    !*-ms-flex-align: center;*!*/
/*    !*align-items: center;*!*/
/*    max-width: 100%;*/
/*    display: inline-block;*/
/*}*/

/*.main-synopsis, .main-synopsis p {*/
/*    text-align: justify;*/
/*}*/

.btn-dark {
    background-color: #aedae8 !important;
    color: black !important;
}

.btn-secondary:hover {
    background-color: #00ff00 !important;
    color: black !important;
}

/*.center {*/
/*    margin: 0;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    -ms-transform: translate(-50%, -150%);*/
/*    transform: translate(-50%, -150%);*/
/*}*/


.thumb-button-wrapper {
    overflow:hidden;
    max-height: 0;
    transition: 250ms ease-in-out;
}

.slideshow-wrapper-whole:hover .thumb-button-wrapper {
    max-height: 100px;

}
/*@media (max-width: 425px) {*/
/*    .modal-width-mobile{*/
/*        height: 300px!important;*/
/*    }*/
/*}*/

@media (max-width: 1800px) {
    .details-overlay{
        font-size: 15px!important;
    }
    .slideshow-button{
        padding: 10px 11px!important;
    }
    .slideshow-button-left{
        padding: 10px 11px!important;
    }
    .prIconMobile{
        padding-right: 0!important;
    }
    .material-icons{
        font-size: 22px!important;
    }
}

@media (max-width: 1500px) {
    .details-overlay{
        font-size: 10px!important;
    }
}

@media (max-width: 1024px) {
    .modal-width-mobile{
        height: 300px!important;
    }
    .poster-width{
        min-width: 236px!important;
    }
    .w-md-100{
        width: 100%!important;
    }
}

@media (max-width: 768px) {
    .text-mobile{
        font-size: 1.5rem!important;
    }
}

.ar {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.ar-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    transition: 250ms;
}
.ar-inner:hover{
    opacity: 1;
}

.ar-bg {
    width: 100%;
    padding-top: 33%;
    position: relative;
}
.ar-inner-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.ar-bg-image {
    background-position: center;
    background-size: cover;
}

.ar-img-type-2 { padding-top: 150%; }
.ar-img-type-3 { padding-top: 60%; }

.no-link{
    text-decoration: none!important;
    cursor: pointer;
}

.img-container {
    overflow: hidden;
    position: relative;
}

.img-holder {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .25s;
}

.img-holder:hover {
    transform: scale(1.125);
}

.catalogue-wrapper {
    padding-bottom: 55.55%;
}

.catalogue-overlay {
    bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.25);
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 255, 0, 0.8);
    z-index: 1;
}

.overlay:hover{
    opacity: 1;
}

.overlay-body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.btn-black{
    transition: .5s;
    background-color: #000;
    border: 4px solid #000;
    color: #fff;
    padding: 11px;
    border-radius: 10px;
    font-size: 20px;
    width: 70%;
    text-align: center;

}

.btn-black:hover{
    background-color: rgba(0,0,0,0.8)!important;
    border: 4px solid #000!important;
    color: #fff;
}

.slick-left{
    position: absolute;
    left: -0.5%;
    top: 30%;
    z-index: 1;
    cursor: pointer;
    width: 25px;
}

.slick-right{
    position: absolute;
    right: -0.5%;
    top: 30%;
    z-index: 1;
    cursor: pointer;
    width: 25px;
}

.btn-client{
    background-color: #aedae8!important;
    color: black;
    transition: .3s;
    text-transform: uppercase;
    font-size: 13px!important;
    padding: 3px 6px!important;
    font-weight: bold!important;
    letter-spacing: 1px;
    width: 100%;
}
.btn-client:hover{
    background-color: #00FF00!important;
}

.btn-view-trailer{
    width: calc(100% - 270px);
    min-width: 300px;
    min-height: 50px;
    border-radius: 30px;
    border: 5px solid #aedae8;
    background-color: #aedae8;
    color: black;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
    max-width: 100%;
    display: inline-block;
    /*transition: background-color 0.7s ease;*/
    padding-top: 2px;
    transition: .3s;
}
.btn-view-trailer:hover{
    background-color: #00FF00!important;
}

.background-image{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.cast-link{
    transition: .3s;
    color: #fff;
    text-decoration: none!important;
}

.cast-link:hover{
    color: #00FF00;
    text-decoration: none!important;
}

.icon-link{
    transition: .3s;
    color: #fff;
    text-decoration: none!important;
    cursor: pointer;
}

.icon-link:hover{
    color: #ADDAE8;
    text-decoration: none!important;
}

a:hover .cast-link .icon-link{
    text-decoration: none!important;
}

.modal-content {
    background-color: #333 !important;
    color: white !important;
}

.modal-header#kushtv-modal-header {
    color: white !important;
    padding: 0.5rem 1rem 0.25rem 1rem !important;
    border: none;
}
.modal-body#kushtv-modal-body{
    padding: 0.5rem;
}

.button-search {
    background-color: rgba(174, 218, 232, 1)!important;
    color: #000;
    transition: .3s!important;
    font-weight: bold!important;
}
.button-search:hover{
    background-color: rgba(0, 255, 0, 1)!important;
}

.img-border{
    border: 1px solid rgba(0, 255, 0, 0.4);
}

/* [1] The container */
.img-hover-zoom {
    height: 100%; /* [1.1] Set it as per your need */
    width: 100%;
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.1);
}

.myscreenhub-button{
    background-color: rgba(51, 51, 51, 1);
    border-radius: 50px;
    transition: .25s;
}
.myscreenhub-button:hover{
    background-color: rgba(51, 51, 51, 0.8);
}

.news-item{
    border: 1px solid lightgray;
    min-height: 360px;
    transition: .3s;
}
.news-item:hover{
    border: 1px solid #ADDAE8;
}

.bg-grey-client{
    /*background-color: #333333;*/
    background-color: #141414;

}

.footer-link{
    color: white;
    text-decoration: none!important;
    transition: .25s;
    font-size: 15px;
    padding: 5px 0px!important;
}
.footer-link:hover{
    color: #00FF00;
}

.btn-subscribe{
    background-color: #ADDAE8!important;
    color: black!important;
    /*text-transform: uppercase;*/
    font-weight: bold!important;
    transition: .25s!important;
}
.btn-subscribe:hover{
    background-color: #00FF00!important;
}

.footer-icon{
    color: #00FF00;
    transition: .25s;
    font-size: 20px;
}
.footer-icon:hover{
    color: #ADDAE8;
}

.full-title-banner {
    position: relative;
    padding-top: 41.66%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.vol-toggle-wrapper {
    background-color: rgba(255,255,255,.75);
    border-radius: 0.5rem;
    min-width: 3.25rem;
}

.vol-toggle {
    font-size:1.75rem;
    padding: 0.5rem;
}

.flickity-button {
    color: #00FF00 !important;
    background-color: transparent !important;
}
.flickity-button:focus {
    box-shadow: none !important;
}
@media(min-width: 577px) {
    .flickity-prev-next-button.previous {
        left: -40px !important;
    }

    .flickity-prev-next-button.next {
        right: -35px !important;
    }
}
.flickity-slider .title-poster-component, .flickity-slider .title-kushtv-poster-component, .flickity-slider .title-poster-fulltext-component, .flickity-slider .title-kushtv-poster-fulltext-component, .flickity-slider .title-poster-modal-component, .flickity-slider .title-poster-watchlist-component, .flickity-slider .featured-promotion-poster-component {
    width: calc(20% - 1rem);
}
.flickity-slider .title-kushtv-component, .flickity-slider .title-kushtv-fulltext-new-component, .flickity-slider .title-thumb-component, .flickity-slider .title-thumb-fulltext-component, .flickity-slider .title-event-component {
    width: calc(25% - 1rem);
}

#playing-now-title {
    display: none;
}

@media(max-width: 1200px) {
    .flickity-slider .title-poster-component, .flickity-slider .title-kushtv-poster-component, .flickity-slider .title-poster-fulltext-component, .flickity-slider .title-kushtv-poster-fulltext-component, .flickity-slider .title-poster-modal-component, .flickity-slider .title-poster-watchlist-component, .flickity-slider .featured-promotion-poster-component {
        width: calc(25% - 1rem);
    }
    .flickity-slider .title-kushtv-component, .flickity-slider .title-kushtv-fulltext-new-component, .flickity-slider .title-thumb-component, .flickity-slider .title-thumb-fulltext-component, .flickity-slider .title-event-component {
        width: calc((100% / 3) - 1rem);
    }
}

@media(max-width: 992px) {
    .flickity-slider .title-poster-component, .flickity-slider .title-kushtv-poster-component, .flickity-slider .title-poster-fulltext-component, .flickity-slider .title-kushtv-poster-fulltext-component, .flickity-slider .title-poster-modal-component, .flickity-slider .title-poster-watchlist-component, .flickity-slider .featured-promotion-poster-component {
        width: calc((100% / 3) - 1rem);
    }
    .flickity-slider .title-kushtv-component, .flickity-slider .title-kushtv-fulltext-new-component, .flickity-slider .title-thumb-component, .flickity-slider .title-thumb-fulltext-component, .flickity-slider .title-event-component {
        width: calc(50% - 1rem);
    }
}

@media(max-width: 768px) {
    .flickity-slider .title-poster-component, .flickity-slider .title-kushtv-poster-component, .flickity-slider .title-poster-fulltext-component, .flickity-slider .title-kushtv-poster-fulltext-component, .flickity-slider .title-poster-modal-component, .flickity-slider .title-poster-watchlist-component, .flickity-slider .featured-promotion-poster-component {
        width: calc(50% - 1rem);
    }
}

@media(max-width: 576px) {
    html {
        overflow-x: hidden;
    }
    .flickity-slider .title-poster-component, .flickity-slider .title-kushtv-poster-component, .flickity-slider .title-poster-fulltext-component, .flickity-slider .title-kushtv-poster-fulltext-component, .flickity-slider .title-poster-modal-component, .flickity-slider .title-poster-watchlist-component, .flickity-slider .featured-promotion-poster-component, .flickity-slider .title-kushtv-component, .flickity-slider .title-kushtv-fulltext-new-component, .flickity-slider .title-thumb-component, .flickity-slider .title-thumb-fulltext-component, .flickity-slider .title-event-component {
        width: 100%;
        margin: 0;
    }

    .flickity-slider .title-poster-component > .w-100 {
        padding-top: 120% !important;
        width: 80% !important;
        margin: 0 10%;
    }

    .flickity-slider .title-kushtv-poster-component > .w-100 {
        padding-top: 120% !important;
        width: 80% !important;
        margin: 0 10%;
    }

    .flickity-slider .title-poster-fulltext-component > .w-100 {
        padding-top: 120% !important;
        width: 80% !important;
        margin: 0 10%;
    }

    .flickity-slider .title-kushtv-poster-fulltext-component > .w-100 {
        padding-top: 120% !important;
        width: 80% !important;
        margin: 0 10%;
    }

    #media-now-playing {
        display: none !important;
    }
    #playing-now-title {
        display: block !important;
    }
}

.flickity-page-dots {
    display: none !important;
}

.js-cookie-consent.cookie-consent {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.75);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*color: #00FF00;*/
    color: #FFFFFF;
    font-size:1.25rem;
    gap: 1em;
}
.js-cookie-consent.cookie-consent * {
    width: 90%;
    max-width: 30em;
    text-align: center;
}
.js-cookie-consent.cookie-consent a {
    text-decoration: underline;
    color: #aedae8;
}
.cookie-button {
    background-color: #aedae8;
    color: black;
    border: none;
    padding: 0.5em 1em;
    border-radius: 10px;
    width: 20em !important;
}