:root{--primaryColor:#e50914;--bgColor:#181818;--textColor:#fff;--secondaryColor:#202020;--scrollColor:#252736;--thumbColor:#1e1d2b;--scrollBarColor:#252736;--boxShadowPrimary:rgba(229,9,20,0.7)}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Poppins,sans-serif}body,html{padding:0;margin:0;background:var(--bgColor)!important}#nprogress .bar{background:var(--primaryColor)!important}#nprogress .peg{-webkit-box-shadow:0 0 10px var(--primaryColor),0 0 5px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor),0 0 5px var(--primaryColor)}#nprogress .spinner-icon{border-top-color:var(--primaryColor);border-left-color:var(--primaryColor)}.light-mode{--primaryColor:#e50914;--secondaryColor:#f8f9fa;--bgColor:#fff;--textColor:#000;--scrollColor:#dbdbdb;--thumbColor:#a8a8a8;--scrollBarColor:#f1f1f1}h1,h2,h3,h4,h5,h6{color:var(--textColor)}a{color:inherit;text-decoration:none}.container-xxxl{max-width:1440px;padding:0 5%;margin:auto}::-webkit-scrollbar{background-color:var(--scrollBarColor)}::-webkit-scrollbar-thumb{background-color:var(--thumbColor);border-radius:40px;border:4px solid transparent;background-clip:padding-box}.view-all{color:var(--textColor)}.pagination .page-link,.view-all:hover{color:var(--primaryColor)}.pagination .active .page-link{background-color:var(--primaryColor)!important}.pagination .active .page-link:focus{border-color:rgba(111,87,235,.7);-webkit-box-shadow:0 0 0 3px rgba(111,87,235,.3);box-shadow:0 0 0 3px rgba(111,87,235,.3);outline:none}.pagination-horizontal{overflow:auto}.pagination-horizontal::-webkit-scrollbar{display:none}.next-text-primary{color:var(--primaryColor)}.text-title{border-left:2px solid var(--primaryColor);padding-left:12px}.wrap-load-more{width:100%;margin:0 auto;text-align:center}.btn-custom-primary{background-color:var(--primaryColor);color:#fff;margin:0 auto}.btn-custom-primary:hover{color:#fff}.navbar{background-color:var(--bgColor);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);box-shadow:0 1px 5px rgba(0,0,0,.4)}.navbar .nav-item .nav-link,.navbar .navbar-brand{color:var(--textColor)}.navbar .nav-item .nav-link:hover{color:var(--primaryColor);text-shadow:0 0 5px rgba(111,87,235,.3)}.navbar .btn-outline-primary{border:1px solid var(--primaryColor);color:var(--primaryColor)}.navbar .btn-mode:hover,.navbar .btn-outline-primary:hover{color:#fff;background-color:var(--primaryColor);-webkit-box-shadow:0 0 10px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor)}.navbar .btn-mode,.navbar .navbar-toggler{color:var(--primaryColor)}.navbar .btn-mode{width:30px;height:30px;background-color:transparent;outline:none;border:none;margin-left:10px;border:1px solid var(--primaryColor);border-radius:50%;display:grid;place-items:center;-webkit-transition:.3s;transition:.3s}.navbar .search-input{border-color:var(--secondaryColor);background-color:var(--secondaryColor);color:#fff}.navbar .search-input:focus{-webkit-box-shadow:none;box-shadow:none}.navbar .input-group-text{border:none;cursor:pointer}.footer,.navbar .input-group-text{background-color:var(--secondaryColor)}.footer{color:var(--textColor)}.section-discover .discover-wrapper .movie-item{display:inline-block;max-width:400px;margin-right:30px;font-size:.75em}.section-category .button-wrapper{overflow:auto;white-space:nowrap;padding:10px}.section-category .button-wrapper::-webkit-scrollbar{background-color:transparent;height:13px}.section-category .button-wrapper::-webkit-scrollbar-thumb{background-color:transparent}.section-category .button-wrapper:hover::-webkit-scrollbar-thumb{background-color:var(--scrollColor)}.section-category .button-wrapper .btn{display:inline-block;background-color:var(--secondaryColor);color:var(--textColor);border-radius:40px;margin-right:15px;-webkit-transition:none;transition:none}.section-category .button-wrapper .btn-active,.section-category .button-wrapper .btn:focus{-webkit-box-shadow:0 0 10px var(--boxShadowPrimary);box-shadow:0 0 10px var(--boxShadowPrimary)}.section-category .button-wrapper .btn-active{background-color:var(--primaryColor);color:#fff}.section-movies select{max-width:375px;border-radius:5px}.section-movies select:focus{border-color:rgba(111,87,235,.7);-webkit-box-shadow:0 0 0 3px rgba(111,87,235,.3);box-shadow:0 0 0 3px rgba(111,87,235,.3);outline:0 none}.section-movies .button-wrapper{border:1px solid var(--primaryColor);border-radius:40px;padding:5px}.section-movies .button-wrapper .btn:focus{-webkit-box-shadow:0 0 10px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor)}.section-movies .button-wrapper .btn-trending{display:block;background-color:var(--secondaryColor);color:var(--textColor);border-radius:40px;margin-right:8px}.section-movies .button-wrapper .btn-trending:last-child{margin-right:0}.section-movies .button-wrapper .btn-active{background-color:var(--primaryColor);-webkit-box-shadow:0 0 10px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor);color:#fff;z-index:9}.section-trending .button-wrapper{border:1px solid var(--primaryColor);border-radius:40px;padding:5px}.section-trending .button-wrapper .btn:focus{-webkit-box-shadow:0 0 10px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor)}.section-trending .button-wrapper .btn-trending{display:block;background-color:var(--secondaryColor);color:var(--textColor);border-radius:40px}.section-trending .button-wrapper .btn-trending:first-child{margin-right:8px}.section-trending .button-wrapper .btn-active{background-color:var(--primaryColor);-webkit-box-shadow:0 0 10px var(--primaryColor);box-shadow:0 0 10px var(--primaryColor);color:#fff;z-index:9}.detail-movie{min-height:100vh}.detail-movie .section-backdrop{position:relative}.detail-movie .section-backdrop:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:-webkit-gradient(linear,left bottom,left top,from(var(--bgColor)),to(transparent));background:-webkit-linear-gradient(bottom,var(--bgColor),transparent);background:linear-gradient(to top,var(--bgColor),transparent)}.detail-movie .section-backdrop img{width:100%;height:600px;object-fit:cover}.detail-movie .section-content{max-width:1440px;color:var(--textColor);background-color:var(--bgColor);margin:-200px auto auto;border-radius:30px 30px 0 0;position:relative}.detail-movie .section-content .section-header{padding-top:5%;padding-bottom:5%;-webkit-align-items:center;-moz-box-align:center;align-items:center}.detail-movie .section-content .section-header>.wrap-img{width:125px;margin:0 20px 0 0;border-radius:20px;overflow:hidden}.detail-movie .section-content .section-header .section-title h1{font-size:1.25em}.detail-movie .section-content .section-header .section-title p,.detail-movie .section-content .section-header .section-title span{font-size:.75em}.detail-movie .section-content .section-header .section-title img{width:20px}.detail-movie .section-content .section-info{display:grid;grid-template-columns:100%;text-align:justify}.detail-movie .section-content .section-info .info-crew{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.detail-movie .section-content .section-info .info-movie{display:grid;grid-template-columns:repeat(2,50%)}.crew h5{font-size:1em}.crew p{font-size:.8em}.cast-wrapper{overflow:auto;white-space:nowrap;display:-webkit-flex;display:-moz-box;display:flex}.cast-wrapper::-webkit-scrollbar{background-color:transparent;height:20px}.cast-wrapper::-webkit-scrollbar-thumb{background-color:var(--scrollColor)}.cast-box{display:inline-block;max-width:90px;white-space:normal;font-size:.8rem;margin-right:20px;text-align:center}.img-cast{width:90px;height:90px;object-fit:cover;border-radius:50%}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:none;place-items:center}.overlay.active{display:grid}.overlay.active .trailer-wrapper .video-trailer{display:block}.overlay .trailer-wrapper{position:relative;background-color:#000;width:90%;max-width:950px}.overlay .trailer-wrapper button{position:absolute;top:10px;right:10px;outline:none;border:none;width:30px;height:30px;border-radius:50%}.overlay .trailer-wrapper h5{padding:15px 0 5px 15px;font-size:1.2em}.overlay .trailer-wrapper .video-trailer{display:none;width:100%;aspect-ratio:16/9}.trailer-box button .fa-times{color:#000}.detail-movie .section-recom .movie-item,.detail-movie .section-recom .movie-item .movie-info h6{max-width:300px}.btn-trailer{outline:none;border:none;background-color:var(--secondaryColor);color:var(--textColor);border-radius:20px;padding:5px 10px}@media(min-width:540px){.detail-movie .section-backdrop img{height:300px}.detail-movie .section-content{margin-top:0;border-radius:30px;border-radius:0}.detail-movie .section-content .section-header{-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}.detail-movie .section-content .section-header>.wrap-img{width:150px;margin:-75px 30px 0 0}.detail-movie .section-content .section-header .section-title h1{font-size:1.5em}.detail-movie .section-content .section-header .section-title p,.detail-movie .section-content .section-header .section-title span{font-size:1em}.detail-movie .section-content .section-header .section-title img{width:20px}.detail-movie .section-content .section-info .info-crew{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}.detail-movie .section-content .section-info .info-crew .crew:first-child{width:33.333%}.detail-movie .section-content .section-info .info-movie{grid-template-columns:repeat(3,33.333%)}}@media(min-width:768px){.detail-movie .section-content{margin-top:0;border-radius:30px;border-radius:0}.detail-movie .section-content .section-header{-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}.detail-movie .section-content .section-header>.wrap-img{width:150px;margin:-75px 30px 0 0}.detail-movie .section-content .section-header .section-title h1{font-size:2em}.detail-movie .section-content .section-info .info-movie{grid-template-columns:repeat(4,25%)}}@media(min-width:992px){.detail-movie .section-backdrop img{height:450px;object-position:initial}.detail-movie .section-content .section-header>.wrap-img{width:200px;margin:-100px 30px 0 0}.detail-movie .section-content .section-info{grid-template-columns:75% 20%;grid-template-rows:auto auto;grid-column-gap:50px;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px}.crew h5{font-size:1.25em}.crew p{font-size:1em}.detail-movie .section-content .section-info .info-movie{grid-area:1/2/3/3;grid-template-columns:1fr}}.scroll-wrapper{overflow:auto;white-space:nowrap}.scroll-wrapper::-webkit-scrollbar{display:none}.scroll-wrapper .movie-item{display:inline-block;max-width:150px;font-size:.75em;margin-right:30px}.grid-wrapper .movie-item{display:inline-block;width:50%;font-size:.75em;margin-bottom:25px}.movie-item a{color:var(--textColor)}.movie-item a .movie-poster img{max-width:100%;border-radius:20px}.movie-item a:hover .movie-info h5,.movie-item a:hover .movie-info h6{color:var(--primaryColor)}.movie-item a .movie-info h6{max-width:150px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.fa-star{color:#febd57}@media(min-width:576px){.grid-wrapper .movie-item{width:33.333%}}@media(min-width:768px){.grid-wrapper .movie-item{width:25%}}@media(min-width:992px){.scroll-wrapper::-webkit-scrollbar{display:block;background-color:transparent;height:10px}.scroll-wrapper::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--scrollColor);background-clip:border-box;background-clip:initial;border:none}.scroll-wrapper .movie-item{max-width:100%}.grid-wrapper .movie-item{width:20%}}.not-found{min-height:100vh;background-color:var(--bgColor);color:var(--textColor);display:grid;place-items:center;padding:0 10%}.not-found .btn-outline-primary{border:1px solid var(--primaryColor);color:var(--primaryColor)}.not-found .btn-outline-primary:hover{color:#fff;background-color:var(--primaryColor);-webkit-box-shadow:0 0 10px rgba(111,87,235,.7);box-shadow:0 0 10px rgba(111,87,235,.7)}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #29d,0 0 5px #29d;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}