.navbar{background:var(--secondary-color);width:100%}.logo{width:20.5rem}.hamburger{display:none}.navbar-content{display:flex;align-items:center;justify-content:space-between}.navbar-list-item:not(:last-child){margin-right:6rem}.navbar-list-item{position:relative}.navbar-list-item:after{content:"";width:0;height:2px;background-color:var(--primary-color);position:absolute;bottom:-.5rem;left:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.navbar-list-item:hover:after{width:100%}@media only screen and (max-width:1024px){.logo{width:15rem}.navbar-content{position:relative}.navbar-container{padding:0}.navbar-menu{width:100%;height:100%;display:flex;justify-content:flex-end}.navbar-list{position:absolute;bottom:-23.5rem;right:0;z-index:5;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--secondary-color);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .4s ease;transition:all .4s ease}.navbar-list-item:not(:last-child){margin-bottom:1rem;margin-right:0;width:100%;text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--text-color)}.hamburger{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;cursor:pointer}.hamburger>div{position:relative;width:100%;height:3px;background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease}.hamburger>div:after,.hamburger>div:before{content:"";position:absolute;top:-1rem;right:0;width:3rem;height:3px;background-color:#fff}.hamburger>div:after{top:1rem}.menu-open.hamburger>div{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-open.hamburger>div:after,.menu-open.hamburger>div:before{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-open+.navbar-list{-webkit-transform:scale(1);transform:scale(1)}.navbar-list-item:after{display:none}}.auto-complete{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:80%;height:20rem;z-index:500;padding:1rem 2rem;background-color:var(--secondary-color);color:var(--text-color);overflow:scroll;overflow-x:hidden;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.list-movie a{-webkit-transition:all .4s;transition:all .4s}.list-movie:hover a{color:var(--primary-color)}.list-movie:not(:last-child){border-bottom:1px solid var(--text-color);padding-bottom:.5rem}@media only screen and (max-width:400px){a{font-size:1.2rem}}.searchbar{margin:4rem 0}.input,.searchbar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-input,.input{position:relative}.form-input{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:center}.search-input{width:100%;height:5.5rem;padding:1rem 2rem;border:none;background:#414141;border-radius:5rem;color:#fff;font-size:1.8rem}.search-input:focus{outline:none}.search-icon-container{width:auto;height:auto;position:absolute;top:50%;right:3%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.search-icon{color:var(--primary-color);-webkit-transition:all .3s;transition:all .3s;will-change:contents}.search-icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:1024px){.search-input{height:4.5rem}.search-icon-container,.search-input{font-size:1.6rem}}@media only screen and (max-width:768px){.search-input{font-size:1.4rem}}.footer{width:100%;height:10rem;background-color:var(--secondary-color);margin-top:5rem}.footer-container{display:flex;justify-content:space-between;align-items:center;height:10rem;width:100%;color:#fff}.footer img{width:10%}@media only screen and (max-width:1024px){.footer img{width:20%}}@media only screen and (max-width:670px){.footer{font-size:1.6rem}}@media only screen and (max-width:400px){.footer{font-size:1.2rem}}.movie-card{min-width:35rem;height:52rem;position:relative;overflow:hidden}.poster{position:relative;z-index:-1;-webkit-transform:scale(1);transform:scale(1)}.image-overlay,.poster{width:100%;height:100%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.image-overlay{position:absolute;top:0;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.9)));background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.9))}.movie-card:hover{cursor:pointer}.movie-card:hover .play-video{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}.movie-card:hover .image-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.9))}.movie-card:hover .poster{-webkit-transform:scale(1.1);transform:scale(1.1)}.movie-card{margin-right:8rem}.movie-card-content{position:absolute;bottom:0;left:0;padding:2rem;width:100%;color:#fff}.movie-card-content i{color:var(--star-color)}.movie-card-title{font-size:2.5rem;font-weight:700;margin:.5rem 0;display:block;-webkit-transition:color .4s;transition:color .4s}.movie-card-title:hover{color:var(--primary-color)}.play-video{font-size:10rem;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%);opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@media only screen and (max-width:400px){.movie-card-content{font-size:1.4rem}.movie-card-title{font-size:2rem}.play-video{font-size:5rem}.genre-bottom{display:none}.movie-card{margin-right:0}.movie-card:hover .play-video{display:none}}.title{width:100%;border-bottom:1px solid #fff;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;margin-bottom:5rem}.title-heading{font-size:3rem;color:#fff;text-transform:capitalize}.title-more,.title-more i{color:#9c9c9c;-webkit-transition:color .4s;transition:color .4s}.title-more:hover,.title-more:hover i{color:var(--primary-color)}@media only screen and (max-width:670px){.title-heading{font-size:2.2rem}.title-more{font-size:1.6rem}}@media only screen and (max-width:400px){.title-heading{font-size:1.8rem}.title-more{font-size:1.2rem}}.movie-slider-container{position:relative;margin-right:1rem}.movie-card-wrapper{overflow:hidden}.movie-card-container{width:auto;display:flex;align-items:center;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}@media only screen and (max-width:1024px){.movie-card-wrapper{overflow:hidden;overflow-x:scroll}}@media only screen and (max-width:500px){.movie-slider-container{display:flex;align-items:center;justify-content:center}}.movie-trailer{display:flex;align-items:center;justify-content:center;position:relative;min-width:100%}.movie-trailer img{width:100%}.video-detail{position:absolute;bottom:0;left:0;width:100%;height:30%;background:rgba(0,0,0,.5);display:flex;padding-left:3rem;flex-direction:column;justify-content:center}.movie-title{font-size:2.3rem;font-weight:700;display:block;-webkit-transition:color .4s;transition:color .4s}.movie-title:hover{color:var(--primary-color)}.play-video-btn{position:absolute;background:#f13434;border-radius:50%;color:#fff;width:8vw;height:8vw;display:flex;align-items:center;justify-content:center;-webkit-transition:all .4s;transition:all .4s;cursor:pointer}.play-video-btn i{font-size:3vw;-webkit-transform:translateX(10%);transform:translateX(10%)}.play-video-btn:hover{background-color:#f34040}@media only screen and (max-width:768px){.video-detail{justify-content:space-around}.movie-title{font-size:2rem}}@media only screen and (max-width:670px){.movie-title{font-size:1.8rem}}@media only screen and (max-width:400px){.movie-title{font-size:1.4rem}.movie-genres{display:none}}.video-container{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:5;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.video-container i{position:absolute;top:5%;right:5%;font-size:3rem;color:#fff;cursor:pointer}.video{width:90vw;height:70vh}.movies-trailer-slider{margin-top:10rem;padding:5rem 0;background-color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;position:relative}.movies-trailer-slider-container{width:70%;position:relative}.movies-trailer-slider-heading{border-bottom:1px solid #fff;margin-bottom:4rem;padding-bottom:1rem}.movies-trailer-slider-header{font-size:3rem;color:#fff;text-align:center}.movie-trailer-container{overflow:hidden}.movie-trailer-wrapper{position:relative;display:flex;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.next-trailer,.prev-trailer{position:absolute;color:#fff;font-size:10rem;cursor:pointer}.next-trailer{bottom:0;right:-1rem;-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%)}.prev-trailer{bottom:0;left:-1rem;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}@media only screen and (max-width:1024px){.next-trailer,.prev-trailer{font-size:7rem}}@media only screen and (max-width:400px){.next-trailer,.prev-trailer{font-size:3rem}}.movie-card-details{background:var(--secondary-color);display:grid;grid-template-columns:1fr 2fr;grid-column-gap:2rem}.movie-card-details>a{height:100%}.movie-card-details img{height:100%;width:100%;background:#fff;margin-right:2rem}.movie-card-detail{margin:2rem 0 1rem;color:#fff;width:100%;display:flex;flex-direction:column;justify-content:space-between}.movie-card-details-title{font-size:2.5rem;font-weight:700;display:block;-webkit-transition:all .4s;transition:all .4s}.movie-card-details-title:hover{color:var(--primary-color)}.movie-card-details-overview{color:var(--text-color);margin:1rem 0;font-size:1.6rem;overflow:hidden;width:95%;height:14rem}.movie-card-details-bottom{width:95%;font-size:1.6rem}.rating i{color:var(--star-color)}.divider{width:100%;height:2px;background-color:#fff;margin:.5rem 0}.movie-card-details-footer i{color:var(--primary-color)}.movie-card-details-footer span{margin-right:2rem}@media only screen and (max-width:1024px){.movie-card-details-overview{height:20rem}}@media only screen and (max-width:800px){.movie-card-details-title{font-size:2rem}.movie-card-details-overview{font-size:1.4rem}.movie-card-details-bottom{display:none}}@media only screen and (max-width:600px){.movie-card-details-overview{height:8rem}}@media only screen and (max-width:450px){.movie-card-details-title{font-size:1.5rem}.movie-card-details-overview{font-size:1rem;height:9rem}}.movies-grid-container{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:10rem;grid-row-gap:5rem}@media only screen and (max-width:1600px){.movies-grid-container{grid-template-columns:1fr;grid-column-gap:0}.movies-grid{display:flex;flex-direction:column;align-items:center;justify-content:center}}.loading{position:fixed;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;z-index:1000;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.loading-text{color:#fff;font-size:4rem;font-weight:500;opacity:1;-webkit-animation:fadeInOut 2s infinite;animation:fadeInOut 2s infinite}@-webkit-keyframes fadeInOut{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}@keyframes fadeOut{0%{opacity:1;display:block}to{opacity:0;display:none}}.detail{border-bottom:1px solid #fff;padding:.5rem 0;margin-bottom:1rem}.detail h3{color:#fff;font-size:2rem}.detail p{margin:.5rem 0}.detail i{color:var(--star-color);margin-right:.5rem}@media only screen and (max-width:768px){.detail{margin-bottom:.5rem}.detail p{margin:.3rem}}@media only screen and (max-width:400px){.detail p{font-size:1.2rem}.detail h3{font-size:1.6rem}}.movie-details{background-color:var(--secondary-color);padding:3rem}.details{display:grid;grid-template-columns:1fr 3fr}.right-side h2,.right-side h3{color:#fff}.right-side h2{font-size:3.5rem}.detail-group,.overview{margin-bottom:3rem}.left-side{margin-right:4rem}.left-side img{width:100%;height:55rem;background:#fff;margin-bottom:2rem}.movie-genre{color:var(--text-color)}.name:not(:last-child):after{content:", "}@media only screen and (max-width:1366px){.left-side img{height:35rem}}@media only screen and (max-width:1024px){.left-side img{height:25rem}}@media only screen and (max-width:900px){.details{display:flex;flex-direction:column}.left-side{display:flex;align-items:center;margin-bottom:5rem}.left-side img{margin-right:5rem;margin-bottom:0}.left-group-detail,.left-side img{width:50%;height:100%}}@media only screen and (max-width:600px){.left-side{flex-direction:column;width:100%;margin-right:0;align-items:stretch}.left-side img{width:100%;margin-bottom:3rem}.left-group-detail{width:100%}.right-side h2{font-size:2.2rem;margin-bottom:1rem}.right-side h3{font-size:1.8rem}.right-side a,.right-side p,.right-side span{font-size:1.4rem}}.trailer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.trailer-container{width:60%}.trailer-heading{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #fff;color:#fff;text-align:center;font-size:3rem}@media only screen and (max-width:1024px){.trailer-container{width:80%}}@media only screen and (max-width:600px){.trailer-container{width:100%}.trailer-heading{font-size:2rem}}.pagination{display:flex;align-items:center;justify-content:flex-end;margin-top:3rem}.pagination-link:not(:last-child){margin-right:1rem}.pagination-link{-webkit-transition:all .4s;transition:all .4s;font-size:2rem;font-weight:500}.current-active,.pagination-link:hover{color:var(--primary-color)}.back{margin-right:0}.ellipses{margin-right:.5rem}@media only screen and (max-width:400px){.pagination-link{font-size:1.6rem}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#01d277;--secondary-color:#212121;--background-color:#2d2d2d;--text-color:#9c9c9c;--heading-color:#ccc;--star-color:#ffc000}html{font-size:62.5%;font-family:"Montserrat",sans-serif;background-color:#2d2d2d;background-color:var(--background-color);color:#9c9c9c;color:var(--text-color)}body{font-size:1.8rem;line-height:1.8}a{text-decoration:none;color:#fff}ul{list-style:none}.container{max-width:85%;margin:0 auto;padding:1rem 0}.next-movie,.prev-movie{width:8rem;height:8rem;color:#fff;font-size:4rem;background-color:#01d277;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer}.prev-movie{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.next-movie{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.movie-genre{-webkit-transition:color .4s;transition:color .4s;color:#fff}.movie-genre:not(:last-child):after{content:","}.movie-genre:not(:last-child){margin-right:.5rem}.movie-genre:hover{color:#01d277;color:var(--primary-color)}.text-normal{color:#9c9c9c;color:var(--text-color)}.text-small{font-size:1.6rem}.btn{display:inline-block;text-align:center;width:20rem;height:5rem;border:none;border-radius:5rem;background-color:#01d277;background-color:var(--primary-color);color:#fff;font-size:1.8rem;padding:.7rem 2rem;cursor:pointer;-webkit-transition:all .4s;transition:all .4s}.btn:hover{background-color:#12b46d}@media only screen and (max-width:1366px){.container{max-width:90%}}@media only screen and (max-width:768px){.movie-genre{font-size:1.2rem}}@media only screen and (max-width:400px){.movie-genre{font-size:1rem}.next-movie,.prev-movie{background-color:transparent}.next-movie{-webkit-transform:translate(20%,-50%);transform:translate(20%,-50%)}.prev-movie{-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%)}}
/*# sourceMappingURL=main.a71b6c7f.chunk.css.map */