@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{margin:0;font-family:"Montserrat","sans-serif";background-color:#020e18;color:#4f5a5e}.app{text-align:center}.header-nav-wrapper{width:100%;top:0;background-color:#fff;position:-webkit-sticky;position:sticky;z-index:20}.header-bar{width:100%;height:5px;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:headerbar 15s ease infinite}.header-navbar{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;color:#4f5a5e}.header-image{grid-area:link;width:130px;height:130px;margin-left:25px;margin-top:-2px}.header-image:hover{cursor:pointer}.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 .header-nav-item:hover{cursor:pointer}.header-nav .active-item{color:#d18f09}.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{width:25px;height:3px;background-color:#3f3f3f;margin:5px auto;transition:all .3s ease-in-out}.header-menu-toggle{grid-area:menu;justify-self:end;margin-right:25px;display:none}.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{transform:translateY(8px) rotate(45deg)}#header-mobile-menu.is-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.search-input{grid-area:search;margin-top:10px;width:auto;border:1px solid #4f5a5e;padding:5px;height:36px;border-radius:5px;outline:none;color:#606a6e;line-height:36px}.disabled{display:none}::-webkit-input-placeholder{color:#4f5a5e;font-size:14px}::-moz-placeholder{color:#4f5a5e;font-size:14px}:-ms-input-placeholder{color:#4f5a5e;font-size:14px}:-moz-placeholder{color:#4f5a5e;font-size:14px}@keyframes headerbar{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:720px){.header-nav-open{overflow:hidden}.header-navbar .header-nav{top:55px;background-color:#fff;width:100%;height:calc(100vh - 55px);transform:translate(-101%);text-align:justify;overflow:hidden;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{display:block;cursor:pointer;margin-top:13px}.header-mobile-nav{transform:translate(0)!important}.search-input{margin-right:15px}}.main{text-align:center;height:100vh;background-color:#020e18;overflow-y:scroll}.main-content{margin-bottom:50px}.grid-movie-title{display:grid;grid-template-areas:"movieType . paginate";grid-template-columns:-webkit-max-content 1fr -webkit-max-content;grid-template-columns:max-content 1fr max-content;grid-template-rows:1fr;margin-bottom:30px;font-size:18px;color:#fff;width:inherit}.grid-movie-title .movieType{grid-area:movieType;text-align:left;padding:8px 25px;color:#fff}.grid-movie-title .paginate{grid-area:paginate;text-align:right;padding-right:25px}.slider{overflow:hidden;position:relative;display:flex;flex-direction:column}.slider-image{background-size:cover;background-position:50%;background-repeat:no-repeat;height:700px;color:#fff;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;position:relative;transition:opacity .25s;width:20px;padding:0}.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;height:40px;opacity:.5;outline:none;position:absolute;transition:opacity .25s;padding:0;width:21px;outline:none!important;cursor:pointer}.slider-arrow:hover{opacity:1}.slider-arrow:after,.slider-arrow:before{background:#fff;border-radius:3px;content:"";display:block;height:23px;position:absolute;width:5px;left:8px}.slider-arrow:before{top:0}.slider-arrow:after{bottom:0}.slider-arrow--left{opacity:1;top:0;left:10px}.slider-arrow--left:before{transform:rotate(30deg)}.slider-arrow--left:after{transform:rotate(-30deg)}.slider-arrow--right{opacity:1;top:0;right:10px}.slider-arrow--right:before{transform:rotate(-30deg)}.slider-arrow--right:after{transform:rotate(30deg)}.indicators{padding:0;list-style:none;text-align:center}.indicators li{cursor:pointer;display:inline-block;margin:0 10px;width:25px;height:25px;border-radius:50%;border:2px solid #00f;background:#fff}.indicators li.active{background:#00f}.about-container{width:90%;background-color:transparent;padding:90px 0;display:flex;justify-content:space-between;margin:0 auto 100px;overflow-x:hidden}@media (min-width:850px) and (max-width:1111px){.about-container{flex-direction:column;margin-bottom:90px;padding:0;overflow-x:hidden}}@media (min-width:501px) and (max-width:850px){.about-container{flex-direction:column;margin-bottom:90px;padding:0;overflow-x:hidden}}@media (min-width:0px) and (max-width:500px){.about-container{flex-direction:column;margin-bottom:90px;padding:0;overflow-x:hidden}}.about-container .catchphrase{font-style:italic}.about-container .about-img{width:90%;height:280px;border-radius:4px;background-position:bottom;background-size:cover;background-repeat:no-repeat}@media (min-width:850px) and (max-width:1111px){.about-container .about-img{height:490px;margin-top:60px}}@media (min-width:501px) and (max-width:850px){.about-container .about-img{height:372px;margin-top:60px}}@media (min-width:0px) and (max-width:500px){.about-container .about-img{height:265px;margin-top:40px}}.about-container .text-container{color:#e8e8e8;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (min-width:850px) and (max-width:1111px){.about-container .text-container{text-align:center;align-items:center;height:240px;justify-content:space-evenly}}@media (min-width:501px) and (max-width:850px){.about-container .text-container{text-align:center;align-items:center;height:300px;justify-content:space-evenly}}@media (min-width:0px) and (max-width:500px){.about-container .text-container{text-align:center;align-items:center;height:300px;justify-content:space-evenly}}.about-container .about-copy{margin-right:25%;text-align:left}@media (min-width:850px) and (max-width:1111px){.about-container .about-copy{margin:0;width:70%}}@media (min-width:501px) and (max-width:850px){.about-container .about-copy{margin:0;width:70%;font-size:1.1rem}}@media (min-width:0px) and (max-width:500px){.about-container .about-copy{margin:0;width:70%;font-size:1.1rem}}.paginate-button{background-color:#f7bc45;padding:8px 15px;text-transform:uppercase;color:#fff;border:none;border-radius:30px;margin:0 15px;outline:none!important}.disable{cursor:none;pointer-events:none;background:hsla(0,0%,100%,.5)}.pageCount{color:#fff;margin:0 5px;padding:10px 5px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:460px;grid-row-gap:5rem;row-gap:5rem;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;margin:10px 25px 50px}.grid-cell{position:relative;display:grid;color:#fff;height:100%;width:100%;border-radius:4px;transition:all .5s;background-size:cover;background-position:50%;background-repeat:no-repeat}.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{transform:translateY(-3px) scale(1.1)}.grid-cell:hover .grid-read-more{display:flex;background:rgba(49,56,64,.1);transition:all 1s ease-out}.grid-read-more{flex-direction:column;justify-content:center;align-items:center;display:none}.grid-read-more .grid-cell-button{background-color:#f7bc45;padding:8px 15px;text-transform:uppercase;color:#fff;border:none;border-radius:30px;font-weight:700;outline:none}.grid-read-more .grid-cell-button a{color:#fff;text-decoration:none}.grid-detail{position:absolute;bottom:0;padding-left:10px;padding-right:10px;width:348px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-detail .grid-detail-title{font-size:14px;font-weight:700;text-transform:uppercase;color:#fff}.grid-detail .grid-detail-rating{padding-top:4px;display:flex}.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{display:flex;color:#f7bc45;position:absolute;overflow:hidden;top:0}.spinner{margin:100px auto 0;width:100px;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;animation:bounce 1.4s ease-in-out infinite both;-webkit-animation:bounce 1.4s ease-in-out infinite both}.spinner .bounce1{animation-delay:-.32s;-webkit-animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s;-webkit-animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.grid-search-title{display:grid;grid-template-areas:"text1 text2";grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;margin-top:100px;text-align:left;padding-left:25px;font-size:18px}.grid-text1{grid-area:text1;padding-right:8px;color:#9aa9bb}.grid-text2{grid-area:text2;color:#fff}.movie-container{position:relative}.movie-bg,.movie-overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}.movie-bg{width:100%;height:515px;background-position:50%;background-repeat:no-repeat;background-size:cover}.movie-overlay{background:rgba(0,0,0,.8);height:515px;z-index:2}.movie-details{position:relative;z-index:3;display:grid;grid-template-areas:"movieImage movieBody";grid-template-columns:400px 1fr;grid-template-rows:1fr;grid-gap:10px;height:100vh;padding-top:200px;padding-right:50px;padding-left:50px}.movie-image{grid-area:movieImage;width:330px;height:550px}.movie-image img{display:inline-block;max-height:100%;max-width:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.movie-body{grid-area:movieBody}.movie-body .movie-overview{height:auto}.movie-body .movie-overview .title{margin-top:-10px;font-size:36px;font-weight:700;color:#fff;text-align:left;text-transform:uppercase;margin-bottom:25px}.movie-body .movie-overview .title span{font-size:24px;font-weight:300;color:#4f5b68}.movie-body .movie-overview .movie-genres .genres{height:49px;line-height:49px;display:flex;margin-bottom:25px}.movie-body .movie-overview .movie-genres .genres li{list-style:none;font-size:14px;font-weight:700;text-transform:uppercase;color:#abb7c4;padding-right:35px;margin-left:-20px}.movie-body .movie-overview .rating{height:49px;line-height:49px;display:flex;font-size:25px;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:#4f5b68;margin-left:10px;font-size:18px}@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{width:348px;font-size:16px;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.movie-body .movie-overview .title span{display:flex!important}.movie-body .movie-overview .movie-genres{text-align:left;margin-bottom:50px}.movie-body .movie-overview .movie-genres .genres{display:inline-block}.movie-body .movie-overview .movie-genres .genres li{list-style:none;font-size:14px;font-weight:700;text-transform:uppercase;color:#d18f09}.movie-body .rating{display:block!important}.movie-body .rating span{color:#9aa9bb;padding-top:10px;float:left!important;margin-left:3px!important}.movie-body .rating p{color:#d18f09;float:left!important;padding-top:10px}}@media (max-width:375px){.movie-image{width:230px;height:450px}.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{padding-left:0}.tab-list-item{display:inline-block;list-style:none;font-size:18px;font-weight:700;text-align:center;text-transform:uppercase;color:#abb7c4;padding-bottom:15px;margin-right:50px}.tab-list-item:hover{cursor:pointer}.tab-list-active{color:#d18f09;border-bottom:3px solid #d18f09}@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{color:#d18f09;border-bottom:none}}.overview{display:grid;grid-template-columns:66.667% 33.334%;margin-top:40px}.overview-column-1{color:#abb7c4;line-height:24px;font-size:14px;font-weight:300}.overview-column-1 .cast .div-title{color:#fff;font-size:15px;font-weight:700;border-bottom:1px solid #233a50;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;width:100%;font-size:14px}.overview-column-1 .cast td,.overview-column-1 .cast th{text-align:left;padding:8px}.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){font-size:16px;color:#4280bf}.overview-column-2 .overview-detail{margin-bottom:30px;margin-left:30px;font-size:14px;color:#abb7c4}.overview-column-2 .overview-detail .product-company{margin-bottom:10px;background-size:cover;background-position:50%;background-repeat:no-repeat}.overview-column-2 .overview-detail .product-company img{width:30px;height:30px;line-height:30px;margin-right:6px}.overview-column-2 .overview-detail .product-company span{line-height:25px;font-weight:300;width:auto;color:#4280bf;padding-right:5px}.overview-column-2 .overview-detail h6{font-weight:700;text-transform:capitalize;margin-bottom:10px}.overview-column-2 .overview-detail p{font-weight:300;text-transform:none;line-height:24px}.overview-column-2 .overview-detail p a{color:#4280bf;text-decoration:none;padding-right:5px}.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{color:#fff;font-size:15px;font-weight:700;border-bottom:1px solid #233a50;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.cast table{background-color:inherit!important;border-collapse:collapse;width:100%;font-size:14px}.cast .head{color:#fff;font-size:15px;font-weight:700}.cast td,.cast th{text-align:left;padding:8px}.cast td:first-child{width:70px}.cast td:first-child img{border-radius:5px;margin-left:-5px}.cast td:nth-child(2){font-size:16px;color:#4280bf}.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{grid-area:title;color:#fff;font-size:15px;font-weight:700;border-bottom:1px solid #233a50;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.media-images{grid-area:images;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,auto));grid-row-gap:1rem;row-gap:1rem;grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.media-images .image-cell{width:330px;height:550px;transition:all .5s;background-size:cover;background-position:50%;background-repeat:no-repeat}.image-cell:hover{box-shadow:0 .35em 1.175em rgba(2,8,20,.1),0 .175em .5em rgba(2,8,20,.08);transform:translateY(-3px) scale(1.1)}.media-videos{grid-area:videos;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,auto));grid-row-gap:1rem;row-gap:1rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.media-videos .video{height:313px}.movie-reviews .div-title{color:#fff;font-size:15px;font-weight:700;border-bottom:1px solid #233a50;height:27px;line-height:22.5px;margin:30px 0 25px;padding-bottom:30px}.movie-reviews .reviews{color:#abb7c4;line-height:24px;font-size:14px;font-weight:300;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{display:grid;color:#fff;font-size:100%;line-height:1.5;height:100%}.error-page .error-link{margin:auto;font-weight:300;color:#fff;font-size:1.2rem;border:1px solid #efefef;padding:.5em;border-radius:3px;text-align:center;text-decoration:none!important;cursor:pointer}.error-page .error-link:hover{color:#fff}.error-page .error-msg{font-size:2em;text-align:center;font-weight:100;margin-bottom:10rem}.error-page .error-header{text-align:center;font-size:15em;font-weight:100}
/*# sourceMappingURL=main.4e73a7c8.chunk.css.map */