body{background-color:#f6f4f1;font-family:Montserrat;color:#222}a{cursor:pointer}.navbar{position:fixed;top:0;width:100%;z-index:999;background-color:#f6f4f1;color:#fff;padding:1rem 2rem;height:110px;opacity:0;transform:translateY(-100%);transition:all .4s ease;pointer-events:none}.navbar.show{opacity:1;transform:translateY(0);pointer-events:auto}.search-container{position:relative;width:100%;max-width:500px}.search-bar{border-radius:50px;padding:12px 20px;width:100%;border:1px solid #ddd;box-shadow:none}.search-bar:focus{outline:none;border-color:#aaa}.btn-search{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;font-size:18px;color:#555;cursor:pointer}::ng-deep .cdk-overlay-pane.centered-dialog-panel{display:flex!important;align-items:center;justify-content:center;pointer-events:auto;height:100%!important}::ng-deep .centered-dialog-panel .mat-dialog-container{margin:auto!important;border-radius:10px;padding:24px;background-color:#fff;box-shadow:0 10px 25px #0003}@media (max-width: 768px){.navbar .container-fluid{flex-direction:column;align-items:flex-start}.search-container{width:100%;margin-top:10px}.navbar-toggler{border:none}}.category-buttons button{color:#000;border:1px solid #ddd;border-radius:12px;padding:10px 20px;background:#fff;font-weight:700;transition:.3s}.activity-card{border-radius:20px;color:#fff;padding:20px;min-width:250px;text-align:center}.activity-card img{max-width:100%;border-radius:12px}.img-part{overflow:hidden;margin-top:5px;border-radius:20px}.img-part img{border-radius:20px}h6{text-align:left;font-size:25px!important}.right-nav-buttons{color:#555;text-decoration:none}.swiper-container,.swiper-container-program,.swiper-container-bioskop{width:100%;padding:20px 0;overflow:hidden}.swiper-slide{display:flex;justify-content:center;width:100%;height:400px}.swiper-slide img{object-fit:cover}@media (min-width: 768px){.swiper-slide img{height:280px}}.card{width:300px;height:400px;color:#fff;border-radius:12px;background-size:cover;background-position:center;position:relative;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.card-category{font-size:18px;font-weight:700}.card-description{font-size:14px}.card-user{width:50px;height:50px;border-radius:50%;object-fit:cover}.swiper-button-next,.swiper-button-prev{color:#000;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;background:#00000080;border-radius:50%;display:flex;justify-content:center;align-items:center}.swiper-button-next{right:10px}.swiper-button-prev{left:10px}.circular-chart{display:block;margin:auto;max-width:100%;max-height:100%}.circle{stroke-linecap:round;animation:progress 1s ease-out forwards}.cellphone-container{width:375px;height:650px;background-color:#1e1b26;margin:60px auto 0;box-shadow:5px 5px 115px -14px #000;border-radius:4px}.menu{position:absolute;right:12px;top:6px;z-index:999}.menu i{font-size:40px;color:#fe4141;filter:drop-shadow(4px 4px 10px rgba(0,0,0,.5))}.movie-img{width:100%;height:380px;background-image:url(https://i.ibb.co/FDGqCmM/papers-co-ag74-interstellar-wide-space-film-movie-art-33-iphone6-wallpaper.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:111!important;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,1)),color-stop(.35,rgba(0,0,0,1)),color-stop(.5,rgba(0,0,0,1)),color-stop(.65,rgba(0,0,0,1)),color-stop(.85,rgba(0,0,0,.6)),color-stop(1,rgba(0,0,0,0)));position:relative}.movie{background:linear-gradient(to bottom,#fff0 38%,#ffffff0f 39%,#1e1b26e0 53%,#1e1b26 55%);position:absolute;background-size:cover;z-index:1!important;width:375px;height:660px;display:block;border-radius:4px}.text-movie-cont{padding:0 12px;text-align:justify}.action-btn{text-align:right}.action-btn i{color:#fe4141;font-size:28px;text-align:right}.watch-btn{display:block;border:1px solid #fe4141;border-radius:5px;padding:4px;width:140px}.watch-btn h3 i{font-size:14px;margin-right:2px;position:relative;float:left;line-height:1}footer a.text-body:hover{color:#28a745!important;transition:color .3s ease}.action-row{margin-top:24px}.summary-row{margin-top:12px}.movie-gen,.movie-likes{margin:0;padding:0;list-style:none}.movie-gen li{font-family:Open Sans,sans-serif;font-size:12px;color:#8a8a8a;display:block;float:left;margin-right:6px;font-weight:600}.movie-likes{float:right}.movie-likes li{color:#fe4141}.movie-likes li:last-child{margin-right:0}.movie-likes li i{font-size:14px;margin-right:4px;position:relative;float:left;line-height:1}.movie-details{font-family:Open Sans,sans-serif;font-size:12px;font-weight:300;color:#b2b2b2}.movie-description{font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;color:#a0a0a0;text-align:justify;line-height:1.3}.movie-actors{font-family:Open Sans,sans-serif;font-size:12px;font-weight:300;color:#e7e7e7;font-style:italic}.thegrid{margin:0 auto}.elements-distance{margin:0}.mr-grid{width:100%}.mr-grid:before,.mr-grid:after{content:"";display:table}.mr-grid:after{clear:both}.col1,.col2,.col3,.col3rest,.col4,.col4rest,.col5,.col5rest,.col6,.col6rest{margin:0% .5% .5%;padding:1%;float:left;display:block}.category-buttons button{position:relative;transition:box-shadow .3s ease;z-index:1}.category-buttons button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;border-radius:inherit;z-index:-1;transition:height .4s ease}.category-buttons button:hover:after{height:60%}.category-buttons button:hover{box-shadow:0 6px 12px #00000026}.category-buttons button:nth-child(1):after{background:linear-gradient(to top,#ff7675,transparent)}.category-buttons button:nth-child(2):after{background:linear-gradient(to top,#74b9ff,transparent)}.category-buttons button:nth-child(3):after{background:linear-gradient(to top,#ffeaa7,transparent)}.category-buttons button:nth-child(4):after{background:linear-gradient(to top,#a29bfe,transparent)}.category-buttons button:nth-child(5):after{background:linear-gradient(to top,#55efc4,transparent)}.category-buttons button:nth-child(6):after{background:linear-gradient(to top,#fab1a0,transparent)}.category-buttons button:nth-child(7):after{background:linear-gradient(to top,#fd79a8,transparent)}.category-buttons button:nth-child(8):after{background:linear-gradient(to top,#81ecec,transparent)}@media screen and (min-width: 992px){.carousel-inner{height:80vh}}.col1{width:98%}.col2{width:47%}.col3{width:30.3333%}.col4{width:22%}.col5{width:17%}.col6{width:13.6667%}.col3rest{width:63.6667%}.col4rest{width:72%}.col5rest{width:77%}.col6rest{width:80.3333%}.dribbble-link{width:50px;height:50px;position:fixed;bottom:15px;right:15px;border-radius:50px}.nav-link:hover{color:#198753!important;transition:color .3s ease}@keyframes progress{0%{stroke-dasharray:0 100}}footer{font-weight:200!important}footer:before{content:"";border-top:1px solid gray;position:absolute;left:10%;width:80%}.bg-green{background-color:#15803d}.bg-light-green{background-color:#e4ffee!important}.bg-orange{background-color:#fb923c}.bg-dark-green{background-color:#065f46}.bg-burgundy{background-color:#581c87}.bg-olive{background-color:#6b8e23}.bg-brown{background-color:#5c3c18}