@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap";*,::before,::after{padding:0;margin:0;box-sizing:border-box}*{font-family:"Montserrat",sans-serif}body{background-color:#f8f8f8}*::selection{background-color:rgba(218,47,70,.5)}header#header{background-color:#da2f47;height:100px;width:100%;position:sticky;top:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;overflow:hidden}header#header a{height:60%}header#header a img{display:block;height:100%}@media screen and (max-width: 992px){header#header nav{display:none}}header#header nav ul{list-style-type:none;display:flex;align-items:center}header#header nav ul li a{text-decoration:none;color:#fff;font-weight:600;font-size:1.2em;opacity:1;transition:opacity .2s}header#header nav ul li a:hover{opacity:.7}header#header nav ul li:first-child{margin-right:30px}header#header nav ul li.selected{position:relative}header#header nav ul li.selected::after{content:"";display:block;position:absolute;bottom:-40px;left:50%;width:120%;height:13px;transform:translateX(-50%);background-color:#ffd983;border-radius:10px 10px 0 0}main section#start{z-index:10;position:relative;width:100%;height:calc(100vh - 100px);background-image:url("../../img/background/cinema_background.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:20vh}main section#start::after{z-index:100;content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6)}main section#start header{z-index:1000;width:50%;display:block;margin:0 auto}@media screen and (max-width: 992px){main section#start header{width:80%}}main section#start header img{width:100%}main section#start h1{z-index:1000;font-size:2em;text-align:center;color:#fff}@media screen and (max-width: 992px){main section#start h1{font-size:1.7em;padding:0 10px}}main section#start form{z-index:1000;position:relative;display:block;margin:0 auto;width:70%;border-radius:50px;overflow:hidden;display:flex}@media screen and (max-width: 992px){main section#start form{width:90%}}main section#start form input{width:80%;padding:15px 25px;border:none;font-size:1em}@media screen and (max-width: 992px){main section#start form input{width:65%}}main section#start form input:focus{outline:none}main section#start form button{width:20%;background-color:#da2f47;border:none;color:#fff;font-weight:700;font-size:1em;cursor:pointer;transition:background-color .2s}@media screen and (max-width: 992px){main section#start form button{width:35%}}main section#start form button:hover{background-color:#bd273b}main section.sections{padding:0 5vw;margin-top:30px}main section.sections h2{font-size:1.8em;font-weight:700}@media screen and (max-width: 992px){main section.sections h2{font-size:1.6em}}main section.sections h3{font-size:1.5em;font-weight:600}@media screen and (max-width: 992px){main section.sections h3{font-size:1.4em}}main section.sections div.card-container{margin-top:30px;display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:25px}main section.sections div.card-container article{grid-column:span 2}@media screen and (max-width: 992px){main section.sections div.card-container article{grid-column:span 6}}main section.sections div.card-container article header{width:100%;background-color:#da2f47;border-radius:10px 10px 0 0}main section.sections div.card-container article header a img{border-radius:10px 10px 0 0;width:100%;opacity:1;transition:opacity .2s}main section.sections div.card-container article header a img:hover{opacity:.7}main section.sections div.card-container article h4{margin-top:10px}main section.sections div.card-container article h4 a{color:#000;text-decoration:none;transition:color .2s}main section.sections div.card-container article h4 a:hover{color:#da2f47}main section.sections div.card-container article p{margin-top:5px;color:gray}div.container{margin-top:30px;width:100%}div.container header#top{width:100%;height:60vh;margin-bottom:140px;border-radius:10px;position:relative}@media screen and (max-width: 992px){div.container header#top{margin-bottom:300px}}div.container header#top::after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:10px;background:linear-gradient(0deg, black 10%, rgba(0, 0, 0, 0) 100%)}div.container header#top img.backdrop{border-radius:10px;width:100%;height:100%;object-fit:cover}div.container header#top .poster{z-index:10000;position:absolute;bottom:-20%;left:5%;width:20%;border-radius:10px}@media screen and (max-width: 992px){div.container header#top .poster{width:70%;left:50%;transform:translateX(-50%)}}div.container header#top .poster img{border-radius:10px;width:100%;height:100%;object-fit:cover}div.container header#top h1{z-index:10000;position:absolute;color:#fff;font-weight:700;font-size:2em;bottom:5%;left:30%}@media screen and (max-width: 992px){div.container header#top h1{position:initial;color:#000;margin-top:150px}}div.container header#top p{z-index:10000;position:absolute;color:#000;font-weight:600;font-size:1.5em;bottom:-13%;left:30%}@media screen and (max-width: 992px){div.container header#top p{position:initial;margin-top:20px}}div.container header#top p span.good{color:#27ae60}div.container header#top p span.medium{color:#f39c12}div.container header#top p span.bad{color:#e74c3c}div.container section h2{margin-bottom:20px;margin-top:30px}div.container section p{line-height:25px}div.container section ul{width:100%;list-style-type:none;display:flex;flex-wrap:wrap;align-items:center}div.container section ul li{margin-right:15px}@media screen and (max-width: 992px){div.container iframe{width:100%;max-height:calc((100vw - 40px)/1.7777777778)}}div.container div.movies-container{overflow-y:hidden;overflow-x:scroll;display:flex;flex-direction:row;align-items:flex-start}div.container div.movies-container article{height:100%;min-width:14.2857142857vw;grid-column:span 2;margin-right:20px}@media screen and (max-width: 992px){div.container div.movies-container article{min-width:50vw}}div.container div.movies-container article header{width:100%;background-color:#da2f47;border-radius:10px 10px 0 0}div.container div.movies-container article header a img{border-radius:10px 10px 0 0;width:100%;opacity:1;transition:opacity .2s}div.container div.movies-container article header a img:hover{opacity:.7}div.container div.movies-container article h3{margin-top:10px;font-weight:700;font-size:1.2em}div.container div.movies-container article h3 a{color:#000;text-decoration:none;transition:color .2s}div.container div.movies-container article h3 a:hover{color:#da2f47}form.contact{margin-top:30px}form.contact div{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:20px;margin-bottom:15px}form.contact div p{grid-column:span 12;display:flex;flex-direction:column}form.contact div p label{font-size:1.1em;margin-bottom:5px}form.contact div p input,form.contact div p textarea{background:none;padding:10px;border-radius:5px;border:2px solid #000}form.contact div p input:focus,form.contact div p textarea:focus{outline:2px solid #da2f47}form.contact div:first-child p{grid-column:span 6}form.contact button{background-color:#000;color:#fff;text-align:center;border:none;padding:10px 25px;border-radius:10px;display:block;margin:auto;cursor:pointer;opacity:1;transition:opacity .2s}form.contact button:hover{opacity:.7}p.formMessage{text-align:center;margin-top:30px}div.search-container{margin-top:30px;display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:25px}div.search-container article{grid-column:span 2}@media screen and (max-width: 992px){div.search-container article{grid-column:span 6}}div.search-container article header{width:100%;background-color:#da2f47;border-radius:10px 10px 0 0}div.search-container article header a img{border-radius:10px 10px 0 0;width:100%;opacity:1;transition:opacity .2s}div.search-container article header a img:hover{opacity:.7}div.search-container article h4{margin-top:10px}div.search-container article h4 a{color:#000;text-decoration:none;transition:color .2s}div.search-container article h4 a:hover{color:#da2f47}div.search-container article p{margin-top:5px;color:gray}footer{margin-top:50px;padding:30px 5vw;background-color:#af2537;font-weight:600;color:#fff}/*# sourceMappingURL=main.css.map */