.film{padding:10px}.film .search-hints{margin-bottom:20px}.film .search-hints input{width:100%}.film section{margin-bottom:40px;min-height:100px}.film h2{margin-bottom:20px}.description{margin-top:40px;white-space:pre-line}.top{display:grid;grid-template-columns:300px auto 300px;grid-gap:40px}.top .film-poster{align-items:center}.top .film-poster .watch-online-vmeste{padding:10px 14px;display:grid;grid-template-columns:24px auto;justify-items:center;align-items:center;font-size:1.8rem;color:#fff;background-color:#4caf50;border-radius:4px;transition:opacity .2s ease;cursor:pointer}.top .film-poster .watch-online-vmeste:hover{opacity:.9}.top .film-poster .watch-online-vmeste i{display:inline-block;width:24px;height:24px;background-image:url(/static_files/icons/view.svg);background-size:24px}.top .film-poster .favorite{margin-top:10px;font-size:1.8rem;color:#fff;background-color:#1da1f2;border:1px solid #1da1f2;border-radius:4px;text-align:center;transition:background .2s ease}.top .film-poster .favorite:hover{background-color:var(--color);border:1px solid var(--color)}.top .film-poster .favorite.active{background-color:var(--color)}.top .film-poster .favorite.active:hover{background-color:rgba(224,10,30,.9)}.top .film-poster a{display:block;margin-top:20px;padding:10px 15px;font-size:2rem;color:#fff;background-color:#1da1f2;border-radius:4px;text-align:center;transition:background .2s ease}.top .film-poster a:hover{background-color:#e00a1e}.top .film-poster .poster{position:relative;width:300px;height:450px;border-radius:4px;background-color:#f1f1f1;overflow:hidden}.top .film-poster .poster img{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.top .film-meta h1{font-size:3.2rem}.top .film-meta .alt-name{margin-top:0;font-size:1.8rem;font-weight:700;color:#999}.top .film-meta .tagline{margin-top:10px;font-weight:700}.top .film-meta h2{margin-top:40px}.top .film-meta ul{margin-top:10px}.top .film-meta ul li{margin:10px 0;display:grid;grid-template-columns:repeat(2,1fr);font-size:1.4rem}.top .film-meta ul li a:not(:first-child):before{display:inline-block;content:",";position:relative;left:-2px;color:#000}.top .film-rating{text-align:center}.top .film-rating strong{display:block;font-size:5rem;font-weight:700;color:#4caf50}.top .film-rating span{font-size:1.4rem;color:#999}.catmenu{width:100%;margin:40px 0 20px;padding:0 0 10px;overflow-x:scroll;-webkit-overflow-scrolling:touch}.catmenu::-webkit-scrollbar-track{height:4px;background:#fff}.catmenu::-webkit-scrollbar{height:4px}.catmenu::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}.catmenu:hover::-webkit-scrollbar-thumb{background:#fff}.catmenu ul{list-style:none}.catmenu ul li{display:inline-block;font-size:2rem;margin-right:20px;color:#808893;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.catmenu ul li.active{color:#000;border-bottom:2px solid var(--color)}.catmenu ul li:hover{color:#000}.catmenu ul li a{color:#808893}.catmenu ul li a.active{color:#000;border-bottom:2px solid var(--color)}.catmenu ul li a:hover{color:#000}.frames .items{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:30px 15px}.frames .items .item{width:100%;height:10vw;background-color:#17191c;overflow:hidden;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.frames .items .item:hover{border:1px solid #e00a1e;opacity:.75}.frames .items .item img{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}