@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{background-color:#020e18;font-family:Roboto Mono,sans-serif;margin:0;overflow-y:hidden}.app{text-align:center}.header-nav-wrapper{background-color:#fff;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}.header-bar{-webkit-animation:headerbar 15s ease infinite;animation:headerbar 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;height:5px;width:100%}.header-navbar{color:#9aa9bb;display:grid;grid-template:"link . . menu search";grid-template-columns:-webkit-max-content 1fr 1fr -webkit-max-content -webkit-max-content;grid-template-columns:max-content 1fr 1fr max-content max-content;height:50px;line-height:50px}.header-image>h1{color:#3498db;cursor:pointer;font-family:Cursive;font-weight:600;height:50px;margin-top:0;width:170px}.header-nav{grid-area:menu;margin-right:25px}.header-nav .header-nav-item{display:inline;list-style:none;padding-right:15px}.header-nav .header-nav-item .header-list-icon{padding-right:5px}.header-nav .active-item{color:#3498db}.header-nav-item{cursor:pointer}.header-nav-item .header-list-name{font-size:.9rem;font-weight:400;text-decoration:none;transition:color .3s ease-out}.header-nav-item a:hover{color:#3498db}.header-menu-toggle .bar{background-color:#3f3f3f;height:3px;margin:5px auto;transition:all .3s ease-in-out;width:25px}.header-menu-toggle{display:none;grid-area:menu;justify-self:end;margin-right:25px}.header-menu-toggle:hover{cursor:pointer}#header-mobile-menu.is-active .bar:nth-child(2){opacity:0}#header-mobile-menu.is-active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#header-mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.search-input{border:1px solid #9aa9bb;border-radius:5px;color:#9dbfaf;grid-area:search;height:36px;line-height:36px;margin-right:15px;margin-top:7px;outline:none;padding:5px;width:100px}.disabled{display:none}::-webkit-input-placeholder{color:#9aa9bb;font-size:14px}::-moz-placeholder{color:#9aa9bb;font-size:14px}:-ms-input-placeholder{color:#9aa9bb;font-size:14px}:-moz-placeholder{color:#9aa9bb;font-size:14px}@-webkit-keyframes headerbar{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes headerbar{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:840px){.header-nav-open{overflow:hidden}.header-navbar{display:grid;grid-template:"link . . search menu"}.header-navbar .header-nav{background-color:#fff;height:350px;overflow:hidden;text-align:justify;top:55px;-webkit-transform:translate(-101%);transform:translate(-101%);width:100%;z-index:10}.header-navbar .header-nav,.header-search{display:flex;flex-direction:column;position:fixed}.header-navbar li{list-style:none}.header-navbar li:first-child{margin-top:50px}.header-navbar li .header-list-name{font-size:1rem}.header-nav-item .header-list-icon{display:none}.bar,.header-menu-toggle{cursor:pointer;display:block;margin-top:13px}.header-mobile-nav{-webkit-transform:translate(0)!important;transform:translate(0)!important}.search-input{margin-right:55px}}.main{background-color:#020e18;height:100vh;overflow-y:scroll;text-align:center}.main-content{margin-bottom:50px}.grid-movie-title{color:#fff;display:grid;font-size:18px;grid-template-areas:"movieType . paginate";grid-template-columns:"max-content 1fr max-content";grid-template-rows:1fr;margin-bottom:30px;width:inherit}.grid-movie-title .movieType{grid-area:movieType;padding:8px 25px;text-align:left}.grid-movie-title .paginate{grid-area:paginate;padding-right:25px;text-align:right}.slider{display:flex;flex-direction:column;overflow:hidden;position:relative}.slider-image{background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:700px;text-align:center}.slider-nav{align-content:center;display:flex;justify-content:center;margin-top:10px;order:2}.slider-navButton{background:none;border:0;height:20px;opacity:.5;outline:none!important;padding:0;position:relative;transition:opacity .25s;width:20px}.slider-navButton:after{background:#345;border-radius:50%;content:"";display:block;height:6px;left:7px;position:absolute;top:7px;width:6px}.slider-navButton--active{opacity:1}.slider-navButton--active:after{height:12px;left:4px;opacity:1;top:4px;width:12px}.slider-arrows{height:0;left:0;position:absolute;top:calc(50% - 35px);width:100%;z-index:1}.slider-arrow{background:none;border:none;cursor:pointer;height:40px;opacity:.5;outline:none;outline:none!important;padding:0;position:absolute;transition:opacity .25s;width:21px}.slider-arrow:hover{opacity:1}.slider-arrow:after,.slider-arrow:before{background:#fff;border-radius:3px;content:"";display:block;height:23px;left:8px;position:absolute;width:5px}.slider-arrow:before{top:0}.slider-arrow:after{bottom:0}.slider-arrow--left{left:10px;opacity:1;top:0}.slider-arrow--left:before{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.slider-arrow--left:after{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.slider-arrow--right{opacity:1;right:10px;top:0}.slider-arrow--right:before{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.slider-arrow--right:after{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.indicators{list-style:none;padding:0;text-align:center}.indicators li{background:#fff;border:2px solid blue;border-radius:50%;cursor:pointer;display:inline-block;height:25px;margin:0 10px;width:25px}.indicators li.active{background:blue}.paginate-button{background-color:#dd003f;border:none;border-radius:30px;color:#fff;margin:0 15px;outline:none!important;padding:8px 15px;text-transform:uppercase}.disable{background:grey;cursor:none;pointer-events:none}.pageCount{color:#fff;margin:0 5px;padding:10px 5px}.grid{grid-row-gap:5rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid;grid-auto-rows:460px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:10px 25px 50px;row-gap:5rem}.grid-cell{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;color:#fff;display:grid;height:100%;position:relative;transition:all .5s;width:100%}.grid-cell,.grid-cell:hover{box-shadow:0 .15rem .5rem rgba(3,8,20,.1),0 .075rem .175rem rgba(2,8,20,.1)}.grid-cell:hover{-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}.grid-cell:hover .grid-read-more{background:rgba(49,56,64,.1);display:flex;transition:all 1s ease-out}.grid-read-more{align-items:center;display:none;flex-direction:column;justify-content:center}.grid-read-more .grid-cell-button{background-color:#dd003f;border:none;border-radius:30px;color:#fff;font-weight:700;outline:none;padding:8px 15px;text-transform:uppercase}.grid-read-more .grid-cell-button a{color:#fff;text-decoration:none}.grid-detail{bottom:0;overflow:hidden;padding-left:10px;padding-right:10px;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:320px}.grid-detail .grid-detail-title{color:#fff;font-size:14px;font-weight:700;text-transform:uppercase}.grid-detail .grid-detail-rating{display:flex;padding-top:4px}.grid-detail .grid-detail-rating .grid-vote-average{color:#fff;margin-top:-3px}.back-stars,.star-rating{display:flex}.back-stars{color:#bdbdbd;position:relative}.front-stars{color:#ffbc0b;display:flex;overflow:hidden;position:absolute;top:0}.spinner{left:50%;margin:100px auto 0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px}.spinner>div{animation:bounce 1.4s ease-in-out infinite both;-webkit-animation:bounce 1.4s ease-in-out infinite both;background-color:#fff;border-radius:100%;display:inline-block;height:18px;width:18px}.spinner .bounce1{animation-delay:-.32s;-webkit-animation-delay:-.32s}.spinner .bounce2{animation-delay:-.32s;-webkit-animation-delay:-.16s}@keyframes bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.grid-search-title{display:grid;font-size:18px;grid-template-areas:"text1 text2";grid-template-columns:-webkit-max-content;grid-template-columns:max-content;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;margin-top:100px;padding-left:25px;text-align:left}.grid-text1{color:#9aa9bb;grid-area:text1;padding-right:8px}.grid-text2{color:#fff;grid-area:text2}.movie-container{position:relative}.movie-bg,.movie-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.movie-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:515px;width:100%}.movie-overlay{background:rgba(0,0,0,.8);height:515px;z-index:2}.movie-details{grid-gap:10px;display:grid;grid-template-areas:"movieImage movieBody";grid-template-columns:400px 1fr;grid-template-rows:1fr;height:100vh;padding-left:50px;padding-right:50px;padding-top:200px;position:relative;z-index:3}.movie-image{grid-area:movieImage;height:550px;width:330px}.movie-image img{background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;max-height:100%;max-width:100%}.movie-body{grid-area:movieBody}.movie-body .movie-overview{height:auto}.movie-body .movie-overview .title{color:#fff;font-size:36px;font-weight:700;margin-bottom:25px;margin-top:-10px;text-align:left;text-transform:uppercase}.movie-body .movie-overview .title span{color:#4f5b68;font-size:24px;font-weight:300}.movie-body .movie-overview .movie-genres .genres{display:flex;height:49px;line-height:49px;margin-bottom:25px}.movie-body .movie-overview .movie-genres .genres li{color:#dd003f;font-size:14px;font-weight:700;list-style:none;margin-left:-20px;padding-right:35px;text-transform:uppercase}.movie-body .movie-overview .rating{display:flex;font-size:25px;height:49px;line-height:49px;margin-bottom:90px}.movie-body .movie-overview .rating .fas{color:#f5b50a;padding-left:4px}.movie-body .movie-overview .rating span{color:#9aa9bb;margin-top:-10px}.movie-body .movie-overview .rating p{color:#dd003f;font-size:18px;margin-left:10px}@media (max-width:1100px){.movie-details{grid-template-areas:"movieImage" "movieBody";grid-template-columns:1fr;grid-template-rows:1fr 1fr}}@media (max-width:600px){.movie-details{grid-template-areas:"movieImage" "movieBody";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.movie-body .movie-overview .title{word-wrap:break-word;font-size:16px;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:348px}.movie-body .movie-overview .title span{display:flex!important}.movie-body .movie-overview .movie-genres{margin-bottom:50px;text-align:left}.movie-body .movie-overview .movie-genres .genres{display:inline-block}.movie-body .movie-overview .movie-genres .genres li{color:#dd003f;font-size:14px;font-weight:700;list-style:none;text-transform:uppercase}.movie-body .rating{display:block!important}.movie-body .rating span{color:#9aa9bb;float:left!important;margin-left:3px!important;padding-top:10px}.movie-body .rating p{color:#dd003f;float:left!important;padding-top:10px}}@media (max-width:375px){.movie-image{height:450px;width:230px}.movie-body .movie-overview .title{font-size:16px;width:auto}.movie-body .movie-overview .title span{display:flex;font-size:18px}.movie-image{margin:0 auto}}@media (max-width:320px){.movie-body .movie-overview .title{font-size:14px;width:90%}.movie-body .movie-overview .title span{display:flex;font-size:18px}.movie-body .rating{width:90%}.movie-body .rating .rating-stars{font-size:18px!important}.movie-body .rating span{font-size:80%}.movie-image{margin:0 auto}}.tabs{text-align:left}.tab-list{cursor:pointer;display:inline;padding-left:0}.tab-list-item{color:#abb7c4;display:inline-block;font-size:18px;font-weight:700;list-style:none;margin-right:50px;padding-bottom:15px;text-align:center;text-transform:uppercase}.tab-list-active{border-bottom:3px solid #dcf836;color:#dcf836}@media (max-width:700px){.tab-list{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.tab-list-item{display:block;text-align:left}.tab-list-active{border-bottom:none;color:#dcf836}}.overview{display:grid;grid-template-columns:66.667% 33.334%;margin-top:40px}.overview-column-1{color:#abb7c4;font-size:14px;font-weight:300;line-height:24px}.overview-column-1 .cast .div-title{border-bottom:1px solid #233a50;color:#fff;font-size:15px;font-weight:700;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.overview-column-1 .cast table{background-color:inherit!important;border-collapse:collapse;font-size:14px;width:100%}.overview-column-1 .cast td,.overview-column-1 .cast th{padding:8px;text-align:left}.overview-column-1 .cast td:first-child{width:70px}.overview-column-1 .cast td:first-child img{border-radius:5px;margin-left:-5px}.overview-column-1 .cast td:nth-child(2){color:#4280bf;font-size:16px}.overview-column-2 .overview-detail{color:#abb7c4;font-size:14px;margin-bottom:30px;margin-left:30px}.overview-column-2 .overview-detail .product-company{background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:10px}.overview-column-2 .overview-detail .product-company img{height:30px;line-height:30px;margin-right:6px;width:30px}.overview-column-2 .overview-detail .product-company span{color:#4280bf;font-weight:300;line-height:25px;padding-right:5px;width:auto}.overview-column-2 .overview-detail h6{font-weight:700;margin-bottom:10px;text-transform:capitalize}.overview-column-2 .overview-detail p{font-weight:300;line-height:24px;text-transform:none}.overview-column-2 .overview-detail p a{color:#4280bf;padding-right:5px;text-decoration:none}.overview-column-2 .overview-detail p a:not(:last-child):after{content:","}@media (max-width:1100px){.overview{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.overview-column-2{margin-top:30px}}.cast{color:#abb7c4}.cast .div-title{border-bottom:1px solid #233a50;color:#fff;font-size:15px;font-weight:700;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.cast table{background-color:inherit!important;border-collapse:collapse;font-size:14px;width:100%}.cast .head{color:#fff;font-size:15px;font-weight:700}.cast td,.cast th{padding:8px;text-align:left}.cast td:first-child{width:70px}.cast td:first-child img{border-radius:5px;margin-left:-5px}.cast td:nth-child(2){color:#4280bf;font-size:16px}.media{display:grid;grid-template-areas:"title" "images" "videos";grid-template-columns:1fr;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.media-title{border-bottom:1px solid #233a50;color:#fff;font-size:15px;font-weight:700;grid-area:title;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.media-images{grid-row-gap:1rem;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem;display:grid;grid-area:images;grid-template-columns:repeat(auto-fill,minmax(330px,auto));row-gap:1rem}.media-images .image-cell{background-position:50%;background-repeat:no-repeat;background-size:cover;height:550px;transition:all .5s;width:330px}.image-cell:hover{box-shadow:0 .35em 1.175em rgba(2,8,20,.1),0 .175em .5em rgba(2,8,20,.08);-webkit-transform:translateY(-3px) scale(1.1);transform:translateY(-3px) scale(1.1)}.media-videos{grid-row-gap:1rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-area:videos;grid-template-columns:repeat(auto-fill,minmax(330px,auto));row-gap:1rem}.media-videos .video{height:313px}.movie-reviews .div-title{border-bottom:1px solid #233a50;color:#fff;font-size:15px;font-weight:700;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.movie-reviews .reviews{color:#abb7c4;font-size:14px;font-weight:300;line-height:24px;margin-bottom:30px;text-align:justify}.movie-reviews .reviews h3{font-size:18px;font-weight:700;margin-bottom:20px}.movie-reviews p{color:#abb7c4;font-size:16px}.error-page{color:#fff;font-size:100%;height:100%;line-height:1.5}.error-page .error-link{border:1px solid #efefef;border-radius:3px;color:#fff;font-size:1.2rem;font-weight:300;margin:auto;padding:.5em;text-align:center;text-decoration:none!important}.error-page .error-link:hover{color:#fff}.error-page .error-msg{font-size:2em;font-weight:100;margin-bottom:10rem;text-align:center}.error-page .error-header{font-size:15em;font-weight:100;text-align:center}
/*# sourceMappingURL=main.2a30413c.css.map*/