*{border:0;margin:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#141414}img{width:100%}.container{max-width:1200px;margin:auto}@media (max-width: 1999px){.container{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.container{padding-left:1rem;padding-right:1rem}}.container-fluid{padding:0 60px}@media (max-width: 1999px){.container-fluid{padding-left:3rem;padding-right:3rem}}@media (max-width: 599px){.container-fluid{padding-left:1rem;padding-right:1rem}}.btn{min-height:3rem;min-width:120px;padding:0px 1.5rem;font-size:1rem;border-radius:.5rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;text-decoration:none;align-content:center;color:#333}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}header{padding:2rem 0;position:sticky;top:0;background:#141414;z-index:10}@media (max-width: 599px){header{padding:1rem 0}}header nav{display:flex;align-items:center}header nav .applogo{width:120px;height:auto;display:flex;margin-right:2rem}@media (max-width: 599px){header nav .applogo{width:90px}}header nav .applogo svg{width:100%;height:auto}footer{padding-top:4rem;padding-bottom:1.5rem}@media (max-width: 599px){footer{padding-top:2rem}}footer ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 599px){footer ul{grid-template-columns:repeat(2,1fr)}}footer ul li a{color:gray;text-decoration:none}footer ul li a:hover{color:#a1a1a1}@media (max-width: 599px){footer ul li a{font-size:.875rem}}footer p{color:gray;margin-top:2rem;border-top:1px solid #242424;padding-top:1rem}@media (max-width: 599px){footer p{font-size:.875rem}}.movie-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;padding-top:1rem;padding-bottom:1rem}@media (max-width: 599px){.movie-card-list{grid-template-columns:repeat(2,1fr);gap:1rem}}.movie-card-list .card{position:relative;overflow:hidden;border-radius:.5rem;box-shadow:.25rem .25rem 1.5rem .5rem #060000}@media (max-width: 599px){.movie-card-list .card{box-shadow:none}}.movie-card-list .card figure{display:flex}@media (max-width: 599px){.movie-card-list .card figure{flex-direction:column}}.movie-card-list .card figure img{width:100%;height:auto;transition:.3s ease;aspect-ratio:227/341;object-fit:cover}.movie-card-list .card figcaption{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(0deg,#000,#000 35%,#0000);transform:translateY(100%);transition:.3s ease}@media (max-width: 599px){.movie-card-list .card figcaption{position:unset;transform:unset;padding:.5rem 0 1rem;background:none}}.movie-card-list .card figcaption .movie-title{color:#fff;font-size:1.5rem;margin-bottom:.25rem;line-height:140%;font-weight:500;text-decoration:none}@media (max-width: 599px){.movie-card-list .card figcaption .movie-title{font-size:1rem}}.movie-card-list .card figcaption .release-year{color:#a1a1a1;font-size:1rem;line-height:1;text-decoration:none}@media (max-width: 599px){.movie-card-list .card figcaption .release-year{font-size:.75rem}}.movie-card-list .card:hover figure img{opacity:.5;transition-delay:.1s}.movie-card-list .card:hover figcaption{transform:translateY(0);transition-delay:.1s}.movie-noresult{display:flex;align-items:center;justify-content:center;flex-direction:column;height:400px}.movie-noresult h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.movie-noresult p{font-size:1.25rem;margin-bottom:2rem;color:#fff}.movie-detail{color:#fff}.movie-detail h1{font-size:3rem;line-height:3.25rem;font-weight:400;padding-right:3rem}@media (max-width: 599px){.movie-detail h1{font-size:2rem;line-height:120%}}.movie-detail .movies-info{list-style:none;display:flex;margin:0;padding:0;color:#fff;font-size:.875rem;line-height:1.25rem;margin-top:.5rem}@media (max-width: 599px){.movie-detail .movies-info{margin-top:0}}.movie-detail .movies-info li{margin-right:1.25rem;display:inline-block;position:relative;color:#a1a1a1;font-size:1rem;line-height:1.5rem}.movie-detail .movies-info li:before{content:"";position:absolute;top:10px;right:-13px;width:.25rem;height:.25rem;background-color:#a1a1a1;border-radius:.25rem}.movie-detail .movies-info li:last-child:before{display:none}.movie-detail .movie-detail-header{display:flex;align-items:flex-start}@media (max-width: 599px){.movie-detail .movie-detail-header{flex-direction:column}}.movie-detail .movie-detail-header .content-right{margin-left:auto;display:flex;min-width:222px}@media (max-width: 599px){.movie-detail .movie-detail-header .content-right{justify-content:space-around;margin:0;width:100%;margin-top:1.5rem}}.movie-detail .movie-detail-header .content-right .rating-wrap,.movie-detail .movie-detail-header .content-right .votes-wrap{margin-right:1.5rem}.movie-detail .movie-detail-header .content-right .rating-wrap .title,.movie-detail .movie-detail-header .content-right .votes-wrap .title{font-size:1.125rem;font-weight:500;line-height:1.25rem;color:#a1a1a1;margin-bottom:.25rem}.movie-detail .movie-detail-header .content-right .rating-wrap .title strong,.movie-detail .movie-detail-header .content-right .votes-wrap .title strong{font-weight:500}.movie-detail .movie-detail-header .content-right .rating-wrap .content,.movie-detail .movie-detail-header .content-right .votes-wrap .content{display:flex;align-items:center;font-size:1.25rem;color:#a1a1a1}.movie-detail .movie-detail-header .content-right .rating-wrap .content svg,.movie-detail .movie-detail-header .content-right .votes-wrap .content svg{width:2rem;height:2rem;margin-right:.5rem}.movie-detail .movie-detail-header .content-right .rating-wrap .content .rating-val,.movie-detail .movie-detail-header .content-right .votes-wrap .content .rating-val{font-size:1.5rem;color:#fff}.movie-detail .movie-detail-header .content-right .votes-wrap{margin-right:0}.movie-detail .movie-detail-header .content-right .votes-wrap .content{font-size:1.5rem;margin-top:6px;color:#fff}.movie-detail .movie-featured{margin-top:1.5rem;display:flex}@media (max-width: 599px){.movie-detail .movie-featured{flex-direction:column}}.movie-detail .movie-featured figure{width:400px;min-width:400px;border-radius:8px;overflow:hidden}@media (max-width: 599px){.movie-detail .movie-featured figure{width:100%;min-width:100%}}.movie-detail .movie-featured .content{padding-left:3rem}@media (max-width: 599px){.movie-detail .movie-featured .content{padding-left:0;margin-top:1.5rem}}.movie-detail .movie-featured .content h2{font-size:1.5rem;margin-bottom:.5rem}.movie-detail .movie-featured .content p{font-size:1rem;line-height:1.5rem;font-weight:400}.movie-detail .movie-featured h2.movie-detail-title{margin-top:1.5rem;margin-bottom:1rem}.movie-detail .movie-featured .movie-detail-list{padding:0;margin:0;list-style:none;max-width:600px}.movie-detail .movie-featured .movie-detail-list li{padding:1rem 0;display:block;border-top:1px solid #242424;color:#fff;display:flex}.movie-detail .movie-featured .movie-detail-list li:last-child{border-bottom:1px solid #242424}.movie-detail .movie-featured .movie-detail-list li strong{min-width:150px;display:inline-block;color:#a1a1a1}.movie-back-btn{background-color:transparent;color:#a1a1a1;transition:.2s ease;display:flex;align-items:center;font-size:1rem;margin-bottom:1.5rem;margin-top:1.5rem;cursor:pointer;text-decoration:none}@media (max-width: 599px){.movie-back-btn{margin-bottom:1rem;margin-top:1rem}}.movie-back-btn svg{transition:.2s ease;margin-right:.5rem}.movie-back-btn:hover{color:#fff}.movie-back-btn:hover svg{color:#fff;fill:#fff}.movie-detail-loader .header-loader{display:flex}@media (max-width: 599px){.movie-detail-loader .header-loader{flex-direction:column}}.movie-detail-loader .header-loader .title-area{width:85%;background-color:#262626;height:3rem;border-radius:.5rem}@media (max-width: 599px){.movie-detail-loader .header-loader .title-area{width:100%}}.movie-detail-loader .header-loader .left-area{width:calc(100% - 222px)}@media (max-width: 599px){.movie-detail-loader .header-loader .left-area{width:100%}}.movie-detail-loader .header-loader .contentpoint-area{width:20%;background-color:#262626;border-radius:.5rem;height:1.5rem;margin-top:1rem}@media (max-width: 599px){.movie-detail-loader .header-loader .contentpoint-area{width:100%}}.movie-detail-loader .header-loader .rating-area{background-color:#262626;border-radius:.5rem;width:222px;height:80px}@media (max-width: 599px){.movie-detail-loader .header-loader .rating-area{width:80%;margin:1.5rem auto 0}}.movie-detail-loader .conptent-area{display:flex;margin-top:2rem}@media (max-width: 599px){.movie-detail-loader .conptent-area{flex-direction:column}}.movie-detail-loader .conptent-area .loading-image{width:400px;height:600px;background-color:#262626;border-radius:.5rem}@media (max-width: 599px){.movie-detail-loader .conptent-area .loading-image{width:100%;height:400px;margin-bottom:1.5rem}}.movie-detail-loader .conptent-area .right-content{width:100%;padding-left:3rem}@media (max-width: 599px){.movie-detail-loader .conptent-area .right-content{padding-left:0}}.movie-detail-loader .conptent-area .right-content .heading{height:3rem;width:200px;background-color:#262626;border-radius:.5rem;margin-bottom:1.5rem}.movie-detail-loader .conptent-area .right-content .heading-second{margin-top:3rem}.movie-detail-loader .conptent-area .right-content .p-content{background-color:#262626;border-radius:.5rem;margin-bottom:1.5rem;height:70px}.movie-detail-loader .conptent-area .right-content .p-content-second{height:340px}.not-found-page{min-height:calc(100vh - 6rem);align-content:center}