/* BASIC LAYOUT
----------------------------------------------- */
.wrapper {min-width: 320px; position: relative; padding-top: 110px;}
.wrapper__container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper__main {padding: 0 var(--indent);}
.header {position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: var(--bg);}
.header .wrapper__container {height: 110px; padding: 0 var(--indent);}
.header.sticky {background-color: var(--bg-darkest);}
.header.sticky .wrapper__container {height: 60px;}
.content {min-height: 80vh; padding-top: 40px;}
.footer {border-top: 1px solid var(--bdc); padding: 30px 0;}
.header.sticky .header__logo {height: 30px;}
.wrapper--main-page .page__main {background: url(../images/bg.webp)  no-repeat bottom / cover; padding-bottom: 10px; 
	background-color: #070606; --tt: var(--tt-on-colored); color: var(--tt-on-colored); 
	--bdc: rgba(255,255,255,0.3); --bg: #a7140a; margin-top: -150px; padding-top: 90px;
	--bg-darker: rgba(0,0,0,0.1); --bg-darkest: rgba(0,0,0,0.3); --tt-fade: var(--tt-on-colored); 
	box-shadow: inset 0 1500px var(--bsh-colored);}
.wrapper--main-page .header:not(.sticky) {background: none; --tt: var(--tt-on-colored); color: var(--tt-on-colored);}
.wrapper--main-page .header:not(.sticky) .header__logo {filter: invert(1);}
.wrapper--main-page .page__prev-next-link {--bg: var(--bg);}

.scrolltop, .theme-toggle {position: fixed; width: 40px; height: 40px; right: -60px; bottom: 60px;
	z-index: 990; border-radius: 50%; font-size: 20px; opacity: 0; transition: right 0.2s, opacity 0.2s; 
	background-color: #000; color: #fff; padding: 0;}
.scrolltop.is-active {right: 10px; opacity: 1;}
.theme-toggle {background-color: #fff; color: #000; border: 2px solid #000; bottom: 10px; right: 10px; opacity: 1;}
.dt-is-active .theme-toggle::before {content:"\f185";}


/* HEADER
----------------------------------------------- */
.header__logo {
  --logo-height: clamp(2.5rem, 6vw, 3.125rem);
  position: relative;
  display: grid;
  place-items: center;
  width: fit-content;
  height: var(--logo-height);
  transition: transform 0.3s ease;
}

.header__logo:hover {
  transform: scale(1.03);
}

.header__logo img {
  height: 96%;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

.header__menu {gap: 0 40px; position: relative;}
.header__menu > li > a, .header__menu > li > span {font-weight: 600; height: 50px; 
	display: flex; align-items: center; gap: 10px; cursor: pointer;}
/* Submenu */
.header__menu-submenu {
  --submenu-bg: hsl(0 0% 0% / 0.95);
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 100;
  min-width: 12rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: var(--submenu-bg);
  backdrop-filter: blur(12px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.5rem);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.header__menu-submenu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 1rem;
  border: 0.5rem solid transparent;
  border-bottom-color: var(--submenu-bg);
}

.header__menu-submenu a {
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: background 0.2s ease;
}

.header__menu-submenu a:hover {
  background: hsl(0 0% 100% / 0.05);
}

/* Hover states */
.header__menu > li:hover .header__menu-submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Active states */
.header__menu > li > a.is-active,
.header__menu > li > span.is-active {
  color: var(--accent, #ffe772);
}

.header__menu > li > a.is-active::after,
.header__menu > li > span.is-active::after {
  width: 100% !important;
}

.header__menu-submenu a.is-active {
  color: #fff;
  background: hsl(0 0% 100% / 0.1);
}


/* SECTION, TABS, MAIN PAGE DESCRIPTION, SPEEDBAR
----------------------------------------------- */
.sect {margin-bottom: 60px;}
.sect__header {margin-bottom: 41px; gap: 10px;}
.sect__title {font-size: 42px; font-weight: 700; line-height: 1.1;}
.sect__title span {color: #ffe772;}
.sect__link {text-transform: uppercase; color: var(--accent); text-decoration: underline; 
	font-size: 18px; font-weight: 600;}
.sect--border-top {padding-top: 60px; border-top: 1px solid var(--bdc);}
.sect--bg {background-color: var(--bg-darker); padding-top: 60px; padding-bottom: 60px;}
.sect__title--smaller {font-size: 32px;}

.tabs__select {border-bottom: 1px solid var(--bdc); margin-bottom: 40px; gap: 10px;}
.tabs__select button {height: 44px; align-items: flex-start; border-radius: 0; position: relative; bottom: -2px;
	background-color: transparent; color: var(--tt); padding: 0 16px; font-weight: 600; font-size: 18px; text-transform: none;}
.tabs__select button.is-active {box-shadow: inset 0 -3px var(--accent);}
.tabs__btn-hidden {gap: 10px 40px; padding-bottom: 40px; padding-bottom: 0;}
.tabs__btn-hidden::before, .tabs__btn-hidden::after {content: ''; height: 1px; flex-grow: 1; background-color: var(--bdc-darker);}
.tabs__btn-hidden button {height: 62px; border-radius: var(--bdrs); padding: 0 22px; color: var(--tt-fade); 
	border: 2px solid var(--bdc-darker); font-size: 18px; font-weight: 700; text-transform: uppercase; background: none;}

.descr-list111 {padding-top: 60px;}
.descr-list__img {width: 280px; height: 414px; margin-right: 40px; display: block;border-radius: var(--bdrs);}
.descr-list__list {border-bottom: 1px solid var(--bdc); padding-bottom: 12px;}
.descr-list__list li {position: relative; padding: 8px 0; padding-left: 230px;}
.descr-list__list li > span:first-child {color: var(--tt-fade); position: absolute; left: 0; top: 8px;}
.descr-list__list li a {color: var(--accent); text-decoration: underline;}
.descr-list__list li > span:not(:first-child) {color: var(--accent);}

.speedbar {color: var(--tt-fade); font-weight: 600; margin-bottom: 30px; word-wrap: break-word;}
.speedbar a {color: var(--tt); white-space: nowrap;}
.speedbar a::after {content:"\f054"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--tt-fade); margin: 0 10px; font-size: 14px;}
.descr {display: grid; gap: 12px; color: var(--tt-fade);}
.descr--bigger {font-size: 18px;}
.descr h1, .descr h2, .descr h3 {color: var(--tt);}
.descr a {text-decoration: underline; color: #f9e67b;}
.descr ul li {position: relative; padding-left: 25px; margin-left: 25px;}
.descr ul li::before {content:"\f00c"; font-weight: 900; font-family:'Font Awesome 5 Pro'; 
	color: var(--accent); position: absolute; left: 0; top: 0;}


/* EPISODE SHORT STORY
----------------------------------------------- */
.ep__img {border-radius: var(--bdrs); margin-bottom: 18px;}
.ep__title {font-size: 18px; font-weight: 600; line-height: 1.2;}
.ep__meta {margin-top: 6px; color: var(--tt-fade); line-height: 1.2;}
.has-overlay-on-img__trg {position: absolute; inset: 0; z-index: 1; border-radius: var(--bdrs);
	background: rgba(7,6,6,.7); backdrop-filter: blur(12px); opacity: 0; font-size: 80px; color: #fff;}
.has-overlay-on-img__trg.fa-play::before {width: 60px; height: 60px; border-radius: 50%; box-sizing: border-box;
	background-color: #fff; color: var(--accent); font-size: 18px; padding-left: 3px;}
.ep--news {grid-column: span 2;}
.ep--news .ep__img {height: 200px; padding: 0;}
.ep__text {-webkit-line-clamp: 6; margin-top: 12px;}
.ep--news .ep__meta {font-size: 12px; margin-top: 10px;}
.ep--actor .ep__img {padding-top: 100%;}
.d-grid-actors {display: grid; gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr));}

.ep--actor2 .ep__img {padding-top: 100%;}
.d-grid-actors2 {display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr));}


/* PAGINATION
----------------------------------------------- */
.pagination {gap: 20px 60px;}
.pagination a, .pagination span {display: grid; place-items: center; 
	height: 40px; min-width: 40px; padding: 0 10px; border-radius: var(--bdrs); border: 1px solid var(--bdc);}
.pagination__pages {gap: 10px 10px; font-size: 18px;}
.pagination__pages span:not(.nav_ext) {background-color: var(--accent); color: #fff; border-color: var(--accent);}


/* INNER PAGE
----------------------------------------------- */
.page__header-img {width: 176px; height: 260px; margin-right: 40px; border-radius: var(--bdrs);}
.page__header-descr h1 {font-size: 32px; line-height: 1.1; font-weight: 700; padding-top: 20px; padding-bottom: 10px;}
.page__header-meta {color: var(--tt-fade); border-bottom: 1px solid var(--bdc); padding-bottom: 16px; margin-bottom: 24px;}
.page__rating {--p: 100%;}
.page__rating-score {width: 48px; height: 48px; margin-right: 12px; border-radius: 50%; font-size: 18px; 
	position: relative; isolation: isolate;}
.page__rating-score::before {content: ''; position: absolute; z-index: -2; inset: 0; border-radius: 50%; 
	background: conic-gradient(from 0deg, var(--accent-green) 0%, var(--accent-green) var(--p), var(--bg-darkest)  var(--p));}
.page__rating-score::after {content: ''; position: absolute; z-index: -1; 
	background-color: var(--bg); inset: 3px; border-radius: 50%; box-shadow: inset 0 100px var(--bsh-colored);}
.page__rating-votes {margin-top: 3px; opacity: 0.7;}
.page__rating-stars > span {height: 17px; padding: 0 5px; border: 1px solid #e0e0e0; color: var(--tt-fade);
	border-radius: var(--bdrs); font-weight: 600; font-size: 14px; display: flex; align-items: center; margin-left: 10px;}

.page__schedule {padding: 20px 0 30px 0;}
.schedule-item {background-color: var(--bg-darker); padding: 30px 40px; gap: 10px 40px; font-size: 18px;}
.schedule-item + .schedule-item {border-top: 1px solid var(--bdc);}
.schedule-item__number {font-weight: 700; width: 280px;}
.schedule-item__descr {font-size: 16px; color: var(--tt-fade);}
.schedule-item__descr b {display: block; color: var(--tt); font-size: 18px;}
.schedule-item__date {color: var(--tt-fade);}
.schedule-item__status {color: var(--accent); font-size: 24px;}

.page__player-bottom {margin-top: 10px; gap: 10px; padding: 0 20px;}
.page__rating.sect {margin: -20px 0 35px 0;}
.video-inside {background-color: #000;}
.page__player.nld .tabs__content, .page__player .tabs__content {display: none;}
.page__player.nld .tabs__select + .tabs__content, .page__player .tabs__content.is-active {display: block;}
.page__prev-next-link {display: flex; align-items: center; gap: 10px; justify-content: center; border-radius: var(--bdrs); 
	background-color: var(--bg-btn-select); color: var(--tt-btn-select); height: 62px; position: relative;
	text-transform: uppercase; font-size: 18px; font-weight: 700; width: calc((100% - 20px)/3);}
.page__prev-next-link .fas {color: #a7140a; font-size: 24px; position: relative; z-index: 10;}
.page__next::before {content: ""; position: absolute; right: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-left: 24px solid var(--bg-btn-select);}
.page__next::after {content: ""; position: absolute; right: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-left: 23px solid var(--bg);}
.page__next > span:not(.fas):after {content: ""; position: absolute; right: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-left: 21px solid var(--bg-btn-select);}
.page__prev::before {content: ""; position: absolute; left: -53px; top: 0; z-index: 1;
	border: 31px solid transparent; border-right: 24px solid var(--bg-btn-select);}
.page__prev::after {content: ""; position: absolute; left: -49px; top: 2px;
	z-index: 3; border: 29px solid transparent; border-right: 23px solid var(--bg);}
.page__prev > span:not(.fas):after {content: ""; position: absolute; left: -44px; top: 4px; z-index: 5;
	border: 27px solid transparent; border-right: 21px solid var(--bg-btn-select);}
.page__player-bottom:has(.page__next:first-child) {justify-content: flex-end;}

@media screen and (min-width: 1220px) {
	.page__main h1 span {font-size: 24px;}
	.page__main h1 {font-size: 48px;}
}
.page__player-bottom .page__rating {margin-left: -20px;}


/* TEXT BLOCK, TYPOGRAPHY, VIDEO BLOCK
----------------------------------------------- */
.page__title {margin-bottom: 30px; font-size: 24px;}
.full-text {line-height: 1.5; font-size: 16px; word-wrap: break-word; color: var(--tt-fade);}
.full-text a {text-decoration: underline; color: var(--accent);}
.full-text img:not(.emoji), .full-text p, .full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5, 
.full-text > ul, .full-text > ol, .full-text table {margin-bottom: 25px;}
.full-text > img[style*="left"], .full-text > .highslide img[style*="left"] {margin:0 10px 10px 0;}
.full-text > img[style*="right"], .full-text > .highslide img[style*="right"] {margin:0 0 10px 10px;}
.full-text > ul li, .full-text > ol li {padding-left: 60px; position: relative;}
.full-text > ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	border: 3px solid var(--accent); position: absolute; top: 6px; left: 34px;}
.full-text > ol {counter-reset: num;}
.full-text > ol li:before {content: counter(num); counter-increment: num; background-color: var(--accent); color: #000; 
	position: absolute; top: -3px; left: 17px; width: 24px; height: 30px; font-size: 14px; font-weight: 600;
	display: flex; justify-content: flex-end; align-items: center; padding-right: 6px; box-sizing: border-box;}
.full-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;}
.full-text > ul li + li, .full-text > ol li + li {margin-top: 10px;}
.full-text table, .video-inside > * {width:100%;}
.full-text > *:last-child {margin-bottom: 0;}
.video-responsive {padding-top: 35%; position: relative;}
.video-responsive > iframe, .video-responsive > video {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 21px; margin-bottom: 20px;}


/* COMMENTS
----------------------------------------------- */
.page__comments {margin-top: 0px;}
.ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 30px; height: 62px; gap: 15px;}
.ac-form__bottom {gap: 20px 40px; margin-top: 20px;}
.ac-form__text {opacity: 0.5;}
.ac-form__header {margin-right: 40px; gap: 20px; width: 385px;}
.ac-form__input {height: 70px; line-height: 70px; padding: 0 35px; border-radius: var(--bdrs);  box-shadow: none;}
.ac-form__editor textarea {height: 160px; box-shadow: none; border-radius: var(--bdrs); padding: 35px;}
.comments_subscribe + br, .ac-form .bb-editor + br, .comments_subscribe, .mass_comments_action {display: none;}
.ac-form .message-info {margin-top: 20px;}
.form__row--protect input {box-shadow: none;}
#dle-comments-list > .comments-tree-list > li:last-child > div > .comm {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}

.comm {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--bdc-darker); position: relative;}
.comm__img {width: 64px; height: 64px; border-radius: 50%; margin-right: 20px;}
.comm__author {margin-right: 12px; font-weight: 700;}
.comm__date {color: var(--tt-fade);}
.comm__main {margin: 12px 0 24px 0;}
.comm__action-reply a {color: var(--accent); font-weight: 600; text-decoration: underline;}
.comm__rating {gap: 13px; margin-right: 30px;}
.comm__rating > * {display: flex; gap: 13px; height: 44px; align-items: center; border-radius: var(--bdrs);
	padding: 0 20px; border: 2px solid var(--bdc-darker); font-weight: 700;}
.comm__rating > * .fas {color: var(--tt-fade);}


/* ADAPTIVE, MOBILE MENU
----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-darker);}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content .header__menu {margin: 0; display: block;}
.mobile-menu__content .header__menu > li > a, .mobile-menu__content .header__menu > li > span {height: 60px; 
	padding: 0 20px; border-bottom: 1px solid var(--bdc);}
	.mobile-menu__content .header__menu-submenu::before {display: none;}
.mobile-menu__content .header__menu-submenu {width: 100%; height: auto; position: static;
	border-radius: 0; padding: 10px 20px; opacity: 1; visibility: visible; transform: none; box-shadow: none;}

@media screen and (max-width: 1220px) {
	:root {--indent-negative: -20px; --indent: 20px;}
	body {background-image: none;}
	.wrapper {padding: 0; background-image: none; overflow: hidden; padding-top: 50px;}
	.wrapper__container {max-width:1000px;}
	.header .header__menu {display: none;}
	.header__btn-menu {display: flex; color: var(--accent); font-size: 32px; padding: 0; margin-right: -5px;}
	.header .wrapper__container {height: 50px;}
	.wrapper--main-page .page__main {margin-top: -90px; padding-top: 90px; background: none; /* Убираем фоновое изображение */
    background-color: #000000; /* Задаем цвет фона */}
	.header__logo {height: 30px;}
	.d-grid-items,.d-grid-actors {gap: 40px 20px;}
	.speedbar {margin-bottom: 20px;}
	.tabs__btn-hidden {gap: 20px;}
	.tabs__btn-hidden button {height: 42px; font-size: 14px;}
	.descr-list__img {margin-right: 20px; width: 240px; height: 360px;}
	.descr-list__list li {padding-top: 5px; padding-bottom: 5px; padding-left: 200px;}
	.descr-list__list li > span:first-child {top: 5px;}
	.descr-list__list {padding-bottom: 15px;}
    
     .body.category-ganster {
        background-image: url('bg-mob.webp');
        background-size: cover;
        background-position: center;
    }

	.page__header-img, .ac-form__header {margin-right: 20px;}
	.page__header-descr h1 {padding-top: 0;}
	.tabs__select {border: 0; margin-bottom: 20px;}
	.tabs__select button {white-space: nowrap; flex-grow: 1; background-color: var(--bg-darker); 
		height: 40px; padding: 0 20px; align-items: center; bottom: 0;}
	.tabs__select button.is-active {box-shadow: none; background-color: var(--accent); color: #fff;}
	.comm__rating > * {height: 30px; padding: 0 10px; font-size: 12px; gap: 10px;}
	.comm {padding-bottom: 20px; margin-bottom: 20px;}
	.comm__main {margin-bottom: 15px;}
	.comm__rating > * .fas {font-size: 16px;}
	.schedule-item {padding: 10px 20px; gap: 10px 20px; margin: 0 var(--indent-negative);}
	.schedule-item__number {width: 140px;}
}

@media screen and (max-width: 950px) {
	.wrapper__container {max-width:768px;}
	.pagination {gap: 10px; padding-top: 20px;}
	.pagination__btn-loader a, .pagination__btn-loader span {width: 100%;}
	.pagination > a, .pagination > span {flex-grow: 1; order: 10;}
	.pagination__pages {width: 100%;}
	.pagination__pages a, .pagination__pages span {flex-grow: 1;}
	
	.d-grid-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.d-grid-actors {grid-template-columns: repeat(3,minmax(0,1fr));}

	.page__prev-next-link {font-size: 14px;}
	.page__player-bottom .page__rating {min-width: calc(100% + 40px); order: 20; margin-right: -20px;}

	.ac-form__header {width: 100%; margin: 0; margin-bottom: 20px;}
	.ac-form__btn {padding: 0 20px; height: 42px; width: 100%;}
	.ac-form__input {height: 42px; line-height: 42px; padding: 0 20px;}
	.ac-form__editor textarea {padding: 20px; height: 140px;}
}

@media screen and (max-width: 760px) {
	.wrapper__container {max-width:640px;}
	.descr-list {display: block;}
	.descr-list__img {margin: 0 auto; margin-bottom: 20px;}
	.descr-list__list li {padding-left: 0;}
	.descr-list__list li > span:first-child {position: static; margin-right: 10px;}

	.sect__title, .page__header-descr h1 {font-size: 24px;}
	.d-grid-items,.d-grid-actors {gap: 20px 10px;}
	.sect {margin-bottom: 40px;}
	.sect__header {margin-bottom: 20px;}
	.sect__link {font-size: 14px;}
	.sect--border-top {padding-top: 40px;}
	.sect--bg {padding-top: 40px; padding-bottom: 40px;}
	.page__header {display: block;}
	.page__header-img {height: 300px; width: 200px;  margin: 0 auto; margin-bottom: 20px;}
	.comm__img {width: 40px; height: 40px; margin: 0; position: absolute; left: 0; top: 5px;}
	.comm__action {flex-grow: 1; justify-content: flex-end;}
	.comm__meta {display: block; padding-left: 50px;}
	.comm__rating, .comm__author {margin: 0;}
	.schedule-item {gap: 0 10px;}
	.schedule-item__number {width: 100px; text-align: right;}
	.schedule-item__descr {min-width: calc(100%	- 130px); order: -1;}
	.page__prev-next-link > span:not(.fas) {width: 0; font-size: 0;}
	.page__prev-next-link {width: 60px;}
	.page__all {width: calc(100% - 140px); white-space: nowrap;}
	.page__rating.sect {margin: -20px 0 20px 0;}

	.page__title {font-size: 24px;}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 20px;}
	.page__intro, .page__text .quote {margin-left: var(--indent-negative); margin-right: var(--indent-negative); padding-right: var(--indent);}
	.full-text h1, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {font-size: 18px;}
}

@media screen and (max-width: 590px) {
	.wrapper__container {max-width:480px;}
}

@media screen and (max-width: 470px) {
	.wrapper__container123 {max-width:360px;}
	.ep__img {margin-bottom: 10px;}
	.ep__title {font-size: 15px;}
	.ep__meta, .ep__text {font-size: 14px;}
	.tabs__hidden {padding-top: 20px;}
	
	.page__prev-next-link {width: 30px; height: 48px; font-size: 16px; justify-content: flex-start; padding-left: 5px;}
	.page__next {justify-content: flex-end; padding-right: 5px;}
	.page__all {width: calc(100% - 80px); justify-content: center; padding: 0;}
	.page__next::before {right: -42px; border-width: 24px; border-left-width: 20px;}
	.page__next::after {right: -38px; border-width: 22px; border-left-width: 19px;}
	.page__next > span:not(.fas):after {right: -33px; border-width: 20px; border-left-width: 17px;}
	.page__prev::before {left: -42px; border-width: 24px; border-right-width: 20px;}
	.page__prev::after {left: -38px; border-width: 22px; border-right-width: 19px;}
	.page__prev > span:not(.fas):after {left: -33px; border-width: 20px; border-right-width: 17px;}
	.video-responsive {padding-top: 80%;}
	.full-text iframe {width: calc(100% + 40px); max-width: calc(100% + 40px); height: 260px; margin-left: -20px; margin-right: -20px;}
}


.hero {
	/* display: flex;
  justify-content: start;
  align-items: flex-end; */
	position: relative;
	/* min-height: 65vw; */
	z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
}

.hero__video {
	display: none;
}

.hero-volume {
	display: none;
}

.hero__video {
	opacity: 0;
}

.hero__text {
	padding-bottom: 20px;
}

.hero__content {
	position: relative;
	text-align: center;
	width: 100%;

	display: flex;
	flex-direction: column;
  justify-content: start;
	position: relative;
	min-height: 78vh;
}

.hero__header {
	flex: 1 1 auto;
}

.hero__footer {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
	align-items: center;
	gap: 20px;
	position: relative;
}

.hero__footer::before {
	content: "";
	position: absolute;
	top: -20px;
	right: -100%;
	bottom: 0;
	left: -100%;
	background: linear-gradient(#773a0800, #773a08c7, #e5e5e5c7);
	z-index: -1;
}

.dt-is-active .hero__footer::before {
	background: linear-gradient(#773a0800, #773a08c7, #101010);
}


.hero-btn {
	background-color: transparent;
	background-image: -webkit-linear-gradient(-225deg, #c96e10, #f3a200);
	background-image: linear-gradient(-225deg, #c96e10, #f3a200);
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: .4px;
	padding: 16px 40px 14px;
	position: relative;
	border-image: linear-gradient(-225deg, #c96e10, #f3a200);
	border-style: inset;
	border-width: 0;
	line-height: 16px;
	min-height: 14px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	border-radius: 25px;
    
}

.hero-btn:before {
	background-color: transparent;
	background-image: -webkit-linear-gradient(45deg, #f3a200, #c96e10);
	background-image: linear-gradient(45deg, #f3a200, #c96e10);
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	border-radius: 25px;
}

.hero-btn:hover::before {
	opacity: 1;
}

.hero-btn__text {
	position: relative;
	z-index: 2;
}



.description-mob {
	color: var(--tt-fade);
}



@media screen and (min-width: 1220px) {
	.hero {
		display: flex;
		align-items: center;
		background: #000;
		min-height: 600px;
	}

	.description-mob {
		display: none;
	}

	.hero__video {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		object-fit: cover;
		mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMS44ODIwNSwwLDAsMS43MDg2MywtNDQ4LjgzNSwxMjIuOTgyKSI+PGcgc3R5bGU9ImZpbHRlcjp1cmwoI19FZmZlY3QxKTsiPjxwYXRoIGQ9Ik0xMjg2LjgxLDEyMy42NTdDMTI4Ni44MSw1Ny4yMDIgMTIzNy44MywzLjI0OCAxMTc3LjQ5LDMuMjQ4TDYyMi40MjIsMy4yNDhDNTYyLjA5LDMuMjQ4IDUxMy4xMDgsNTcuMjAyIDUxMy4xMDgsMTIzLjY1N0w1MTMuMTA4LDM2NC40NzRDNTEzLjEwOCw0MzAuOTMgNTYyLjA5LDQ4NC44ODMgNjIyLjQyMiw0ODQuODgzTDExNzcuNDksNDg0Ljg4M0MxMjM3LjgzLDQ4NC44ODMgMTI4Ni44MSw0MzAuOTMgMTI4Ni44MSwzNjQuNDc0TDEyODYuODEsMTIzLjY1N1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9nPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJfRWZmZWN0MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSItMTI0LjQ5NCIgeT0iLTY5OS4wNjgiIHdpZHRoPSIyMDQ4LjkiIGhlaWdodD0iMTg4Ni4yNyI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VHcmFwaGljIiBzdGREZXZpYXRpb249IjExMS4yNyIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);
		mask-position: left bottom;
		mask-size: 100%;
		width: 75%;
	}

	.hero__content {
		padding: 40px;
		position: relative;
		text-align: left;
		width: 55%;
		min-height: auto;
	}

	.hero__footer {
		display: block;
	}

	.hero__footer::before {
		display: none;
	}

	.hero__text {
		margin-bottom: 20px;
		padding: 0;
	}

	.hero__video {
		opacity: 1;
	}
	
	.hero-volume {
		display: block;
		background-color: transparent;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Ccircle cx='23' cy='23' r='22.5' fill='%23000' fill-opacity='.2' stroke='%23fff'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.254 27.724c-.69 0-1.25-.56-1.25-1.25v-6.95c0-.691.56-1.25 1.25-1.25h3.453l3.192-2.946c.801-.738 2.098-.17 2.098.92V29.75c0 1.09-1.297 1.658-2.097.92l-3.193-2.946zm12.621-9.181a.75.75 0 0 1 1.032.244c.654 1.058 1.033 2.581 1.033 4.222s-.38 3.165-1.033 4.223a.75.75 0 1 1-1.276-.788c.47-.762.809-1.993.809-3.435s-.338-2.672-.809-3.434a.75.75 0 0 1 .244-1.032m2.473-2.985a.75.75 0 0 1 1.058.06c1.6 1.794 2.584 4.459 2.584 7.391s-.983 5.597-2.584 7.391a.75.75 0 1 1-1.119-.998c1.323-1.483 2.203-3.777 2.203-6.393s-.88-4.909-2.203-6.392a.75.75 0 0 1 .06-1.059' clip-rule='evenodd'/%3E%3C/svg%3E");
		background-position: 100%;
		background-repeat: no-repeat;
		border: none;
		cursor: pointer;
		height: 46px;
		width: 46px;
		z-index: 2000;
		border-radius: 50%;

		position: absolute;
		bottom: 40px;
		right: 60px;
	}
	
	.hero-volume.muted {
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' fill='none'%3E%3Ccircle cx='23' cy='23' r='22.5' fill='%23000' fill-opacity='.2' stroke='%23fff'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M13.004 26.474c0 .69.56 1.25 1.25 1.25h3.453l3.192 2.945c.801.739 2.098.17 2.098-.919V16.247c0-1.09-1.297-1.657-2.097-.919l-3.193 2.945h-3.453c-.69 0-1.25.56-1.25 1.25zm12.966-6.873a.75.75 0 0 1 1.06 0l2.355 2.354 2.352-2.352a.75.75 0 0 1 1.061 1.06l-2.353 2.353 2.352 2.352a.75.75 0 1 1-1.06 1.06l-2.352-2.351-2.354 2.353a.75.75 0 0 1-1.06-1.06l2.353-2.354-2.355-2.354a.75.75 0 0 1 0-1.061' clip-rule='evenodd'/%3E%3C/svg%3E");
		cursor: pointer;
		height: 46px;
		margin-left: auto;
		width: 46px;
		z-index: 2000;
	}
	
}

@media screen and (min-width: 1500px) {
	.hero {
		margin: 0 -100px;
	}
}
@media screen and (min-width: 1650px) {
	.hero {
		margin: 0 -200px;
	}
}