body{margin: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}.menu-top{align-content:center}.menu-top__logo{float:left;display:flex;margin-right:40px;margin-top:12px}.menu-top__logo img{width:40px;height:auto}.loading{height:300px;display:flex;align-items:center;justify-content:center}.slider-movies{height:500px}.slider-movies__movie{height:500px;background-size:cover;background-repeat:no-repeat;background-position:center top}.slider-movies__movie-info{display:flex;align-items:flex-end;height:100%;padding-bottom:40px}.slider-movies__movie-info>div{background-color:#a7a7a7cf;margin:0 auto;text-align:center;width:50%;padding:20px}@media(max-width:500px){.slider-movies__movie-info>div{overflow:scroll;height:90%}}.movie-list{width:80%;margin:50px auto 0!important;border-color:#001529!important}.movie-list .ant-list-header{background-color:#001529}.movie-list .ant-list-header h2{text-align:center;margin:0;color:#fff}.movie-list .ant-list-items{height:500px;overflow:scroll}.movie-list__movie .ant-list-item-meta{align-items:center}.movie-list__movie .ant-list-item-meta-title{margin:0}.footer{display:flex;align-items:center;justify-content:center;background-color:#001529!important;margin-top:50px;padding:15px 0!important}.footer p{margin:0;color:#fff}.movie-catalog{display:flex!important;justify-content:center!important;margin-top:25px}.movie-catalog .ant-card-cover img{height:350px!important}.movie-catalog .ant-card-meta-title{text-align:center!important}.pagination{display:flex;align-items:center;justify-content:center;margin-top:50px!important}.search{z-index:1;margin:50px 0}.search h1{text-align:center;font-size:50px}.search input{text-align:center;font-size:35px;height:60px;border-radius:50px}.modal-video{width:100%!important;height:100%;padding:0!important}.modal-video .ant-modal-content{height:100%;background-color:#000!important}.modal-video .ant-modal-content .ant-modal-close{color:#fff}.modal-video .ant-modal-content .ant-modal-close span{font-size:40px;margin-right:20px;margin-top:20px}.modal-video .ant-modal-content .ant-modal-body{height:100%;display:flex;align-items:center;justify-content:center}.modal-video .ant-modal-content .ant-modal-body>div{width:90%!important;height:90%!important}.movie{height:calc(100vh - 64px);background-repeat:no-repeat;background-position:center;background-size:cover}.movie__dark{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;opacity:.7}.movie>.ant-row{height:100%;display:flex;align-items:center}.movie__poster{height:80%;margin-bottom:10px}.movie__poster div{height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:10px}.movie__info{color:#fff}.movie__info-header{display:flex;align-items:center;justify-content:space-between}.movie__info-header h1{color:#fff;margin:0}.movie__info-header h1 span{font-size:20px;margin-left:10px;opacity:.5}.movie__info-content{margin-top:50px}.movie__info-content h3{color:#fff;font-weight:700;font-size:24px}.movie__info-trailer{justify-content:center;padding-bottom:10px}.movie__info-trailer button{height:100%;background-color:transparent;color:#fff;border:0;font-size:30px}.movie__info-trailer button:hover,.movie__info-trailer button:focus,.movie__info-trailer button:active{background-color:transparent;color:#40e0d0}@media(max-width:1100px){.orden1{order:2}.orden2{order:1;padding:6vw 4vw 4vw;height:40%}.movie{height:100%}.movie__dark{height:100vw}.movie__poster{height:35%}.movie__poster div{height:40vw;margin-top:15vw;background-position:center}.movie__info{height:50%}}@media(max-width:766px){.orden1{order:2}.orden2{order:1;padding:6vw 4vw 4vw;height:40%}.movie{height:100%}.movie__dark{height:100vw}.movie__poster{height:35%}.movie__poster div{height:35vw;margin-top:-30vw;background-position:right;margin-right:-20vw}.movie__info{height:50%}}@media(max-width:500px){.movie{height:100%}.movie__dark{height:110%}.movie__poster{height:35%}.movie__poster div{height:35vw;margin-top:-30vw}.movie__info{height:50%}}.error404{height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;flex-direction:column}.error404 h1{font-size:60px}.error404 h2{font-size:40px}