/* BASIC LAYOUT
----------------------------------------------- */
body {
  position: relative;
}
.wrapper {
  min-width: 320px;
  overflow: hidden;
  overflow: clip;
}
.wrapper__container {
  max-width: var(--max-width);
  margin: 0 auto;
  position: relative;
  z-index: 20;
}
.layout__container--primary {
  background-color: var(--clr-bg-darker);
  box-shadow: var(--bsh-long);
}
.header {
  padding: 0 var(--indent);
  position: sticky;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: var(--bg);
  box-shadow: var(--bsh-block);
}
.navbar-fixed .header {
  translate: 0 -200%;
}
.carou {
  background-color: var(--clr-bg-blackest);
  margin: 0 var(--indent-negative);
  padding: 30px var(--indent);
}
.content > .carou {
  margin-top: -20px;
  margin-bottom: 20px;
}
.carousel--recent {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.content {
  padding: 20px var(--indent);
  min-height: 100vh;
}
.footer {
  padding: 40px var(--indent);
  padding-bottom: 20px;
  background-color: var(--clr-bg-black);
  color: var(--tt-fade);
  --tt: #fff;
  --tt-fade: #ccc;
  --bdc: rgba(255, 255, 255, 0.2);
}
.site-site-footer__bottom {
  border-top: 1px solid var(--bdc);
  padding-top: 20px;
  margin-top: 40px;
}
.content:has(.descr),
.content:has(.content-page__related),
.content:has(.carousel--recent) {
  padding-bottom: 0;
}
.wrapper::before,
.wrapper::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 500px;
  content: "";
  filter: grayscale(0.66);
  --left: calc((100vw - 1340px) / 2);
  --right: calc((100vw - 1340px) / 2 + 1300px);
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    transparent var(--left),
    #000 calc(var(--left) + 160px),
    #000 calc(var(--right) - 160px),
    transparent var(--right),
    transparent 100%
  );
}
.wrapper::after {
  background: linear-gradient(to top, #111 0%, transparent 300px);
  z-index: 1;
  mask-image: none;
}
.branding-enabled {
  padding-top: 0px;
}

.scrolltop {
  position: fixed;
  width: 40px;
  height: 40px;
  right: 10px;
  bottom: 10px;
  padding: 0;
  z-index: 990;
  border-radius: 4px;
  font-size: 18px;
  opacity: 0;
  scale: 0 0;
}
.scrolltop.is-active {
  scale: 1 1;
  opacity: 1;
}
.overlay {
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #1d1924;
  cursor: pointer;
  display: none;
}

/* HEADER, TOPMENU, CAROU
----------------------------------------------- */
.logo {
  display: flex;
  align-items: center;
  font-family: "Righteous-Regular";
  font-weight: 400;
  color: var(--tt);
  padding-left: 50px;
  text-transform: uppercase;
  position: relative;
  font-size: 24px;
  height: 90px;
  letter-spacing: 1px;
}
.logo::before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  background: url(../images/logo.svg) 0 center / contain no-repeat;
  translate: 0 -50%;
}
.lt .navbar__logo {
  --tt: #000;
}
.logo:has(img) {
  background: none;
  min-width: 200px;
}
.logo:has(img)::before {
  display: none;
}
.logo img {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  max-height: 100%;
}
.navbar__theme-toggle {
  color: var(--yellow);
}
.dt .navbar__theme-toggle::before {
  content: "\f755";
}
.navbar__btn-login {
  height: 34px;
  padding: 0 20px;
}
.navbar__btns {
  padding-left: 10px;
}
.navbar__btn1 {
  height: 30px;
  font-size: 12px;
}
.navbar__ava {
  width: 40px;
  cursor: pointer;
}
.navbar__btn1 span {
  position: absolute;
  right: -5px;
  top: -10px;
  padding: 2px 3px;
  font-size: 10px;
  border-radius: 2px;
  background-color: var(--accent);
  color: #fff;
  display: inline-block;
  text-align: center;
  min-width: 20px;
  line-height: 1;
}

.navbar__nav {
  margin: 0 10px;
}
.navbar__nav li {
  position: relative;
}
.navbar__nav > li > a {
  display: flex;
  align-items: center;
  height: 50px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  opacity: 0.6;
  font-family: "Oswald", sans-serif;
}
.navbar__nav-hidden {
  background-color: var(--bg);
  border-top: 3px solid var(--accent);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  top: 99%;
  width: 240px;
  z-index: 10;
  padding: 20px 26px;
  display: grid;
  gap: 6px 26px;
  opacity: 0;
  visibility: hidden;
  translate: 0 30px;
}
div.navbar__nav-hidden {
  grid-template-columns: repeat(3, 1fr);
  width: 660px;
}
.navbar__nav-hidden-col {
  display: grid;
  gap: 6px;
}
.navbar__nav-hidden li:not(:has(a)) {
  font-weight: 500;
}
.navbar__nav-hidden a {
  opacity: 0.8;
}
.header .navbar__nav li:has(.navbar__nav-hidden)::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0%;
  border: 6px solid transparent;
  border-bottom-color: var(--accent);
  margin-left: -6px;
}

.search-panel {
  position: relative;
}
.search-panel__input,
.search-panel__input:focus {
  padding: 0 40px 0 10px;
  border: 0;
  box-shadow: none;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0, 0, 0, 0.2);
}
.search-panel__input:not(:focus)::placeholder {
  color: var(--tt);
  opacity: 0.66;
  font-size: 13px;
}
.search-panel__btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  font-size: 16px;
  width: 40px;
  color: var(--accent);
}

/* SECTION
----------------------------------------------- */
.sect:not(:last-child) {
  margin-bottom: 20px;
}
.section__header {
  margin-bottom: 20px;
}
.section__title {
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
}
.section__title :is(h1, h2, h3) {
  font-size: inherit;
}
.section__header:has(.section__tabs) {
  margin-bottom: 10px;
}
.section__tabs button {
  background: none;
  color: var(--tt);
  text-transform: none;
  font-weight: 400;
}
.section__tabs button.is-active {
  background-color: var(--bg);
  color: var(--tt);
}
.carou__caption {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.carousel--recent:not(:has(.item)) {
  display: none;
}

.speedbar {
  color: var(--tt-fade);
  font-size: 13px;
  padding: 10px 0;
  margin-top: -20px;
}
.speedbar a {
  color: var(--tt);
}

.descr {
  color: var(--tt-fade-0);
  display: grid;
  gap: 10px;
  background-color: var(--clr-bg-darker-1);
  padding: 20px var(--indent);
  margin: 0 var(--indent-negative);
}
.descr :is(h1, h2, h3) {
  font-size: 18px;
  font-weight: 500;
  color: var(--tt);
}
.descr a {
  text-decoration: underline;
  color: var(--accent);
}
.descr ul li {
  position: relative;
  padding-left: 25px;
  margin-left: 25px;
}
.descr ul li::before {
  content: "\f00c";
  color: var(--accent);
  position: absolute;
  left: 0;
  top: 0;
}

/* ITEM CAROUSEL, SHORTSTORY
----------------------------------------------- */
.media__img {
  box-shadow: var(--bsh);
  overflow: hidden;
}
.media__label {
  font-size: 12px;
  padding: 0px 4px;
  border-radius: 3px;
  font-weight: 500;
  background-color: #79c142d9;
  color: #fff;
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 1;
}
.media__desc {
  position: absolute;
  inset: 0;
  z-index: 3;
  color: #fff;
  --tt: #fff;
  --bdc: rgba(255, 255, 255, 0.3);
  text-align: center;
  padding: 10px;
}
.media__title {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 5px;
}
.media__year {
  opacity: 0.8;
  font-size: 12px;
}
.media__rates {
  line-height: 1;
  border-top: 1px solid var(--bdc);
  padding-top: 10px;
  margin-top: 10px;
}
.media__rates-item::before {
  content: attr(data-text);
  display: inline;
  margin-right: 5px;
  text-transform: uppercase;
  font-weight: 500;
}
.media__rates-item.kp::before {
  color: #f60;
}
.media__rates-item.imdb::before {
  color: #fc0;
}
.media__btn-info {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  border-radius: 0;
  translate: 0 -100%;
  opacity: 0;
}
.media__rates:not(:has(.media__rates-item:nth-child(2))) {
  justify-content: center;
}

/* TRAILER, POPUP DESC
----------------------------------------------- */
.trl {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  z-index: 990;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  backdrop-filter: blur(10px);
}
.trailer-popup__close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 40px;
  color: #fff;
}
.trailer-popup__inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  color: #fff;
  padding: 80px 20px 20px 20px;
}
.trailer-popup__btn {
  height: 40px;
  padding: 0 40px;
  margin: 15px 0;
  width: 100%;
}
.trl h1 {
  margin-bottom: 15px;
  margin-top: 20px;
  font-size: 24px;
}
.trl .content-page__text,
.trl .rich-text {
  color: #ccc;
  margin: 0px;
  padding: 0;
  background: none;
}
.trailer-popup-opened {
  overflow: hidden;
}

.th-active {
  z-index: 100;
}
.tooltip-box {
  display: none;
  background-color: var(--bg);
  border-left: 3px solid var(--accent);
  cursor: auto;
  padding: 20px;
  text-align: left;
  position: absolute;
  z-index: 1000;
  width: 460px;
  box-shadow: var(--bsh-long);
  min-height: 100px;
  font-size: 12px;
}
.pop-left .tooltip-box {
  border-left: 0;
  border-right: 3px solid var(--accent);
}
.tooltip-box-loader {
  text-align: center;
  font-size: 18px;
  color: var(--accent);
  padding-top: 20px;
}
.tooltip-box .not-shown-ajax,
.tooltip-box h1 a,
.tooltip-box h1 small {
  display: none;
}
.tooltip-box h1 {
  font-size: 18px;
}
.tooltip-box .rich-text {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 15px 0;
}
.tooltip-box .content-page__btn-trailer {
  width: 100%;
  margin-top: 20px;
}

/* FOOTER, PAGINATION
----------------------------------------------- */
.site-footer__notify {
  border-left: 1px solid var(--bdc);
  padding-left: 20px;
}
.site-footer__copyright {
  font-size: 14px;
}
.site-footer__menu {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}

.pagination {
  gap: 20px 10px;
  padding-top: 10px;
}
.page-nav__pages a,
.page-nav__pages span,
.pagination > a,
.pagination > span {
  display: grid;
  place-items: center;
  color: var(--tt-fade);
  height: 36px;
  min-width: 36px;
  padding: 0 10px;
  border-radius: 3px;
  background-color: var(--bg);
}
.page-nav__pages {
  gap: 10px;
  font-size: 14px;
}
.page-nav__pages span:not(.nav_ext) {
  color: #fff;
  background: var(--accent);
}
.page-nav__btns {
  height: 36px;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--bg);
  box-shadow: var(--bsh);
}
.page-nav__btns > * {
  width: 40px;
  display: grid;
  place-items: center;
  color: var(--accent);
  font-size: 18px;
}
.page-nav__btns > span {
  color: var(--tt-fade);
}
.page-nav__btn-loader:has(span:not(.fal)) {
  display: none;
}
.page-nav__btn-loader a {
  min-width: 360px;
}

/* INNER PAGE
----------------------------------------------- */
.content-page__bg {
  box-shadow: var(--bsh-block);
  background-color: var(--bg);
  margin: 0 var(--indent-negative);
}
.content-page__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
}
.content-page__cols:not(:has(.content-page__cols-right)) {
  display: block;
}
.content-page__cols-left {
  padding: 20px;
  padding-bottom: 0;
}
.content-page__cols-right {
  background-color: var(--clr-bg-darker-1);
  padding: 20px;
}
.content-page__main {
  display: grid;
  gap: 15px 20px;
  grid-template-columns: 260px minmax(0, 1fr);
  grid-template-areas: "poster header" "poster info";
  grid-template-rows: auto 1fr;
  margin-bottom: 25px;
}
.content-page__poster {
  grid-area: poster;
  border-radius: 6px;
  overflow: hidden;
  align-self: start;
  box-shadow: 0 0 0 1px #ccc, 2px 3px 3px 0 rgba(0, 0, 0, 0.1);
}
@media (min-width: 2000px) {
  .content-page__main {
    display: grid;
    gap: 15px 20px;
    grid-template-columns: 290px minmax(0, 1fr);
  }
}
.content-page__header {
  grid-area: header;
}
.content-page__info {
  grid-area: info;
}

.content-page__img::after {
  opacity: 0.5;
  height: 33%;
}
.content-page__rating-ext {
  position: relative;
  z-index: 10;
  font-size: 12px;
}
.content-page__rating-ext a {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-weight: 500;
  gap: 10px;
  height: 40px;
}
.content-page__rating-ext a .fal {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 16px;
  color: #fff;
  background-color: var(--green);
}
.content-page__rating-ext a + a .fal {
  background-color: var(--red);
}
.content-page__ratingscore-ring {
  width: 50px;
  font-weight: 500;
  font-size: 16px;
  background-color: var(--bg);
  color: var(--tt);
  box-shadow: var(--bsh);
  position: absolute;
  left: 50%;
  top: 0;
  translate: -50% -50%;
  isolation: isolate;
}
.content-page__ratingscore-ring::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    from 0deg,
    #fdc830 0%,
    #f37335 var(--p),
    var(--clr-bg-darker-1) var(--p)
  );
}
.content-page__ratingscore-ring::after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: var(--bg);
  inset: 3px;
  border-radius: 50%;
}

.content-page__header h1 {
  font-size: 21px;
  font-weight: 500;
}
.content-page__header h1 a {
  font-size: 12px;
  margin-left: 10px;
}
.content-page__text .rich-text {
  color: #888;
  line-height: 1.4;
}
.content-page__text {
  margin-bottom: 20px;
}
.js-hide-text {
  max-height: 160px;
  overflow: auto;
}
.show-text {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 34px;
  font-size: 12px;
  box-shadow: 0 0 0 1px #ccc, 2px 3px 3px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--bg);
  color: var(--tt);
}
.js-hide-text[style]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60%;
  background: linear-gradient(to top, var(--bg) 20%, transparent 100%);
  z-index: 1;
}
.content-page__list {
  line-height: 1.3;
  font-size: 14px;
  display: grid;
  gap: 5px 20px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.content-page__list li > span:first-child {
  font-weight: 500;
  margin-right: 5px;
}
.content-page__list a {
  color: var(--blue);
  text-decoration: underline;
}
.content-page__list-wide {
  grid-column: 1 / -1;
}
.content-page__list-rates {
  grid-row: span 2;
}
.content-page__list-rates-item {
  font-size: 15px;
  padding-left: 30px;
  line-height: 20px;
}
.content-page__list-rates-item.kp {
  background: url(../images/kp.svg) 0 center / 20px no-repeat;
}
.content-page__list-rates-item.imdb {
  background: url(../images/imdb.svg) 0 center / 20px no-repeat;
}
.content-page__list-rates-item.tmdb {
  background: url(../images/tmdb.svg) 0 center / 20px no-repeat;
}
.content-page__subtitle {
  border-top: 1px solid var(--bdc);
  margin: 0 -20px;
  padding: 15px 20px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.content-page__scr ul {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--bdc);
  margin: 0 -20px;
  padding: 20px 20px;
}
.content-page__scr a,
.content-page__scr img {
  display: block;
  height: auto;
  width: 100%;
  border-radius: 0px;
  aspect-ratio: 300 / 200;
}
.content-page__scr img {
  object-fit: cover;
}
.content-page__scr ul li:nth-child(4) ~ li {
  display: none;
}
.stext-style {
  background-color: var(--stext-style-bg);
  color: var(--stext-style-color);
}
.content-page__player {
  position: relative;
  background-color: var(--clr-bg-black);
  padding: 0;
}
.content-page__player .tabs-block__select {
  gap: 1px;
  margin-bottom: 0px;
}
.content-page__player .tabs-block__select button {
  background: var(--clr-bg-blackest);
  color: #fff;
  border-radius: 0;
}
.content-page__player .tabs-block__select button.is-active,
.content-page__player .tabs-block__select button:hover {
  background: var(--accent);
  color: #fff;
}
.content-page__complaint a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--red);
  --red: #f37e7c;
}
.content-page__complaint {
  padding-right: 20px;
  --tt: #fff;
  color: #fff;
  --userint-bg-darker: rgba(255, 255, 255, 0.3);
}
.nl .content-page__player-controls + .tabs-block__content {
  display: block;
}
.content-page__player .tabs-block__select button.is-active::before {
  color: rgba(0, 0, 0, 0.8);
}
.ya-share2 {
  min-height: 24px;
}
.content-page__fav a,
.content-page__fav > span {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--tt-fade);
  --tt-fade: #ccc;
}
.content-page__fav a:has(.fav-added) .fal {
  color: var(--yellow);
}
.content-page__player-bottom {
  padding-left: 20px;
}
.content-page__likes a {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 20px;
  background-color: var(--green);
  color: #fff;
}
.content-page__likes a:last-child {
  background-color: var(--red);
}
.dark-overlay {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
.light-off #scrolltop {
  visibility: hidden;
}
.light-off .content-page__player {
  position: relative;
  z-index: 102;
}

.content-page__cols:has(.content-page__player) .content-page__cols-right {
  background-color: var(--clr-bg-blackest);
  color: #fff;
  --tt: #fff;
  --tt-fade: #ccc;
  --bdc: rgba(255, 255, 255, 0.2);
}
.content-page__fr {
  position: absolute;
  inset: 0;
}
.content-page__fr-caption {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  background-color: #000;
}
.content-page__fr .section__content {
  padding: 20px;
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-content: start;
}
.fr.is-active {
  padding-right: 55px;
}
.frame__img {
  width: 50px;
}
.frame__title {
  font-weight: 500;
}
.frame__subtitle,
.frame__meta {
  font-size: 12px;
  color: var(--tt-fade);
}
.frame__meta::before {
  color: var(--yellow);
}
.fr.is-active:after {
  content: attr(data-text);
  font-size: 10px;
  font-weight: 500;
  color: var(--tt-fade);
  border-left: 1px solid var(--bdc);
  width: 35px;
  padding-left: 10px;
  padding-right: 0;
  text-transform: uppercase;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.content-page__schedules {
  padding: 20px;
}
.content-page__schedule {
  border: 1px solid var(--bdc);
}
.schedule-item {
  padding: 6px 20px;
  gap: 10px 20px;
}
.schedule-item + .schedule-item {
  border-top: 1px solid var(--bdc);
}
.schedule__number {
  font-weight: 500;
  width: 280px;
}
.schedule__descr {
  color: var(--tt-fade);
}
.schedule__descr b {
  display: block;
  color: var(--tt);
  font-size: 15px;
}
.schedule__date {
  color: var(--tt-fade);
}
.schedule__status {
  color: var(--green);
  font-size: 15px;
}
.schedule__status .fa-times {
  color: var(--red);
}

.content-page__cols:has(.content-page__comments) {
  margin: 0 var(--indent-negative);
}
.top-users {
  padding: 20px;
  margin-bottom: 20px;
  background-color: var(--bg);
}
.top-users__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.top-users__content {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  counter-reset: n;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1;
}
.tuser:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bdc);
}
.tuser::before {
  content: counter(n, decimal-leading-zero);
  counter-increment: n;
  color: var(--tt-fade);
}
.tuser__ava {
  width: 24px;
}
.tuser__rating {
  height: 20px;
  font-size: 10px;
  padding: 0 10px;
  border-radius: 10px;
  font-weight: 400;
  border: 1px solid var(--bdc);
  color: var(--tt-fade);
  line-height: 1;
  text-transform: uppercase;
}
.tuser__rating::before {
  color: var(--yellow);
}
.rkl--holder {
  display: grid;
  place-items: center;
  font-weight: 500;
  font-size: 24px;
  background: var(--clr-bg-darker);
  color: rgba(0, 0, 0, 0.2);
  height: 500px;
}
.content-page__cols-right .rkl {
  position: sticky;
  left: 0;
  top: 20px;
}

/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.content-page__title {
  margin-bottom: 30px;
  font-size: 24px;
}
.rich-text {
  line-height: 1.6;
  font-size: 15px;
  word-wrap: break-word;
  color: var(--tt-fade-0);
}
.rich-text a {
  text-decoration: underline;
  color: var(--userint-accent);
}
.rich-text img:not(.emoji),
.rich-text p,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text > ul,
.rich-text > ol,
.rich-text table {
  margin-bottom: 25px;
}
.rich-text > img[style*="left"],
.rich-text > .highslide img[style*="left"] {
  margin: 0 10px 10px 0;
}
.rich-text > img[style*="right"],
.rich-text > .highslide img[style*="right"] {
  margin: 0 0 10px 10px;
}
.rich-text > ul li,
.rich-text > ol li {
  padding-left: 60px;
  position: relative;
}
.rich-text > ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 3px solid var(--accent);
  position: absolute;
  top: 6px;
  left: 34px;
}
.rich-text > ol {
  counter-reset: num;
}
.rich-text > ol li:before {
  content: counter(num);
  counter-increment: num;
  background-color: var(--accent);
  color: #fff;
  position: absolute;
  top: -3px;
  left: 17px;
  width: 24px;
  height: 30px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 6px;
  box-sizing: border-box;
}
.rich-text > ol li:after {
  content: "";
  border: 10px solid transparent;
  border-left-color: var(--accent);
  position: absolute;
  left: 41px;
  top: -3px;
  transform: scale(0.66, 1.5);
  transform-origin: 0 0;
}
.rich-text > ul li + li,
.rich-text > ol li + li {
  margin-top: 10px;
}
.rich-text table,
.video-inside > * {
  width: 100%;
}
.rich-text > *:last-child {
  margin-bottom: 0;
}
.video-responsive {
  padding-top: 40%;
  position: relative;
  background-color: #000;
}
@media (max-width: 760px) {
  .video-responsive {
    padding-top: 60%;
    position: relative;
    background-color: #000;
  }
}
.video-responsive > iframe,
.video-responsive > video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5 {
  font-size: 21px;
  margin-bottom: 20px;
}
@media (max-width: 760px) {
  div#vkg {
    height: 300px !important;
  }
}

/* COMMENTS
----------------------------------------------- */
.content-page__comments {
  padding-bottom: 10px;
}
.content-page__comments-info {
  color: var(--tt-fade);
  display: block;
  margin: 5px 0 20px;
  font-size: 14px;
  padding-left: 23px;
  position: relative;
}
.content-page__comments-info::before {
  color: var(--red);
  position: absolute;
  left: 0;
  top: 2px;
}
.content-page__ac {
  margin-bottom: 10px;
}
.comment-form {
  position: relative;
}
.comment-form__header,
.comment-form__editor,
.comment-form .message-info {
  gap: 10px;
  margin-bottom: 10px;
}
.comment-form__btn {
  padding: 0 60px;
}
.comment-form__bottom {
  gap: 25px;
}
.confidential-check {
  font-size: 14px;
}
.comment-form__header > span {
  margin-left: 15px;
}
.comment-form .comments_subscribe {
  margin-top: 0px;
}

.comment-toggle.comment-form {
  cursor: pointer;
}
.comment-form__header1 input,
.comment-form__editor1 textarea {
  background-color: rgba(0, 0, 0, 0.02);
}
.comment-toggle,
.comment-toggle .comment-form__editor {
  position: relative;
}
.comment-toggle .comment-form__bottom button {
  position: absolute;
  bottom: 20px;
  right: 10px;
  z-index: 10;
  pointer-events: none;
}
.comment-form .bb-btn {
  display: none;
}
.comment-form .bb-pane {
  background: none;
  box-shadow: none;
  border: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}
.comment-form #b_emo,
.comment-form #b_leech,
.comment-form #b_quote,
.comment-form #b_spoiler,
.comment-form #b_b,
.comment-form #b_u,
.comment-form #b_s,
.comment-form #b_color,
.comment-form #b_hide {
  display: grid;
}
.comment-toggle .bb-btn {
  pointer-events: none;
}
.comment-toggle .comment-form__editor .bb-editor textarea {
  height: 200px;
  resize: none;
}
.comment-form__editor .bb-editor textarea {
  height: 200px;
  line-height: 1.4;
  padding-bottom: 40px;
}
.comments_subscribe + br,
.comment-form .bb-editor + br {
  display: none;
}
.comment-toggle .has-checkbox {
  display: none;
}

.mass_comments_action {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.mass_comments_action select {
  flex: 1 1 0;
  margin: 0 -28px 0 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 60%;
}
.mass_comments_action .bbcodes {
  border-radius: 0;
  padding: 0 10px;
}

.comment__title {
  font-size: 18px;
  margin-bottom: 20px;
}

.comm {
  margin-bottom: 10px;
  position: relative;
  padding: 15px 20px;
  padding-left: 90px;
  background-color: var(--clr-bg-darker-1);
  border-radius: 6px;
}
.comm.pos {
  background-color: rgba(59, 179, 59, 0.1);
}
.comm.neg {
  background-color: rgba(235, 77, 75, 0.1);
}
.comment__group {
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  font-size: 10px;
  border: 1px solid var(--bdc);
  padding: 0 10px;
  text-transform: uppercase;
}
.comment__group,
.comment__group * {
  font-weight: 400;
  color: var(--tt) !important;
}
.comment__group.adm,
.comment__group.adm * {
  color: #fff !important;
  background-color: var(--accent);
  border-color: var(--accent);
}
.comment__img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
}
.comment__user-rating {
  position: absolute;
  left: 50%;
  top: 100%;
  translate: -50% 0;
  gap: 3px;
  margin-top: 8px;
  background-color: var(--bg);
  z-index: 5;
  white-space: nowrap;
  padding: 0;
  width: 48px;
}
.comment__letter {
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.comment__author,
.comment__author a {
  color: var(--accent);
  font-weight: 500;
  font-size: 14px;
}
.comment__date {
  color: var(--tt-fade);
  font-size: 12px;
}
.comment__rating a {
  color: var(--green);
  font-size: 18px;
}
.comment__rating a:last-child {
  color: var(--red);
}
.comment__rating span {
  font-size: 14px;
}
.comment__rating span .ratingplus {
  color: var(--green);
}
.comment__rating span .ratingminus {
  color: var(--red);
}
.comment__text {
  margin: 8px 0;
}
.comment__action {
  font-size: 12px;
  --tt: var(--tt-fade);
  color: var(--tt-fade);
}
.comment__ctrl-btn {
  font-size: 18px;
  height: 30px;
  --tt: var(--tt-fade);
}
.comment__ctrl-menu li + li {
  margin-top: 10px;
}
body:has(.pwidget) #dropmenudiv {
  z-index: 1000 !important;
}

/* POPUP WIDGET
----------------------------------------------- */
.pwidget {
  background-color: var(--bg);
  color: var(--tt);
  border-radius: 20px;
  overflow: hidden;
  z-index: 999;
  padding: 20px;
  padding-top: 24px;
  position: fixed;
  left: 20px;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
}
.pwidget::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.2);
  height: 4px;
  width: 40px;
  border-radius: 2px;
}
.pwidget .wctrailer-popup__content {
  display: block;
  margin-bottom: 20px;
}
@media screen and (min-width: 760px) {
  .pwidget {
    left: 50%;
    bottom: 50%;
    right: auto;
    translate: -50% 50%;
    width: 400px;
  }
  .pwidget::before {
    display: none;
  }
}

/* LOGIN
----------------------------------------------- */
.lgn {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 500px;
  max-width: calc(100% - 40px);
}
.login-modal__content {
  background-color: var(--bg);
  box-shadow: var(--bsh-long);
  padding: 30px 60px;
  position: relative;
}
.login-modal__ctrl > * {
  color: #fff !important;
  font-size: 19px;
  font-weight: 500;
  height: 45px;
  position: relative;
  text-transform: uppercase;
}
.login-modal__ctrl span::before {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: var(--bg);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  z-index: 5;
}
.login-modal__btn-close {
  font-size: 40px;
  color: #fff;
  position: absolute;
  right: -50px;
  top: 0;
  z-index: 10;
}
.login-modal__header {
  position: relative;
  padding-left: 80px;
  margin-bottom: 15px;
}
.login-modal__avatar {
  width: 60px;
  background-color: var(--clr-bg-darker);
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  overflow: hidden;
  border-radius: 50%;
}
.login-modal__title {
  font-size: 19px;
  font-weight: 500;
}
.login-modal__caption {
  color: var(--tt-fade);
  margin-top: 5px;
}
.login-modal__input input {
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  padding: 0 30px;
}
.login-modal__input input::placeholder {
  font-size: 16px;
}
.login-modal__input input + input {
  margin-top: -1px;
}
.login-modal__input input:focus {
  position: relative;
  z-index: 5;
}
.login-modal__btn button {
  height: 50px;
}
.login-modal__cell a {
  color: var(--userint-accent);
}
.login-modal__social-caption {
  font-size: 13px;
  color: var(--tt-fade);
  margin-top: 5px;
}
.login-modal__social-caption::before,
.login-modal__social-caption::after {
  content: "";
  flex-grow: 1;
  background: var(--bdc);
  height: 1px;
}
.login-modal__social a {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
}
.login-modal__social a img {
  height: 18px;
  width: 18px;
  display: block;
  filter: invert(1);
}
.login-modal__social-vk {
  background-color: #587ba1;
}
.login-modal__social-ok {
  background-color: #ff9800;
}
.login-modal__social-fb {
  background-color: #3b5998;
}
.login-modal__social-ml {
  background-color: #2196f3;
}
.login-modal__social-gg {
  background-color: #f44336;
}
.login-modal__social-ya {
  background-color: #fc3f1d;
}
.login-modal__social:not(:has(a)) {
  display: none;
}
.lgn--logged {
  width: 400px;
}
.login-modal__menu a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.c-0 span {
  display: none;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {
  width: 100%;
  position: relative;
  z-index: 1;
}
.owl-stage {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.owl-stage-outer {
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
}
.owl-item {
  position: relative;
  min-height: 10px;
}
.owl-nav.disabled,
.owl-dots.disabled,
.owl-carousel.owl-refresh .owl-item {
  display: none;
}
.owl-carousel.owl-drag .owl-item {
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-nav {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: -45px;
  display: flex;
  gap: 5px;
}
.owl-prev,
.owl-next {
  cursor: pointer;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  font-size: 18px;
  background-color: transparent;
  color: #fff;
  box-shadow: none;
  border-radius: 4px;
}
.owl-prev {
  opacity: 0.6;
}
.owl-next {
  opacity: 1;
}

/* CLS FIX
----------------------------------------------- */
.carousel-grid:not(.owl-carousel) {
  display: flex;
  overflow: hidden;
  gap: 20px;
}
.carousel-grid:not(.owl-carousel) > * {
  flex-shrink: 0;
}
.carousel-grid:not(.owl-carousel) > .item {
  width: calc((100% - 100px) / 6);
}

@media screen and (max-width: 1220px) {
  .carousel-grid:not(.owl-carousel) > .item {
    width: calc((100% - 80px) / 5);
  }
}
@media screen and (max-width: 950px) {
  .carousel-grid:not(.owl-carousel) > .item {
    width: calc((100% - 60px) / 4);
  }
}
@media screen and (max-width: 760px) {
  .carousel-grid:not(.owl-carousel) > .item {
    width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 470px) {
  .carousel-grid:not(.owl-carousel) > .item {
    width: calc((100% - 20px) / 2);
  }
}

.filter-block {
  background-color: var(--bg);
  margin: 0 var(--indent-negative);
  margin-bottom: 20px;
  padding: 20px var(--indent);
}
.filter {
  gap: 10px 20px;
}
.filter-block__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.filter-group__col:not(.filter-group__col--submit) {
  flex: 1 0 240px;
  max-width: 100%;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.filter-group__cell select {
  height: 40px;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: var(--bg);
  color: var(--tt);
}
.filter-group__cell input[type="text"] {
  opacity: 0;
}
.filter-group__cell [data-dlefilter="reset"]:not(:hover) {
  background-color: var(--clr-bg-darker);
  color: var(--tt-fade);
}
.filter-group__col--ranges {
  padding: 0 20px;
}
.filter-block--full .filter-group__col--submit {
  width: 100%;
}
.filter-block--full {
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.select,
.select * {
  outline: none;
  user-select: none;
}
.select {
  position: relative;
}
.select-container,
.select-label {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: var(--bg);
  padding: 5px 5px;
  min-height: 40px;
  position: relative;
  cursor: pointer;
  color: var(--tt);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  padding-right: 40px;
  border-radius: 3px;
}
.select .label-inner {
  margin-left: 5px;
  font-size: 14px;
}
.select-container .select-handle {
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  border-radius: 2px;
  background-color: var(--accent);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
}
.select .select-label::before,
.select .select-label::after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "\f0d8";
  color: var(--tt);
  margin-top: -15px;
  opacity: 0.5;
}
.select .select-label::after {
  margin-top: -5px;
  transform: rotate(180deg);
}

.select .select-dropdown {
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none;
  position: absolute;
  background-color: var(--bg);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: var(--bsh);
  border-radius: 3px;
}
.select .select-dropdown .dropdown-inner {
  padding: 1px 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}
.select .dropdown-optgroup {
  padding: 15px;
}
.select .select-dropdown .dropdown-empty {
  padding: 20px;
  font-size: 14px;
  text-align: center;
}
.select .select-dropdown ul li + li {
  margin-top: 10px;
}
.select .select-dropdown ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
}
.select .select-dropdown ul li.dropdown-option::before {
  content: "";
  background-color: var(--clr-bg-darker);
  width: 18px;
  height: 18px;
  border-radius: 1px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  font-size: 14px;
  color: #000;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-bottom: 3px;
}
.select .select-dropdown ul li.dropdown-option.selected {
  color: var(--accent);
}
.select .select-dropdown ul li.dropdown-option.selected::before {
  background-color: var(--accent);
  color: #fff;
  content: "\f00c";
  box-shadow: none;
}
.select .select-dropdown ul li:hover {
  color: var(--blue);
}
.select-container:hover,
.select-label:hover {
  border-color: var(--accent);
}
.select-container .select-handle:hover {
  background-color: var(--red);
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.range-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.range-track-left,
.range-track-mid,
.range-track-right {
  position: absolute;
  display: block;
  top: 0;
}
.range-track-left {
  left: 0;
  width: 11%;
}
.range-track-mid {
  left: 9%;
  width: 82%;
}
.range-track-right {
  right: 0;
  width: 11%;
}
.range-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.range-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.range-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.range-handle {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}
.range-handle.type_last {
  z-index: 2;
}
.range-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}
.range-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}
.range-from,
.range-to,
.range-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.range-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.range-with-grid .range-grid {
  display: block;
}
.range-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #ec2828;
}
.range-grid-pol.small {
  height: 4px;
}
.range-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #ec2828;
}
.range-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.range-disabled {
  opacity: 0.4;
}
.lt-ie9 .range-disabled {
  filter: alpha(opacity=40);
}
.range-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs {
  height: 40px;
}
.range-line {
  height: 6px;
  top: 25px;
  background-color: var(--bg);
  border-radius: 3px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}
.range-bar {
  height: 6px;
  top: 25px;
  background-color: var(--blue);
  border-radius: 3px;
}
.range-bar-edge {
  top: 25px;
  height: 8px;
  width: 11px;
  background-color: var(--bg);
}
.range-handle {
  width: 20px;
  height: 20px;
  top: 18px;
  background-color: var(--bg);
  border-radius: 10px;
  border: 4px solid var(--blue);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.range-from,
.range-to,
.range-single {
  font-size: 10px;
  margin-top: -5px;
  border: 1px solid var(--bdc);
  padding: 0 5px;
  height: 22px;
  display: flex;
  align-items: center;
  background: var(--bg);
  color: var(--tt);
  border-radius: 3px;
}

/* Модуль рейтинг ожидания премьер */
.movie-rating__green-number {
  color: #093;
}
.movie-rating__grey-number {
  color: #aaa;
}
.movie-rating__red-number {
  color: red;
}

.film-list {
  margin-bottom: 35px;
}
.film-item {
  display: flex;
  padding: 20px;
  position: relative;
  border-radius: 5px;
}
.film-item:first-child {
  margin-top: 20px;
}

.film-item .movie-media__rating {
  top: 6px;
  left: -7px;
}
.film-item::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 20px;
  right: 20px;
  height: 1px;
  width: calc(100% - 40px);
  top: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.film-item:hover::before,
.film-item:hover + .film-item::before {
  opacity: 0;
}
.film-item:hover {
  background: #f7f7f7;
}
.film-item:last-of-type {
  border-bottom: none;
}
.film-parent {
  display: flex;
  margin-right: auto;
}
.film-img {
  height: 95px;
  width: 65px;
  margin-right: 15px;
  position: relative;
  flex-shrink: 0;
}
.film-parent .film-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}
.film-info {
  display: flex;
  flex-direction: column;
}
.film-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px;
  color: #1f1f1f;
}
.film-other-names {
  line-height: 18px;
  font-size: 13px;
  color: #333;
  margin-bottom: 3px;
}
.film-genres {
  font-size: 13px;
  color: #777;
}
.film-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 15px;
  color: #1f1f1f;
  min-width: 28px;
}
.film-rating {
  margin-right: 20px;
  margin-left: 10px;
  margin-top: 5px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}
.profile__movie-list .movie-rated-rating {
  text-align: right;
}
.movie-rated-rating__number {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-right: 6px;
}
.movie-rated-rating__count {
  color: #777;
  font-size: 11px;
}
.movie-media__rating {
  position: absolute;
  padding: 2px 8px;
  top: 10px;
  left: -10px;
  color: white;
  font-size: 0.75em;
  font-weight: 500;
  border-radius: 3px;
  transition: all 0.5s;
  z-index: 2;
}
.movie-media__img {
  position: relative;
  transition-duration: 0.4s;
  margin-bottom: 8px;
}
.movie-flex-mobile {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .film-item {
    flex-direction: column;
    padding: 20px 0;
    border-radius: 0;
  }
  .film-parent {
    display: flex;
    margin-bottom: 10px;
  }
  .film-item-is-watching {
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .film-item-is-watching .film-buttons,
  .film-item-is-watching .film-number {
    right: 15px;
  }
  .film-rating {
    margin-left: unset;
    margin-right: unset;
  }
}

.film-list {
  margin-bottom: 35px;
}
.film-list .watchlist_parent {
  border-radius: unset;
  cursor: unset;
  width: unset;
  display: flex;
}
.film-item {
  display: flex;
  padding: 20px;
  position: relative;
  border-radius: 5px;
}
.film-list .film-item.film-item-is-watching {
  background-color: rgba(255, 102, 0, 0.13);
}
.film-item .movie-media__rating {
  top: 6px;
  left: -7px;
}
.film-item::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  left: 20px;
  right: 20px;
  height: 1px;
  width: calc(100% - 40px);
  top: 0;
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
}
.film-item:hover::before,
.film-item:hover + .film-item::before {
  opacity: 0;
}
.film-item:hover {
  background: #f7f7f7;
}
.film-item:last-of-type {
  border-bottom: none;
}
.film-parent {
  display: flex;
  margin-right: auto;
}
.film-img {
  height: 95px;
  width: 65px;
  margin-right: 15px;
  position: relative;
  flex-shrink: 0;
}
.film-parent .film-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
}
.film-info {
  display: flex;
  flex-direction: column;
}
.film-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 4px;
  color: #1f1f1f;
}
.film-other-names {
  line-height: 18px;
  font-size: 13px;
  color: #333;
  margin-bottom: 3px;
}
.film-genres {
  font-size: 13px;
  color: #777;
}
.film-number {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 15px;
  color: #1f1f1f;
  min-width: 28px;
}
.profile__movie-list .movie-rated-rating {
  text-align: right;
}
.movie-rated-rating__number {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  margin-right: 6px;
}
.movie-rated-rating__count {
  color: #777;
  font-size: 11px;
}
.film-buttons {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.film-plus,
.film-minus {
  background-color: #fff;
  height: 28px;
  width: 28px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #cccccc7a;
  font-weight: 500;
}
.film-plus:hover,
.film-minus:hover {
  background-color: #f7f7f7;
}
.film-rating-count {
  margin: 0 10px;
  color: #093;
  font-size: 0.8em;
}
.movie-rate-watchlist {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.23;
  display: flex;
  flex-shrink: 0;
}
.movie-rate-watchlist i {
  font-size: 0.8em;
  color: #333;
}
.movie-rate-watchlist button {
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
  height: 33px;
  color: #1f1f1f;
  text-transform: none;
}
.movie-rate-watchlist button:hover {
  background-color: #f7f7f7;
}
.movie-rate-watchlist .movie-rate-watchlist__will {
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
}
.film-watchlist .movie-rate-watchlist__remove {
  width: 207px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.movie-rate-watchlist__will i {
  margin-right: 7px;
}
.movie-rate-watchlist .movie-rate-watchlist__favourite {
  margin-right: 7px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.film-upcoming .movie-rate-watchlist__remove {
  width: 159px;
}
.film-upcoming .movie-rate-watchlist__favourite {
  margin-right: 0;
}
@media only screen and (max-width: 768px) {
  .film-item {
    flex-direction: column;
    padding: 20px 0;
    border-radius: 0;
  }
  .film-parent {
    display: flex;
    margin-bottom: 10px;
  }
  .film-item-is-watching {
    margin: 0 -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .film-item-is-watching .film-buttons,
  .film-item-is-watching .film-number {
    right: 15px;
  }
  .film-buttons {
    position: absolute;
    bottom: 20px;
    right: 0;
  }
  .movie-rate-watchlist button {
    height: 28px;
    padding: 5px 7px;
  }
  .film-name {
    padding-right: 35px;
  }
  .film-number {
    color: #595959;
    background-color: rgba(89, 89, 89, 0.05);
    text-align: center;
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 0;
    border-radius: 3px;
  }
  .movie-rate-watchlist__remove {
    width: 155px;
  }
}
@media only screen and (max-width: 320px) {
  .movie-rate-watchlist .movie-rate-watchlist__seen {
    margin-right: 5px;
  }
}

.film-rating__favor {
  display: flex;
}

.movie-rating__green-number {
  color: #093;
}

@media (max-width: 700px) {
  .watchlist_parent {
    width: 193px;
    margin-left: 16px;
  }
}
.film-rating__favor a {
  margin-right: 10px;
  padding: 5px 11px 5px 8px;
  border-radius: 3px;
  color: #333;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
  cursor: pointer;
  text-transform: none;
}

@media (min-width: 2000px) {
  .section__title {
    font-size: 22px;
  }
  .carou__caption {
    font-size: 21px;
  }
  .navbar__nav > li > a {
    font-size: 19px;
  }
  .search-panel__input {
    font-size: 17px;
  }

  .media__title {
    font-size: 18px;
  }
  .media__year {
    font-size: 15px;
  }
  .media__label {
    font-size: 15px;
  }

  .content-page__header h1 {
    font-size: 24px;
  }
  .rich-text {
    font-size: 18px;
  }
  .rich-text h1,
  .rich-text h2,
  .rich-text h3,
  .rich-text h4,
  .rich-text h5 {
    font-size: 24px;
  }
  .content-page__list {
    font-size: 17px;
  }
  .content-page__list-rates-item {
    font-size: 18px;
  }
  .content-page__subtitle {
    font-size: 21px;
  }

  .page-nav__pages {
    font-size: 17px;
  }
  .page-nav__pages a,
  .page-nav__pages span,
  .pagination > a,
  .pagination > span {
    font-size: 17px;
  }
  .site-footer__copyright {
    font-size: 17px;
  }
}

.adaptive-player {
  width:80%; margin:0 auto;
}

@media only screen and (max-width: 720px) {
  .adaptive-player {
    width: 100%;
  }
}