body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-container{background-color:#bc020f;position:fixed;height:100%;width:100%;top:0;left:0;z-index:5;-webkit-animation:annimationComplete 5s ease-out forwards;animation:annimationComplete 5s ease-out forwards}.cls-1{opacity:0}.cls-2{opacity:1}svg path{fill:#000}.svg-animation{padding:500px;z-index:1;position:fixed;top:50%;left:50%;height:100%;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:fillScreen 4s ease-out forwards;animation:fillScreen 4s ease-out forwards;display:flex;align-items:center;justify-content:center;background-color:#bc020f;pointer-events:none}.textLogoCenter{stroke:#000;stroke-width:2px;stroke-dasharray:655px;stroke-dashoffset:-655px;-webkit-animation:animateText 4s ease-out forwards;animation:animateText 4s ease-out forwards;fill:transparent!important}#svg_logo{height:500px;-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);overflow:visible;-webkit-animation:scaleSVG 4s ease-out forwards;animation:scaleSVG 4s ease-out forwards}.long_arrow{opacity:1;-webkit-animation:rotateArrow 4s ease-in-out forwards;animation:rotateArrow 4s ease-in-out forwards;-webkit-transform-origin:55% 54%;transform-origin:55% 54%;-webkit-transform:translateZ(0) rotate(-130deg);transform:translateZ(0) rotate(-130deg)}@-webkit-keyframes animateText{0%{stroke-dasharray:655px;stroke-dashoffset:655px;fill:transparent}33%{stroke-dashoffset:0;fill:transparent}35%,to{stroke-dashoffset:0;fill:#000}}@keyframes animateText{0%{stroke-dasharray:655px;stroke-dashoffset:655px;fill:transparent}33%{stroke-dashoffset:0;fill:transparent}35%,to{stroke-dashoffset:0;fill:#000}}@-webkit-keyframes rotateArrow{0%{-webkit-transform:translateZ(0) rotate(-130deg);transform:translateZ(0) rotate(-130deg)}15%,to{-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg)}}@keyframes rotateArrow{0%{-webkit-transform:translateZ(0) rotate(-130deg);transform:translateZ(0) rotate(-130deg)}15%,to{-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg)}}.dot-1{-webkit-animation:dot-1 4s ease-out forwards;animation:dot-1 4s ease-out forwards}.dot-2{-webkit-animation:dot-2 4s ease-out forwards;animation:dot-2 4s ease-out forwards}.dot-3{-webkit-animation:dot-3 4s ease-out forwards;animation:dot-3 4s ease-out forwards}.dot-4{-webkit-animation:dot-4 4s ease-out forwards;animation:dot-4 4s ease-out forwards}.dot-5{-webkit-animation:dot-5 4s ease-out forwards;animation:dot-5 4s ease-out forwards}.dot-6{-webkit-animation:dot-6 4s ease-out forwards;animation:dot-6 4s ease-out forwards}@-webkit-keyframes dot-1{0%{opacity:0}7.5%,to{opacity:1}}@keyframes dot-1{0%{opacity:0}7.5%,to{opacity:1}}@-webkit-keyframes dot-2{0%,3.5%{opacity:0}12.5%,to{opacity:1}}@keyframes dot-2{0%,3.5%{opacity:0}12.5%,to{opacity:1}}@-webkit-keyframes dot-3{0%,10.5%{opacity:0}17.5%,to{opacity:1}}@keyframes dot-3{0%,10.5%{opacity:0}17.5%,to{opacity:1}}@-webkit-keyframes dot-4{0%,14%{opacity:0}22.5%,to{opacity:1}}@keyframes dot-4{0%,14%{opacity:0}22.5%,to{opacity:1}}@-webkit-keyframes dot-5{0%,17.5%{opacity:0}27.5%,to{opacity:1}}@keyframes dot-5{0%,17.5%{opacity:0}27.5%,to{opacity:1}}@-webkit-keyframes dot-6{0%,21%{opacity:0}32.5%,to{opacity:1}}@keyframes dot-6{0%,21%{opacity:0}32.5%,to{opacity:1}}@-webkit-keyframes fillScreen{0%,80%{background-color:initial}95%,to{background-color:#000}}@keyframes fillScreen{0%,80%{background-color:initial}95%,to{background-color:#000}}@-webkit-keyframes scaleSVG{45%{-webkit-transform:translateZ(0) rotate(0) scale3d(.2,.2,.2);transform:translateZ(0) rotate(0) scale3d(.2,.2,.2);background-color:initial}95%{-webkit-transform:translateZ(0) scale3d(10,10,10) rotate(40deg);transform:translateZ(0) scale3d(10,10,10) rotate(40deg);background-color:#000}}@keyframes scaleSVG{45%{-webkit-transform:translateZ(0) rotate(0) scale3d(.2,.2,.2);transform:translateZ(0) rotate(0) scale3d(.2,.2,.2)}65%{background-color:initial}95%{-webkit-transform:translateZ(0) scale3d(10,10,10) rotate(40deg);transform:translateZ(0) scale3d(10,10,10) rotate(40deg);background-color:#000}}@-webkit-keyframes annimationComplete{0%,90%{opacity:1}99%{opacity:0}to{opacity:0;display:none;pointer-events:none}}@keyframes annimationComplete{0%,60%{opacity:1;height:100%;width:100%}99%{opacity:0;height:100%;width:100%}to{opacity:0;display:none;pointer-events:none;height:0;width:0}}body,html{height:100%;margin:0}body{background:rgba(0,0,0,.9);color:#fff;font-family:Helvetica;overflow-x:hidden}.App{margin:0 auto}.h-100{height:100%}.d-none{display:none!important}.d-flex{display:flex}.align-items-center{align-items:center}.ratio-16-9{padding-top:56.25%}.ratio-16-9,.ratio-21-9{position:relative;height:auto!important}.ratio-21-9{padding-top:42.85%}@media (orientation:portrait){.popular-background.ratio-21-9{padding-top:56.25%}}a,nav{color:#bc020f}nav{box-sizing:border-box}#header-nav{background-color:initial;position:fixed;top:0;left:0;width:100%;z-index:2;display:flex;align-items:center;justify-content:space-between;-webkit-transition:background-color .8s;transition:background-color .8s;padding:0 15px}@media screen and (min-width:950px){#header-nav{padding:10px 30px}.video{margin-top:50px!important}}#header-nav .nav-link{margin-left:1.5rem;color:#fff;text-decoration:none;font-size:.8rem;text-shadow:0 0 3px rgba(0,0,0,.9)}#header-nav .nav-link:hover{font-weight:700}#header-nav.bg-dark{background-color:#181818}.logo{float:left;font-size:30px}.nav-logo-svg:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-logo-svg img{height:20px;width:auto;display:block;-webkit-transition:all .2s;transition:all .2s;-webkit-transform-origin:center center;transform-origin:center center}.nav-logo-svg svg{height:60px}.nav-logo-svg .logo-cls-1,.nav-logo-svg .logo-cls-2,.nav-logo-svg .logo-cls-3{fill:#bc020f}.nav-dropdown{position:relative;margin-left:50px}.nav-dropdown-btn{display:none;color:#fff;font-size:.8rem;text-decoration:none;margin-left:1rem;min-height:30px;line-height:30px}.logo a{color:#c00;text-decoration:none}.logo a:hover{color:#e60000}.top_gradient{height:55px;position:absolute;top:0;left:0;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(transparent));background:-webkit-linear-gradient(top,rgba(0,0,0,.4) 3%,transparent);background:-webkit-gradient(linear,left top,left bottom,color-stop(3%,rgba(0,0,0,.4)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.4) 3%,transparent);z-index:1}.search-bar{float:right;display:flex;align-items:center;position:relative}.search-bar-dropdown-btn{display:flex;text-decoration:none;text-shadow:0 0 5px rgba(0,0,0,.7);margin-right:.5rem}.search-input{background-color:rgba(0,0,0,.7);color:#fff;border:1px solid #c00;outline:none;border-radius:8px;padding:5px 5px 5px 15px;width:250px;height:20px;font-weight:600;position:relative;display:none;margin-right:10px}.show-dropdown .search-input{display:block}.search-values{background:#0d0d0d;width:265px;border-radius:5px;border:2px solid #c00;border-top:0;border-top-left-radius:0;border-top-right-radius:0;left:1.5rem;position:absolute;margin-left:2px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:0;z-index:1;top:100%;max-height:70vh;overflow:auto}.search-values ul{margin:0;padding:10px;list-style:none}.search-values ul li{margin:8px}.search-values a{text-decoration:none;color:#e60000}.search-values a:hover{text-decoration:underline;font-weight:600}.bgImage{height:750px;width:100%;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;color:#fff;z-index:0}.popular-background{background:#232323;position:relative}.popular{background:url(/rapflix-rf-logo.png);background-size:200px;background-position:50%;background-repeat:no-repeat;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.popular,.popular .bgImage{width:100%;height:100%}.popularInfo{position:absolute;bottom:7%;margin:4% 4% 0;width:36%}.header-home .popularInfo h1{margin-bottom:30px}.popularInfo h1{font-size:2vw;margin:0;text-shadow:1px 1px 5px #000;font-weight:400}@media only screen and (max-width:690px){.popularInfo h1{font-size:4vw;margin:0}.popularInfo{position:absolute;bottom:7%;margin:4% 4% 0;width:92%}}.switchImg{position:absolute;top:90%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none}.switchImg div{width:30px;height:10px;border:1px solid #252525;background-color:#252525;border-radius:2px;display:inline-block;margin:20px;cursor:pointer}.switchImg div.active{background:#bc020f}.lists h2{padding-left:70px;margin-bottom:10px;font-size:1.5rem;font-weight:700}.lists>a>h3{padding-left:60px;margin-bottom:10px;font-size:15px}.category-page .menu-item{float:left}.category-page .content{text-align:center;margin:0;padding-left:0;padding-right:0;width:100%}.menu-item{padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border:none}.menu-item.active{border:1px solid green}.menu-wrapper--inner{display:flex;align-items:center}.movie-card img{width:225px;height:126.56px;vertical-align:0;-webkit-transition:all .7s;transition:all .7s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.movie-title{position:absolute;top:80%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%;white-space:normal;color:#fff;visibility:hidden;text-shadow:1px 1px 5px #000}.movie-card-background{background:#232323}.movie-card{position:relative;width:225px;height:126.56px;background:url(/24hour-logo-white.png);background-size:50px;background-position:50%;background-repeat:no-repeat;overflow:hidden}.movie-card,.movie-card .imgEle{-webkit-transition:all .4s;transition:all .4s}.movie-card .imgEle{position:absolute;top:0;left:0;height:100%;width:100%;opacity:1}.movie-card:hover .imgEle{opacity:1}.movie-card .movie-title h3{font-size:14px;max-width:300px;margin:0 auto}.movie-card img{opacity:.4;pointer-events:none!important}.lists{margin-top:50px}.mobile-list .movie-title{visibility:visible;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),transparent);background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);padding:8%}.mobile-list .row_slider__inner{margin:0}.lists:not(.mobile-list) .movie-card:hover{width:375px;height:177.63px;-webkit-transition-delay:.5s;transition-delay:.5s;visibility:visible}.lists:not(.mobile-list) .movie-card:hover .movie-title{visibility:visible;color:#fff;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),transparent);background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent);padding:8%}.lists:not(.mobile-list) .movie-card:hover img{-webkit-transition-delay:.5s;transition-delay:.5s;width:375px;height:177.63px;vertical-align:-12px;opacity:.2}.row{flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:10px}.row .menu-item{margin:0;box-sizing:border-box}.img-bg{position:absolute;top:0;left:0;height:100%;width:100%;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s;background-size:cover!important}.movie-card2{position:relative;-webkit-transition:all .7s;transition:all .7s;background:#000}.menu-item a{text-decoration:none}.movie-card2_wrapper .menu-item .movie-title{color:#fff;position:absolute;visibility:visible;opacity:1;font-size:.9rem;text-decoration:none;-webkit-transition:color .8s;transition:color .8s;margin:0;text-align:left;bottom:0;left:0;width:100%;padding:.25rem;background-color:rgba(0,0,0,.8);-webkit-transform:none;transform:none;top:auto;font-weight:600;box-sizing:border-box}.menu-item:hover .movie-title{color:#bc020f}.movie-card2:hover .movie-title{visibility:visible;opacity:1}.movie-card2:hover img{vertical-align:-12px;opacity:.3}.scroll-menu-arrow{padding:20px;cursor:pointer}.arrow-next,.arrow-prev{color:#bc020f;font-size:40px}.cover{z-index:2}.cover,.tv{position:absolute;top:0;left:0;width:50%;height:100%}.tv{z-index:1;overflow:hidden}.strong{font-weight:700}.tv .screen{top:0;bottom:0;left:0;z-index:1;margin:auto}.details,.tv .screen{position:absolute;right:0}.details{padding-top:50px;padding-left:2%;padding-right:2%;width:46%}.content{margin:0 auto;padding:10px 30px 20px;font-size:16px;color:#e6e6e6;font-weight:500;white-space:pre-line;position:relative}.content h1{margin:0;font-size:24px}.content p{line-height:19px;white-space:pre-line}.videoBackground{background:#111}.video{padding-top:42.85%;position:relative;box-shadow:0 0 30px grey;background:url(/rapflix-rf-logo.png);background-size:100px;background-position:50%;background-repeat:no-repeat;margin-top:35px}.video img,iframe.media{width:100%;height:100%;position:absolute;top:0}iframe.media{border:0;left:0}.overview-container{margin-top:10px}.year-run-vote span{font-size:14px;padding-right:6px}.run,.vote{border-left:1px solid #fff;padding-left:6px}.greyed{color:#9c9c9c}i{color:#bc020f}footer{height:60px;background:#000;color:#fff;text-align:center}footer a{color:#bc020f}footer p{margin:20px auto}.back-height{height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;box-sizing:border-box}.movie-page .back-height{padding-top:60px}a .showOnLinkHover{visibility:hidden}a:hover .showOnLinkHover{visibility:visible}@media (max-width:1580px){.row{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:1300px){.row{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:900px){.bgImage{height:700px}.header-overview{display:none}.row{grid-template-columns:1fr 1fr}.switchImg div{margin:10px}.lists{margin:0}.lists h2{margin-bottom:0}.movie-card img{width:230px;height:140px}.lists:not(.mobile-list) .movie-card:hover,.lists:not(.mobile-list) .movie-card:hover img{width:260px;height:160px}.arrow-next,.arrow-prev{font-size:20px}.scroll-menu-arrow{padding:10px}.content{font-size:93%}}@media only screen and (max-width:690px){#header-nav .nav-dropdown-btn{display:block;text-shadow:0 0 5px rgba(0,0,0,.8)}#header-nav .show-dropdown .nav-link_wrapper{display:flex}.logo,.search-bar{float:none}.logo{text-align:center}.search-input{width:95%}.search-values{width:87%}.bgImage{height:400px;background-size:cover}.popularInfo button{margin:0}.lists h2{padding-left:5px;margin-bottom:10px}.movie-card img{width:190px;height:100px}.lists:not(.mobile-list) .movie-card:hover,.lists:not(.mobile-list) .movie-card:hover img{width:220px;height:120px}.movie-title,.movie-title h3{font-size:11px!important}.horizontal-menu{padding:.5rem 0}}@media (max-width:600px){.lists>a>h3{padding-left:10px;margin-bottom:10px;font-size:3vw}}@media only screen and (max-width:350px){.back-height{height:100%}.horizontal-menu{height:190px}.movie-card img{width:160px;height:90px}.lists:not(.mobile-list) .movie-card:hover,.lists:not(.mobile-list) .movie-card:hover img{width:190px;height:110px}}@media only screen and (max-height:800px){.back-height{height:100%}}.slider-container{padding:20px 0 0;box-sizing:border-box}.row_slider{overflow:scroll;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.row_slider::-webkit-scrollbar,.row_slider::-webkit-scrollbar-thumb,.row_slider::-webkit-scrollbar-thumb:hover,.row_slider::-webkit-scrollbar-track{opacity:0;display:none}.row_slider__inner{transition:-webkit-transform .45s;-webkit-transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;font-size:0;white-space:nowrap;margin:32.3125px 0;margin-left:10px!important;padding-bottom:10px}.row_slide__title_link{margin:0 10px;color:#636363}.row_slide__title_link i{color:#636363}.tile{position:relative;display:inline-block;width:300px;height:169px;margin-right:2px;font-size:20px;cursor:pointer;-webkit-transition:all .45s;transition:all .45s;-webkit-transform-origin:center left;transform-origin:center left;overflow:hidden!important}.tile-show{height:275px;background-size:cover!important;background-position:50%!important}.tile-show .tile__img{display:none}.tile__img{width:300px;height:169px;object-fit:cover}.tile-show .tile__media{height:auto!important}.tile__media{background:#232323 url(/24hour-logo-white.png);background-size:50px;background-position:50%;background-repeat:no-repeat;height:100%}.tile__details{position:absolute;bottom:0;left:0;right:0;top:0;font-size:12px;opacity:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),to(transparent));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.8),transparent 40%);background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),color-stop(40%,transparent));background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 40%);-webkit-transition:opacity .45s;transition:opacity .45s}.tile__details:after,.tile__details:before{content:"";position:absolute;top:50%;left:50%}.tile:hover .tile__details{opacity:1}.tile__title{position:absolute;bottom:0;padding:5px;max-width:100%;box-sizing:border-box;white-space:normal;color:#fff;text-shadow:0 0 10px #000}.tile-show .tile__title{font-size:14px}.slider-container:not(.mobile-list) .row_slider__inner:hover:not(:first-child){-webkit-transform:translate3d(-62.5px,0,0);transform:translate3d(-62.5px,0,0)}.slider-container:not(.mobile-list) .row_slider__inner:hover .tile{opacity:.3}.slider-container:not(.mobile-list) .row_slider__inner:hover .tile:hover{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:1;box-shadow:0 0 5px 0 rgba(0,0,0,.6);z-index:1}.slider-container:not(.mobile-list) .row_slider__inner:hover .tile-show:hover{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1;box-shadow:0 0 5px 0 #000}.slider-container:not(.mobile-list) .tile:hover~.tile{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}.slider-container:not(.mobile-list) .tile-show:hover~.tile-show{-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}.mobile-list .tile__details{opacity:1}.slider-container.mobile-list .row_slider__inner{margin:4.3125px 0}.featured-video_wrapper{position:relative;height:350px}.details,button{color:#fff}button{background-color:rgba(51,51,51,.4);padding:.75em 2.3em;border-radius:3px;box-shadow:none;font-size:12px;border:none;outline:none;cursor:pointer}button:hover{background-color:hsla(0,0%,92.2%,.53);color:#000}@media (max-width:600px){.cover,.tv{width:100%;position:relative}.tv{display:flex;justify-content:center}.details,.tv .screen{position:relative}.details{width:92%;padding:4%}.details h1{margin:0}.featured-video_wrapper{height:auto}}@media only screen and (max-width:450px){.tile{width:185px;height:104px}.tile-show{height:204px}.tile__img{width:185px;height:104px}.nav-logo-svg img{width:auto;display:block}.search-input_wrapper{position:fixed;top:62px;left:0;width:100%;z-index:2;padding:10px;box-sizing:border-box;border-top:1px solid transparent;-webkit-transition:background-color .8s;transition:background-color .8s;display:none}.bg-dark .search-input_wrapper{background-color:#000;border-top:1px solid #404040}.search-input{max-width:100%;color:#fff}.show-dropdown .search-input_wrapper{display:block}}.ReactModal__Overlay{background-color:rgba(0,0,0,.4)!important}.ReactModal__Content{width:100%!important;height:100%!important;top:0!important;left:0!important;right:0!important;bottom:0!important;-webkit-transform:scale(1.2);transform:scale(1.2);right:auto!important;bottom:auto!important;border-radius:0!important;border:none!important;background:rgba(0,0,0,.85)!important;opacity:0;-webkit-transition:all .5s;transition:all .5s;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0!important;padding:0!important}.ReactModal__Content.ReactModal__Content--after-open{-webkit-transform:scale(1);transform:scale(1);opacity:1}.ReactModalPortal{position:relative;z-index:3}.ReactModal__Content h2{margin-top:0}.modal__title{font-size:26px;color:#fff!important;font-weight:400;margin-top:0}.modal__link{color:#fff;display:block}.modal__close-btn{margin-top:1rem}.signInBtn{border:1px solid grey;color:grey;text-transform:uppercase;padding:.5em 1.5em;letter-spacing:2px;cursor:pointer;font-size:12px}
/*# sourceMappingURL=main.c4172b7d.chunk.css.map */