@charset "UTF-8";
/*
Theme Name: Altadefinizione
Author: Max Palamarchuk
Telegram: https://t.me/maks_palamar
*/
::selection {
  color: #fff;
  background: red;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

main {
  flex-grow: 1;
  overflow-x: hidden;
}

@media (min-width: 1800px) {
  .container {
    max-width: 1704px;
  }
}

.header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(to bottom, #000 0%, #1c1c1c 100%);
  height: 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3rem;
  z-index: 1000;
}

@media (max-width: 991px) {
  .header {
    height: 68px;
    margin-bottom: 1.5rem;
  }
}

.is-home .header,
.is-showfull .header {
  margin-bottom: 0;
  position: fixed;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(28, 28, 28, 0.65) 100%);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}

.header-nav > .nav-link,
.header-nav > .dropdown > .nav-link {
  color: inherit;
  height: 72px;
  display: flex;
  align-items: center;
  column-gap: .5rem;
}

.header-nav > .nav-link:hover,
.header-nav > .dropdown > .nav-link:hover {
  color: #fff;
}

.header-nav .dropdown-menu {
  width: 460px;
  background-color: rgba(28, 28, 28, 0.65);
  backdrop-filter: blur(25px);
}

.header-nav .dropdown-menu .nav-link {
  font-size: 0.9em;
  color: inherit;
}

.header-nav .dropdown-menu .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.header .search-form {
  width: 240px;
}

@media (min-width: 1600px) {
  .header .search-form {
    width: 280px;
  }
}

.search-form {
  display: flex;
  align-items: center;
  position: relative;
}

.search-form .form-control {
  border-color: rgba(255, 255, 255, 0.2);
  background-color: transparent;
  padding-left: 44px;
}

.search-form label {
  width: 44px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.search-form label svg {
  display: block;
}

.footer {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 560px;
  margin-top: -200px;
  z-index: 1;
}

.footer .container {
  padding: 100px 0;
  position: relative;
}

.footer a {
  color: inherit;
}

.footer .gotop {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 0;
}

.section {
  margin-bottom: 4rem;
  position: relative;
  z-index: 2;
}

.section-head {
  display: flex;
  align-items: center;
  column-gap: .5rem;
}

.section-title {
  margin-bottom: 0;
  font-weight: bold;
}

@media (max-width: 991px) {
  .section {
    margin-bottom: 1.5rem;
  }
}

.form-control:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-control:focus::-moz-placeholder {
  opacity: 0;
}

.form-control:focus:-ms-input-placeholder {
  opacity: 0;
}

.text-muted {
  color: #999 !important;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  column-gap: .5rem;
}

.icon-btn {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none;
  background: none;
  outline: 0 !important;
  width: 24px;
  height: 24px;
}

.info-btn {
  color: #fff;
  border-color: #fff;
}

.info-btn:hover, .info-btn:focus {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: transparent;
  -webkit-backdrop-filter: blur(10px);
}

.dropdown-menu {
  transition: .35s;
}

.layer-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  object-fit: cover;
}

.showmore-btn {
  display: flex;
  align-items: center;
  padding: .25rem;
}

.showmore-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' fill='none'%3E%3Cpath fill='%230894D6' d='m11.422.987 4.723 4.948c.284.272.426.639.426 1.053 0 .414-.142.781-.426 1.054l-4.723 4.96a1.39 1.39 0 0 1-2.036 0 1.569 1.569 0 0 1 0-2.132l2.273-2.367H1.444C.64 8.503 0 7.83 0 7c0-.829.64-1.503 1.444-1.503H11.66L9.386 3.129a1.569 1.569 0 0 1 0-2.13 1.39 1.39 0 0 1 2.036 0V.987Z'/%3E%3C/svg%3E");
  width: 17px;
  height: 14px;
  display: block;
}

.showmore-btn span {
  display: block;
  max-width: 0;
  padding-right: 0;
  opacity: 0;
  white-space: nowrap;
  transition: 0.5s ease;
  overflow: hidden;
}

.section-head:hover .showmore-btn span {
  max-width: 150px;
  opacity: 1;
}

.spinner-border {
  width: 50px;
  height: 50px;
  border-width: 2px;
}

.comm_table a {
  text-decoration: none;
  color: inherit;
}

.comm_table-text {
  padding-left: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' fill='none'%3E%3Cpath fill='%230894D6' fill-rule='evenodd' d='M3.55 7.971C4.196 7.366 4.56 6.6 4.56 5.712V1.395c0-.564-.162-.645-.484-.645H.485A.458.458 0 0 0 .16.871C0 .992 0 1.194 0 1.395v3.712c0 .242.161.444.363.484.08.04.121.04.202.04h2.46c0 .048-.013.095-.025.134a.287.287 0 0 0-.015.068c-.08.404-.322.686-.645.888-.202.12-.404.161-.605.201a.557.557 0 0 0-.162.122c-.06.06-.053.142-.045.23.002.03.005.061.005.092v1.17c.04.162.161.242.282.202.081-.02.172-.04.263-.06.09-.02.181-.041.262-.061.444-.08.807-.323 1.13-.565l.08-.08ZM6.576.911c-.202.121-.283.283-.242.525v3.711c0 .323.202.525.524.525H9.36c-.04.323-.202.645-.444.887-.242.202-.484.283-.767.363-.201.081-.282.162-.282.323v1.25c0 .162.12.283.282.243.242-.04.484-.08.726-.161h.081c0 .04.04.04.08.04-.026 0-.053-.014-.08-.04.02 0 .03-.01.04-.02.01-.01.02-.02.04-.02 1.09-.485 1.857-1.615 1.857-2.825V1.476c0-.363-.162-.645-.485-.645h-3.59c-.08 0-.161.04-.242.08Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat left 0.4em;
}

.comm_table img {
  border-radius: 2px;
}

.comm_table td:first-child {
  width: 50px;
  min-width: 50px;
}

.comm_table td:nth-child(2) {
  min-width: 250px;
}

.comm_table-comments {
  padding-left: 22px;
  line-height: 18px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none' class='me-1'%3E%3Cpath fill='%23CCC' d='M7.359.75h3.282a6.562 6.562 0 0 1 6.564 6.564 6.562 6.562 0 0 1-6.564 6.564v2.872C6.538 15.109.795 12.647.795 7.314A6.562 6.562 0 0 1 7.359.75ZM9 12.237h1.641a4.927 4.927 0 0 0 4.923-4.923 4.927 4.927 0 0 0-4.923-4.923H7.359a4.927 4.927 0 0 0-4.923 4.923c0 2.962 2.018 4.899 6.564 6.958v-2.035Z'/%3E%3C/svg%3E") no-repeat left;
}

.movies-cols-8 .col {
  max-width: 12.5%;
  flex-basis: 12.5%;
  flex: auto;
}

@media (max-width: 1799px) {
  .movies-cols-8 .col {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
}

@media (max-width: 1399px) {
  .movies-cols-8 .col {
    max-width: 25%;
    flex-basis: 25%;
  }
}

@media (max-width: 575px) {
  .movies-cols-8 .col {
    max-width: 50%;
    flex-basis: 50%;
  }
}

.movie {
  position: relative;
}

.movie-poster a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.movie-poster a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.movie-poster a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.75) 100%);
  transition: 0.5s;
}

.movie-poster a .play {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
  z-index: 10;
  opacity: 0;
  transform: scale(0.5) rotate(90deg);
  transition: 0.5s;
  z-index: 10;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Cpath fill='%23fff' d='M24 0c4.267 0 8.267 1.067 12 3.2 3.733 2.133 6.667 5.067 8.8 8.8 2.133 3.733 3.2 7.733 3.2 12s-1.067 8.267-3.2 12c-2.133 3.733-5.067 6.667-8.8 8.8-3.733 2.133-7.733 3.2-12 3.2s-8.267-1.067-12-3.2c-3.733-2.133-6.667-5.067-8.8-8.8C1.067 32.267 0 28.267 0 24s1.067-8.267 3.2-12C5.333 8.267 8.267 5.333 12 3.2 15.733 1.067 19.733 0 24 0Zm12 25.6c.8-.267 1.067-1.067 1.067-1.6 0-.533-.267-1.333-1.067-1.6L18.933 12.267c-.533-.267-1.333-.534-2.133 0-.533.266-.8 1.066-.8 1.866v20c0 .8.267 1.334 1.067 1.867.266.267.8.267 1.066.267.267 0 .8 0 1.067-.267L36 25.6Z'/%3E%3C/svg%3E") no-repeat center;
}

.movie-poster img {
  border-radius: 3px;
}

.movie-poster:hover .play {
  opacity: .95;
  transform: scale(1) rotate(0deg);
}

.movie-poster:hover a::after {
  background-color: rgba(0, 0, 0, 0.25);
}

.movie-poster .spinner-border {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  border-color: #fff;
  opacity: 0.75;
}

.movie-poster img.loaded + .spinner-border {
  visibility: hidden;
}

.movie-label {
  position: absolute;
  top: .75rem;
  left: .75rem;
}

@media (max-width: 575px) {
  .movie-label {
    top: .5rem;
    left: .5rem;
  }
}

.movie-info {
  padding: .75rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media (max-width: 575px) {
  .movie-info {
    padding: .5rem;
  }
}

@media (max-width: 575px) {
  .movie-info .meta {
    font-size: 0.75em;
  }
}

.movie-title {
  margin: 0;
  font-size: 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.movie-title a {
  color: inherit;
}

@media (max-width: 575px) {
  .movie-title a {
    font-size: 0.85em;
    line-height: 1.3;
  }
}

.slider-btn-prev, .slider-btn-next {
  width: 32px;
  height: 32px;
  display: inline-block;
  opacity: 0.5;
  transition: 0.25s;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  outline: 0;
}

.slider-btn-prev:hover, .slider-btn-next:hover {
  opacity: 1;
}

.slider-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23fff' fill-opacity='.36' d='M4.622 0h22.756C29.867 0 32 2.133 32 4.622v22.934C32 29.866 29.867 32 27.378 32H4.444c-2.488 0-4.622-2.133-4.622-4.622V4.622C0 2.133 2.133 0 4.622 0Zm5.156 17.244 8 7.467c.355.356.71.533 1.244.533.178 0 .534 0 .711-.177.534-.356 1.067-.89 1.067-1.6V8.533c0-.71-.356-1.244-1.067-1.6-.71-.355-1.422-.177-1.777.356l-8 7.467c-.356.177-.534.71-.534 1.244 0 .533 0 .889.356 1.244Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='52.178' height='52' x='-10.178' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_216_497'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_216_497' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.slider-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg filter='url(%23a)'%3E%3Cpath fill='%23fff' fill-opacity='.36' d='M27.378 0H4.622C2.133 0 0 2.133 0 4.622v22.934C0 29.866 2.133 32 4.622 32h22.934c2.488 0 4.622-2.133 4.622-4.622V4.622C32 2.133 29.867 0 27.378 0Zm-5.156 17.244-8 7.467c-.355.356-.71.533-1.244.533-.178 0-.534 0-.711-.177-.534-.356-1.067-.89-1.067-1.6V8.533c0-.71.356-1.244 1.067-1.6.71-.355 1.422-.177 1.777.356l8 7.467c.356.177.534.71.534 1.244 0 .533 0 .889-.356 1.244Z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' width='52.178' height='52' x='-10' y='-10' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='5'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_216_499'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_216_499' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.section-tabs {
  gap: .5rem;
  flex-wrap: nowrap;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.section-tabs .nav-link {
  border: 1px solid #7F7F7F;
  padding: .25rem .5rem;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #7F7F7F;
}

.section-tabs .nav-link:hover {
  color: #999;
  border-color: #999;
}

.section-tabs .nav-link.active {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  color: #fff;
}

.meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: .875em;
  color: #ccc;
  font-weight: 500;
}

.meta-list {
  display: flex;
  align-items: center;
  column-gap: .5rem;
  white-space: nowrap;
  overflow: hidden;
}

.meta-list span:last-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.meta-list span + span:before {
  content: "•";
  margin-right: .5rem;
  opacity: .75;
}

.label {
  height: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  column-gap: .25rem;
}

.label.quality {
  background-color: rgba(255, 255, 255, 0.25);
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}

.label.episode {
  background-color: rgba(8, 148, 214, 0.5);
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 4px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
}

.label.imdb {
  background: #FCC223 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='11' fill='none'%3E%3Cpath fill='%23000' d='M0 .2h2.9V11H0V.2Zm0 0h2.9V11H0V.2Zm8.4 5C8.1 3.5 8 2.6 8 2.4 7.9 1.5 7.8.8 7.7.1H3.9V11h2.5V3.8L7.5 11h1.8l1-7.3V11h2.5V.1H9.1l-.7 5.1Zm0 0C8.1 3.5 8 2.6 8 2.4 7.9 1.5 7.8.8 7.7.1H3.9V11h2.5V3.8L7.5 11h1.8l1-7.3V11h2.5V.1H9.1l-.7 5.1Zm9.2-2.8c0 .3.1.6.1 1v4.2c0 .4 0 .9-.1 1.3-.1.2-.4.2-.8.2V2c.2 0 .4 0 .6.1.1 0 .2.1.2.3Zm1.3 8.5c.3-.1.6-.2.9-.4.2-.2.4-.5.5-.8.1-.6.2-1.3.2-1.9V3.9c0-.7 0-1.4-.1-2.1-.1-.8-.8-1.4-1.6-1.6C17.9 0 17 0 16.1 0h-2.2v11h3.5c.5 0 1-.1 1.5-.1Zm-1.3-8.5c0 .3.1.6.1 1v4.2c0 .4 0 .9-.1 1.3-.1.2-.4.2-.8.2V2c.2 0 .4 0 .6.1.1 0 .2.1.2.3Zm1.3 8.5c.3-.1.6-.2.9-.4.2-.2.4-.5.5-.8.1-.6.2-1.3.2-1.9V3.9c0-.7 0-1.4-.1-2.1-.1-.8-.8-1.4-1.6-1.6C17.9 0 17 0 16.1 0h-2.2v11h3.5c.5 0 1-.1 1.5-.1Zm6.2-1.7c-.1.1-.3.2-.5.2-.1 0-.3-.1-.4-.2-.1-.3-.1-.6-.1-.9V5.5c0-.3 0-.6.1-.9.1-.1.2-.2.3-.2.2 0 .4.1.5.2.1.3.1.6.1.9v2.8c.1.3.1.6 0 .9Zm-3.7 1.7H24c.1-.4.2-.6.2-.7.4.6 1.1.9 1.8.8.4 0 .8-.1 1.2-.4.3-.2.5-.5.6-.8.1-.5.2-1 .1-1.5V4c0-.2-.1-.4-.3-.6-.2-.2-.4-.4-.7-.5-.3-.1-.7-.2-1-.2-.3 0-.7.1-1 .2-.3.1-.6.3-.8.6V0h-2.8l.1 10.9Zm3.7-1.7c-.1.1-.3.2-.5.2-.1 0-.3-.1-.4-.2-.1-.3-.1-.6-.1-.9V5.5c0-.3 0-.6.1-.9.1-.1.2-.2.3-.2.2 0 .4.1.5.2.1.3.1.6.1.9v2.8c.1.3.1.6 0 .9Zm-3.7 1.7H24c.1-.4.2-.6.2-.7.4.6 1.1.9 1.8.8.4 0 .8-.1 1.2-.4.3-.2.5-.5.6-.8.1-.5.2-1 .1-1.5V4c0-.2-.1-.4-.3-.6-.2-.2-.4-.4-.7-.5-.3-.1-.7-.2-1-.2-.3 0-.7.1-1 .2-.3.1-.6.3-.8.6V0h-2.8l.1 10.9Z'/%3E%3C/svg%3E") no-repeat 8px 50%;
  padding-right: 8px;
  padding-left: 40px;
  border-radius: 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
}

.label.rate {
  display: flex;
  align-items: center;
  column-gap: .25rem;
  white-space: nowrap;
}

.label.rate:before {
  width: 16px;
  height: 16px;
  content: "";
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23CCC' d='m8.82 1.009 1.95 3.986 4.41.594c.764.085 1.104 1.103.51 1.611l-3.138 3.054.763 4.325c.17.764-.679 1.357-1.357 1.018l-3.902-2.035-3.901 2.035c-.764.424-1.612-.17-1.442-.933l.763-4.325L.253 7.2C-.256 6.692 0 5.76.847 5.59l4.326-.594 1.95-3.986c.34-.679 1.357-.679 1.697 0Z'/%3E%3C/svg%3E") no-repeat 0 50%;
}

@media (max-width: 575px) {
  .label.rate:before {
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
}

.slider {
  margin-bottom: -80px;
  position: relative;
}

.slider .swiper-pagination {
  margin-bottom: 100px;
  z-index: 10;
}

.slider .swiper-pagination .swiper-pagination-bullet {
  cursor: pointer;
  width: 65px;
  height: 4px;
  border-radius: 1px;
  background-color: rgba(255, 255, 255, 0.75);
}

.slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--bs-primary);
}

.slide {
  height: 820px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 200px;
  position: relative;
}

@media (max-width: 1599px) {
  .slide {
    height: 580px;
  }
}

.slide::after {
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 35%, #121212 100%), linear-gradient(to right, rgba(18, 18, 18, 0.5) 0, rgba(18, 18, 18, 0) 50%);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
}

@media (max-width: 575px) {
  .slide::after {
    background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0, #121212 100%), linear-gradient(to right, rgba(18, 18, 18, 0.5) 0, rgba(18, 18, 18, 0) 50%);
  }
}

.slide-caption {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: .5rem;
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

@media (min-width: 1600px) {
  .slide-caption {
    row-gap: 1rem;
  }
}

@media (max-width: 991px) {
  .slide-caption {
    max-width: 100%;
    text-align: center;
  }
  .slide-caption .meta {
    justify-content: center;
  }
}

.slide-title {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (max-width: 1399px) {
  .slide-plot {
    max-height: 68px;
    overflow: hidden;
    font-size: 0.9em;
  }
}

.slide-controls {
  text-align: center;
}

.slide-controls .btn {
  width: 130px;
  height: 44px;
}

@media (min-width: 1600px) {
  .slide-controls .btn {
    width: 184px;
    height: 58px;
    font-size: 1.15rem;
  }
}

@media (min-width: 992px) {
  .slide-controls {
    text-align: left;
  }
}

.slide .spinner-border {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  border-color: #fff;
  opacity: 0.75;
}

.slide img.loaded + .spinner-border {
  visibility: hidden;
}

.pagin {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.pagin a, .pagin span {
  padding: 10px;
  padding: 0 .5rem;
  border-radius: 5px;
  height: 44px;
  min-width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #222;
  color: #999;
  margin: .25rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.pagin a:hover,
.pagin span {
  color: #fff;
  background-color: var(--bs-primary);
}

.pagin-button span {
  display: none !important;
}

.movie_horizontal {
  margin-bottom: 1rem;
}

.movie_horizontal img {
  max-width: 40px;
  border-radius: 4px;
}

.movie_horizontal a {
  text-decoration: none;
  color: inherit;
}

.movie_horizontal-title {
  text-transform: uppercase;
}

.movie_horizontal .meta {
  font-size: 0.75rem;
}

.comment {
  padding: 1.5rem;
  border-radius: 5px;
  background-color: #202020;
  margin-bottom: 1rem;
}

.comment-heading {
  margin-bottom: .5rem;
  font-size: .75rem;
}

.comment-heading b {
  color: var(--color);
}

.comment-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50px;
  color: #fff;
  background-color: var(--bs-primary);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  text-transform: uppercase;
}

.comment-text {
  margin-bottom: .5rem;
}

.comment-footer {
  color: #999;
  display: flex;
  align-items: center;
  column-gap: .5rem;
}

.comment-reply {
  padding-left: 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.comment-reply a {
  color: inherit;
  font-weight: bold;
  font-size: .75rem;
}

.comment-reply a:hover {
  color: #fff;
}

.comment-rate {
  display: flex;
  align-items: center;
}

.comment-rate .btn {
  opacity: .5;
  margin-right: .5rem;
}

.comment-rate .btn:hover {
  opacity: 1;
}

.comment .thumbs-up, .comment .thumbs-down {
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: 50%;
}

.comment .thumbs-up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23CCC' d='M.727 6.473H2.91V15.2H.727c-.436 0-.727-.29-.727-.727V7.2c0-.364.29-.727.727-.727Zm3.855-.946L9.236.873a.352.352 0 0 1 .51 0l.654.436c.364.291.51.727.436 1.164l-.872 3.273h4.582c.8 0 1.454.654 1.454 1.454v1.527c0 .219-.073.364-.073.582l-2.254 5.455c-.146.29-.364.436-.655.436H5.091c-.436 0-.727-.29-.727-.727V6.109c0-.218.072-.436.218-.582Z'/%3E%3C/svg%3E");
}

.comment .thumbs-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill='%23ccc' d='M.727 9.527H2.91V.799H.727C.291.8 0 1.09 0 1.527v7.272c0 .364.29.728.727.728Zm3.855.945 4.654 4.655a.351.351 0 0 0 .51 0l.654-.437c.364-.29.51-.727.436-1.163l-.872-3.273h4.582c.8 0 1.454-.655 1.454-1.455V7.272c0-.218-.073-.363-.073-.582l-2.254-5.454c-.146-.291-.364-.437-.655-.437H5.091c-.436 0-.727.291-.727.728V9.89c0 .219.072.437.218.582Z'/%3E%3C/svg%3E");
}

.movie_entry {
  margin-bottom: 2rem;
}

.movie_entry-title {
  font-weight: bold;
}

.movie_entry-poster {
  width: 260px;
  border-radius: 4px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .movie_entry-poster {
    position: absolute;
    top: -24px;
    left: -1.5rem;
    width: calc(100% + 3rem);
    height: calc(100% + 24px);
    object-fit: cover;
    margin: 0;
    z-index: -1;
    max-width: none;
    opacity: .15;
  }
}

.movie_entry-info {
  margin-bottom: 1.5rem;
}

.movie_entry-plot {
  margin-bottom: 2rem;
}

.movie_entry-details {
  margin-bottom: 1.5rem;
  font-size: 0.9em;
}

.movie_entry-details a {
  color: inherit;
}

.movie_entry-details a:hover {
  color: var(--bs-primary);
}

.movie_entry-details .cast a:before {
  content: "";
  width: 12px;
  height: 13px;
  display: inline-block;
  margin-right: 0.25em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' fill='none'%3E%3Cpath fill='%230894D6' d='M7.56 8.98c-.05-.51-.03-.86-.03-1.33.23-.12.64-.89.71-1.54.18-.01.47-.19.55-.89.05-.37-.13-.59-.24-.65.29-.89.91-3.63-1.13-3.91C7.21.29 6.67.1 5.97.1c-2.8.05-3.13 2.11-2.52 4.47-.11.07-.29.28-.24.65.08.7.37.88.55.89.07.65.5 1.42.73 1.54 0 .47.02.82-.03 1.33C3.91 10.47.17 10.05 0 12.92h12c-.17-2.87-3.89-2.45-4.44-3.94Z'/%3E%3C/svg%3E");
}

.movie_entry-details .label-text {
  max-width: 100px;
  flex-basis: 100px;
}

.movie_entry-rating {
  display: block;
  background-color: rgba(34, 34, 34, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 4px;
  padding: .5rem 1rem;
  margin-bottom: 1.5rem;
  min-width: 154px;
}

.movie_entry-rating .label-text {
  width: calc(150px - 1rem);
}

.tooltipster-box {
  border: 0 !important;
  background-color: rgba(34, 34, 34, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-radius: 8px !important;
  font-size: 0.8125rem;
}

.tooltipster-box .tooltipster-content {
  padding: 1.25rem;
}

.tooltipster-box .tip {
  display: flex;
  column-gap: 1rem;
  align-items: flex-start;
}

.tooltipster-box .tip-main {
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
}

.tooltipster-box .tip-divider {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}

.tooltipster-box .tip-title {
  margin-bottom: -.25rem;
}

.tooltipster-box .tip-image {
  display: none;
}

.tooltipster-box .tip-details {
  margin-bottom: .5rem;
}

.tooltipster-box .tip-details a {
  color: inherit;
}

.tooltipster-box .tip-details a:hover {
  color: var(--bs-primary);
}

.tooltipster-box .tip-plot {
  color: #999;
}

.tooltipster-box .tip .rate:before {
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fd7e14' d='m8.82 1.009 1.95 3.986 4.41.594c.764.085 1.104 1.103.51 1.611l-3.138 3.054.763 4.325c.17.764-.679 1.357-1.357 1.018l-3.902-2.035-3.901 2.035c-.764.424-1.612-.17-1.442-.933l.763-4.325L.253 7.2C-.256 6.692 0 5.76.847 5.59l4.326-.594 1.95-3.986c.34-.679 1.357-.679 1.697 0Z'/%3E%3C/svg%3E") no-repeat 0 50%;
  background-size: 14px;
}

.tooltipster-box .tip-round-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  font-size: 0.875rem;
  padding: 4px;
  border: 0;
  line-height: 1.2;
}

.tooltipster-box .tip-round-button span {
  min-width: 34px;
  height: 34px;
  border-radius: 25px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

@media (max-width: 575px) {
  .tooltipster-box {
    background-color: rgba(34, 34, 34, 0.9) !important;
    border-radius: 0 !important;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .tooltipster-box .tooltipster-content {
    padding-bottom: 0;
  }
  .tooltipster-box .tip-image {
    display: block;
    min-width: 80px;
    width: 80px;
    margin-top: 4px;
  }
  .tooltipster-box .rate {
    display: none;
  }
  .tooltipster-box .tip-title {
    margin-right: 24px;
  }
  .tooltipster-box .tip-plot {
    max-height: 72px;
    overflow: hidden;
  }
  .tooltipster-box .tip-close {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .tooltipster-box .tip-main {
    row-gap: .5rem;
  }
}

.player {
  padding-top: 100px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  min-height: 650px;
  object-fit: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .player {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    min-height: 400px;
  }
}

.player-embed {
  display: none;
  position: relative;
  background-color: #000;
}

.player-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  z-index: 100;
}

.player-start {
  width: 100px;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3E%3Cpath fill='%230894D6' d='M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Z'/%3E%3Cpath fill='%23fff' d='M71.7 54.2 42.4 72c-.8.5-1.7.7-2.5.7-2.8 0-4.9-2.3-4.9-4.9V32.1c0-2.6 2.1-4.9 4.9-4.9.9 0 1.8.2 2.5.7l29.3 17.9c1.4.9 2.3 2.5 2.3 4.2 0 1.7-.9 3.3-2.3 4.2Z'/%3E%3C/svg%3E") no-repeat center;
  position: absolute;
  right: 50%;
  bottom: 50%;
  margin-bottom: -50px;
  margin-right: -50px;
  transition: 0.5s;
  cursor: pointer;
}

.player-start:hover {
  animation: bounce .5s infinite alternate;
}

.player.active-volume .player-start {
  width: 50px;
  height: 50px;
  right: 120px;
  bottom: 60px;
  margin: 0;
  background-size: 50px;
}

@media (max-width: 767px) {
  .player.active-volume .player-start {
    right: 80px;
    bottom: auto;
    top: 80px;
  }
}

@keyframes bounce {
  to {
    transform: scale(1.2);
  }
}

.player-bar {
  position: relative;
  display: flex;
  justify-content: center;
  gap: .5rem;
  position: relative;
  z-index: 10;
}

.player-bar .dropdown {
  flex-grow: 1;
}

.player-bar .btn {
  background-color: rgba(5, 5, 5, 0.6);
  font-size: .75rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 0;
  column-gap: 5px;
}

@media (max-width: 575px) {
  .player-bar .btn {
    width: 100%;
    height: 34px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .player-bar .btn span {
    display: none;
  }
  .player-bar .btn svg {
    width: 18px;
    height: auto !important;
  }
}

.player-bar .btn .badge {
  background-color: var(--bs-primary);
}

.player-bar .btn svg {
  opacity: .65;
  transition: 0.25s;
}

.player-bar .btn:hover {
  background-color: var(--bs-primary);
}

.player-bar .btn:hover .badge {
  background-color: #fff;
  color: var(--bs-primary);
}

.player-bar .btn:hover svg {
  opacity: 1;
}

@media (max-width: 575px) {
  .player.on .player-bar {
    gap: 0;
  }
  .player .control-light {
    display: none;
  }
}

.player .spinner-border {
  display: block;
}

.player-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.25);
  content: "";
}

.player:not(.on) .control-light,
.player:not(.on) .control-prev,
.player:not(.on) .control-next {
  display: none;
}

.player.on {
  margin-bottom: 0 !important;
}

.player.on .layer-image {
  display: none;
}

.player.on .player-embed {
  display: block;
}

.player.on .player-bar {
  background-color: #050505;
}

.player.on .player-bar .btn {
  border-radius: 0;
}

.player.on .player-start {
  display: none;
}

.player.on .trailer {
  display: none !important;
}

.player.on .trailer-loader,
.player.on .player-overlay {
  display: none;
}

@media (max-width: 767px) {
  .player.on {
    min-height: 0;
    padding-top: 68px;
  }
  .player.on .container {
    padding-left: 0;
    padding-right: 0;
  }
  .player.on .ratio {
    padding-top: 66%;
  }
}

body.light-off .player-embed {
  z-index: 10000;
}

body.light-off .player-overlay {
  position: fixed;
  display: block !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.95);
  z-index: 9999;
  cursor: pointer;
}

body.light-off .header {
  z-index: 1;
}

.trailer {
  display: none;
}

.trailer iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.trailer-mute {
  position: absolute;
  right: 60px;
  bottom: 60px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}

@media (max-width: 767px) {
  .trailer-mute {
    right: 20px;
    bottom: auto;
    top: 80px;
  }
}

.trailer-loader {
  position: absolute;
  right: 60px;
  bottom: 60px;
  opacity: 0.5;
}

@media (max-width: 767px) {
  .trailer-loader {
    right: 20px;
    bottom: 0;
    top: 80px;
  }
}

.download-menu table {
  border-collapse: collapse;
  display: block;
  margin: 0 !important;
}

.download-menu th,
.download-menu thead {
  display: none;
}

.download-menu tbody {
  display: block;
  line-height: 1.8;
}

.download-menu tr {
  padding-left: 44px;
  padding-right: 50px;
  display: block;
  position: relative;
  width: 100%;
  min-height: 46px;
  background-color: transparent !important;
}

.download-menu tr:hover {
  background-color: #303030 !important;
}

.download-menu tr + tr {
  border-top: 1px solid #303030;
}

.download-menu td + td {
  margin-right: 5px;
}

.download-menu td {
  border: none;
  display: inline-block;
  padding: 0 !important;
  font-size: 10px !important;
  color: #999;
  vertical-align: text-top;
}

.download-menu td:first-child {
  text-align: left !important;
  display: block;
  font-size: 15px !important;
  line-height: 1.1 !important;
  color: #fff;
  padding-top: 7px !important;
  font-weight: 500 !important;
}

.download-menu td:first-child span {
  position: absolute;
  top: 16px;
  right: 15px;
  font-size: 12px !important;
  background-color: var(--bs-primary) !important;
  color: #FFF !important;
  line-height: 1.2;
  font-weight: 500;
}

.download-menu td:last-child {
  position: absolute;
  top: 12px;
  left: 15px;
  font-size: 15px !important;
}

.download-menu td img {
  max-width: 12px !important;
  vertical-align: text-top;
  position: relative;
  top: 2px;
}

.download-menu td:nth-child(6),
.download-menu td:nth-child(7) {
  color: #999;
}

.mobile-menu .nav-link {
  font-size: 0.9em;
  background-color: transparent !important;
  padding-left: 0;
  padding-right: 0;
  color: #ccc;
}

.mobile-menu .nav-link:hover {
  color: #fff;
}

.series-select {
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  z-index: 100;
}

.series-select .btn {
  font-size: 0.875rem;
  padding-right: 2.5rem;
  background-color: rgba(28, 28, 28, 0.8);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' fill='none'%3E%3Cpath fill='%23EEE' fill-rule='evenodd' d='m9.487 0 1.012 1.009L5.5 6 .501 1.009 1.513 0 5.5 3.978 9.487 0Z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  align-items: center;
}

.series-select .btn img {
  min-width: 16px;
  height: 16px;
  align-self: center;
}

.series-select .dropdown-menu {
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575px) {
  .series-select {
    position: relative;
    flex-direction: column;
    top: 0;
    left: 0;
    padding: .5rem;
  }
  .series-select .btn {
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    align-items: normal;
  }
  .series-select .dropdown {
    width: 100%;
    column-gap: 0;
  }
}

.series-download .accordion-item {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}

.series-download .accordion-item .accordion-button {
  border-radius: 0 !important;
}

.series-download .accordion-item:last-child {
  border-bottom: 0;
}

.down-episode {
  display: block;
}

.down-episode img {
  border-radius: 3px;
  opacity: .5;
  transition: .25s;
}

.down-episode span {
  padding: 10px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  z-index: 10;
  font-size: 11px;
  text-align: center;
  flex-direction: column;
  line-height: 1.1;
  font-weight: 500;
}

.down-episode span b {
  font-weight: 500;
  font-size: 28px;
  color: #fff;
}

.down-episode .btn {
  width: 100%;
  border-radius: 25px;
  padding: 3px 5px;
  font-size: 0.75rem;
}

/* fix: rimuove il caret nativo di Bootstrap sul selettore stagione/episodio
   (si sommava alla freccia SVG custom di .series-select .btn -> doppia freccia in giu) */
.series-select .dropdown-toggle::after { display: none !important; }
