.reg-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 100;
}

.reg-modal-window {
	padding: 52px 80px 36px;
	text-align: center;
	border-radius: 16px;
	-webkit-font-smoothing: antialiased;
	background-color: #1E1E23;
	position: relative;
	z-index: 4;
	width: 650px;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .4);
	margin-top: -40px;
}

.reg-modal-window-mob {
	padding: 14% 5% 10%;
	text-align: center;
	border-radius: 16px;
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .4);
	background-color: #1E1E23;
	position: relative;
	z-index: 2;
	width: 98%;
	margin-top: 25%;
}

.quit__container__mobile {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.quit__container {
	margin-top: 40px;
}

.reg-overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 0;
}

.player-overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 1;
	z-index: 13;
}

.reg-modal .reg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 0;
}

.header-pc .reg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.8;
	z-index: 0;
}

.reg-overlay__search {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	z-index: 3;
}

.reg-overlay__search__pc {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	z-index: 3;
}

.reg-overlay__card {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.8;
	z-index: 1;
}

.btn-close {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	overflow: hidden;
	outline: none;
	text-align: right;
	right: 11%;
	cursor: pointer;
	position: absolute;
	top: 22px;
	width: 22px;
	height: 22px;
}


.btn-close-mob {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	overflow: hidden;
	outline: none;
	text-align: right;
	right: 10%;
	cursor: pointer;
	position: absolute;
	top: 22px;
	height: 22px;
}

.btn-close-pay {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	overflow: hidden;
	outline: none;
	text-align: right;
	right: 5%;
	cursor: pointer;
	position: absolute;
	top: 22px;
	width: 22px;
	height: 22px;
}

.pay__offer__text {
	white-space: pre-line;
}

.reg-modal-window__container {
	text-align: center;
}

.reg-modal-window__container-mob {
	text-align: center;
	width: 95%;
}

.img-btv-top-mobile {
	width: 35em; /* Ширина */
	/*float: left; !* Выстраиваем элементы по горизонтали *!*/
	margin: 0 0 0 5vw; /* Отступ слева */
}

.img-btv-top {
	display: flex;
	flex-direction: column;
	width: 13rem;
	background-size: auto 16px;
	overflow: hidden;
}

.header {
	/*height: 10em;*/
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	margin: 0 auto;
	background-color: #1E1E23;
	z-index: 999;
}

.reg {
	width: 100%;
	max-width: 100%;
}

.header-pc {
	height: 90px;
	background-color: #1E1E23;
	--avatar-size: 3.4rem;
	--logo-width: 20.3rem;
	--content-z-index: 3;
	--animation-z-index: 2;
	--gradient-z-index: 1;
	position: fixed;
	z-index: 12;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1024px;
	max-width: 100%;
	white-space: nowrap;
	transition: 300ms ease;
}

.header__list {
	list-style-type: none;
	margin-left: 30%;
}

.reg-modal-window__code {
	box-sizing: inherit;
}

.reg-modal-window__code-back {
	left: 20px;
	overflow: hidden;
	outline: none;
	text-align: right;
	right: 22px;
	cursor: pointer;
	position: absolute;
	top: 22px;
	width: 22px;
	height: 22px;
}

.reg-modal-window__code-back-mob {
	left: 20px;
	overflow: hidden;
	outline: none;
	text-align: right;
	cursor: pointer;
	position: absolute;
	top: 22px;
	width: 22px;
	height: 22px;
}

.header-pc__container__left {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.header-pc__container__right {
	margin-right: 4%;
}

.header__container__right {
	flex-shrink: 0;
	justify-content: flex-end;
	display: flex;
	align-items: center;
	margin-top: 35px;
	margin-right: 5%;
}

.header__container__search {
	width: 7%;
	/*height: 38%;*/
	margin-left: auto;
}

.header__container__search__mobile {
	position: absolute;
	width: 100%;
	left: 85%;
}

.header__container__search__on {
	width: 100%;
	height: 38%;
	display: flex;
	justify-content: center;
	position: absolute;
}

.search__component {
	z-index: 4;
	position: relative;
	width: 67%;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.header__container__search__block {
	display: flex;
	align-items: center;
	width: 100%;
	/*height: 340px;*/
	flex-direction: column;
	background-color: transparent;
}

.header__container__search__block__mobile {
	display: flex;
	align-items: center;
	width: 100%;
	flex-direction: column;
}

.header__container__search__block__on {
	display: flex;
	align-items: center;
	width: 100%;
	height: 480px;
	flex-direction: column;
	background-color: #242429;
    border-radius: 8px 8px 30px 30px;
}

.header__container__search__block__img {
	position: absolute;
	top: 20px;
	margin-left: 0.5%;
	transform: translate(10%, -50%);
}

.header__container__search__block__top {
	display: inline-block;
	width: 100%;
	height: 40px;
}

/*.svg__loupe {*/
/*	color: #929292;*/
/*}*/

/*.svg__loupe__transition {*/
/*	color: #929292;*/
/*	transition: 0.5s;*/
/*}*/

/*.header__container__search__block__top:hover > .svg__loupe__transition__hide > .svg__loupe__transition {*/
/*	color: white;*/
/*	transition: 0.5s;*/
/*}*/

/*.header__container__search__block__top:hover > .svg__loupe__transition__not_hide > .svg__loupe__transition {*/
/*	color: white;*/
/*	transition: 0.5s;*/
/*}*/


/*.svg__loupe__transition__hide {*/
/*	opacity: 0;*/
/*	position: absolute;*/
/*}*/

/*.svg_loupe {*/
/*	color: #929292;*/
/*	transition: 0.5s;*/
/*}*/

/*.svg_loupe:hover {*/
/*	color: white;*/
/*	transition: 0.5s;*/
/*}*/

/*.header__container__search__block__top:hover > .svg_transition > .svg_transition__path {*/
/*	color: white;*/
/*	transition: 0.5s;*/
/*}*/

.header__container__search__block__input__search-on {
	/*background-color: red;*/
	width: 100%;
	height: 4000px;
	/*z-index: 999999999999*/
	color: rebeccapurple;
}

.header__container__search__block__input__mobile__search-on {
	/*background-color: red;*/
	width: 100%;
	/*height: 100vh;*/
	/*z-index: 999999999999*/
	color: rebeccapurple;
}

.collection__block__search__container {

}

.collection__block__search {
	width: 100%;
	white-space: nowrap;
	margin-bottom: 2.5rem;
	overflow: hidden;
}

.collection__block__search__mobile {
	width: 100%;
	white-space: nowrap;
	/*margin-bottom: 2.5rem;*/
	overflow: hidden;
	overflow-x: scroll;
}


.collection__block__search__mobile__rec_block {
	width: 100%;
	white-space: nowrap;
	/*margin-bottom: 2.5rem;*/
	overflow: hidden;
	overflow-x: scroll;
	margin-top: 30px;
}

/*.collection__block__search__mobile {*/
/*	width: 100%;*/
/*	white-space: nowrap;*/
/*	margin-bottom: 2.5rem;*/
/*	overflow: hidden;*/
/*	overflow-x: scroll;*/
/*}*/

.header__container__search__block__input {
	border: none transparent;
	margin-left: 8%;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	top: 50%;
	width: 92%;
	height: 100%;
	background-color: transparent;
	color: #929292;
	font-size: 16px;
	font-family: Helvetica, serif;
}

.header__container__search__block__input__mobile {
	border: none transparent;
	margin-left: 8%;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	top: 50%;
	width: 92%;
	height: 100%;
	color: #929292;
	font-size: 1.2rem;
	font-family: Helvetica, serif;
	background-color: transparent;
}


.header__container__search__block__input__on {
	background-color: #242429;
	border: none transparent;
	margin-left: 6%;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	top: 50%;
	width: 91%;
	color: #929292;
	font-size: 20px;
	font-family: Helvetica, serif;
	height: 40px;
}

.header__container__loupe {
	transform: translate(30%, 15%);
	position: absolute;
}

.header__container__search__block__body__text {
	color: #929292;
	font-size: 12px;
	font-family: Helvetica, serif;
}

.header__container__new-container {
	position: absolute;
	z-index: var(--content-z-index);
	display: flex;
	width: 93.5%;
	height: inherit;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	right: 0;
}

.header__container__new-container__mobile {
	position: absolute;
	z-index: var(--content-z-index);
	display: flex;
	width: 100%;
	height: inherit;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	right: 0;
}

.header-pc__block {
	flex-grow: 1;
	display: flex;
	align-items: center;
}

.img-btv {
	width: 137px; /* Ширина */
	/*float: left; !* Выстраиваем элементы по горизонтали *!*/
	margin: 10px 0 0 24%; /* Отступ слева */
}

.img-btv-modal__container {
	box-sizing: inherit;
}

.img-btv-modal {
	width: 137px; /* Ширина */
	display: inline-block;
	vertical-align: middle;
	fill: currentColor;
}

.reg-modal-window__content {
	position: relative;
}

.reg-modal-phone {
	width: 300px;
	max-width: 100%;
	margin: 32px auto;
	text-align: left;
}

.reg-modal-phone-mob {
  width: 270px;
  max-width: 100%;
  text-align: left;
  margin: 32px auto;
}

.reg-header, .reg-footer {
	padding: 10px;
}

.reg-body {
	color: white;
	font-family: Rubik, sans-serif;
	white-space: normal;
}

.reg-body-error {
  color: red;
  font-size: 10px;
  align-self: flex-start;
}

.reg-body__pc {
	color: white;
	font-family: Rubik, sans-serif;
	margin: 7px 0 0;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
}

.reg-body__phone {
	font-family: Rubik, sans-serif;
	color: #8c8c8c;
	font-size: 14px;
	line-height: 20px;
	margin: 30px 0 5px;
}

.reg-body__enter {
	color: white;
	font-family: Rubik, sans-serif;
	margin: 7px 0 0;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
}

.reg-body__container__pc {
	color: white;
	font-family: Rubik, sans-serif;
	margin: 29px 0 0;
	font-size: 27px;
	text-align: center;
	text-transform: none;
	font-weight: 500;
	line-height: 33px;
	opacity: 1;
}

.reg-body__container {
	color: white;
	font-family: Rubik, sans-serif;
	margin: 29px 0 0;
	font-size: 1.75rem;
	text-align: center;
	text-transform: none;
	font-weight: 500;
	line-height: 33px;
	opacity: 1;
}

.reg-modal-form-mob {
}

.reg-button {
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	float: right;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	margin-left: 10px;
}

/*/ */

*, *:after, *:before {
	box-sizing: border-box;
}

.input-field {
	border: 0;
	z-index: 1;
	background-color: transparent;
	border-bottom: 2px solid #FEC700;
	font: inherit;
	font-size: 1.125rem;
	padding: .25rem 0;
	color: white;
	width: 100%;
}

:focus, :valid {
	outline: 0;
	border-bottom-color: #FEC700;
}

/*body {*/
/*    font-family: "DM Sans", sans-serif;*/
/*    line-height: 1.5;*/
/*    background-color: #f1f3fb;*/
/*    padding: 0 2rem;*/
/*}*/

/*img {*/
/*    max-width: 100%;*/
/*    display: block;*/
/*}*/

/*input {*/
/*       appearance: none;*/
/*       border-radius: 0;*/
/*}*/

/*.card {*/
/*    margin: 2rem auto;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100%;*/
/*    max-width: 425px;*/
/*    background-color: #FFF;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 10px 20px 0 rgba(153, 153, 153, 0.25);*/
/*    padding: .75rem;*/
/*}*/

/*.card-image {*/
/*    border-radius: 8px;*/
/*    overflow: hidden;*/
/*    padding-bottom: 65%;*/
/*    background-image: url('https://assets.codepen.io/285131/coffee_1.jpg');*/
/*    background-repeat: no-repeat;*/
/*    background-size: 150%;*/
/*    background-position: 0 5%;*/
/*    position: relative;*/
/*}*/

/*.card-heading {*/
/*    position: absolute;*/
/*    left: 10%;*/
/*    top: 15%;*/
/*    right: 10%;*/
/*    font-size: 1.75rem;*/
/*    font-weight: 700;*/
/*    color: #735400;*/
/*    line-height: 1.222;*/
/*}*/

/*.small {*/
/*    display: block;*/
/*    font-size: .75em;*/
/*    font-weight: 400;*/
/*    margin-top: .25em;*/
/*}*/

/*.card-form {*/
/*    padding: 2rem 1rem 0;*/
/*}*/

/*.input {*/
/*    display: flex;*/
/*    flex-direction: column-reverse;*/
/*    position: relative;*/
/*    padding-top: 1.5rem;*/
/*}*/
/*+.input {*/
/*     margin-top: 1.5rem;*/
/* }*/

/*.input-label {*/
/*    color: #8597a3;*/
/*    position: absolute;*/
/*    top: 1.5rem;*/
/*    transition: .25s ease;*/
/*}*/


/*+.input-label {*/
/*     color: #6658d3;*/
/*     transform: translateY(-1.5rem);*/
/* }*/

/*.action {*/
/*    margin-top: 2rem;*/
/*}*/

/*.action-button {*/
/*    font: inherit;*/
/*    font-size: 1.25rem;*/
/*    padding: 1em;*/
/*    width: 100%;*/
/*    font-weight: 500;*/
/*    background-color: #6658d3;*/
/*    border-radius: 6px;*/
/*    color: #FFF;*/
/*    border: 0;*/
/*}*/
/*:focus {*/
/*     outline: 0;*/
/* }*/

/*.card-info {*/
/*    padding: 1rem 1rem;*/
/*    text-align: center;*/
/*    font-size: .875rem;*/
/*    color: #8597a3;*/
/*}*/
/*a {*/
/*    display: block;*/
/*    color: #6658d3;*/
/*    text-decoration: none;*/
/*}*/

/*/ */

.user-pane__header__user-pane {
	/*margin-left: 20px;*/
}

.header__menu-btn__action-icon {
	display: inline-block;
	width: auto;
	height: auto;
	cursor: pointer;
	text-align: center;
	color: #000;
	border: none;
	outline: 0;
	padding: 0;
	background: transparent;
}

.user-avatar {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.user-avatar__name {
	text-align: right;
	height: 100px;
	margin: 0 0 35% 0;
}

.user-avatar__name__pc {
	text-align: right;
	height: 100px;
	background-color: transparent;
	border: none;
	margin-left: 50px;
	color: #929292;
	font-family: Helvetica, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: 0.5s;
}

.transition:hover {
	color: white;
	transition: 0.5s;
}

.user-avatar__logo {
	margin-left: 10px;
	top: 2px;
	position: relative;
}

/*.user-avatar__name__pc:hover {*/
/*	color: white;*/
/*	transition: 0.5s;*/
/*}*/

.svg__user {
	color: #929292;
	transition: 0.5s;
	margin-left: 10px;
}

.user-avatar__name__pc:hover .svg__user {
	color: white;
	transition: 0.5s;
}

.header__menu__flex {
	display: flex;
	cursor: default;
}

.user-avatar__container {
	overflow: visible;
	top: 2px;
	width: 45px;
	min-width: 45px;
	height: 45px;
	border-radius: 50%;
	margin: 0 0 100% 0;
}

.user-avatar__container_pc {
	overflow: visible;
	top: 2px;
	width: 45px;
	min-width: 45px;
	height: 45px;
	border-radius: 50%;
	margin: 0 0 0 70px;
}

.user-avatar__name-label {
	-webkit-user-select: none;
	user-select: none;
	color: #8c8c8c;

	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.reg-title {
	margin: 0;
}

.reg-phone {
	color: white;
	display: block;
	margin-inline: -2%;
	margin-top: 0;
	width: 53px;
}

.reg-phone_pc {
	color: #929292;
	display: block;
	margin-inline: -65%;
	margin-top: 0;
    transition: 0.5s;
}

.user-avatar__container_pc__link:hover > .reg-phone_pc {
	color: white;
    transition: 0.5s;
}

.continue {
	background-color: #FEC700;
	color: white;
	border-radius: 8px;
	width: 100%;
	height: 46px;
	padding-bottom: 2px;
	letter-spacing: 0;
	font-size: 20px;
	line-height: 30px;
	border: none;
	font-family: Rubik, sans-serif;
}

.continue-mob {
	background-color: #FEC700;
	color: white;
	border-radius: 8px;
	width: 100%;
	height: 46px;
	padding-bottom: 2px;
	letter-spacing: 0;
	font-size: 20px;
	line-height: 30px;
	border: none;
	font-family: Rubik, sans-serif;
}

.phone-form {
	margin-left: 5%;
}

.text-bolshoe {
	color: green;
	font-weight: 1000;
}

.text-tv {
	color: #fec700;
	font-weight: 1000;
}

.modal-body {
	padding: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}


:root {
	/* colors palette */
	--placeholder-color: hsl(240, 54%, 87%);
	--bg-color: hsl(240, 54%, 97%);
	--focus-color: hsla(240, 54%, 61%, 0.6);
	--shadow-color: hsla(240, 54%, 61%, 0.2);
	--text-color: hsl(0, 0%, 20%);
	--text-color-inversed: hsl(0, 0%, 95%);
	--success-color: hsl(145, 63%, 42%);
	--success-color-desaturated: hsl(145, 0%, 42%);
	--failure-color: hsl(0, 79%, 63%);

	/* border-radius */
	--border-radius: 6px;

	/* z-index */
	--z-index-xs: 1;
	--z-index-sm: 10;
	--z-index-md: 100;

	/* easing */
	--easing: cubic-bezier(0.25, 0.01, 0.25, 1);

	/* transition durations */
	--transition-duration-step-1: 450ms;
	--transition-duration-step-2: 300ms;
	--transition-duration-step-3: 300ms;

	/* transition delays */
	--transition-delay-step-2: calc(var(--transition-duration-step-1));
	--transition-delay-step-3: calc(
			var(--transition-duration-step-1) + var(--transition-duration-step-2)
	);

	/* transition properties */
	--transition-step-1: var(--transition-duration-step-1) var(--easing);
	--transition-step-2: var(--transition-duration-step-2) var(--easing) var(--transition-delay-step-2);
	--transition-step-3: var(--transition-duration-step-3) var(--easing) var(--transition-delay-step-3);
}

/* General styles */
.main {
	display: grid;
	justify-content: center;
}

.label {
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	letter-spacing: 0.01em;
	color: var(--text-color);
}

.label.is-muted {
	color: #828282;
}

.animation-controls {
	margin-top: 55px;
}

.animation-controls__content {
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
	gap: 6px;
}

.btn {
	min-width: 90px;
	padding: 9px 0;
	border: 0;
	border-radius: 6px;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.01em;
	font-weight: bold;
	cursor: pointer;
	transition: opacity 150ms ease-in;
}

.btn:hover,
.btn:focus {
	opacity: 0.7;
}

.btn:active {
	position: relative;
	top: 1px;
}

.btn.success-btn {
	color: #219653;
	background-color: #d3eadd;
}

.btn.failure-btn {
	color: #eb5757;
	background-color: #ffe9e0;
}

.btn.reset-btn {
	color: #6666d1;
	background-color: #f2f2f2;
}

.settings-controls {
	margin-top: 130px;
}

.settings-controls__content {
	display: grid;
	justify-content: center;
	gap: 18px;
}

.settings-controls__input {
	width: 67px;
	height: 33px;
	border: 0;
	border-radius: 6px;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	letter-spacing: 0.01em;
	color: #828282;
	background-color: #f2f2f2;
	text-align: center;
}

.settings-controls__label {
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.01em;
	font-weight: bold;
	color: #828282;
}

@media (min-width: 768px) {
	.settings-controls__content {
		grid-auto-flow: column;
	}
}

/* SMS Code input styles */
/* base styles */

.simple-login__sms {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: max-content;
  margin: 0 auto;
}

.fieldset {
	position: relative;
	display: grid;
	grid-auto-flow: column;
	border-radius: 6px;
	overflow: hidden;
	will-change: transform;
	/* make shadows of inner elements visible */
	padding: 6px;
	margin: -6px;
  justify-content: center; 
  column-gap: 30px;
}

.fieldset::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transform: translateX(-100%);
}


.box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	width: 42px;
	border-radius: var(--border-radius);
	box-shadow: 0 0 6px 1px var(--shadow-color);
	overflow: hidden;
	will-change: transform;
}

.box:focus-within {
	box-shadow: 0 0 6px 1px var(--shadow-color), 0 0 0 2px var(--focus-color);
}

.box::before,
.box::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: var(--border-radius);
	overflow: hidden;
}

.box::before {
	background: var(--bg-color);
	z-index: var(--z-index-xs);
	transition: background-color var(--transition-step-1);
}

.box::after {
	transform: translateY(100%);
	background-color: var(--success-color-desaturated);
	opacity: 0;
	z-index: var(--z-index-sm);
	transition: transform var(--transition-step-1),
	opacity var(--transition-step-1), background-color var(--transition-step-1);
}

.field {
	position: relative;
	border: 0;
	outline: 0;
	font-size: 25.21px;
	line-height: 42px;
	color: var(--text-color);
	background-color: transparent;
	text-align: center;
	z-index: var(--z-index-md);
}

.field::placeholder {
	color: var(--placeholder-color);
}

/* animate-success styles  */

.animate-success.fieldset {
	padding: 0;
	margin: 0;
}

.animate-success.fieldset::before {
	background-color: var(--success-color);
	transform: translateX(0);
	transition: transform var(--transition-step-2);
}

.animate-success > .box {
	box-shadow: none;
	transition: transform var(--transition-step-3);
}

.animate-success > .box:nth-child(1) {
	transform: translateX(24px);
}

.animate-success > .box:nth-child(2) {
	transform: translateX(12px);
}

.animate-success > .box:nth-child(4) {
	transform: translateX(-12px);
}

.animate-success > .box:nth-child(5) {
	transform: translateX(-24px);
}

.animate-success > .box::before {
	background-color: transparent;
}

.animate-success > .box::after {
	background-color: var(--success-color);
	transform: translateY(0);
	opacity: 1;
}

.animate-success > .box > .field,
.animate-success > .box > .field::placeholder {
	color: var(--text-color-inversed);
	transition: color var(--transition-step-1);
}

/* animate-failure styles  */

.animate-failure.fieldset {
	animation-name: shaking;
	animation-duration: var(--transition-duration-step-2);
	animation-timing-function: var(--easing);
	animation-delay: var(--transition-delay-step-2);
}

.animate-failure > .box::before {
	background-color: transparent;
}

.animate-failure > .box::after {
	background-color: var(--failure-color);
	transform: translateY(0);
	opacity: 1;
}

.animate-failure > .box > .field,
.animate-failure > .box > .field::placeholder {
	color: var(--text-color-inversed);
	transition: color var(--transition-step-1);
}

@keyframes shaking {
	0%,
	100% {
		transform: translateX(0);
	}

	25%,
	75% {
		transform: translateX(10px);
	}

	50% {
		transform: translateX(-10px);
	}
}

/* End SMS Code input styles */

.lk_container {
	padding-top: 115px;
	padding-bottom: 25vh;
	padding-left: 8%;
	display: flex;
}

.lk_container__mobile {
	padding-top: 20%;
	padding-left: 8%;
	display: flex;
	width: 80%;
	height: 80%;
}

.lk_title {
	font-size: 32px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
}

.lk_chapter {
	width: 29%;
}

.lk_chapter__mobile {
	width: 100%;
	height: 100%;
}

.lk__container__fill {
	width: 55%;
}

.lk__container__fill_mobile {
	/*width: 100%;*/
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.lk__container__cont {
	display: flex;
	flex-direction: column;
	padding-top: 15px;
}

.lk__container__cont__mobile {
	display: flex;
	flex-direction: column;
	padding-top: 0%;
	width: 90%;
	height: 6%;
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translate(-50%, -0%);
}

.lk__container__fill_mobile__info {
	display: flex;
	flex-direction: column;
	width: 90%;
	height: 6%;
	position: absolute;
	top: 85%;
	left: 50%;
	transform: translate(-50%, -0%);
	font-family: Roboto, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	color: #72727D;
}

.lk__container__fill_mobile__delete-сard-unsuccessful {
	background-color: #3D3D46;
	display: grid;
	flex-direction: column;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -0%);
	padding: 30px;
	width: 90%;
	border-radius: 13px;
	color: white;
	z-index: 4;
}

.lk__container__fill_mobile__delete-package-unsuccessful {
	background-color: #3D3D46;
	display: grid;
	flex-direction: column;
	position: absolute;
	top: 5%;
	left: 50%;
	transform: translate(-50%, -0%);
	padding: 30px 20px;
	width: 90%;
	border-radius: 13px;
	color: white;
	z-index: 4;
}

.lk__container__fill__pc__delete-package-unsuccessful {
	background-color: #3D3D46;
	display: grid;
	flex-direction: column;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -0%);
	padding: 50px 30px;
	width: 32%;
	border-radius: 13px;
	color: white;
	z-index: 4;
}

.lk__container__fill__delete-сard-unsuccessful {
	background-color: #3D3D46;
	display: grid;
	flex-direction: column;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -0%);
	padding: 30px;
	width: 25%;
	border-radius: 13px;
	color: white;
	z-index: 4;
}

.lk__container__fill_mobile__delete-сard-unsuccessful__text {
	font-family: Helvetica, serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 23px;
	text-align: center;
	color: #FFFFFF;
}

.lk__container__fill_mobile__delete-сard-unsuccessful__button__container {
	height: 100%;
	display: contents;
	width: 100%;
	margin: 10px;
}

.lk__container__fill_mobile__delete-сard-unsuccessful__text__down {
	font-family: Helvetica, serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
	border-bottom: black;
	border-bottom: 1px solid white;
	padding: 6% 0;
}

.lk__container__fill_mobile__delete-package-unsuccessful__text_h1 {
	font-family: Helvetica, serif;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 23px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 30px;
}

.lk__container__fill_mobile__delete-package-unsuccessful__text {
	font-family: Helvetica, serif;
	font-size: 1.0rem;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	color: #FFFFFF;
}

.lk__container__fill_mobile__delete-package-unsuccessful__text__body {
	font-family: Helvetica, serif;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 18px;
	text-align: left;
	color: #929292;
	margin: 0;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.lk__container__fill_mobile__delete-package-unsuccessful__text__body label {
  margin-top: 3px;
  margin-left: 5px;
  cursor: pointer;
}

.lk__container__checkbox {
	width: 3.5em;
	height: 3.5em;
	background-color: transparent;
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
  margin: 0;
  position: relative;
}

.lk__container__checkbox::after {
  content: '';
  position: absolute;
  width:1.8em;
	height:1.8em;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #ddd;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lk__container__checkbox:checked::after {
	background-color: white;
}

.checkbox-round:checked {
	background-color: gray;
}

.radio__group {
  margin-top: 30px;
}

.lk__container__fill_mobile__delete-сard-unsuccessful__button {
	border: none;
	background-color: transparent;
	color: white;
	/*margin: auto;*/
	/*height: 10%;*/
	margin-top: 5%;
	cursor: pointer;
}

.lk_container__img {
	width: 50px;
}

.lk_container__block {
	padding-top: 5%;
}

.lk_container__block__mobile {
	padding-top: 5%;
	height: 65px;
}

.lk_container__button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-family: Helvetica, serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lk_container__button__mobile {
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-family: Helvetica, serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lk_container__button__mobile p, .lk_container__button p {
  display: flex;
    flex-direction: column;
    margin: 0;
    gap: 5px;
}

.lk_container__button__mobile p {
  color: #fff;
}

.lk_container__button p {
  color:#929292;
  font-size: 18px;
}

.lk {
	/*position: fixed;*/
	/*top: 0;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	/*overflow: auto;*/
}

.lk_container__button__text {
	color: #929292;
	text-decoration: none;
	transition: 0.5s;
}


.lk_container__button__text:hover {
	transition: 0.5s;
	color: white;
}

.lk_container__button__text__mobile {
	color: white;
	text-decoration: none;
}

.lk_container__button__img__subscriptions {
	background-image: url(/promo/web/img/subscription_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button:hover .lk_container__button__img__subscriptions {
	background-image: url(/promo/web/img/subscriptionHover_img.svg);
}

.lk_container__button__img__cards {
	background-image: url(/promo/web/img/cards_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	transform: translate(+10%, +20%);
}

.lk_container__button:hover .lk_container__button__img__cards {
	background-image: url(/promo/web/img/cardsHover_img.svg);
}

.lk_container__button__img__cards__mobile {
	background-image: url(/promo/web/img/cardsHover_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	transform: translate(+10%, +20%);
}

.lk_container__button__img__promo {
	background-image: url(/promo/web/img/promo_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button:hover .lk_container__button__img__promo {
	background-image: url(/promo/web/img/promoHover_img.svg);
}

.lk_container__button__img__terms {
	background-image: url(/promo/web/img/terms_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button:hover .lk_container__button__img__terms {
	background-image: url(/promo/web/img/termsHover_img.svg);
}

.lk_container__button__img__terms__mobile {
	background-image: url(/promo/web/img/termsHover_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button__img__support {
	background-image: url(/promo/web/img/support_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button:hover .lk_container__button__img__support {
	background-image: url(/promo/web/img/supportHover_img.svg);
}

.lk_container__button__img__support__mobile {
	background-image: url(/promo/web/img/supportHover_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button__img__exit {
	background-image: url(/promo/web/img/exit_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk_container__button:hover .lk_container__button__img__exit {
	background-image: url(/promo/web/img/exitHover_img.svg);
}

.lk_container__button__img__exit__mobile {
	background-image: url(/promo/web/img/exitHover_img.svg);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.lk__button__subscription {
	background-color: #F8D113;
	cursor: pointer;
	border: none;
	border-radius: 12px;
	width: 257px;
	height: 51px;
	font-family: Helvetica, serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: center;
	margin-top: 3%;
}

.lk__button__subscription__cards {
	background-color: #373741;
	border: none;
	height: 48px;
	width: 563px;
	bottom: 12px;
	border-radius: 9px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.lk__button__subscription__cards__mobile {
	background-color: #373741;
	border: none;
	height: 68px;
	width: 563px;
	bottom: 12px;
	border-radius: 9px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.lk__button__subscription__recycle__button {
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding-left: 1%;
	bottom: 12px;
	position: relative;
	height: 48px;
}

.lk__button__subscription__recycle__button__mobile {
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding-left: 1%;
	bottom: 12px;
	height: 68px;
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translate(0, -50%);
}

.lk__button__subscription__cards__text {
	font-family: Imprima, serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	left: 13%;
	top: 50%;
	transform: translate(0, -50%);
}

.lk__button__subscription__no-cards__text {
	font-family: Imprima, serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	color: #FFFFFF;
	transform: translate(0, +100%);
}

.lk__button__subscription__cards__text__mobile {
	font-family: Imprima, serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translate(0, -50%);
}

.lk__button__subscription__cards__text__mobile__last {
	color: white;
	font-family: Helvetica, serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	margin-bottom: 10px;
}

.lk__button__subscription__cards__img {
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translate(0, -50%);
}

.lk__button__subscription__cards__ellipse {
	padding-right: 7px;
	top: 50%;
	transform: translate(0, -25%);
}

.lk__button__subscription__cards__ellipse_start {
	padding-right: 7px;
	padding-left: 5px;
	top: 50%;
	transform: translate(0, -25%);
}

.lk__button__subscription__cards__ellipse_space {
	padding-right: 20px;
	top: 50%;
	transform: translate(0, -25%);
}

.lk__button__subscription__cards__ellipse_last {
	padding-right: 0.5rem;
	top: 50%;
	transform: translate(0, -25%);
}

.lk__container__cont__text {
	font-family: Helvetica, serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 29px;
	text-align: left;
	color: white;
}

.lk__button__subscription__cards__block {
	display: inline-flex;
	margin-bottom: 20px;
}

.lk__button__subscription__recycle__bin__img {
	/*padding-left: 1%;*/
	/*bottom: 4px;*/
	position: relative;
}

.lk__mobile {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.lk_container__profile {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 48px;
	background-color: #232328;
	margin-top: auto;
	margin-bottom: 64px;
	display: inline-grid;
	align-items: center;
}

.lk_container__profile__text {
	display: flex;
	flex-direction: column;
	font-family: Roboto, serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	color: #72727D;
}

.footer__mobile {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 64px;
	background-color: #1E1E23;
	box-sizing: border-box;
	z-index: 999;
	display: inline-flex;
}

.header__cards__mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	background-color: #1E1E23;
	box-sizing: border-box;
	z-index: 3;
	display: inline-flex;
	border-bottom: 1px outset black;
}

.header__cards__mobile__left {
	width: 20%;
	height: 100%;
	display: flex;
	align-items: center;
	background-color: transparent;
	border: none;
}

.header__cards__mobile__back {
	margin: auto;
}

.header__cards__mobile__middle {
	width: 60%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
}

.header__cards__mobile__middle__title {
	font-family: Helvetica, serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 23px;
	text-align: left;
	color: #929292;
	margin: auto;
}

.header__cards__mobile__right {
	width: 20%;
	height: 100%;
}

.footer__mobile__container {
	width: 33%;
	text-decoration: none;
	background: #1A1A1C;

}

.footer__mobile__container__text {
	background-color: transparent;
	border: none;
	color: #929292;
	width: 100%;
	height: 100%;
	font-family: Roboto, serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: 0;
	text-align: center;
}

.footer__mobile__container__text__home {
	margin: 0 0 0 0;
}

.header__movie__mobile {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	/*background-color: transparent;*/
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	z-index: 13;
	background-color: #242429;
	transition: background 0.4s ease;
}


.header__movie__mobile__title {
	/*display: flex;*/
	align-items: center;
	font: 400 24px/1.2 "Helvetica", Helvetica, Arial, serif;
	letter-spacing: 0;
	justify-content: center;
	/*text-transform: uppercase;*/
	color: #929292;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 60%;
	overflow: hidden;
	text-align: center;
}

.header__movie__mobile__color {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 64px;
	background-color: #242429;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	z-index: 13;
	transition: background 0.4s ease;
}

.movie__mobile__meta {
	display: flex;
	align-items: center;
	font: 400 16px/1.2 "Helvetica", Helvetica, Arial, serif;
	position: relative;
	flex: 0 0 auto;
	margin-right: 5px;
	margin-left: 5px;

	color: #929292;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}

.movie__mobile__meta__rate {
	display: flex;
	align-items: center;
	font: 700 16px/1.2 "Helvetica", Helvetica, Arial, serif;
	position: relative;
	flex: 0 0 auto;
	margin-right: 10px;
	margin-left: 5px;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}

.movie__mobile__meta__rate__star {
	width: 18px;
	height: auto;
	aspect-ratio: 1.11;
	vertical-align: top;
	object-fit: cover;
	object-position: center center;
	position: relative;
}

.movie__mobile__description {
	margin: 20px 0 0 0;
	color: #FFF;
	font-family: Helvetica, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.movie__mobile__container {
	margin-left: 5vw;
}

.svg__loupe {
	color: #929292;
}

.svg__loupe__transition {
	color: #929292;
	transition: 0.5s;
}

.header__container__search__block__top:hover > .svg__loupe__transition__hide > .svg__loupe__transition {
	color: white;
	transition: 0.5s;
}

.header__container__search__block__top:hover > .svg__loupe__transition__not_hide > .svg__loupe__transition {
	color: white;
	transition: 0.5s;
}

.svg__loupe__transition__not_hide {
transform: translate(0%, 10%)
}

.svg__loupe__transition__hide {
	opacity: 0;
	position: absolute;
}

.svg__logo__transition {
    color: #929292;
    transition: 0.5s;
}

.user-avatar__container_pc__link:hover > .svg__logo__transition {
    color: white;
    transition: 0.5s;
}

.user-avatar__name__pc:hover > .user-avatar__logo > .svg__logo__transition {
	color: white;
	transition: 0.5s;
}
.registration-prompt{background-color:#1e1e23;position:fixed;border:4px solid #f7cd01;border-radius:26px 0 26px 26px;padding:15px 30px 22px 30px;right:67px;top:70px;text-align:center;font-family:Helvetica,serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;color:#fff;cursor:default;z-index:12}.registration-prompt__mobile{background-color:#1e1e23;border:4px solid #f7cd01;border-radius:26px 26px 0 26px;padding:15px 30px 22px 30px;text-align:center;font-family:Helvetica,serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;color:#fff;cursor:default;z-index:12;position:fixed;bottom:64px;left:50%;transform:translateX(-50%)}.registration-prompt__movie__mobile{background-color:#1e1e23;border:4px solid #f7cd01;border-radius:26px 26px 26px 26px;padding:15px 30px 22px 30px;text-align:center;font-family:Helvetica,serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;color:#fff;cursor:default;z-index:12;position:fixed;bottom:64px;left:50%;transform:translateX(-50%)}.registration-prompt__bold{color:#f7cd01;font-weight:700;text-transform:uppercase;margin-bottom:5px;cursor:pointer}.registration-prompt__normal{margin-top:0}.registration-prompt__button{width:95px;height:40px;flex-shrink:0;border-radius:7px;background-color:#f7cd01;color:#000;text-align:center;font-family:Helvetica,serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;border:none}.div__movie{top:64px;position:relative}
.YWR2XcWmIaSblnI6Ndlgzw\=\={display:flex;flex-direction:column;background-color:#1e1e23;position:relative}.s6spZGOP4s9I5ANb4mwf2g\=\={display:flex;align-items:center;width:90.63%;position:relative;flex-grow:1;margin:25px 2.08% 25px 7.29%}.QYCfGVANh-SE-qUDf8cVqg\=\={display:flex;flex-direction:column;position:relative;flex:0 1 211px}._8O7\+rtMBUdyfHKc0J75LIQ\=\={width:calc(100% - 0px);height:auto;aspect-ratio:8.44;vertical-align:top;object-fit:cover;object-position:center center;position:relative;margin:7px 0px 8px}.HQSI21sMRvPy0DdGlvk0yQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 89px}.ksmyS5m5tCjle4KYNEuw3A\=\={display:flex;align-items:center;position:relative;flex:0 1 290px;margin:8.5px 0px 7.5px}.NPDH1E54FUy8SQdBSPsIXw\=\={display:flex;align-items:center;position:relative;flex:0 0 auto;margin-left:0;color:#929292;text-decoration:none;padding:0}@media(max-width: 1199px){.NPDH1E54FUy8SQdBSPsIXw\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.NPDH1E54FUy8SQdBSPsIXw\=\={font-size:12px}}.Fu5YGTS12jllT4YDh5\+JiA\=\={align-items:center;font:400 20px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;color:#929292;text-decoration:none;transition:.5s}@media(max-width: 1199px){.Fu5YGTS12jllT4YDh5\+JiA\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.Fu5YGTS12jllT4YDh5\+JiA\=\={font-size:12px}}.Fu5YGTS12jllT4YDh5\+JiA\=\=:hover{color:#fff;transition:.5s}.TYM4Vf8Foh0pg-jBiJmzlQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 52px}.uMts4wuQmbq0HTzqrf82Bg\=\={display:flex;align-items:center;font:400 20px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:82px}@media(max-width: 1199px){.uMts4wuQmbq0HTzqrf82Bg\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.uMts4wuQmbq0HTzqrf82Bg\=\={font-size:12px}}.NXGkNn7\+L55At7tZlz9xvg\=\={display:flex;align-items:center;font:400 20px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:26px}@media(max-width: 1199px){.NXGkNn7\+L55At7tZlz9xvg\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.NXGkNn7\+L55At7tZlz9xvg\=\={font-size:12px}}._8oxF1XACeYCIOiwUT4L2-w\=\={display:flex;flex-direction:column;position:relative;flex:0 1 946px}.PHpDSfojuahzPOFZtEALGg\=\={display:flex;align-items:center;position:relative;flex:0 1 204px}._3nMOq2faCYFHAb3ZB1dxGA\=\={display:flex;flex-direction:column;position:relative;flex:0 1 68px}.Loo5p5AJxiyrAG\+ThSVmUA\=\={width:68px;height:auto;aspect-ratio:1.7;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:68px}.Gh5u4Rl942pTHrEufAAlCQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 29px}.\+IVdfwMW36xB0C3dSVPigA\=\={display:flex;align-items:center;column-gap:10px;position:relative;flex:0 1 107px;margin:1px 0px 0px}.MPYRacaIxeGxNmcdTQWiAQ\=\={display:flex;align-items:center;font:400 20px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:58px;margin:7.5px 0px}@media(max-width: 1199px){.MPYRacaIxeGxNmcdTQWiAQ\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.MPYRacaIxeGxNmcdTQWiAQ\=\={font-size:12px}}.edlyTqpPb6I5yhV9kP9CiQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 39px}._7nY\+-6o5D8Ao4SjhF7REzg\=\={width:39px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:39px}
.site-footer {
  width: 100%;
  position: relative;
  bottom: 0;
  border-top: 1px solid #929292;
  display: block;
  z-index: 1;
  padding-bottom: 20px;
}

.site-footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 50px 3.6vw 40px 7.2vw;
  gap: 50px;
}

.site-footer__bottom {
  width: 100%;
  height: 15%;
  text-align: center;
  color: #929292;
  font-family: Helvetica, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.site-footer__inline {
  height: 100%;
  /* display: inline-grid; */
}

.site-footer__inline__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
}

.site-footer__inline__container p {
  font-family: Helvetica, serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #929292;
  background-color: transparent;
  border: none;
  text-align: left;
  margin: 0;
}

.site-footer__inline__container p a {
  margin-left: 20px;
  text-decoration: underline;
}

.site-footer__inline__container__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}

.site-footer__inline__right {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.site-footer__inline__container__right__smart-tv__block {
  display: flex;
}

.site-footer__inline__container__right__smart-tv__icon {
  width: 9vw;
}

.site-footer__inline__container__right__smart-tv {
  margin-right: 44px;
}

.site-footer__inline__container__png {
  width: 9vw;
}

site-footer__inline__container__right__smart-tv__icon {
  width: 9vw;
}

.site-footer__inline__container__right__text {
  margin-top: 5%;
  margin-bottom: 10px;
  color: #929292;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Helvetica, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.site-footer__button {
  font-family: Helvetica, serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  color: #929292;
  background-color: transparent;
  border: none;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: 0.5s;
}

.site-footer__button:hover {
  color: white;
  transition: 0.5s;
}

.site-footer__store-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 675px;
}

.site-footer__store-title {
  font-size: 19px;
  color: #929292;
  font-family: Helvetica, serif;
  font-size: 20px;
}

.site-footer__store-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .site-footer {
    padding-bottom: 50px;
  }

  .site-footer__top {
    flex-direction: column;
    padding: 6.2vw 7vw;
    align-items: flex-start;
    gap: 27px;
  }
  .site-footer__button,
  .site-footer__inline__container p {
    font-size: 14px;
  }
  .site-footer__inline__container {
    gap: 15px;
  }

  .site-footer__store-title {
    font-size: 12px;
  }
  .site-footer__store-buttons {
    gap: 7px;
  }

  .site-footer__store-container {
    gap: 10px;
  }
  .site-footer__inline__container__right {
    gap: 10px;
  }

  .site-footer__bottom p {
    font-size: 0.7rem !important;
  }
}
.install__block {
  display: flex;
  width: calc(27vw + 88px);
  justify-content: space-between;
}

.install__block__button {
  border: none;
  cursor: pointer;
  background-color: transparent;
  padding: 0;
}

.install__block__button__width {
  width: 13.5vw;
}

.install__block__mobile {
  text-align: center;
  padding: 1rem 1rem 1rem;
}

.install__block__mobile__img {
  border-radius: 3vw;
}

.install__block__footer {
  text-align: center;
}

.install__block img {
  /*width: 48%;*/
}

@media only screen and (min-device-width: 480px) {
  .install__block img {
    /*width: 39%;*/
  }
}

.install__block__mobile img {
  width: 78%;
}

.store-btn {
  width: calc(100% / 3 - 10px);
  border: none;
  outline: none;
  appearance: none;
  background: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.store-btn.mobile-app {
  background-color: #000;
  border: 2px solid #a6a6a6;
  border-radius: 8px;
  position: relative;
  padding-bottom: min(9%, 58px);
}

.store-btn img {
  width: 100%;
  height: 100%;
}

.store-btn.mobile-app img {
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 16px;
}

@media screen and (max-width: 768px) {
  .store-btn {
    width: calc(100% / 2 - 5px);
    max-width: 200px;
  }
  .store-btn.mobile-app {
    width: calc(100% / 2 - 5px);
    max-width: 200px;
    padding-bottom: min(12%, 50px);
    border-radius: 6px;
  }
  .store-btn.mobile-app.paywall-btn {
    padding-bottom: min(16%, 15.6vw);
  }
  .store-btn.mobile-app img {
    padding: 8px 16px;
  }
  .store-btn.mobile-app.paywall-btn img {
    padding: 10px 18px;
  }
}

.paywall-home{cursor:pointer}.paywall-home img{width:100%}.paywall-home__poster{border-radius:16px}
.nav-control {
  position: absolute;
  padding: 30px;
  background: red;
  font-size: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1000;
  cursor: pointer;
}
.nav-control__prev {
  left: 0;
}
.nav-control__next {
  right: 0;
}

@media screen and (max-width: 480px) {
  .nav-control {
    padding: 20px;
    font-size: 20px;
  }
}

.shaka-video-container {
  position: relative;
  z-index: 0; /* Должен быть ниже контролов */
}
.shaka-controls-container {
  z-index: 100; /* Контролы должны быть выше */
  pointer-events: auto !important;
}

.shaka-rewind-button img {
  width: 32px;
  height: 32px;
}

.material-icons-round {
  font-size: 30px !important;
}

.shaka-small-play-button {
  font-size: 35px !important;
  padding: 0;
}

.shaka-change-episode-button {
  font-size: 100px !important;
  position: absolute;
  left: 50%;
  top: 50%;
  height: fit-content;
}

.shaka-prev-episode-button {
  transform: translate(calc(-50% - 120px), -50%);
}

.shaka-next-episode-button {
  transform: translate(calc(-50% + 120px), -50%);
}

.shaka-play-button {
  font-size: 150px !important;
  background: none !important;
  box-shadow: none !important;
  color: #fff;
  height: fit-content;
  width: fit-content;
  padding: 0;
  cursor: pointer;
}
.shaka-current-time {
  font-size: 16px;
  margin-bottom: -2px;
}

.shaka-close-player {
  position: absolute;
  font-size: 55px !important;
  top: 37px;
  right: 32px;
  height: fit-content;
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .material-icons-round {
    font-size: 24px !important;
  }

  .shaka-play-button {
    font-size: 90px !important;
  }
  .shaka-change-episode-button {
    font-size: 60px !important;
  }

  .shaka-prev-episode-button {
    transform: translate(calc(-50% - 70px), -50%);
  }

  .shaka-next-episode-button {
    transform: translate(calc(-50% + 70px), -50%);
  }

  .shaka-current-time {
    font-size: 13px;
    margin-bottom: 0;
  }
}

@font-face {
  font-family: "Roboto", serif;
  src: url(/promo/web/fonts/roboto-black.woff2) format("woff2"),
    url(/promo/web/fonts/roboto-black.woff) format("woff"),
    url(/promo/web/fonts/roboto-black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto", serif;
  src: url(/promo/web/fonts/roboto-bold.woff2) format("woff2"),
    url(/promo/web/fonts/roboto-bold.woff) format("woff"),
    url(/promo/web/fonts/roboto-bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto", serif;
  src: url(/promo/web/fonts/roboto-medium.woff2) format("woff2"),
    url(/promo/web/fonts/roboto-medium.woff) format("woff"),
    url(/promo/web/fonts/roboto-medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url(/promo/web/fonts/roboto-regular.woff2) format("woff2"),
    url(/promo/web/fonts/roboto-regular.woff) format("woff"),
    url(/promo/web/fonts/roboto-regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url(/promo/web/fonts/robotocondensed-bold.woff2) format("woff2"),
    url(/promo/web/fonts/robotocondensed-bold.woff) format("woff"),
    url(/promo/web/fonts/robotocondensed-bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Condensed";
  src: url(/promo/web/fonts/robotocondensed-regular.woff2) format("woff2"),
    url(/promo/web/fonts/robotocondensed-regular.woff) format("woff"),
    url(/promo/web/fonts/robotocondensed-regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Factor IO";
  src: url(/promo/web/fonts/factor-io-regular.woff2) format("woff2"),
    url(/promo/web/fonts/factor-io-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* @font-face {
  font-family: "Factor IO";
  src: url('./fonts/factor-io-medium.woff2)
      format("woff2"'),
    url('./fonts/factor-io-medium.woff')
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
} */
@font-face {
  font-family: "Factor IO";
  src: url(/promo/web/fonts/factor-io-bold.woff2) format("woff2"),
    url(/promo/web/fonts/factor-io-bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

head {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-size: 17px;
  background-color: #1e1e23;
  font-family: "Roboto", serif;
}

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-size: 5px;
  }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-size: 5px;
  }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-size: 6px;
  }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  body {
    font-size: 7px;
  }
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
  body {
    font-size: 6px;
  }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

.loader_block {
  position: absolute;
  top: 50%;
  left: 47%;
  z-index: 50;
  /*width: 2rem;*/
  /*height: 2rem;*/

  /* width: 100vw;
	height: 100vh; */
}

.loader_block__relative {
  position: relative;
  top: 50%;
  left: 47%;
  width: 2rem;
  height: 2rem;
}

.loader_block__img {
  width: 2rem;
  height: 2rem;
}

.bg {
  display: flex;
  flex-direction: column;
}

.top__block__link {
  display: block;
  font-family: "Roboto", serif;
  font-weight: normal;
  font-size: 0.9rem;
  margin: 0.8rem;
  padding: 0.6rem;
  color: #fff;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 0.175rem;
  border: 1px solid #fec700;
  cursor: pointer;
}

.button__link,
.button__preview {
  display: block;
  font-family: "Roboto", serif;
  font-weight: normal;
  font-size: 0.9rem;
  margin: 0.4rem;
  margin-bottom: 0.8rem;
  padding: 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #ee8432;
  border-radius: 0.175rem;
  border: 0;
  cursor: pointer;
}

.big-button-overlay {
  text-align: center;
}

.big-button {
  display: inline-block;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 0.9rem;
  margin-bottom: 0.8rem;
  padding: 0.5rem 1.5rem;
  color: #000;
  background-color: #ffc700;
  border-radius: 0.4rem;
  border: 0;
  max-width: 13rem;
}

.button__disabled {
  background-color: #888 !important;
  cursor: default;
}

.button__preview {
  display: inline-block;
  width: 40%;
}

.button__link a,
.button__preview a {
  text-decoration: none;
  color: #fff;
}

.top__block__link__img {
  width: 1.2rem;
  height: 1.2rem;
  margin-bottom: -0.2rem;
  margin-right: 0.5rem;
}

.link {
  text-decoration: none;
  color: inherit;
}

.title {
  font-family: "Roboto Condensed", serif;
  font-weight: bold;
  font-size: 1.9rem;
  padding-top: 5.6rem;
  padding-left: 1.4rem;
  padding-right: 1rem;
  padding-bottom: 10px;
  color: #fff;
  border-radius: 5%;
}

.subtitle {
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.9rem;
  padding-left: 1.2rem;
  margin-top: 0.4rem;
}

.bordered_block {
  float: left;
  border-radius: 0.175rem;
  padding: 0.25rem 0.4rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background: rgba(255, 203, 0, 0.2);
  color: #ffcb00;
  text-transform: capitalize;
}

.bordered_block__img {
  width: 1rem;
  height: 1rem;
  margin-bottom: -0.1rem;
  margin-right: 0.5rem;
}
.title__episode {
  font-family: 'Helvetica', serif;
  color: #929292;
}

.title__episode--mobile {
  font-size: 0.9rem;
  margin-top: 20px;
  padding-left: 5vw;
  padding-right: 0.7rem;
}

.title__episode--desktop {
  font-size: 26px;
  margin-top: auto;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

#tv-title {
  margin-top: auto;
}

#tv-subtitle {
  margin-top: 10px;
  margin-bottom: 20px;
}

#tv-title-mob {
padding-top: 10px;
}


.player_block {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.player_block__start {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 14;
}

.vd {
  position: relative;
  z-index: 10;
  height: 100%;
}

.vd__fullscreen {
  height: 100%;

  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 14;
}

.player {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  border-radius: 22px;
  z-index: 14;
}

.player__channel {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  border-radius: 22px;
  z-index: 14;
}

.player__channel::-webkit-media-controls-timeline {
  display: none;
}

.player__channel::-webkit-media-controls-time-remaining-display {
  display: none;
}

.player__channel::-webkit-media-controls-current-time-display {
  display: none;
}

.player__mobile {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  z-index: 14;
}

video {
  /* margin-bottom: 1rem; */
  width: 100%;
  position: relative;
  z-index: 0;
}

.embeddedFrame {
  margin-top: 1.4rem;
  margin-bottom: 1rem;
  width: 100%;
  min-height: 340px;
  position: relative;
  z-index: 1;
}

.overlay {
  height: 100%;
  width: 100%;
}

.overlay__pay {
  position: absolute;
  /* height: 105px; */
  width: 100%;
  bottom: 5px;
  display: flex;
  align-items: start;
  z-index: 14;
  justify-content: space-between;
}

.overlay__pay--mobile {
  gap: 20px;
  padding: 0 18px;
}

.overlay__pay--mobile-vitrina {
  position: static;
}

.overlay__pay--desktop {
gap: 20vw;
padding: 0 5vw 20px;
}

.overlay__pay--desktop-vitrina {
bottom: 40px;
}

.overlay__pay:fullscreen {
}

.overlay__pay::backdrop {
  background-color: transparent;
}

.overlay__pay__previewText__pc {
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 0 0 5px #000;
  width: 50%;
  text-align: center;
}

.overlay__pay__previewText {
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.7rem;
  text-shadow: 0 0 5px #000;
  width: 80%;
  text-align: left;
  /* bottom: 15px;
  position: absolute;
  margin-left: 20px; */
}

.overlay__pay__previewText__mobile {
}

.overlay__pay__previewText__pc__packages-info {
  height: 51px;
  /* width: 50%; */
  text-align: center;
  /* right: 0;
  position: absolute;
  bottom: 15px; */
  /* margin-right: auto; */
}

.overlay__pay__container__pc__buy {
  border: none;
  background-color: #f8d113;
  border-radius: 12px;
  color: #373741;
  text-align: center;
  font-size: 22px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  height: 61px;
  cursor: pointer;
  padding: 5px 15px;
}

.overlay__pay__container__mobile__buy {
  border: none;
  background-color: #f8d113;
  border-radius: 12px;
  color: #373741;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 100%;
  height: 51px;
  cursor: pointer;
}

.overlay__pay__container__pc__buy__confirmed {
  border: #8c8c8c groove 0.001rem;
  border-radius: 10px;
  background-color: transparent;
  color: white;
  width: 35%;
  height: 51px;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.play_block {
}

.play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background: url(/promo/web/img/play-button2.svg) no-repeat center;
  background-size: contain;
  z-index: 11;
}

.testtest {
  width: 100vw;
  display: flex;
  height: 200px;
  font-family: Roboto, serif;
  font-size: 62px;
  font-weight: 700;
  line-height: 34px;
  text-align: end;
}

.play__mobile {
  width: 100px;
  height: 100px;
  background: url(/promo/web/img/play-button2.svg) no-repeat center;
  background-size: contain;
  z-index: 15;
}

.shield {
  position: absolute;
  top: 80%;
  left: 20%;
  width: 100%;
  height: 15%;
  z-index: 997;
}

.previewText {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 5%;
  z-index: 999;
  font-family: "Roboto", serif;
  padding-bottom: 1.5rem;
  color: #fff;
  font-size: 0.9rem;
  text-shadow: 0 0 5px #000;
}

.previewText__pc {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 5%;
  z-index: 999;
  font-family: "Roboto", serif;
  padding-bottom: 1.5rem;
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 0 0 5px #000;
}

.preview-offer {
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: 5%;
  z-index: 999;
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.9rem;
}

.button_watch_tv {
  display: block;
  font-family: "Roboto", serif;
  font-weight: normal;
  font-size: 0.9rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  margin-top: 0.5rem;
}

.button_watch_tv__icon {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 1rem;
  margin-bottom: -0.3rem;
}

.desc__block {
  text-align: center;
}

.offer__button__block {
  text-align: center;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-right: 1rem;
  margin-left: 1rem;
  background-color: #393938;
  border-radius: 0.5rem;
}

.pay__block {
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  z-index: 21;
}

.offer__block {
  text-align: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.offer__block .text_condition {
  font-family: "Roboto", serif;
  text-align: left;
  color: #999;
  font-size: 0.7rem;
}

.offer__block .agree {
  text-align: center;
}

.offer__block .text_details {
  font-family: "Roboto", serif;
  text-align: center;
  color: #999;
  font-size: 0.7rem;
  margin-top: 0;
}

.text_link {
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.6rem;
}

.text_desc a {
  color: #3a82f7;
}

.text_desc {
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.6rem;
}

.pay_from {
  background-color: white;
  color: #000;
  font-family: "Roboto", serif;
  font-size: 0.9rem;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pay_form__modal {
  font-family: "Roboto", serif;
  font-size: 0.9rem;
  position: fixed;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
}

.pay_form__modal__mobile {
  font-family: "Roboto", serif;
  font-size: 0.9rem;
  position: fixed;
  top: 10%;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  width: 100vw;
}

.pay_from__container__right {
  margin-left: 10px;
  flex-shrink: 0;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.payment-form__container {
  position: relative;
  z-index: 1;
}

.payment-form__container__offer {
  width: 460px;
  background-color: #373741;
  border-radius: 12px;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 3px;
  border: 1px solid #72727d;
  color: white;
  display: inline-grid;
  text-align: left;
  font-size: 16px;
  padding: 20px 30px 10px 30px;
}

.payment-form__container__offer__mobile {
  width: 98%;
  background-color: #373741;
  border-radius: 12px;
  bottom: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 3px;
  border: 1px solid #72727d;
  color: white;
  display: inline-grid;
  text-align: left;
  font-size: 16px;
  padding: 20px 30px 10px 30px;
}

.close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background-image: url(/promo/web/img/close9.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.player__close {
  position: fixed;
  top: 50px;
  right: 50px;
  height: 30px;
  width: 30px;
  background-image: url(/promo/web/img/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 15;
  background-size: contain;
}

.payment-form__container__offer__title {
  margin-bottom: 10px;
  font-size: 20px;
}

.payment-form__container__offer__last {
  margin-bottom: 10px;
}

div.h3 {
  font-size: 1.5rem;
  color: #000;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 100%;
  max-width: 1256px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#little {
  font-size: 0.6rem;
  color: #888888;
  text-align: center;
  margin-top: 0.8rem;
  display: none;
}

.offer {
  margin-top: 50px;
}

table.offer td {
  padding-top: 0.5rem;
  vertical-align: middle;
}

table.offer img {
  max-width: 2.5rem;
  margin-right: 0.6rem;
}

#payment-form {
  top: 32%;
}

#trial_offer {
  display: none;
}

.text__block {
  border-top: 1px solid #fcfcfc;
  font-family: "Roboto", serif;
  color: #fff;
  font-size: 0.9rem;
  padding: 1rem;
  padding-top: 1.3rem;
  line-height: 1.6rem;
}

.final__block {
  position: relative;
  width: 100%;
  z-index: 20;
  font-family: "Roboto", serif;
  font-size: 2.5rem;
  background: url(/promo/web/img/banner_pay.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 730px;
  flex-grow: 1;
  margin: 0;
}

.final__block__mobile {
  position: relative;
  width: 100%;
  z-index: 12;
  font-family: "Roboto", serif;
  font-size: 2.5rem;
  /* background: url("./img/banner_pay.jpg");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; */
  /* height: 390px; */
  flex-grow: 1;
  margin: 0;
  top: 0;
}

.final__block__mobile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.final__block__text {
  color: #000;
  text-align: center;
  font-family: Helvetica, serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #f8d113;

  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 64px;
  width: 371px;
  height: 73px;
  cursor: pointer;
}

.final__block__text__mobile {
  color: #000;
  text-align: center;
  font-family: Helvetica, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background-color: #f8d113;

  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, 0%);
  border-radius: 64px;
  width: 220px;
  height: 45px;
  cursor: pointer;
}

.final__block2 {
  position: relative;
  width: 100%;
  z-index: 20;
  font-family: "Roboto", serif;
  font-size: 2.5rem;
  background: url(/promo/web/img/banner_pay.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
  flex-grow: 1;
  margin: 0;
}

.bg__web {
  background-image: url(/promo/web/img/banner_pay.jpg);
  left: 0;
  z-index: 0;
}

.big__block {
  position: fixed;
  top: 8%;
  left: 3%;
  right: 3%;
  background: #fff;
  border-radius: 2rem;
  z-index: 1000;
  font-family: "Roboto", serif;
  font-size: 0.9rem;
  background-size: cover;
  background-position: center;
}

.big__block__close {
  top: 9%;
  left: 5%;
  position: fixed;
  height: 2rem;
  width: 2rem;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 9999;
}

.big__block__close__mobile {
  top: 16%;
  left: 89%;
  position: fixed;
  background-repeat: no-repeat;
  z-index: 9999;
}

.big__block__close img {
  height: 2rem;
  width: 2rem;
}

.big__block_padding {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
}

.big__block_title {
  text-align: center;
  font-family: "Roboto Condensed", serif;
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.big__block_install__block {
  text-align: center;
  margin-top: 0;
}

.big__block_install__block img {
  margin-right: 1%;
  width: 48%;
}

.big__block table {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.big__block table td {
  padding-top: 0rem;
}

.td-img {
  padding-right: 0.6rem;
}

.big-desc {
  text-align: center;
  font-size: 0.5rem;
  padding: 0 2rem;
  margin-bottom: 1rem;
}

.big-offer {
  font-size: 0.6rem;
}

.big-apple {
  max-width: 110px;
}

.big__block_install__block__feature__img {
  max-width: 1.5rem;
}

.big-or {
  text-align: center;
}

.cl-b {
  clear: both;
}

.space__footer {
  height: 64px;
}

.space {
  height: 16px;
}

@media only screen and (min-device-width: 480px) {
  #root {
    color: #1e1e23;
    background: #1e1e23;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .big__block {
    padding: 0 25px;
  }

  .big__block_title {
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 3rem;
  }

  .big__block_text {
    text-align: center;
    margin: 20px auto;
    font-size: 2rem;
    width: 60%;
  }

  .td-img {
    width: 5%;
  }

  .big__block_install__block__feature__img {
    max-width: 5rem;
  }

  .big-offer {
    font-size: 1.5rem;
    width: 40%;
  }

  .big-button {
    margin-top: 20px;
    font-size: 2rem;
    max-width: 90rem;
    cursor: pointer;
  }
}

/* home */

.block_home {
  padding-top: 110px; /* Отступ от header */
  /*margin-left: 5vw;*/
  /*width: 375px;*/
  /*height: 16546px;*/
}

.block_home__mobile {
  padding-top: 85px; /* Отступ от header */
  /*margin-left: 5vw;*/
  /*width: 375px;*/
  /* height: 16546px; */
  padding-bottom: 40px;
}

.collection {
}

.collection__margin {
  margin-left: 6.5%;
}

.collection__mobile {
  /*width: 375px;*/
  /* height: 308px; */
  margin-bottom: 2.5rem;
}

.collection__title {
  color: #fff;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-family: Helvetica, serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: 0;
  text-align: left;
  margin-left: 5vw;
}

.collection__title__pc {
  color: #fff;
  font-family: Helvetica, serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: 0;
  text-align: left;
}

.collection__title__pc__search {
  color: #fff;
  font-family: Helvetica, serif;
  font-size: 1.5rem;
  /*line-height: 37px;*/
  letter-spacing: 0;
  text-align: left;
  margin: 0 0 10px 1.2rem;
}

.collection__title__similar {
  color: #706670;
  margin-bottom: 1rem;
  margin-top: 1rem;
  font-family: Helvetica, serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 37px;
  letter-spacing: 0;
  text-align: left;
}

.collection__title__similar__mobile {
  margin-bottom: 12px;
  margin-top: 1rem;
  letter-spacing: 0;
  text-align: left;

  color: #fff;
  font-family: Helvetica, serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.collection__block {
  white-space: nowrap;
  margin-bottom: 1rem;
  visibility: visible;
  overflow: hidden;
  padding: 0.625rem 0 0 3.5rem;
  /*-ms-overflow-style: none;  !* Internet Explorer 10+ *!*/
  /*scrollbar-width: none;  !* Firefox *!*/
  position: relative;
  right: 3.5rem;
}

.ek__collection__block {
  white-space: nowrap;
  margin-bottom: 1rem;
  visibility: visible;
  overflow: hidden;
  padding: 0.625rem 0.625rem 0 3.5rem;
  /*-ms-overflow-style: none;  !* Internet Explorer 10+ *!*/
  /*scrollbar-width: none;  !* Firefox *!*/
  position: relative;
  right: 3.5rem;
}

.collection__block__mobile {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: 2.5rem;
  margin-left: 5vw;
}

.collection__block__mobile__movie {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin-bottom: 2.5rem;
}

.collection__block__margin {
  margin-left: 5vw;
}

.collection__block__content {
  width: 40%;
  display: inline-block;
  margin-right: 1.2rem;
  cursor: pointer;
  vertical-align: top;
}

.collection__block__content--banner {
  width: 85%;
}

.collection__block__content__search {
  width: 40%;
  display: inline-block;
  margin-left: 1.2rem;
  cursor: pointer;
  vertical-align: top;
}

.collection__block__content__tv {
  width: 40%;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin-right: 2.7rem;
  margin-bottom: 10px;
  transition: transform 0.3s ease-in;
}

.collection__block__content__tv:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.collection__block__title {
  margin-top: 0.2rem;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  padding-top: 0.4rem;
  font-family: Helvetica, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  text-align: left;
  transition: color 0.3s ease;
}

.collection__block__genre {
  color: white;
  text-transform: capitalize;
  font-family: Helvetica, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  text-align: left;
  transition: color 0.3s ease;
}

.collection__block__mobile__width {
  width: 143px;
  height: 50px;
}

.collection__block__title__color_transparent {
  color: white;
  margin-top: 0.2rem;
  text-overflow: ellipsis;
  white-space: nowrap; /* Запрещаем перенос строк */
  /*overflow: hidden; !* Обрезаем все, что не помещается в область *!*/
  padding-top: 0.4rem;
  font-family: Helvetica, serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  text-align: center;
  transition: color 1.3s ease;
}

.collection__block__genre__color_transparent {
  color: #929292;
  text-transform: capitalize;
  font-family: Helvetica, serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
  text-align: center;
  transition: color 1.3s ease;
}

.collection__block__color_transparent {
  color: transparent;
}

.collection__block__image__search {
  width: 100%;
  padding-bottom: 140%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.collection__block__image {
  width: 100%;
  transition: transform 0.3s ease-in;
  /*padding-bottom: 2%;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  padding-bottom: 140%;
}

.collection__block__image--banner {
  padding-bottom: 56%;
}

.collection__block__image_no-sticker {
  width: 100%;
  /*padding-bottom: 152%;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in;
}

.collection__block__image_no-sticker:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.collection__block__image_no-sticker:hover + .show {
  transition: opacity 0.5s ease;
  opacity: 1;
}

.collection__block__sticker {
  width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%;
  position: absolute;
  object-fit: contain;
}

.collection__block__poster {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

/*.collection__block__poster {*/
/*	width: 100%;*/
/*}*/

.collection__block__poster__tv {
  width: 100%;
  object-fit: cover;
  height: 120px;
  border-radius: 0.5rem;
  /*padding-bottom: 70%;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/

  /*background-position: center;*/
}

.packages__container__subscription__block__img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}

.packages__container__subscription__block__img__mobile {
  width: 100%;
  height: 140px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  background-image: url(/promo/web/img/package_background_active.svg);
  position: relative;
}

.packages__container__subscription__block__img__pc {
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  background-image: url(/promo/web/img/package_background_not_active.svg);
}

.packages__container__subscription__block__img__pc:hover {
  width: 105%;
}

.packages__container__subscription__block__img__pc:hover {
  background-image: url(/promo/web/img/package_background_active.svg);
}

.packages__container__subscription__block__img__mobile__logo {
  height: 80px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  right: 2%;
  position: absolute;
  top: 50%;
  transform: translate(-0%, -50%);
}

.packages__container__subscription__block__img__pc__logo {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translate(100%, 35%);
  width: 60%;
  height: 60%;
}

.packages__pc__background-size {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  width: 373px;
  height: 27px;
}

.packages__mobile_background-size {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.packages__mobile_background-size__text {
  font-family: Helvetica, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin: 8px auto auto 3px;
  padding: 0 0 0 0;
  top: 50%;
  left: 50%;
  width: 100%;
  color: white;
}

.packages__pc__background-size__text {
  font-family: Helvetica, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin: auto auto auto 3px;
  padding: 0 0 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: white;
}

.packages__mobile_background-size__text__not-purchased {
  font-family: Helvetica, serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  padding: 0 0 0 0;
  top: 50%;
  left: 50%;
  width: 100%;
  color: black;
  margin: 8px auto auto 3px;
}

.packages__pc__background-size__text__not-purchased {
  font-family: Helvetica, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  margin: auto auto auto 3px;
  padding: 0 0 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: black;
}

.packages__pc_background-size__container {
  width: 33%;
  height: 3%;
  position: absolute;
  margin-top: 60px;
}

.packages__mobile_background-size__container__bottom {
  width: 65%;
  height: 30%;
  left: 5%;
  margin-left: 3%;
  margin-top: 8px;
}

.packages__mobile_background-size__container__bottom__pc {
  width: 65%;
  left: 5%;
  margin-left: 3%;
  padding-top: 120px;
}

.packages__container__subscription__block__img__mobile__container {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 5%;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}

.packages__container__subscription__block__img__mobile__container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.packages__container__subscription__block__img__pc__container {
  width: 25vw;
  height: 240px;
  position: absolute;
  display: block;
}

.collection__block__image__tv {
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0.5rem;
  background-position: center;
}

.collection__slide__left {
  position: absolute;
  left: 1.5%;
  margin-top: 1.75%;
  background-color: transparent;
  border: none;
}

.collection__slide__right {
  position: absolute;
  right: 0;
  margin-top: 1.75%;
  background-color: transparent;
  border: none;
}

.collection__slide__left__similar {
  position: absolute;
  left: 1.5%;
  margin-top: 9%;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.collection__slide__right__similar {
  position: absolute;
  right: 0;
  margin-top: 9%;
  background-color: transparent;
  border: none;
}

.collection__slide__left__home {
  position: absolute;
  left: 1.5%;
  margin-top: 5.5%;
  display: none;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.collection__slide__right__home {
  position: absolute;
  right: 0;
  margin-top: 5.5%;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.collection__slide__left__search {
  position: absolute;
  left: 1.5%;
  margin-top: 7.5%;
  display: none;
  background-color: transparent;
  border: none;
  z-index: 10;
}

.collection__slide__right__search {
  position: absolute;
  right: 0;
  margin-top: 7.5%;
  background-color: transparent;
  border: none;
  z-index: 10;
}

.search_bottom {
  margin-top: 15%;
}

.collection__slide__left__tv {
  position: absolute;
  left: 1.5%;
  margin-top: 2%;
  display: none;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.collection__slide__right__tv {
  position: absolute;
  right: 0;
  margin-top: 2%;
  background-color: transparent;
  border: none;
  z-index: 1;
}

.collection__slide__left__arrow {
  float: right;
  margin-right: 0.5em;
  width: 62px;
  height: 62px;
  background-repeat: no-repeat;
}

.collection__slide__right__arrow {
  float: left;
  margin-left: 0.5em;
  height: 62px;
  width: 62px;
  background-repeat: no-repeat;
}

.slideRightHomeImg_1100 {
  height: 1234px;
}

.container__slider {
  display: block;
  position: relative;
}

.container__slider__search {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

.container__slider__search__mobile {
  display: block;
  position: relative;
  margin: 0 auto;
  padding-top: 120px;
}

/* movie */

.seasons__block {
  overflow-x: auto; /* scroll; */
  width: 100%;
  white-space: nowrap;
}

.ek__switch {
  position: relative;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  width: 85.42%;
  overflow: hidden;
  margin: 0 auto 64px;
}

.ek__seasons__block {
  overflow-x: auto; /* scroll; */
  width: 100%;
  white-space: nowrap;
}

.ek__episodes__block {
  padding-bottom: 1.2rem;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.ek__episodes__block__content__image {
  height: 120px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.ek__collection__block__image {
  width: 100%;
  padding-bottom: 140%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.seasons__block__title {
  padding: 0.5rem 0;
  border: 1px solid #666;
  border-radius: 0.5rem;
  display: inline-block;
  width: 8.5%;
  cursor: pointer;
  margin-top: 0.2rem;
  margin-bottom: 1rem;
  margin-left: 0.6rem;
  background-color: #625c62;
  color: #d9d9d9;
  font-family: Roboto, serif;
  font-size: 1.15rem;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0;
  text-align: center;
}

.seasons__block__title__mobile {
  padding: 0.5rem 0;
  border: 1px solid #666;
  border-radius: 0.5rem;
  display: inline-block;
  width: 22.5%;
  cursor: pointer;
  margin-top: 0.2rem;
  margin-bottom: 1rem;
  margin-right: 0.6rem;
  background-color: #625c62;
  letter-spacing: 0;

  color: #221d1f;
  text-align: center;
  font-family: Roboto, serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.seasons__block__title__active {
  background-color: #fec700;
  color: #000;
}

.episodes__block {
  padding-bottom: .5rem;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
}

.episodes__block__content {
  margin-right: 0.6rem;
  width: 40%;
  display: inline-block;
  cursor: pointer;
}

.episodes__block__content__title {
  font-family: "Roboto", serif;
  font-size: 0.9rem;
  color: white;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  margin-top: 0;
}

.episodes__block__content__title__mobile {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  margin-top: 5px;

  color: #fff;
  font-family: Roboto, serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.episodes__block__content__image {
  width: 100%;
  height: 6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.episodes__block__content__download {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  background-color: #19181E;
  padding: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 998;
}

.episodes__block__content__download img {
width: 12px;
height: 12px;
object-fit: contain;
}

.episodes__block__content__download span {
  color: #fff;
  font-size: 10px;
}

.similar__block {
  width: 100%;
  overflow: hidden;
}

.ek__similar__block {
  position: relative;
  flex-direction: column;
  display: flex;
  flex-grow: 1;
  width: 85.42%;
  /*overflow: hidden;*/
  margin: 0 auto 64px;
}

.loader_block__content {
  text-align: center;
  width: 100%;
  height: 10rem;
  padding-top: 10rem;
}

.loader_block__content__img {
  width: 4rem;
  height: 4rem;
}

.loader_video__block {
  width: 100%;
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  height: 100%;
}

.loader_video__content__img {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
}

.loader_video__content__img__fixed {
  width: 2rem;
  height: 2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
}

@media only screen and (min-device-width: 480px) {
  .collection__block__content  {
    width: 9vw;
    transition: margin-bottom 0.3s ease-in;
  }
  .collection__block__content--banner {
    width: 32%;
  }

  .collection__block__content__search {
    width: 15%;
  }

  .collection__block__image {
  }

  .ek__collection__block__image {
    padding-bottom: 140%;
  }

  .episodes__block__content {
    width: 20%;
  }

  .collection__block__content__tv {
    width: 15%;
  }
}

.show {
  transition: opacity 0.5s ease;
  opacity: 0;
  width: 200%;
  transform: translate(-25%, 0);
}

.collection__block__image:hover + .show {
  transition: opacity 0.5s ease;
  opacity: 1;
}

.collection__paywall {
  margin-bottom: 50px;
}

.collection__paywall__pc {
  margin: 0 6.5% 50px;
}

.packages__container__subscription {
  display: inline-flex;
}

.packages__container__subscription__mobile {
  display: grid;
  height: 55%;
  border-radius: 9px;
  margin-bottom: 10%;
}

.packages__container__subscription__block {
  width: 25vw;
  margin-bottom: 40px;
}

.packages__container__subscription__block__bottom {
  width: 25vw;
  /*margin-bottom: 40px;*/
}

.packages__container__subscription__block__bottom:last-child {
  margin-bottom: 40px;
}

.packages__container__subscription__pc {
  height: 100%;
  display: flex;
  grid-template-columns: 42vw 25vw;
  grid-auto-rows: auto;
  grid-gap: 60px;
justify-content: center;
}

.packages__container__subscription__pc__first {
  max-width: 92.5vw;
  height: 100%;
  display: flex;
  grid-template-columns: 29vw 25vw 25vw;
  grid-auto-rows: auto;
  grid-gap: 60px;
justify-content: center;
}

.packages__container__subscription__block__mobile {
  height: 180px;
  width: 364px;
  text-decoration: none;
}

.packages__container__block {
  display: block;
  padding-top: 120px; /* Отступ от header */
  padding-left: 7.5%;
}

.packages__container__block__pc {
  display: block;
  /*margin-top: 220px; !* Отступ от header *!*/
  padding-left: 7.5%;
  width: calc(100% - 7.5%);
}

.packages__container__block__pc__top {
  display: block;
  margin-top: 150px; /* Отступ от header */
  padding-left: 7.5%;
  width: calc(100% - 7.5%);
}

.packages__container__block__mobile {
  display: block;
}

.packages__container {
  display: block;
}

.packages__container__mobile {
  display: block;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 15%;
}

.packages__container__subscription__text {
  color: white;
  font-family: Helvetica, serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  margin-bottom: 10px;
}

.packages__container__subscription__block__text {
  color: white;
  font-family: Helvetica, serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  margin: 0;
  bottom: 0;
}

.packages__container__subscription__block__text__pc {
  color: white;
  font-family: Helvetica, serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  margin: 0;
  bottom: 0;
  width: 17vw;
}

.packages__mobile_background-size__container__text {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.packages__mobile_background-size__container__text__pc {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.packages__container__subscription__block__payment-text {
  color: white;
  font-family: Helvetica, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
}

.packages__container__subscription__block__package-name {
  color: white;
  font-family: Helvetica, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 5px;
  /*position: absolute;*/
  margin-bottom: 0;
}

.packages__container__subscription__block__package-name__pc {
  color: white;
  font-family: Helvetica, serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 20px;
  position: absolute;
}

.packages__block__package-name {
  /*width: 25%;*/
  display: flex;
  justify-content: center;
}

.packages__block__package-name__pc {
  width: 25vw;
  display: flex;
  justify-content: center;
}

.packages-info__container__mobile {
  display: block;
  width: 100%;
  padding-top: 17%;
  height: 100%;
  position: absolute;
}

.packages-info__container__pc {
  display: block;
  width: 100%;
  padding-top: 120px;
  height: 100%;
}

.packages-info__container__mobile__poster {
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.packages-info__container__pc__poster {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  position: fixed;
  bottom: 0;
}

.packages-info__container__mobile__container {
  /* height: 51px; */
  /*width: 85%;*/
  display: flex;
  justify-content: center;
}

.packages-info__container__pc__container {
  height: 51px;
  width: 100%;
  bottom: 0;
  margin: 0 auto 4%;
  position: fixed;
  display: flex;
    justify-content: center;
}

.packages-info__container__mobile__buy {
  border: none;
  margin: 5% auto auto;
  left: 0;
  right: 0;
  background-color: #f8d113;
  border-radius: 12px;
  color: #373741;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 85%;
  height: 51px;
  cursor: pointer;
}

.packages-info__container__pc__buy {
  border: none;
  left: 0;
  right: 0;
  background-color: #f8d113;
  color: #373741;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: 35%;
  height: 51px;
  cursor: pointer;
}

.packages-info__container__mobile__buy__confirmed {
  border: #8c8c8c groove 0.001rem;
  border-radius: 10px;
  background-color: transparent;
  color: white;
  width: 100%;
  height: 51px;
  /*position: absolute;*/
  margin: 5% 5% 0 5%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.packages-info__container__pc__buy__confirmed {
  border: #8c8c8c groove 0.001rem;
  border-radius: 10px;
  background-color: transparent;
  color: white;
  width: 85%;
  height: 51px;
  /* position: absolute; */
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  margin-bottom: 15px;
}

.packages-info__container__pc__buy__confirmed__width {
  width: 35%;
}

.packages-info__container__mobile__close-cancel {
  border: none;
  background-color: transparent;
  color: #f5c944;
  height: 51px;
  /* position: absolute; */
  margin: 1% auto auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.packages-info__cancel-success {
  border: none;
  background-color: transparent;
  color: white;
  height: 51px;
  /* position: absolute;
  left: 0;
  right: 0; */
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
  display: block;
  width: 50%;
  margin: 0 auto;
  margin-bottom: -10px;
}

.packages-info__cancel-success__text {
  font-family: Helvetica, serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 20px;
}

.packages-info__pay-info {
  border: none;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #ff0000;
}

.packages-info__pay-info__container {
  border: none;
  width: 100%;
  text-align: center;
  margin: 5% auto auto;
  padding: 0 5px;
  left: 0;
  right: 0;
}

.packages-info__pay-info__container__pc {
  border: none;
  position: absolute;
  text-align: center;
  margin-bottom: 1.5%;
  left: 0;
  right: 0;
  bottom: 0;
}

.movie__logotype {
  text-align: left;
  font-size: 56px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: white;
  margin: 0;
  text-transform: uppercase;
}

.movie__logotype__mobile {
  text-align: left;
  font-size: 26px;
  font-family: Helvetica, serif;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: white;
  margin: 0;
  text-transform: uppercase;
  width: 50%;
  padding-left: 5vw;
}

.movie__mobile__logo {
  bottom: 0;
  position: absolute;
  z-index: 9999999;
  left: 0;
}

.player__container__mobile {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(30, 30, 35, 1));
  position: relative;
  width: 100%;
  z-index: 12;
  height: 100%;
}

.collection__block__search__text {
  margin: 1.2rem 0 0 1.2rem;
  color: #929292;
  font-size: 24px;
  font-family: Helvetica, serif;
  height: 40px;
  position: relative;
  bottom: 20px;
}

.collection__block__search__text__mobile {
  margin: 0 0 1.2rem 1.2rem;
  color: #929292;
  font-size: 24px;
  font-family: Helvetica, serif;
  height: 40px;
  position: relative;
  bottom: 20px;
}

.collection__block__search__mobile__text {
  margin: 0 0 0 30px;
  font-family: Helvetica, serif;
  font-weight: 400;
  line-height: 28px;
  color: #929292;
  font-size: 1.2rem;
}
.payment-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(11, 30, 70, 0.74);
  z-index: 50;
}
.payment-widget-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  overflow: hidden;
}
.payment-widget {
  background-color: rgb(0, 14, 39);
  padding-bottom: 0;
  overflow-y: scroll;
  height: 100%;
  width: 100%;
  position: relative;
}
.payment-widget::-webkit-scrollbar {
  width: 7px;
}

.payment-widget::-webkit-scrollbar-track {
  background: transparent;
}

.payment-widget::-webkit-scrollbar-thumb {
  /* min-height: 5rem; */
  border-radius: 50px;
  border: 1px solid transparent;
  background-clip: padding-box;
  background-color: rgb(31, 45, 77);
}
.package {
  padding: 40px 22px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 27px;
}
.package * {
  font-family: "Factor IO", Helvetica, Arial, sans-serif;
  margin: 0;
  color: #fff;
}
.package-title {
  font-size: 23px;
  font-weight: bold;
}

.package-center {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 10px;
}

.package-center img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.package-description {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 8px;
  max-width: 185px;
}

.cost {
  font-weight: bold;
  font-size: 24px;
}

#payment-form {
  padding: 0 6px;
}

.payment-close {
  border: none;
  outline: none;
  background: none;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

.payment-close img {
  width: 17px;
  height: 17px;
}

@media only screen and (min-device-width: 480px) {
  .collection__block__image:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
  .payment-widget,
  .payment-widget-wrapper {
    max-width: 474px;
    border-radius: 20px;
    height: calc(100% - 50px);
    max-height: fit-content;
  }
  .package {
    padding: 40px 16px 20px;
  }
  .package-title {
    font-size: 24px;
  }
  .package-description {
    font-size: 19px;
    max-width: 205px;
    gap: 7px;
    line-height: 120%;
  }
  .package-center {
    gap: 25px;
  }
  .package-center img {
    width: 105px;
    height: 105px;
  }
  .cost {
    font-size: 25px;
  }
  .payment-close img {
    width: 23px;
    height: 23px;
  }
}

@media only screen and (min-width: 1537px) {
  .payment-widget,
  .payment-widget-wrapper {
    max-width: 514px;
    border-radius: 26px;
    height: calc(100% - 80px);
  }
  #payment-form {
    padding: 8px 8px 0;
  }
  .package {
    padding: 50px 28px 20px;
  }
  .package-title {
    font-size: 25px;
  }
  .package-description {
    font-size: 20px;
    max-width: 220px;
    gap: 10px;
    line-height: 130%;
  }
  .package-center {
    gap: 35px;
  }
  .package-center img {
    width: 120px;
    height: 120px;
  }
  .cost {
    font-size: 27px;
  }
  .payment-close img {
    width: 27px;
    height: 27px;
  }
}

@media screen and (max-width: 950px) and (orientation: landscape) {
  .payment-widget,
  .payment-widget-wrapper {
    max-width: 100%;
    height: 100%;
  }
}

.vitrina_mobile {
  height: 42vh;
}

.vitrina-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (orientation: landscape) {
  .vitrina_mobile {
    height: calc(100vh - 105px);
  }
}

.no-scroll {
  overflow: hidden !important;
}
.app-container {
	display: block;
	padding-top: 120px; /* Отступ от header */
	margin-right: 7.3%;
}

.app-container_next {
	display: block;
}

.AppPageConstructor_root__tNsyi {
	display: flex;
	flex-direction: column;
	min-width: 1024px;
	min-height: 100vh;
	color: white;
	transition: opacity 300ms ease;
}

.FullLayout_root__LJhCD {
	-webkit-transition: -webkit-transform 0.54s cubic-bezier(0.5, 0, 0.1, 1) 0.25s;
	-o-transition: transform 0.54s cubic-bezier(0.5, 0, 0.1, 1) 0.25s;
	transition: -webkit-transform 0.54s cubic-bezier(0.5, 0, 0.1, 1) 0.25s;
	transition: transform 0.54s cubic-bezier(0.5, 0, 0.1, 1) 0.25s,
	-webkit-transform 0.54s cubic-bezier(0.5, 0, 0.1, 1) 0.25s;
}

.FullLayout_content__8vvkN {
	position: relative;
	margin: 0;
	padding: 0;
}

.ContentPageLayout_root__Iol6N {
	display: flex;
	flex-direction: column;
	padding-bottom: 7.2rem;
}

.FilmContent_wrapper__EicQU {
	z-index: 3;
	width: 100%;
}

.ContentCard_root__KdUsN {
	--background-padding-top: 7.2rem;
	--background-padding-horizontal: 6rem;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
}

.ContentBackground_root__JGnmq {
	--height: 56.3rem;
	--cover-transition-duration: 0.5s;
	--trailer-transition-duration: 0.5s;
	--trailer-transform-transition-duration: 0.2s;
	--width-player: calc(var(--height) * 16 / 9);
	--controls-animation: 0.3s ease-in-out;
	height: var(--height);
}

.ContentBackground_content__11VKV {
	position: relative;
	height: 100%;
	padding: var(--background-padding-top) var(--background-padding-horizontal) 6rem;
}

.ContentBackground_image-holder__zaKU_ {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: calc(60.8rem * 16 / 9);
	max-width: 100%;
	border-radius: 2%;
}

.ContentBackground_cover__wtTqu {
	width: 100%;
	max-width: 100%;
	height: 100%;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: cover;
	transition: opacity var(--cover-transition-duration) ease;
}

.ContentBackground_trailer__Wtgji {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: var(--width-player);
	height: var(--height);
	opacity: 0;
	background: #1E1E23;
	transition: opacity var(--trailer-transition-duration) ease;
}

.ContentBackground_background__ito4N {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ContentBackground_background-gradient-container__QGA0C {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tv_channel_title {
	font-family: Helvetica, serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 37px;
	text-align: left;
	color: #FFFFFF;
	display: grid;
	grid-template-rows: 1fr auto;
	align-items: end;
	justify-items: end;
	margin-left: 4%;
	margin-bottom: 0.5%;
}

.container__channel_title {
	display: inline-flex;
	margin-bottom: 20px;
}

.styles_flexCol55__cell {
	height: 95px;
	left: 0;
	top: 0;
	border-radius: 16px;
}

.ContentBackground_background-backdrop__7WObX {
	background: #1E1E23 12.42%;
	flex: 1 0 0;
}

.ContentBackground_background-gradient__lnXE5 {
	background: linear-gradient(90deg, rgb(30, 30, 35) 0%,
	rgba(30, 30, 35, 0.918) 9.31%,
	rgba(30, 30, 35, 0.85) 12.42%,
	rgba(30, 30, 35, 0.77) 15.52%,
	rgba(30, 30, 35, 0.667) 18.63%,
	rgba(30, 30, 35, 0.557) 21.73%,
	rgba(30, 30, 35, 0.443) 24.84%,
	rgba(30, 30, 35, 0.333) 27.94%,
	rgba(30, 30, 35, 0.23) 31.05%,
	rgba(30, 30, 35, 0.15) 34.15%,
	rgba(30, 30, 35, 0.082) 37.26%,
	rgba(30, 30, 35, 0.035) 40.36%,
	rgba(30, 30, 35, 0.008) 43.47%,
	rgba(30, 30, 35, 0) 46.57%);
	position: relative;
	width: var(--width-player);
}

.untitled-page__main{display:flex;flex-direction:column;background-color:#1e1e23;padding:undefinedpx undefinedpx undefinedpx undefinedpx;position:relative;overflow:hidden}.untitled-page__main>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__section2{display:flex;flex-direction:column;position:relative;flex-grow:1;margin:90px 0px 1096px}.untitled-page__section2__section21{display:flex;flex-direction:column;background:var(--src) center center/cover no-repeat;width:85.42%;position:relative;flex-grow:1;margin:30px auto 64px}@media(max-width: 1919px){.untitled-page__section2__section21{width:88.65%}}@media(max-width: 1399px){.untitled-page__section2__section21{width:91.24%}}@media(max-width: 1199px){.untitled-page__section2__section21{width:93.28%}}@media(max-width: 991px){.untitled-page__section2__section21{width:94.88%}}@media(max-width: 767px){.untitled-page__section2__section21{width:96.11%}}@media(max-width: 575px){.untitled-page__section2__section21{width:97.05%}}@media(max-width: 479px){.untitled-page__section2__section21{width:97.77%}}@media(max-width: 383px){.untitled-page__section2__section21{width:98.32%}}.untitled-page__section2__block{display:flex;flex-direction:column;background:var(--src) center center/cover no-repeat;width:85.42%;position:relative;flex-grow:1;margin:30px auto 64px 6.5%}@media(max-width: 1919px){.untitled-page__section2__block{width:88.65%}}@media(max-width: 1399px){.untitled-page__section2__block{width:91.24%}}@media(max-width: 1199px){.untitled-page__section2__block{width:93.28%}}@media(max-width: 991px){.untitled-page__section2__block{width:94.88%}}@media(max-width: 767px){.untitled-page__section2__block{width:96.11%}}@media(max-width: 575px){.untitled-page__section2__block{width:97.05%}}@media(max-width: 479px){.untitled-page__section2__block{width:97.77%}}@media(max-width: 383px){.untitled-page__section2__block{width:98.32%}}.untitled-page__section2__block_container{top:0;right:0;bottom:0;overflow:hidden;width:60%;max-width:80%}.untitled-page__section2__none{display:none}.untitled-page__section2__block_container_img{width:100%;max-width:100%;height:100%;opacity:1;background-repeat:no-repeat;background-position:100% 0;background-size:cover;transition:opacity var(--cover-transition-duration) ease}.untitled-page__section2__block_container_img__mobile{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;opacity:1;background-repeat:no-repeat;background-position:100% 0;background-size:cover;transition:opacity var(--cover-transition-duration) ease;height:42vh}@media screen and (orientation: landscape){.untitled-page__section2__block_container_img__mobile{height:calc(100vh - 105px)}}.untitled-page__section2__block_container_img_blackout{background:linear-gradient(90deg, rgb(30, 30, 35) 0%, rgba(30, 30, 35, 0.918) 9.31%, rgba(30, 30, 35, 0.85) 12.42%, rgba(30, 30, 35, 0.77) 15.52%, rgba(30, 30, 35, 0.667) 18.63%, rgba(30, 30, 35, 0.557) 21.73%, rgba(30, 30, 35, 0.443) 24.84%, rgba(30, 30, 35, 0.333) 27.94%, rgba(30, 30, 35, 0.23) 31.05%, rgba(30, 30, 35, 0.15) 34.15%, rgba(30, 30, 35, 0.082) 37.26%, rgba(30, 30, 35, 0.035) 40.36%, rgba(30, 30, 35, 0.008) 43.47%, rgba(30, 30, 35, 0) 46.57%);position:relative;width:100%;pointer-events:none;z-index:10}.untitled-page__section2__group{display:flex;flex-direction:column;width:37.8%;position:relative;flex-grow:1;margin:50px 62.2% 32.5px 0%}.untitled-page__section2__rect{background-color:rgba(137,137,137,.2);border-radius:22px 22px 22px 22px;height:255px;bottom:-32.5px;left:0px;right:0px}.untitled-page__section2__flexCol{display:flex;flex-direction:column;position:relative;flex-grow:1}.untitled-page__section2__flexCol>.cell{display:flex;flex-direction:column;top:0;left:0;width:100%;height:30%}.untitled-page__section2__image{width:calc(100% - 20px);height:auto;vertical-align:top;object-position:left bottom !important;position:relative;margin:0 20px 0 2px;object-fit:contain}@media(max-width: 1199px){.untitled-page__section2__image{width:calc(100% - 16px);margin:0px 16px 0px 2px}}@media(max-width: 991px){.untitled-page__section2__image{width:calc(100% - 12px);margin:0px 12px 0px 2px}}@media(max-width: 575px){.untitled-page__section2__image{width:calc(100% - 8px);margin:0px 8px 0px 2px}}.untitled-page__section2__flexRow1{display:flex;align-items:center;position:relative;margin:0 0 0}.untitled-page__section2__flexRow1>.cell{display:flex;flex-direction:column;position:relative;flex:0 1 40px}.untitled-page__section2__flexRow5{display:flex;align-items:center;position:relative;padding-left:5vw;flex-wrap:wrap;justify-content:left;margin-top:5px}.untitled-page__section2__flexRow5>.cell{display:flex;flex-direction:column;position:relative;flex:0 1 40px}.untitled-page__section2__image1{width:40px;height:auto;aspect-ratio:1.11;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:40px;margin:2px 0}.untitled-page__section2__flexRow1>.container_rating>.spacer{flex:0 1 7px}.untitled-page__section2__flexRow1>.container_rating>.spacer1{flex:0 1 29px}.untitled-page__section2__title{display:flex;align-items:center;font:700 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:50px}@media(max-width: 1199px){.untitled-page__section2__title{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title{font-size:16px}}.untitled-page__section2__flexRow1>.spacer1{flex:0 1 29px}.untitled-page__section2__flexRow1>.spacer2{flex:0 1 49px}.untitled-page__section2__title1{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:72px;margin:1px 0 0}@media(max-width: 1199px){.untitled-page__section2__title1{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title1{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title1{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title1{font-size:16px}}.untitled-page__section2__title11{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:216px;margin:1px 0px 0px;justify-content:space-around}@media(max-width: 1199px){.untitled-page__section2__title11{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title11{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title11{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title11{font-size:16px}}.untitled-page__section2__title12{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:55px;margin:1px 0px 0px}@media(max-width: 1199px){.untitled-page__section2__title12{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title12{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title12{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title12{font-size:16px}}.untitled-page__section2__title2{display:flex;align-items:center;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:0px 0px 0px}@media(max-width: 1199px){.untitled-page__section2__title2{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title2{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title2{font-size:16px}}.untitled-page__section2__title6{display:flex;align-items:center;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;letter-spacing:0;color:#929292;text-overflow:ellipsis;text-align:left;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;min-height:100px;margin:15px 0 15px}@media(max-width: 1199px){.untitled-page__section2__title6{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title6{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title6{font-size:16px}}.untitled-page__section2__title66{display:flex;align-items:center;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;letter-spacing:0;color:#929292;text-overflow:ellipsis;text-align:left;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:100px;margin:15px 0 15px}@media(max-width: 1199px){.untitled-page__section2__title66{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title66{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title66{font-size:16px}}.untitled-page__section2__title6__space{display:block;left:0;top:0;height:160px;position:relative;margin-bottom:20px}.untitled-page__section2__title6__space__max{display:block;height:300px;position:absolute;width:100%;background-color:#1e1e23;z-index:1}.untitled-page__section2__title6__space__mobile{display:block;left:0;top:0;height:50px;position:relative}.untitled-page__section2__title6__block__blackout{position:absolute;bottom:0;height:100px;background:linear-gradient(0deg, rgb(30, 30, 35) 0%, rgba(30, 30, 35, 0.918) 9.31%, rgba(30, 30, 35, 0.85) 12.42%, rgba(30, 30, 35, 0.77) 15.52%, rgba(30, 30, 35, 0.667) 18.63%, rgba(30, 30, 35, 0.557) 21.73%, rgba(30, 30, 35, 0.443) 24.84%, rgba(30, 30, 35, 0.333) 27.94%, rgba(30, 30, 35, 0.23) 31.05%, rgba(30, 30, 35, 0.15) 34.15%, rgba(30, 30, 35, 0.082) 37.26%, rgba(30, 30, 35, 0.035) 40.36%, rgba(30, 30, 35, 0.008) 43.47%, rgba(30, 30, 35, 0) 46.57%);width:100%;pointer-events:none;z-index:10}.untitled-page__section2__title6__max{display:flex;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:absolute;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;letter-spacing:0;color:#929292;text-overflow:ellipsis;text-align:left;background-color:#1e1e23;z-index:2;margin:15px 0 0;transition:all .5s ease;padding-bottom:40px;border-radius:0 0 10px 10px}@media(max-width: 1199px){.untitled-page__section2__title6__max{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title6__max{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title6__max{font-size:16px}}.untitled-page__section2__title2__discription{display:flex;align-items:center;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:absolute;margin:0 0 0;background-color:#1e1e23;z-index:1;font-size:22px;top:0}@media(max-width: 1199px){.untitled-page__section2__title2__discription{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title2__discription{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title2__discription{font-size:16px}}.untitled-page__section2__flexCol1{display:flex;flex-direction:column;width:78.23%;position:relative;margin:89.5px auto 0}@media(max-width: 575px){.untitled-page__section2__flexCol1{width:82.74%}}@media(max-width: 479px){.untitled-page__section2__flexCol1{width:86.47%}}@media(max-width: 383px){.untitled-page__section2__flexCol1{width:89.5%}}.untitled-page__section2__flexCol1>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__icon{width:100px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:100px;margin:0 auto}.untitled-page__section2__title3{display:flex;align-items:center;font:400 30px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;letter-spacing:0px;position:relative;margin:11px 15px 0;text-align:center}@media(max-width: 1199px){.untitled-page__section2__title3{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title3{margin:11px 8px 0}}@media(max-width: 767px){.untitled-page__section2__title3{font-size:20px}}@media(max-width: 479px){.untitled-page__section2__title3{font-size:16px}}@media(max-width: 383px){.untitled-page__section2__title3{margin:11px 4px 0}}.untitled-page__section2__subtitle{display:flex;align-items:center;justify-content:center;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;text-align:center;letter-spacing:0;position:relative;margin:9.5px 0 0}@media(max-width: 991px){.untitled-page__section2__subtitle{font-size:16px}}.movie__button__container{display:flex;bottom:0;z-index:1;color:blue;margin:auto 0 25px 0}.movie__button__container__play{color:#fff;border-radius:8px;border:none;cursor:pointer;text-align:center;font-family:Helvetica,serif;font-size:30px;font-style:normal;font-weight:400;line-height:normal;display:flex;justify-content:center;align-items:center;text-shadow:0 0 7px #000}.movie__button__container__play__img{margin-left:4%}.movie__button__container__left{padding:16px 2vw 16px 3vw;background-color:#f3c530;margin-right:5%}.movie__button__container__right{padding:16px 2.5vw 16px 2vw;background-color:rgba(137,137,137,.6)}.movie__button__container__mobile{position:absolute;bottom:100%;right:0;z-index:12;background-color:rgba(0,0,0,0);margin-right:5%;display:flex;flex-direction:column}.movie__button__container__play__mobile{border-radius:8px;border:none;font-family:Helvetica,serif;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0);color:#fff;text-align:center;font-size:10px;font-style:normal;font-weight:500;line-height:normal;margin-top:3px}.movie__button__container__play__mobile__img{align-self:center}

.lYqcDKX9ftmgKtrHR0\+N8w\=\={display:flex;align-items:center;position:relative}.m6-qttEMbw8ikS4JXvrkkA\=\={display:flex;flex-direction:column;position:relative;flex:0 1 555px;z-index:10}.okziAt52\+VcPQiFUa1UvRQ\=\={display:flex;flex-direction:column;position:relative;margin:0px 0% 0px .36%}.NADuulYLH5t9y9s1WB5lpg\=\={display:flex;flex-direction:column;position:relative}.ovzdFQQnwLhU1\+hmgwGBLA\=\={height:100%}._3R08exoLJOAESrqakEqjrw\=\={display:flex;align-items:center;font:700 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#f3c530;letter-spacing:0px;position:relative;margin:0px 0px 0px}@media(max-width: 1199px){._3R08exoLJOAESrqakEqjrw\=\={font-size:28px;text-align:left}}@media(max-width: 991px){._3R08exoLJOAESrqakEqjrw\=\={font-size:24px}}@media(max-width: 767px){._3R08exoLJOAESrqakEqjrw\=\={font-size:20px}}@media(max-width: 383px){._3R08exoLJOAESrqakEqjrw\=\={font-size:12px}}.ZxgyWCg2P5Vp2NFh1b-Tzw\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:27.5px 0px 0px}@media(max-width: 1199px){.ZxgyWCg2P5Vp2NFh1b-Tzw\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.ZxgyWCg2P5Vp2NFh1b-Tzw\=\={font-size:12px}}.iyPhhQ0535DVbhyVqIGkcA\=\={display:flex}._5UZzqnDlBc0X6RNXcc5clA\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:0px;letter-spacing:0px;position:relative;margin:5% -2% -2% 6.5%}@media(max-width: 1199px){._5UZzqnDlBc0X6RNXcc5clA\=\={font-size:16px;text-align:left}}@media(max-width: 383px){._5UZzqnDlBc0X6RNXcc5clA\=\={font-size:12px}}.M9pb6I0ZLSqd58DxtGyp9Q\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:0px;letter-spacing:0px;position:relative;margin:5% 0% -2% 7%}@media(max-width: 1199px){.M9pb6I0ZLSqd58DxtGyp9Q\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.M9pb6I0ZLSqd58DxtGyp9Q\=\={font-size:12px}}.-\+AnPSvnG8R9vhTBHpunZw\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:0px;letter-spacing:0px;position:relative;margin:5% 15% -2% 7%}@media(max-width: 1199px){.-\+AnPSvnG8R9vhTBHpunZw\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.-\+AnPSvnG8R9vhTBHpunZw\=\={font-size:12px}}.VA3Jskmzvayl0D5t9L6E6Q\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:0px;letter-spacing:0px;position:relative;margin:5% 15% -2% 7%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 1199px){.VA3Jskmzvayl0D5t9L6E6Q\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.VA3Jskmzvayl0D5t9L6E6Q\=\={font-size:12px}}.du50\+Ndp6Ub9Qm9H4zA7yQ\=\={display:flex;align-items:center;font:400 18px/1.2 "Helvetica",Helvetica,Arial,serif;color:0px;letter-spacing:0px;position:relative;margin:0% 15% 15% 7%}@media(max-width: 1199px){.du50\+Ndp6Ub9Qm9H4zA7yQ\=\={font-size:16px;text-align:left}}@media(max-width: 383px){.du50\+Ndp6Ub9Qm9H4zA7yQ\=\={font-size:12px}}._93qvEzPSMu7gQ8QMpMltHQ\=\={display:flex;flex-direction:column;position:relative}.DMbujg-nrLNdL6-hVO\+NFw\=\={width:calc(100% - 0px);height:auto;aspect-ratio:1.11;vertical-align:top;object-fit:cover;object-position:center center;position:relative;margin:18.5px 0px 0px}.DEFQf2sh7v\+4F84McCRcbw\=\={display:flex;flex-direction:column;position:relative;flex:0 1 404px}.thDiKcUg20CYPMk\+KtsnRw\=\={display:flex;align-items:center;justify-content:center;font:700 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#f3c530;text-align:center;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:142px;margin:356.5px 0px 276.5px}@media(max-width: 1199px){.thDiKcUg20CYPMk\+KtsnRw\=\={font-size:24px}}@media(max-width: 991px){.thDiKcUg20CYPMk\+KtsnRw\=\={font-size:20px}}@media(max-width: 575px){.thDiKcUg20CYPMk\+KtsnRw\=\={font-size:16px}}@media(max-width: 383px){.thDiKcUg20CYPMk\+KtsnRw\=\={font-size:12px}}.ZMmAJDXemjrPGK7xTEU-6A\=\={display:flex;flex-direction:column;width:85.49%;position:relative;flex-grow:1;margin:0px 14.51% 0px 0%}.ACzia4aF53Mqc\+doX0aZyg\=\={display:flex;flex-direction:column;width:23.18%;position:relative;margin:0px 76.82% 0px 0%}.u2LJmyQH-TY9GNShGekgqw\=\={display:flex;align-items:center;justify-content:flex-end;font:400 24px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;text-align:right;letter-spacing:0px;position:relative}@media(max-width: 1199px){.u2LJmyQH-TY9GNShGekgqw\=\={font-size:20px}}@media(max-width: 767px){.u2LJmyQH-TY9GNShGekgqw\=\={font-size:16px}}@media(max-width: 383px){.u2LJmyQH-TY9GNShGekgqw\=\={font-size:12px}}.DvF5ACJBVFVitY2\+ZTczAQ\=\={display:flex;flex-direction:column;position:relative;margin:119.5px 24px 0px 0px}@media(max-width: 1199px){.DvF5ACJBVFVitY2\+ZTczAQ\=\={margin:119.5px 20px 0px 0px}}@media(max-width: 991px){.DvF5ACJBVFVitY2\+ZTczAQ\=\={margin:119.5px 16px 0px 0px}}@media(max-width: 767px){.DvF5ACJBVFVitY2\+ZTczAQ\=\={margin:119.5px 12px 0px 0px}}@media(max-width: 383px){.DvF5ACJBVFVitY2\+ZTczAQ\=\={margin:119.5px 4px 0px 0px}}.M\+kSb4BaVQqjHRoQgYPysA\=\={display:flex;align-items:center;font:400 16px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative}@media(max-width: 1199px){.M\+kSb4BaVQqjHRoQgYPysA\=\={font-size:12px;text-align:left}}._3dPsIGnYHqxlP\+uIL\+PI\+w\=\={display:flex;align-items:center;font:400 16px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:10px 1px 0px}@media(max-width: 1199px){._3dPsIGnYHqxlP\+uIL\+PI\+w\=\={font-size:12px;text-align:left}}.KvKeSLwHlD\+cs5tAB8r-YA\=\={display:flex;align-items:center;font:400 16px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:15px 1px 0px}@media(max-width: 1199px){.KvKeSLwHlD\+cs5tAB8r-YA\=\={font-size:12px;text-align:left}}.sLvg4SssyMg7wVIXNYTQKw\=\={display:flex;align-items:center;font:400 16px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:15px 0px 0px 1px}@media(max-width: 1199px){.sLvg4SssyMg7wVIXNYTQKw\=\={font-size:12px;text-align:left}}.UV\+dL0fS4nAV5he6EOuHoQ\=\={display:flex;flex-direction:column;width:82.88%;position:relative;margin:20px 0 0 9%;margin-top:50px}.Jn2rCglk4GevjqhGL-KEjA\=\={display:flex;align-items:center;position:relative}@media(max-width: 767px){.Jn2rCglk4GevjqhGL-KEjA\=\={flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;row-gap:16px}}.BOiozE3GkDvCiYO8AtCmhA\=\={display:flex;flex-direction:column;position:relative;flex:1 1 62px}@media(max-width: 767px){.BOiozE3GkDvCiYO8AtCmhA\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.u-n0c1lhcpZPX0e5H4OA\+g\=\={left:0;right:0;margin:20px auto 5px;font-family:Helvetica,serif;font-size:32px;font-weight:400;line-height:37px;letter-spacing:0;text-align:center}.gHTgIFKX8NDNM97UVyUJCQ\=\={display:none}.uh2xVdU1V0ai03Cv-gd7BQ\=\={display:flex;align-items:flex-start;flex-wrap:wrap;position:relative;width:120%;column-gap:2vw;row-gap:3.5vw;margin-bottom:3.5vw}@media(max-width: 767px){.uh2xVdU1V0ai03Cv-gd7BQ\=\={flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;row-gap:16px}}.nRnLTRap6lwL452fg8ApzA\=\={display:flex;flex-direction:column;position:relative;flex:1 1 100%;border-radius:23px;left:0;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);z-index:3;height:400px}@media(max-width: 767px){.nRnLTRap6lwL452fg8ApzA\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.nRnLTRap6lwL452fg8ApzA\=\=::-webkit-scrollbar{width:17px}.nRnLTRap6lwL452fg8ApzA\=\=::-webkit-scrollbar-track{border-radius:7px}.nRnLTRap6lwL452fg8ApzA\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.nRnLTRap6lwL452fg8ApzA\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.Ru77\+tnGxcQD9uIr3CtJAw\=\={display:flex;flex-direction:column;position:relative;flex:1 1 100%;background-color:#232328;border-radius:23px;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);left:0;right:0;z-index:3;height:400px}@media(max-width: 767px){.Ru77\+tnGxcQD9uIr3CtJAw\=\={flex:0 0 calc(100% - 0px);min-width:unset;position:absolute}}.Ru77\+tnGxcQD9uIr3CtJAw\=\=::-webkit-scrollbar{width:17px}.Ru77\+tnGxcQD9uIr3CtJAw\=\=::-webkit-scrollbar-track{border-radius:7px}.Ru77\+tnGxcQD9uIr3CtJAw\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.Ru77\+tnGxcQD9uIr3CtJAw\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.zvJ1cZpQ0wRO1KabQZBiGQ\=\={display:flex;flex-direction:column;position:relative;flex:1 1 100%;background-color:#232328;border-radius:23px;right:0;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);z-index:3;height:400px}@media(max-width: 767px){.zvJ1cZpQ0wRO1KabQZBiGQ\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.zvJ1cZpQ0wRO1KabQZBiGQ\=\=::-webkit-scrollbar{width:17px}.zvJ1cZpQ0wRO1KabQZBiGQ\=\=::-webkit-scrollbar-track{border-radius:7px}.zvJ1cZpQ0wRO1KabQZBiGQ\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.zvJ1cZpQ0wRO1KabQZBiGQ\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.tDEUcyMMIDhnbwAIgrPJsQ\=\={width:62px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:62px;margin:1px 0px 0px}._9vRgBwi\+4HCzex0vf-Nz1g\=\={display:flex;flex-direction:column;position:relative;flex:0 1 488px}@media(max-width: 767px){._9vRgBwi\+4HCzex0vf-Nz1g\=\={display:none}}.cc8fu3Iq2jj-8Y8dzmPx8Q\=\={display:flex;flex-direction:column;position:relative;flex:0 1 48px}@media(max-width: 767px){.cc8fu3Iq2jj-8Y8dzmPx8Q\=\={display:none}}._20iBtS4GKgFOg5CF8zM\+KA\=\={width:62px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:62px;margin:0px 0px 1px}.Q0ALzChSS5FzxcpD4airzw\=\={display:flex;align-items:flex-start;position:relative;margin:5% 0 5% 0;width:120%;gap:2vw;row-gap:3.5vw}@media(max-width: 767px){.Q0ALzChSS5FzxcpD4airzw\=\={flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;row-gap:16px}}.GQmfHcYBXOcvgvEqkz90nQ\=\={display:flex;flex-direction:column;position:relative;background-color:#232328;flex:1 1 100%;border-radius:23px;left:0;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);z-index:2;height:400px}@media(max-width: 767px){.GQmfHcYBXOcvgvEqkz90nQ\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.GQmfHcYBXOcvgvEqkz90nQ\=\=::-webkit-scrollbar{width:17px}.GQmfHcYBXOcvgvEqkz90nQ\=\=::-webkit-scrollbar-track{border-radius:7px}.GQmfHcYBXOcvgvEqkz90nQ\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.GQmfHcYBXOcvgvEqkz90nQ\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.Ja7DIeGffjM6a4ilNjDf8Q\=\={display:flex;flex-direction:column;position:relative;background-color:#232328;flex:1 1 100%;border-radius:23px;right:0;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);z-index:2;left:0;height:400px}@media(max-width: 767px){.Ja7DIeGffjM6a4ilNjDf8Q\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.Ja7DIeGffjM6a4ilNjDf8Q\=\=::-webkit-scrollbar{width:17px}.Ja7DIeGffjM6a4ilNjDf8Q\=\=::-webkit-scrollbar-track{border-radius:7px}.Ja7DIeGffjM6a4ilNjDf8Q\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.Ja7DIeGffjM6a4ilNjDf8Q\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.c8xUe36MLGSMeo1wghHYUA\=\={display:flex;flex-direction:column;position:relative;background-color:#232328;flex:1 1 100%;border-radius:23px;right:0;width:calc((100% - 4vw)/3);max-width:calc((100% - 4vw)/3);z-index:2;height:400px}@media(max-width: 767px){.c8xUe36MLGSMeo1wghHYUA\=\={flex:0 0 calc(100% - 0px);min-width:unset}}.c8xUe36MLGSMeo1wghHYUA\=\=::-webkit-scrollbar{width:17px}.c8xUe36MLGSMeo1wghHYUA\=\=::-webkit-scrollbar-track{border-radius:7px}.c8xUe36MLGSMeo1wghHYUA\=\=::-webkit-scrollbar-track{background:rgba(255,255,255,.3)}.c8xUe36MLGSMeo1wghHYUA\=\=::-webkit-scrollbar-thumb{background-color:#fff;border-radius:7px;border:3px solid #fff}.mOUaY9fLOSZVehMpB83stQ\=\={width:62px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:62px}.ajhSRY2BYlQg7DYyeKtgqQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 48px}@media(max-width: 767px){.ajhSRY2BYlQg7DYyeKtgqQ\=\={display:none}}.ajhSRY2BYlQg7DYyeKtgqQ\=\={display:flex;flex-direction:column;position:relative;flex:0 1 48px}@media(max-width: 767px){.ajhSRY2BYlQg7DYyeKtgqQ\=\={display:none}}.A1LWuEXWMEft0gLUJQyzdg\=\={background-repeat:no-repeat;width:75px;height:32px;background-color:rgba(0,0,0,0);border:none;overflow:hidden;outline:none;text-align:right;cursor:pointer;margin:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}._0II3OV3TvZR7JGQ03Ui9Vw\=\={background-repeat:no-repeat;width:50px;height:32px;background-color:rgba(0,0,0,0);border:none;overflow:hidden;outline:none;text-align:right;cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:3}.laKTjvytsqtGzFycnJI1hw\=\={background-repeat:no-repeat;width:50px;height:32px;background-color:rgba(0,0,0,0);border:none;overflow:hidden;outline:none;text-align:right;cursor:pointer;position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:2}
.download{padding:20px 5vw 10px}.download__btn{border:none;outline:none;appearance:none;background:#fec700;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:12px}.download__btn img{width:22px;height:22px;object-fit:contain}.download__btn span{color:#000;font-size:16px;font-weight:bold}
.install{position:fixed;width:100%;height:100dvh;background-color:#1e1e23;top:0;left:0;z-index:1000;padding:20px;justify-content:center;gap:14dvh}.install,.install__top,.install__download-container{display:flex;align-items:center;flex-direction:column;text-align:center}.install__top,.install__download-btn{gap:3.5vw}.install__title{color:#fff;font-weight:bold;font-size:7.5vw}.install__title img{width:5.6vw;height:5.6vw;vertical-align:middle;display:inline}.install__description{color:#929292;font-size:4.37vw;font-weight:bold}.install__download-container{gap:7.1vw;width:100%}.install__download-btn{border:none;outline:none;appearance:none;background:none;display:flex;align-items:center}.install__download-btn img{width:7.1vw;height:7.1vw;object-fit:contain}.install__download-btn span{color:#fff;font-size:5vw;font-weight:bold}.install__btn-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.install__close{position:absolute;right:8.1vw;top:8.1vw;cursor:pointer;display:flex;align-items:center;justify-content:center}.install__close img{width:6.25vw;height:6.25vw}
.untitled-page__main{display:flex;flex-direction:column;background-color:#1e1e23;padding:undefinedpx undefinedpx undefinedpx undefinedpx;position:relative;overflow:hidden}.untitled-page__main>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__section2{display:flex;flex-direction:column;position:relative;flex-grow:1;margin:90px 0 0}.untitled-page__section2__section21{display:flex;flex-direction:column;background:var(--src) center center/cover no-repeat;width:85.42%;position:relative;flex-grow:1;margin:30px auto 64px}@media(max-width: 1919px){.untitled-page__section2__section21{width:88.65%}}@media(max-width: 1399px){.untitled-page__section2__section21{width:91.24%}}@media(max-width: 1199px){.untitled-page__section2__section21{width:93.28%}}@media(max-width: 991px){.untitled-page__section2__section21{width:94.88%}}@media(max-width: 767px){.untitled-page__section2__section21{width:96.11%}}@media(max-width: 575px){.untitled-page__section2__section21{width:97.05%}}@media(max-width: 479px){.untitled-page__section2__section21{width:97.77%}}@media(max-width: 383px){.untitled-page__section2__section21{width:98.32%}}.untitled-page__section2__block{display:flex;flex-direction:column;background:var(--src) center center/cover no-repeat;width:85.42%;position:relative;flex-grow:1;margin:20px auto 35px}.untitled-page__section2__block_container{position:absolute;top:0;right:0;bottom:0;overflow:hidden;width:60%;max-width:80%;border-radius:0px 22px 22px 0px}.untitled-page__section2__block_container_img{width:100%;max-width:100%;height:100%;opacity:1;background-repeat:no-repeat;background-position:100% 0;background-size:cover;transition:opacity var(--cover-transition-duration) ease}.untitled-page__section2__block_container_img__tv{width:100%;max-width:100%;height:35vh;opacity:1;background-repeat:no-repeat;background-position:center;background-size:cover;transition:opacity var(--cover-transition-duration) ease}.untitled-page__section2__block_container_img_blackout{background:linear-gradient(90deg, rgb(30, 30, 35) 0%, rgba(30, 30, 35, 0.918) 9.31%, rgba(30, 30, 35, 0.85) 12.42%, rgba(30, 30, 35, 0.77) 15.52%, rgba(30, 30, 35, 0.667) 18.63%, rgba(30, 30, 35, 0.557) 21.73%, rgba(30, 30, 35, 0.443) 24.84%, rgba(30, 30, 35, 0.333) 27.94%, rgba(30, 30, 35, 0.23) 31.05%, rgba(30, 30, 35, 0.15) 34.15%, rgba(30, 30, 35, 0.082) 37.26%, rgba(30, 30, 35, 0.035) 40.36%, rgba(30, 30, 35, 0.008) 43.47%, rgba(30, 30, 35, 0) 46.57%);position:relative;width:100%;pointer-events:none;z-index:10}.untitled-page__section2__group{display:flex;flex-direction:column;width:37.8%;position:relative;flex-grow:1;margin:0;align-items:center}.untitled-page__section2__rect{background-color:rgba(137,137,137,.2);border-radius:22px 22px 22px 22px;height:255px;position:absolute;bottom:-32.5px;left:0;right:0}.untitled-page__section2__flexCol{display:flex;flex-direction:column;position:relative;flex-grow:1}.untitled-page__section2__flexCol>.cell{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:30%}.untitled-page__section2__image{width:calc(100% - 20px);height:auto;vertical-align:top;object-position:center center;position:relative;margin:0 20px 5px 2px;object-fit:contain;max-width:100%;max-height:13vh}@media(max-width: 1199px){.untitled-page__section2__image{width:calc(100% - 16px);margin:0 16px 0 2px}}@media(max-width: 991px){.untitled-page__section2__image{width:calc(100% - 12px);margin:0 12px 0 2px}}@media(max-width: 575px){.untitled-page__section2__image{width:calc(100% - 8px);margin:0 8px 0 2px}}.untitled-page__section2__flexRow{display:flex;align-items:center;position:relative;margin:33% 0 0}.untitled-page__section2__flexRow>.cell{display:flex;flex-direction:column;position:relative;flex:0 1 40px}.untitled-page__section2__image1{width:40px;height:auto;aspect-ratio:1.11;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:40px;margin:2px 0}.untitled-page__section2__flexRow>.container_rating>.spacer{flex:0 1 7px}.untitled-page__section2__flexRow>.container_rating>.spacer1{flex:0 1 29px}.untitled-page__section2__title{display:flex;align-items:center;font:700 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:50px;margin-left:5px;margin-right:5px}@media(max-width: 1199px){.untitled-page__section2__title{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title{font-size:16px}}.untitled-page__section2__flexRow>.spacer1{flex:0 1 29px}.untitled-page__section2__flexRow>.spacer2{flex:0 1 49px}.untitled-page__section2__title1{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:72px;margin:1px 0 0}@media(max-width: 1199px){.untitled-page__section2__title1{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title1{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title1{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title1{font-size:16px}}.untitled-page__section2__title11{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:216px;margin:1px 0 0;justify-content:space-around}@media(max-width: 1199px){.untitled-page__section2__title11{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title11{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title11{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title11{font-size:16px}}.untitled-page__section2__title12{display:flex;align-items:center;font:400 32px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;flex:0 0 auto;min-width:55px;margin:1px 20px 0}@media(max-width: 1199px){.untitled-page__section2__title12{font-size:28px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title12{font-size:24px}}@media(max-width: 767px){.untitled-page__section2__title12{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title12{font-size:16px}}.untitled-page__section2__title2{font-size:20px;display:flex;align-items:center;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:50px 0 50px}@media(max-width: 1199px){.untitled-page__section2__title2{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title2{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title2{font-size:16px}}.untitled-page__section2__title22{font-size:20px;display:flex;align-items:center;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;position:relative;margin:10px 0 10px 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(max-width: 1199px){.untitled-page__section2__title22{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title22{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title22{font-size:16px}}.untitled-page__section2__title22__max{display:flex;font:400 28px/1.2 "Helvetica",Helvetica,Arial,serif;color:#929292;letter-spacing:0px;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;letter-spacing:0;color:#929292;text-overflow:ellipsis;text-align:left;background-color:#1e1e23;z-index:1;margin:10px 0 0;transition:all .5s ease;padding-bottom:20px;border-radius:0 0 10px 10px}@media(max-width: 1199px){.untitled-page__section2__title22__max{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title22__max{font-size:20px}}@media(max-width: 575px){.untitled-page__section2__title22__max{font-size:16px}}.untitled-page__section2__flexCol1{display:flex;flex-direction:column;width:100%;position:relative;margin:0 auto 0;z-index:10;min-height:70vh}@media(max-width: 575px){.untitled-page__section2__flexCol1{width:82.74%}}@media(max-width: 479px){.untitled-page__section2__flexCol1{width:86.47%}}@media(max-width: 383px){.untitled-page__section2__flexCol1{width:89.5%}}.untitled-page__section2__flexCol11{display:flex;flex-direction:column;background-color:rgba(137,137,137,.2);border-radius:22px;width:100%;position:relative;margin:0 auto 0;padding:20px}@media(max-width: 575px){.untitled-page__section2__flexCol11{width:82.74%}}@media(max-width: 479px){.untitled-page__section2__flexCol11{width:86.47%}}@media(max-width: 383px){.untitled-page__section2__flexCol11{width:89.5%}}.untitled-page__section2__flexCol111{display:flex;flex-direction:column;background-color:rgba(137,137,137,.2);border-radius:22px;width:90%;position:relative;margin:5px auto 0;padding-top:10px;padding-bottom:20px}.untitled-page__section2__flexCol1>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__flexCol11>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__flexCol111>.cell{display:flex;flex-direction:column;position:relative}.untitled-page__section2__icon{width:100px;height:auto;aspect-ratio:1;vertical-align:top;object-fit:cover;object-position:center center;position:relative;min-width:100px;margin:0 auto}.untitled-page__section2__title3{display:flex;align-items:center;font:400 30px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;letter-spacing:0px;position:relative;margin:11px 15px 10px;justify-content:center}@media(max-width: 1199px){.untitled-page__section2__title3{font-size:24px;text-align:left}}@media(max-width: 991px){.untitled-page__section2__title3{margin:11px 8px 5px}}@media(max-width: 767px){.untitled-page__section2__title3{font-size:20px}}@media(max-width: 479px){.untitled-page__section2__title3{font-size:20px}}@media(max-width: 383px){.untitled-page__section2__title3{margin:11px 4px 10px}}.untitled-page__section2__subtitle{display:flex;align-items:center;justify-content:center;font:400 22px/1.2 "Helvetica",Helvetica,Arial,serif;color:#fff;text-align:center;letter-spacing:0;position:relative;margin:0 0 0;padding-left:10%;padding-right:10%}@media(max-width: 991px){.untitled-page__section2__subtitle{font-size:16px}}.tv_guide{padding-top:64px;display:flex;flex-direction:column;margin-left:5vw;width:95vw;color:#221d1f;font-family:Roboto,serif;font-size:15px;font-weight:400}.tv_guide__container{display:flex;flex-direction:row;overflow-x:auto;margin-left:-5vw;z-index:1;position:fixed;background-color:#1e1e23;padding:20px 0 20px 5vw;width:100%}.tv_guide__day{padding:.5rem .5rem;border:1px solid #666;border-radius:.5rem;white-space:nowrap;background-color:#625c62;margin-right:.6rem}.tv_guide__active_color{color:#f7cd01}.tv_guide__not_active_color{color:#fff}.tv_guide__active_background{background-color:#f7cd01}.tv_guide__day__map{color:#fff;display:flex;flex-direction:column;margin-top:50px;margin-bottom:64px}.tv_guide__day__map__list{text-align:center;padding-top:140px;margin-left:-5vw;padding-bottom:20px;font-size:25px;margin-top:-100px;color:#fff}.tv_guide__day__map__list__time{display:flex;flex-direction:row;margin-bottom:1.5rem}.tv_guide__day__map__list__time__start{margin-right:20px;flex:0 0 55px}.channel__guide{color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;font-family:Roboto,serif;font-size:15px;font-weight:500;padding:15px 0 15px 0;border-radius:12px;border:#8c8c8c groove .001rem}.channel__container{margin:20px auto 0 auto;width:90vw}