.header{padding:1.5rem;background-color:none;transition:all .3s ease-in-out;width:inherit}.header__content{background-color:inherit;display:flex;justify-content:space-between;align-items:center}ul{list-style:none}a{background-color:inherit;text-decoration:none;color:inherit}.nav__list{background-color:inherit;display:flex;column-gap:1rem}.nav__link{font-weight:500;font-size:15px;color:inherit;transition:all .3s}.nav__link__active{font-weight:500;font-size:15px;color:var(--primaryColor);transition:all .3s}.nav__link:hover{color:var(--primaryColor)}.logo{font-size:1.35rem;letter-spacing:-1.5px;font-weight:500;color:var(--primaryColor)}.searchbtn{outline:0;background-color:var(--secondaryColor);color:inherit;flex-grow:1;max-width:600px;font-size:1.2rem;font-weight:400;padding:.5rem .75rem;margin:0 1.5rem;border:.5px solid transparent;border-radius:8px}input.searchbtn:focus{border-color:var(--primaryColor)}.searchbtn__mobile{display:none}.hamburger{display:none;cursor:pointer}.bar{height:2px;width:27px;background:#fff;margin:5px 0;opacity:.8}.nav--open{transform:translate(0)!important}@media (width >= 1080px){.header{max-width:1080px}}@media (width <= 650px){.searchbtn{display:none}.header{background-color:var(--secondaryColor)}.nav{position:absolute;top:70px;left:0;width:100%;padding:10px 0 25px;background-color:inherit;transform:translateY(-150%);z-index:2}.nav__list{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;row-gap:1.5rem}.searchbtn__mobile{outline:0;background-color:var(--secondaryColor);color:inherit;display:flex;align-items:center;justify-content:center;width:90%;font-size:1rem;font-weight:400;padding:.25rem .5rem;margin:.5rem auto;border:.5px solid var(--primaryColor);border-radius:8px}.nav__link{font-weight:500;font-size:15px}.hamburger{display:block}}@font-face{font-family:firstFont;src:url(/assets/font1-9d0c679e.ttf)}@font-face{font-family:secondFont;src:url(/assets/font2-4768c7df.ttf)}.hero{display:flex;justify-content:center;align-items:center;padding:100px 0;margin:10px 80px;border:2px solid var(--primaryColor);border-radius:15px}.hero>h1{margin:.25em;text-align:center}.hero-tag{color:var(--primaryColor)}@media (width <= 520px){.hero{padding:70px 0;margin:10px 40px}}.movie__section{margin-top:3rem;padding:0 10px}.movies__content{position:relative}.movies__list{margin-top:1rem;margin-left:20px;margin-right:20px;display:flex;align-items:center;scroll-behavior:smooth;overflow-x:hidden;overscroll-behavior-x:contain;column-gap:10px}.movie__grid{display:grid;margin:0 20px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:20px}.movie__card{cursor:pointer;width:200px;aspect-ratio:1 / 2}.movie__card>img{width:200px;object-fit:contain;border-radius:15px;margin-bottom:.5rem}.movie__title{font-size:500;font-weight:400}.arrow{cursor:pointer;font-size:25px;margin-left:1.6em;padding:10px;outline:0;border-radius:15px;border:2px solid var(--fontColor);color:var(--fontColor);background-color:var(--secondaryColor)}.left__arrow,.right__arrow{position:absolute;cursor:pointer;font-size:25px;padding:10px;outline:0;border-radius:15px;border:2px solid var(--fontColor);color:var(--fontColor);background-color:var(--secondaryColor)}.left__arrow:active,.right__arrow:active{border:2px solid var(--primaryColor);color:var(--primaryColor)}.left__arrow{top:40%;left:0%}.right__arrow{top:40%;right:0%}.btn__viewall{margin-right:5%;cursor:pointer}.resultNotFound{display:grid;margin-top:10%;justify-content:center;align-items:center}@media (width <= 720px){.left__arrow,.right__arrow{display:none}.movies__list{margin:10px 0;overflow-x:scroll;gap:10px}.movie__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));row-gap:50px}}@media (width <= 580px){.movie__card>img{width:150px}.movie__card{aspect-ratio:1 / 1.05}.movie__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));row-gap:50px}}@font-face{font-family:firstFont;src:url(/assets/font1-9d0c679e.ttf)}@font-face{font-family:secondFont;src:url(/assets/font2-4768c7df.ttf)}@font-face{font-family:firstFont;src:url(/assets/font1-9d0c679e.ttf)}@font-face{font-family:secondFont;src:url(/assets/font2-4768c7df.ttf)}:root{--primaryColor: #fb7726;--secondaryColor: #262626;--ternaryColor: #111010;--fontColor: #ffffff;--text-mobile: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:firstFont,secondFont;background-color:var(--ternaryColor);color:var(--fontColor);scroll-behavior:smooth}.container{max-width:1080px;margin:0 auto}.flex{display:flex;justify-content:space-between;align-items:center}.btn{cursor:pointer;outline:0;width:125px;padding:12px 0;color:inherit;background-color:var(--ternaryColor);border-radius:15px;border-color:inherit;font-size:medium;box-shadow:none}.btn:hover{color:var(--primaryColor);border-color:var(--primaryColor);transition:all .3s ease-in}.gridmovie__section{margin-top:1.5rem;padding:0 10px}.section__title{margin-left:1rem}.gridmovie__title{font-size:500;font-weight:400;text-wrap:balance}.gridmovie__grid{display:grid;margin:0 20px;align-items:center;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.infinite-scroll-component{overflow:hidden!important}.gridmovie__card{cursor:pointer;width:10rem;aspect-ratio:1 / 1.9}.gridmovie__card>img{max-width:100%;object-fit:contain;border-radius:15px;margin-bottom:.5rem}@media (width <= 425px){.gridmovie__title{font-size:1rem}}@media (width <= 425px){.gridmovie__card{width:8.5rem;aspect-ratio:1 / 2}.gridmovie__grid{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));column-gap:2px}}.lds-facebook{display:inline-block;position:relative;width:80px;height:80px;top:50%;left:40%;margin-top:50px}.lds-facebook div{display:inline-block;position:absolute;left:8px;width:16px;background:#fff;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:8px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:32px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:56px;animation-delay:0}@keyframes lds-facebook{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@media (width <= 720px){.lds-facebook{width:50px;height:50px}}@media (width <= 580px){.lds-facebook{width:30px;height:30px}}.moviedetails__section{margin-top:1.5rem}.moviedetails__banner{display:block;width:100%;border:2px solid transparent;border-radius:15px;margin-top:20px}.moviedetails__nobanner{display:block;width:100%;border:2px solid transparent;border-radius:15px;margin-top:20px;aspect-ratio:1.75}.moviedetails__container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:-20rem 0}.moviedetails__card{width:200px}.moviedetails__card>img{max-width:100%;object-fit:contain;border-radius:15px;box-shadow:0 0 900px 100px var(--ternaryColor)}.moviedetails__details{width:500px;height:300px;border-radius:15px;display:flex;flex-direction:column}.details__title{margin-top:1.75rem;margin-bottom:.75rem;font-size:x-large;font-weight:bolder;align-items:center}.details__info{display:flex;flex-direction:column}.ratings__info{margin:.5em;width:max-content;font-size:small;display:flex;align-items:center;gap:20px;background-color:var(--secondaryColor);padding:14px}.genre__info,.language__info{display:inline-flex;margin:.5em;gap:.75rem;align-items:center}.genre__info>span,.language__info>span{background-color:var(--secondaryColor);padding:10px;font-size:small;color:inherit;border-radius:15px}.genre__info>span:hover,.language__info>span:hover{cursor:pointer;color:var(--primaryColor);transition:all .3s ease-in}.number__info{color:var(--primaryColor);font-size:large}.moviedetails__about__container{margin-top:25rem;height:300px}.moviedetails__about__section{margin-top:2rem}.moviedetails__about__paragraph{margin-top:1.25rem;text-align:justify}@media (width <= 1080px){.moviedetails__container{width:720px;margin-left:auto;margin-right:auto}.moviedetails__about__container{margin-left:12px;margin-right:12px}}@media (width <= 720px){.moviedetails__container{display:flex;flex-direction:column;margin:20px auto}.moviedetails__card{width:150px}.moviedetails__card>img{box-shadow:0 0 9px 1px var(--ternaryColor)}.moviedetails__container{width:200px;height:200px}.moviedetails__details{width:200px;height:200px;margin:0 auto;box-shadow:none;justify-content:center;align-items:center;gap:20px}.details__title,.number__info{font-size:medium}.moviedetails__about__container{margin-top:15rem;margin-left:12px;margin-right:12px}.genre__info,.language__info{flex-flow:wrap}.ratings__info{margin-left:auto;margin-right:auto}}.seatgrid__container{margin-top:20px;width:calc(inherit - 20px);background-color:var(--secondaryColor);opacity:.7;border-radius:15px;border:1px solid var(--primaryColor);display:grid}.seatgrid__screen{width:30%;height:65px;margin:.15rem auto;transform:skew(1deg);border:5px solid var(--ternaryColor);background-color:var(--ternaryColor)}.seatgrid__main{display:grid;grid-template-columns:repeat(5,1fr);place-content:center;gap:10px}.seatgrid__seat{width:35px;height:35px;margin:0 auto;cursor:pointer;background-color:var(--ternaryColor);border-radius:3px;border-style:none}.seatgrid__seat:hover{filter:none;border:2px solid var(--primaryColor)}.seatgrid__mainblock{display:grid;grid-template-columns:.3fr 1fr 1fr 1fr;margin:1.75rem auto}.seatgrid__middle{margin:0 20px}.seatgrid__rowname{display:flex;flex-direction:column;margin:0 auto;margin-top:.5rem;gap:30px}@media (width <= 650px){.seatgrid__container{padding:20px;overflow:scroll}.seatgrid__rowname{margin-right:8px}}.booking__container{margin:auto 20px}.booking__modal{max-width:650px;margin:0 auto;z-index:1;padding:40px;text-align:center;color:var(--fontColor);background-color:var(--ternaryColor);border-radius:15px;border:2px solid var(--primaryColor)}.booking__modal>h2{font-size:20px;margin-bottom:1.75rem}.booking__btn{background-color:var(--secondaryColor)}.booking__seatselection{margin:1rem auto;display:flex;align-items:center;gap:20px}.dialog-open{overflow:hidden}.booking__container.dialog-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);filter:blur(5px);z-index:1}.booking__seatselection>button{padding:8px;border-radius:20%;border-style:none;border:1px solid gray}.booking__seatselection>button:focus{color:var(--ternaryColor);background-color:var(--primaryColor);border:2px solid var(--primaryColor)}@media (width <= 1600px){.booking__seatselection>button>h3{font-size:16px}}@media (width <= 1080px){.booking__seatselection{margin-bottom:20px}}@media (width <= 650px){.booking__seatselection{margin-bottom:40px;margin-left:0;margin-right:0;overflow:scroll}.booking__modal{width:350px;margin:10% auto}}@media (width <= 425px){.booking__seatselection{margin-bottom:40px;margin-left:0;margin-right:0;overflow:scroll}.booking__modal{width:350px;margin:40% auto}}
