@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Regular/Onest-Regular.eot");
  src: url("../fonts/Onest-Regular/Onest-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Onest-Regular/Onest-Regular.woff2") format("woff2"), url("../fonts/Onest-Regular/Onest-Regular.woff") format("woff"), url("../fonts/Onest-Regular/Onest-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Medium/Onest-Medium.eot");
  src: url("../fonts/Onest-Medium/Onest-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Onest-Medium/Onest-Medium.woff2") format("woff2"), url("../fonts/Onest-Medium/Onest-Medium.woff") format("woff"), url("../fonts/Onest-Medium/Onest-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Bold/Onest-Bold.eot");
  src: url("../fonts/Onest-Bold/Onest-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Onest-Bold/Onest-Bold.woff2") format("woff2"), url("../fonts/Onest-Bold/Onest-Bold.woff") format("woff"), url("../fonts/Onest-Bold/Onest-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Medium/Involve-Medium.eot");
  src: url("../fonts/Involve-Medium/Involve-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Involve-Medium/Involve-Medium.woff2") format("woff2"), url("../fonts/Involve-Medium/Involve-Medium.woff") format("woff"), url("../fonts/Involve-Medium/Involve-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-SemiBold/Involve-SemiBold.eot");
  src: url("../fonts/Involve-SemiBold/Involve-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Involve-SemiBold/Involve-SemiBold.woff2") format("woff2"), url("../fonts/Involve-SemiBold/Involve-SemiBold.woff") format("woff"), url("../fonts/Involve-SemiBold/Involve-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-Bold/Involve-Bold.eot");
  src: url("../fonts/Involve-Bold/Involve-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Involve-Bold/Involve-Bold.woff2") format("woff2"), url("../fonts/Involve-Bold/Involve-Bold.woff") format("woff"), url("../fonts/Involve-Bold/Involve-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes a {
  to {
    transform: rotate(1turn);
  }
}

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}

:root {
  --bg1: #FFFFFF;
  --text1: #323232;
  --bg2: #F1F1F1;
  --text2-500: #323232;
  --text2-300: #696969;
  --bg-main: #FFFFFF;
  --bg-plashka: #FFFFFF;
  --text500: #323232;
  --text300: #696969;
  --btn-bg: #E9001E;
  --btn-text: #FFFFFF;
  --btn-hover: #C8061F;
  --bg4: #FFFFFF;
  --text4: #323232;
  --main: #E9001E;
  --gray1: #F5F5F5;
  --gray2: #D4D4D4;
  --gray3: #929292;
  --text-form: #696969;
  --black1: #323232;
  --text-white: #FFFFFF;
}

* {
  box-sizing: border-box;
  text-decoration: none;
  word-break: break-word;
}

*:hover,
*:focus {
  outline: 0;
}

body {
  background: var(--bg-main);
  background-repeat: repeat;
  font: 400 18px/1.55 "Onest", sans-serif;
  color: var(--text500);
}

body::-webkit-scrollbar {
  width: 10px;
  height: 0;
  background: var(--bg-main);
}

body::-webkit-scrollbar-thumb {
  width: 10px;
  background: var(--text300);
  border-radius: 10px;
}

body.hidden {
  overflow: hidden;
}

@supports not selector(::-webkit-scrollbar) {
  body {
    scrollbar-width: thin;
    scrollbar-color: var(--text300) var(--bg1);
  }
}

.wrapper {
  width: 100%;
  max-width: 1250px;
  padding: 0 15px;
  margin: 0 auto;
}

.overflowH {
  overflow: hidden;
}

a {
  color: var(--text4);
  transition: 0.25s;
}

a:hover {
  color: var(--main);
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

svg {
  transition: 0.25s;
}

strong {
  font-weight: 700;
}

h1 {
  font: 700 60px/1.2 "Involve", sans-serif;
}

h2 {
  font: 700 48px/1.125 "Involve", sans-serif;
}

h3 {
  font: 700 24px/1.28 "Involve", sans-serif;
}

h4 {
  font: 600 20px/1.25 "Onest", sans-serif;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
}

.hd86 {
  font: 700 86px/1.1 "Involve", sans-serif;
}

.hd86_sm {
  font: 700 86px/1.1 "Involve", sans-serif;
}

.hd78 {
  font: 700 78px/1.25 "Involve", sans-serif;
}

.hd72 {
  font: 700 72px/1.25 "Involve", sans-serif;
}

.hd72_sm {
  font: 700 72px/1.25 "Involve", sans-serif;
}

.hd60 {
  font: 700 60px/1.25 "Involve", sans-serif;
}

.hd48 {
  font: 700 48px/1.25 "Involve", sans-serif;
}

.hd40 {
  font: 700 40px/1.25 "Involve", sans-serif;
}

.hd38 {
  font: 700 38px/1.25 "Involve", sans-serif;
}

.hd36 {
  font: 700 36px/1.33 "Involve", sans-serif;
}

.hd30 {
  font: 700 30px/1.25 "Involve", sans-serif;
}

.hd28 {
  font: 700 28px/1.25 "Involve", sans-serif;
}

.hd24 {
  font: 700 24px/1.33 "Involve", sans-serif;
}

.hd22 {
  font: 700 22px/1.33 "Involve", sans-serif;
}

.hd20 {
  font: 700 20px/1.4 "Involve", sans-serif;
}

.text24 {
  font-family: "Onest", sans-serif;
  font-size: 24px;
  line-height: 1.33;
}

.text20 {
  font-family: "Onest", sans-serif;
  font-size: 20px;
  line-height: 1.4;
}

.text18 {
  font-family: "Onest", sans-serif;
  font-size: 18px;
  line-height: 1.55;
}

.text16 {
  font-family: "Onest", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.text15 {
  font-family: "Onest", sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

.text14 {
  font-family: "Onest", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.text12 {
  font-family: "Onest", sans-serif;
  font-size: 12px;
  line-height: 1.33;
}

.buttonWrap {
  display: flex;
}

.buttonWrap.center {
  justify-content: center;
}

.buttonWrap.right {
  justify-content: flex-end;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 240px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px 24px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
}

.btn:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.btn_full {
  width: 100%;
}

.btn_border {
  background: transparent;
  border: 1px solid var(--gray3);
  color: var(--text500);
}

.btn_border:hover {
  background: transparent;
  border-color: var(--btn-bg);
  color: var(--text500);
}

.arrow {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.25s;
  background: var(--bg4);
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
}

.arrow svg {
  fill: none;
  stroke: var(--gray3);
}

.arrow:hover svg {
  stroke: var(--main);
}

.arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.arrow.swiper-button-disabled:hover svg {
  stroke: var(--gray3);
}

input {
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid var(--gray2);
  border-radius: 15px;
  padding: 0 20px;
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text500);
}

input::placeholder {
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text-form);
}

input:hover {
  border-color: var(--gray3);
}

input:focus {
  border-color: var(--text-form);
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  width: 100%;
  min-height: 120px;
  background: #FFFFFF;
  border: 1px solid var(--gray2);
  border-radius: 15px;
  padding: 16px 20px;
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text500);
  resize: vertical;
}

textarea::placeholder {
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text-form);
}

textarea:hover {
  border-color: var(--gray3);
}

textarea:focus {
  border-color: var(--text-form);
}

.select {
  width: 100%;
  height: 60px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid var(--gray2);
  border-radius: 15px;
}

.select::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url("../img/select-arrow.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

.select select {
  cursor: pointer;
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  appearance: none;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  padding-right: 54px;
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text500);
}

.agreement__input {
  display: none;
}

.agreement__input:checked + .agreement__text::after {
  display: block;
}

.agreement__text {
  display: block;
  text-align: left;
  position: relative;
  padding-left: 24px;
  color: var(--text300);
  cursor: pointer;
}

.agreement__text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  border: 1px solid var(--gray3);
  border-radius: 4px;
}

.agreement__text::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url("../img/checked-red.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

.agreement__text a {
  color: var(--text500);
}

.agreement__text a:hover {
  color: var(--main);
}

.textBlock {
  font-size: 20px;
  line-height: 1.5;
}

.textBlock a {
  text-decoration: underline;
}

.textBlock h2 {
  margin-top: 60px;
  margin-bottom: 20px;
}

.textBlock h2:last-child {
  margin-bottom: 0;
}

.textBlock h2:first-child {
  margin-top: 0;
}

.textBlock h3 {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-top: 40px;
  margin-bottom: 20px;
}

.textBlock h3:last-child {
  margin-bottom: 0;
}

.textBlock h3:first-child {
  margin-top: 0;
}

.textBlock h4 {
  font: 700 24px/1.25 "Involve", sans-serif;
  margin-top: 40px;
  margin-bottom: 20px;
}

.textBlock h4:last-child {
  margin-bottom: 0;
}

.textBlock h4:first-child {
  margin-top: 0;
}

.textBlock p {
  margin-bottom: 20px;
}

.textBlock p:last-child {
  margin-bottom: 0;
}

.textBlock ul {
  margin-bottom: 20px;
}

.textBlock ul:last-child {
  margin-bottom: 0;
}

.textBlock ul li {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 4px;
}

.textBlock ul li:last-child {
  margin-bottom: 0;
}

.textBlock ul li::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 12px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text500);
}

.textBlock ol {
  list-style-type: decimal;
  margin-left: 32px;
  margin-bottom: 20px;
}

.textBlock ol:last-child {
  margin-bottom: 0;
}

.textBlock ol li {
  margin-bottom: 4px;
}

.textBlock ol li:last-child {
  margin-bottom: 0;
}

/* ОТДЕЛЬНОЕ МОБИЛЬНОЕ МЕНЮ */

.mobMenu1 {
  display: none;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-plashka);
  padding: 24px 10px;
  overflow: hidden;
}

.mobMenu1__wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.mobileMenu1 {
  width: 100%;
  text-transform: uppercase;
  font: 700 22px/1.4 "Onest", sans-serif;
}

.mobileMenu1__item {
  display: block;
  padding: 10px 0;
  text-align: center;
  color: var(--text1);
}

.mobileMenu1__item:hover {
  color: var(--text1);
}

.mobMenuOverlay {
  display: none;
  position: fixed;
  z-index: 19;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

/* ШАПКА */

.topLine {
  background: var(--bg2);
  padding: 12px 0;
}

.topLineMenu {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 500 16px/1.375 "Onest", sans-serif;
}

.topLineMenu__item {
  position: relative;
  color: var(--text2-500);
  margin-right: 40px;
}

.topLineMenu__item:last-child {
  margin-right: 0;
}

.topLineMenu__item::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.topLineMenu__item:hover::after {
  width: 100%;
  opacity: 1;
}

.topLineMenu__item.active {
  opacity: 0.6;
}

.topLineMenu__item.active:hover {
  opacity: 1;
}

.headerDelimiter {
  width: 100%;
  height: 20px;
  background: transparent;
}

.header {
  background: var(--bg1);
  position: relative;
}

.header__wrap {
  position: relative;
  z-index: 20;
  min-height: 70px;
  padding: 7px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__logo {
  flex-shrink: 0;
  width: 48px;
  display: flex;
  align-items: center;
}

.header__logo img {
  width: 100%;
}

.header__right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.headerSearchIcon1 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.25s;
}

.headerSearchIcon1 svg {
  fill: var(--text1);
}

.headerSearchIcon1:hover {
  opacity: 0.6;
}

.headerSearchIcon2 {
  width: 42px;
  height: 42px;
  background: var(--gray1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.25s;
}

.headerSearchIcon2 svg {
  fill: var(--black1);
}

.headerSearchIcon2:hover svg {
  fill: var(--btn-hover);
}

.headerSearchIcon2.active svg {
  fill: var(--main);
}

.headerSearchIcon3 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.25s;
}

.headerSearchIcon3 svg {
  fill: var(--text-white);
}

.headerSearchIcon3:hover svg {
  fill: var(--main);
}

.headerCartIcon1 {
  position: relative;
}

.headerCartIcon1__icon {
  width: 36px;
  display: flex;
  align-items: center;
}

.headerCartIcon1__icon svg {
  fill: var(--main);
}

.headerCartIcon1__amount {
  display: none;
  position: absolute;
  top: 1px;
  right: -5px;
  width: 18px;
  height: 18px;
  background: var(--gray1);
  border-radius: 3px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--text500);
}

.headerCartIcon1:hover .headerCartIcon1__icon svg {
  fill: var(--btn-hover);
}

.headerCartIcon1.active .headerCartIcon1__icon svg {
  fill: var(--btn-bg);
}

.headerCartIcon1.active .headerCartIcon1__amount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerCartIcon2 {
  position: relative;
}

.headerCartIcon2__icon {
  width: 42px;
  height: 42px;
  background: var(--gray1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.headerCartIcon2__icon svg {
  fill: var(--main);
}

.headerCartIcon2__amount {
  display: none;
  position: absolute;
  bottom: -6px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: var(--bg4);
  border-radius: 50%;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--text4);
}

.headerCartIcon2:hover .headerCartIcon2__icon svg {
  fill: var(--btn-hover);
}

.headerCartIcon2.active .headerCartIcon2__icon svg {
  fill: var(--main);
}

.headerCartIcon2.active .headerCartIcon2__amount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerCartIcon3 {
  position: relative;
}

.headerCartIcon3__icon {
  width: 42px;
  height: 42px;
  background: var(--gray1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.headerCartIcon3__icon svg {
  fill: var(--main);
}

.headerCartIcon3__amount {
  display: none;
  position: absolute;
  bottom: -4px;
  right: -4px;
  width: 18px;
  height: 18px;
  background: var(--main);
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: var(--text-white);
}

.headerCartIcon3:hover .headerCartIcon3__icon svg {
  fill: var(--btn-hover);
}

.headerCartIcon3.active .headerCartIcon3__icon svg {
  fill: var(--black1);
}

.headerCartIcon3.active .headerCartIcon3__amount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerCartIcon3.active:hover .headerCartIcon3__icon svg {
  fill: var(--btn-hover);
}

.headerMobPhone1 {
  display: none;
  width: 36px;
  height: 36px;
  text-align: center;
}

.headerMobPhone1 svg {
  fill: var(--main);
}

.headerMobPhone2 {
  display: none;
  width: 42px;
  height: 42px;
  background: var(--gray1);
  border-radius: 8px;
  text-align: center;
}

.headerMobPhone2 svg {
  fill: var(--main);
}

.headerMobPhone3 {
  display: none;
  width: 36px;
  height: 36px;
  text-align: center;
}

.headerMobPhone3 svg {
  fill: var(--text-white);
}

.headerPhone {
  font: 700 20px/1.4 "Onest", sans-serif;
  position: relative;
}

.headerPhone::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.headerPhone:hover::after {
  width: 100%;
  opacity: 1;
}

.headerPhone2 {
  font: 700 20px/1.4 "Onest", sans-serif;
  position: relative;
  color: var(--text-white);
}

.headerPhone2::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.headerPhone2:hover {
  color: var(--text-white);
}

.headerPhone2:hover::after {
  width: 100%;
  opacity: 1;
}

.headerBurger1 {
  display: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.headerBurger1__line {
  width: 32px;
  height: 5px;
  border-radius: 2px;
  background: var(--black1);
  margin-bottom: 4px;
  transition: 0.4s;
}

.headerBurger1__line:last-child {
  margin-bottom: 0;
}

.headerBurger1.active .headerBurger1__line:nth-child(2) {
  opacity: 0;
}

.headerBurger1.active .headerBurger1__line:first-child {
  transform: rotate(-45deg) translate(-6px, 7px);
}

.headerBurger1.active .headerBurger1__line:last-child {
  transform: rotate(45deg) translate(-6px, -6px);
}

.headerBurger2 {
  display: none;
  width: 60px;
  height: 60px;
  cursor: pointer;
}

.headerBurger2__line {
  width: 42px;
  height: 6px;
  border-radius: 2px;
  background: var(--black1);
  margin-bottom: 6px;
  transition: 0.4s;
}

.headerBurger2__line:last-child {
  margin-bottom: 0;
}

.headerBurger2.active .headerBurger2__line:nth-child(2) {
  opacity: 0;
}

.headerBurger2.active .headerBurger2__line:first-child {
  transform: rotate(-45deg) translate(-8px, 9px);
}

.headerBurger2.active .headerBurger2__line:last-child {
  transform: rotate(45deg) translate(-8px, -8px);
}

.headerBurger3 {
  display: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.headerBurger3__line {
  width: 32px;
  height: 5px;
  border-radius: 2px;
  background: var(--text-white);
  margin-bottom: 4px;
  transition: 0.4s;
}

.headerBurger3__line:last-child {
  margin-bottom: 0;
}

.headerBurger3.active .headerBurger3__line {
  background: var(--text1);
}

.headerBurger3.active .headerBurger3__line:nth-child(2) {
  opacity: 0;
}

.headerBurger3.active .headerBurger3__line:first-child {
  transform: rotate(-45deg) translate(-6px, 7px);
}

.headerBurger3.active .headerBurger3__line:last-child {
  transform: rotate(45deg) translate(-6px, -6px);
}

.headerMenu1 {
  max-width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 4px;
}

.headerMenu1__link {
  display: block;
  text-transform: uppercase;
  font: 700 18px/1.55 "Onest", sans-serif;
  color: var(--text1);
  position: relative;
}

.headerMenu1__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.headerMenu1__link:hover {
  color: var(--text1);
}

.headerMenu1__link:hover::after {
  width: 100%;
  opacity: 1;
}

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

.headerSubmenuLink1 {
  position: relative;
}

.headerSubmenuLink1 .headerMenu1__link {
  display: flex;
  align-items: center;
}

.headerSubmenuLink1 .headerMenu1__link::after {
  display: none;
}

.headerSubmenuLink1__icon {
  width: 16px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

.headerSubmenuLink1__icon svg {
  fill: var(--text4);
  transition: none;
}

.headerSubmenuLink1:hover .headerSubmenuLink1__icon {
  transform: rotate(-180deg);
}

.headerSubmenuLink1:hover .headerSubmenuLink1__icon svg {
  fill: var(--btn-hover);
}

.headerSubmenuLink1:hover .headerSubmenu1 {
  display: block;
}

.headerSubmenu1 {
  display: none;
  position: absolute;
  z-index: 21;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
}

.headerSubmenu1::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
}

.headerSubmenu1__link {
  display: block;
  padding: 8px 20px;
  color: var(--text4);
}

.headerSubmenu1__link:hover {
  background: var(--gray1);
  color: var(--text4);
}

.headerMenu2 {
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 4px;
}

.headerMenu2__link {
  display: block;
  font: 500 18px/1.55 "Onest", sans-serif;
  color: var(--text1);
  position: relative;
}

.headerMenu2__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 2px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.headerMenu2__link:hover {
  color: var(--text1);
}

.headerMenu2__link:hover::after {
  width: 100%;
  opacity: 1;
}

.headerMenu2__link.active {
  color: var(--main);
}

.headerSubmenuLink2 {
  position: relative;
}

.headerSubmenuLink2 .headerMenu2__link {
  display: flex;
  align-items: center;
}

.headerSubmenuLink2 .headerMenu2__link::after {
  display: none;
}

.headerSubmenuLink2__icon {
  width: 16px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

.headerSubmenuLink2__icon svg {
  fill: var(--text4);
  transition: none;
}

.headerSubmenuLink2:hover .headerSubmenuLink2__icon {
  transform: rotate(-180deg);
}

.headerSubmenuLink2:hover .headerSubmenuLink2__icon svg {
  fill: var(--btn-hover);
}

.headerSubmenuLink2:hover .headerSubmenu2 {
  display: block;
}

.headerSubmenu2 {
  display: none;
  position: absolute;
  z-index: 21;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
}

.headerSubmenu2::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
}

.headerSubmenu2__link {
  display: block;
  padding: 8px 20px;
  color: var(--text4);
}

.headerSubmenu2__link:hover {
  background: var(--gray1);
  color: var(--text4);
}

.smallMenuWrap {
  position: relative;
  z-index: 19;
  padding: 7px 0;
}

.smallMenuWrap_center {
  display: flex;
  justify-content: center;
}

.smallMenu {
  max-width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.smallMenu__item.hidden {
  display: none;
}

.smallMenu__link {
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  padding: 6px 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.375;
  color: var(--text4);
}

.smallMenu__link:hover {
  background: var(--gray1);
  color: var(--text4);
}

.smallMenu__link.active {
  background: var(--black1);
  color: var(--text-white);
}

.submenuLinkBlock {
  position: relative;
}

.submenuLinkBlock .smallMenu__link {
  display: flex;
  align-items: center;
  padding-right: 6px;
}

.submenuLinkBlock__icon {
  width: 24px;
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.submenuLinkBlock__icon svg {
  fill: var(--text4);
}

.submenuLinkBlock:hover .smallMenu__link {
  background: var(--bg4);
}

.submenuLinkBlock:hover .submenuLinkBlock__icon {
  transform: rotate(-180deg);
}

.submenuLinkBlock:hover .submenuLinkBlock__icon svg {
  fill: var(--btn-hover);
}

.submenuLinkBlock:hover .smallSubmenu {
  display: block;
}

.smallSubmenu {
  display: none;
  position: absolute;
  z-index: 21;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
}

.smallSubmenu::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
}

.smallSubmenu__link {
  display: block;
  padding: 8px 20px;
  color: var(--text4);
}

.smallSubmenu__link:hover {
  background: var(--gray1);
  color: var(--text4);
}

.headerSearchWrap {
  position: relative;
  z-index: 18;
  padding: 6px 0;
  display: none;
}

.headerSearchWrap.active {
  display: block;
}

.headerSearch {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.headerSearch.active {
  display: block;
}

.headerSearch__input {
  width: 100%;
  height: 45px;
  border: none;
  border-radius: 0;
  background: var(--gray1);
  padding-left: 56px;
  padding-right: 16px;
}

.headerSearch__submit {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.headerSearch__submit svg {
  fill: var(--black1);
}

.headerSearch:hover .headerSearch__submit svg {
  fill: var(--btn-hover);
}

.headerSearch > .headerSearch__input:focus + .headerSearch__submit svg {
  fill: var(--main);
}

.transparentHeader {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
  padding: 0 60px;
  transition: 0.15s;
}

.transparentHeader__wrap {
  position: relative;
  width: 100%;
  min-height: 70px;
  padding: 4px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transparentHeader__left {
  display: flex;
  align-items: center;
}

.transparentHeader__logo {
  flex-shrink: 0;
  width: 60px;
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.transparentHeader__logo:last-child {
  margin-right: 0;
}

.transparentHeader__logo img {
  width: 100%;
}

.transparentHeader__right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.transparentHeader_mobMenuOpen {
  background: var(--bg-plashka);
}

.transparentHeader_mobMenuOpen .transparentHeader__logo {
  opacity: 0;
}

.transparentHeader_mobMenuOpen .headerSearchIcon3 svg {
  fill: var(--text1);
}

.transparentHeader_mobMenuOpen .headerCart4 svg {
  fill: var(--main);
}

.transparentHeader_mobMenuOpen .headerPhone2 {
  color: var(--text1);
}

.transparentHeader_mobMenuOpen .headerMobPhone3 svg {
  fill: var(--main);
}

.headerCart4 {
  position: relative;
}

.headerCart4__icon {
  width: 36px;
  display: flex;
  align-items: center;
}

.headerCart4__icon svg {
  fill: var(--text-white);
}

.headerCart4__amount {
  display: none;
  position: absolute;
  top: 2px;
  right: -2px;
  width: 14px;
  height: 14px;
  background: var(--gray1);
  border-radius: 3px;
  text-align: center;
  font-weight: 500;
  font-size: 9px;
  line-height: 1;
  color: var(--text500);
}

.headerCart4:hover .headerCart4__icon svg {
  fill: var(--btn-hover);
}

.headerCart4.active .headerCart4__icon svg {
  fill: var(--btn-bg);
}

.headerCart4.active .headerCart4__amount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.headerMenu3 {
  max-width: 100%;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 4px;
}

.headerMenu3__link {
  display: block;
  text-transform: uppercase;
  font: 700 18px/1.55 "Onest", sans-serif;
  color: var(--text-white);
  position: relative;
}

.headerMenu3__link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 3px;
  border-radius: 20px;
  background: var(--main);
  opacity: 0;
  transition: 0.4s;
}

.headerMenu3__link:hover {
  color: var(--text-white);
}

.headerMenu3__link:hover::after {
  width: 100%;
  opacity: 1;
}

.headerMenu3_sm {
  justify-content: flex-start;
}

.headerMenu3_sm .headerMenu3__link {
  text-transform: none;
  font-size: 22px;
}

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

.headerSubmenuLink3 {
  position: relative;
}

.headerSubmenuLink3 .headerMenu3__link {
  display: flex;
  align-items: center;
}

.headerSubmenuLink3 .headerMenu3__link::after {
  display: none;
}

.headerSubmenuLink3__icon {
  width: 16px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}

.headerSubmenuLink3__icon svg {
  fill: var(--text-white);
  transition: none;
}

.headerSubmenuLink3:hover .headerSubmenuLink3__icon {
  transform: rotate(-180deg);
}

.headerSubmenuLink3:hover .headerSubmenuLink3__icon svg {
  fill: var(--btn-hover);
}

.headerSubmenuLink3:hover .headerSubmenu3 {
  display: block;
}

.headerSubmenu3 {
  display: none;
  position: absolute;
  z-index: 21;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  white-space: nowrap;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
}

.headerSubmenu3::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: transparent;
}

.headerSubmenu3__link {
  display: block;
  padding: 8px 20px;
  color: var(--text4);
}

.headerSubmenu3__link:hover {
  background: var(--gray1);
  color: var(--text4);
}

.headerBurger4 {
  display: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.headerBurger4__line {
  width: 32px;
  height: 4px;
  border-radius: 2px;
  background: var(--text-white);
  margin-bottom: 5px;
  transition: 0.4s;
}

.headerBurger4__line:last-child {
  margin-bottom: 0;
}

.headerBurger4.active .headerBurger4__line {
  background: var(--text1);
}

.headerBurger4.active .headerBurger4__line:nth-child(2) {
  opacity: 0;
}

.headerBurger4.active .headerBurger4__line:first-child {
  transform: rotate(-45deg) translate(-6px, 7px);
}

.headerBurger4.active .headerBurger4__line:last-child {
  transform: rotate(45deg) translate(-6px, -6px);
}

.pageContent_block {
  width: 1380px;
  max-width: calc(100% - 30px);
  margin: 120px auto;
  margin-top: -80px;
  position: relative;
  z-index: 4;
  background: var(--bg-plashka);
  border-radius: 20px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
}

.pageContent_block2 {
  width: 1380px;
  max-width: calc(100% - 30px);
  margin: 120px auto;
  margin-top: 20px;
  position: relative;
  z-index: 4;
  background: var(--bg-plashka);
  border-radius: 20px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
}

/* БАННЕРЫ */

.banner1 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.banner1.banner1_noPadT {
  padding-top: 0;
}

.banner1__wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.banner1__wrap:last-child {
  margin-bottom: 0;
}

.banner1__advan1,
.banner1__advan2 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 20px;
}

.banner1__advan1:last-child,
.banner1__advan2:last-child {
  margin-bottom: 0;
}

.banner1Slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.banner1Slider:last-child {
  margin-bottom: 0;
}

.banner1Slider__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.banner1Slider__arrows {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.banner1Slider__arrow {
  margin-right: 30px;
}

.banner1Slider__arrow:last-child {
  margin-right: 0;
}

.banner1Slider__dots {
  display: none;
  position: absolute;
  z-index: 3;
  top: 320px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.banner1Slider__dots .swiper-pagination-bullet {
  width: 20px;
  height: 4px;
  border-radius: 2px;
  background: #FFFFFF;
  border: none;
  opacity: 0.4;
  margin: 0 2px;
}

.banner1Slider__dots .swiper-pagination-bullet-active {
  opacity: 1;
}

.banner1Slide {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.banner1Slide__image {
  width: calc(100% - 460px);
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.banner1Slide__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner1Block {
  width: 440px;
  min-height: 501px;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--text-white);
}

.banner1Block::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.banner1Block__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner1Block__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
}

.banner1Block__heading {
  margin-bottom: 40px;
}

.banner1Block__heading:last-child {
  margin-bottom: 0;
}

.banner1Block__title {
  position: relative;
  z-index: 3;
  font: 700 40px/1.2 "Involve", sans-serif;
  margin-bottom: 20px;
}

.banner1Block__title:last-child {
  margin-bottom: 0;
}

.banner1Block__title a {
  color: var(--text-white);
}

.banner1Block__subtitle {
  position: relative;
  z-index: 3;
  font: 500 20px/1.4 "Onest", sans-serif;
}

.banner1BlockButtons {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
}

.banner1BlockButtons__btn {
  margin-right: 20px;
}

.banner1BlockButtons__btn:last-child {
  margin-right: 0;
}

.banner1BlockButtons__play {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--gray1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: 0.25s;
}

.banner1BlockButtons__play svg {
  fill: #181818;
  transform: translate(2px, 0);
}

.banner1BlockButtons__play:hover {
  background: var(--main);
}

.banner1BlockInfo {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font: 500 20px/1.4 "Onest", sans-serif;
  margin-bottom: 40px;
}

.banner1BlockInfo__item {
  position: relative;
  margin-right: 40px;
}

.banner1BlockInfo__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--main);
}

.banner1BlockInfo__item:last-child {
  margin-right: 0;
}

.banner1BlockInfo__item:last-child::after {
  display: none;
}

.banner1Advan1Item {
  padding: 16px 20px;
  padding-top: 40px;
  position: relative;
  font: 700 24px/1.25 "Involve", sans-serif;
}

.banner1Advan1Item::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 3px;
  background: var(--main);
}

.banner1Advan2Item {
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 15px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  color: var(--text4);
}

.banner1Advan2Item__icon {
  width: 40px;
  display: flex;
  align-items: center;
}

.banner1Advan2Item__icon svg {
  width: 40px;
  height: 40px;
}

.banner1Advan2Item__text {
  width: calc(100% - 40px);
  padding-left: 16px;
  font: 500 20px/1.4 "Onest", sans-serif;
}

.banner2Block {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner2Block_pt .banner2 {
  padding-top: 125px;
}

.banner2Block_pb .banner2 {
  padding-bottom: 140px;
}

.banner2Block__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.banner2Block__arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.banner2Block__arrow svg {
  fill: none;
  stroke: var(--text-white);
}

.banner2Block__arrow:hover svg {
  stroke: var(--main);
}

.banner2Block__arrow_prev {
  left: 50%;
  transform: translate(-690px, -50%);
}

.banner2Block__arrow_next {
  right: 50%;
  transform: translate(690px, -50%);
}

.banner2Block__dots {
  display: none;
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.banner2Block__dots .swiper-pagination-bullet {
  border-color: var(--text-white);
}

.banner2Block__dots .swiper-pagination-bullet-active {
  background: var(--text-white);
}

.banner2 {
  flex: 0 0 auto;
  width: 100%;
  min-height: 700px;
  position: relative;
  overflow: hidden;
  padding: 60px 0;
  display: flex;
  align-items: center;
  color: var(--text-white);
  cursor: default;
}

.banner2::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.banner2__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.banner2__content {
  width: 100%;
  max-width: 1250px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.banner2__heading {
  text-align: center;
  margin-bottom: 60px;
}

.banner2__heading:last-child {
  margin-bottom: 0;
}

.banner2__title {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.banner2__subtitle {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
}

.banner2__btn {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}

.banner2__btn:last-child {
  margin-bottom: 0;
}

.banner2__advan1,
.banner2__advan2,
.banner2__advan3 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}

.banner2__advan4 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 20px;
}

.banner2Top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.33;
}

.banner2Top__item {
  position: relative;
  margin-right: 34px;
}

.banner2Top__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(0, -50%);
  width: 4px;
  height: 24px;
  border-radius: 2px;
  background: var(--main);
}

.banner2Top__item:last-child {
  margin-right: 0;
}

.banner2Top__item:last-child::after {
  display: none;
}

.banner2Advan1Item {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner2Advan1Item__icon {
  flex-shrink: 0;
  width: 40px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.banner2Advan1Item__icon svg {
  width: 40px;
  height: 40px;
}

.banner2Advan1Item__text {
  font: 600 22px/1.4 "Involve", sans-serif;
}

.banner2Advan2Item {
  min-height: 116px;
  font: 700 24px/1.25 "Involve", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner2Advan2Item__inner {
  position: relative;
  padding-top: 40px;
}

.banner2Advan2Item__inner::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--main);
}

.banner2Advan3Item {
  min-height: 80px;
  border: 2px solid var(--text-white);
  border-radius: 15px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 600 22px/1.4 "Involve", sans-serif;
}

.banner2Advan4Item {
  padding: 15px 4px;
  padding-bottom: 13px;
  border-bottom: 2px solid var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 600 20px/1.4 "Involve", sans-serif;
}

/* СТИЛИ ЗАГОЛОВКОВ */

.sectionHead0 {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
}

.sectionHead0__title {
  text-transform: uppercase;
}

.sectionHead1 {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
}

.sectionHead2 {
  padding-top: 40px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}

.sectionHead2__title {
  padding-right: 25px;
}

.sectionHead2__title:only-child {
  padding: 0;
}

.sectionHeadLink {
  flex-shrink: 0;
  max-width: 100%;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--bg4);
  border: none;
  border-radius: 15px;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  padding: 12px;
  padding-left: 24px;
  font: 500 18px/1.4 "Onest", sans-serif;
  color: var(--text4);
}

.sectionHeadLink__arrow {
  margin-left: 16px;
  width: 24px;
  display: flex;
  align-items: center;
  transition: 0.25s;
}

.sectionHeadLink__arrow svg {
  fill: var(--text4);
}

.sectionHeadLink:hover {
  color: var(--text4);
}

.sectionHeadLink:hover .sectionHeadLink__arrow svg {
  fill: var(--btn-bg);
}

.moreButton {
  padding: 6px 0;
  display: flex;
  justify-content: center;
}

/* ПОПУЛЯРНЫЕ ПРЕДЛОЖЕНИЯ */

.popular1Arrows {
  padding: 4px 0;
  display: flex;
  align-items: center;
}

.popular1Arrows_center {
  justify-content: center;
}

.popular1Arrows_right {
  justify-content: flex-end;
}

.popular1Arrows__arrow {
  margin-right: 20px;
}

.popular1Arrows__arrow:last-child {
  margin-right: 0;
}

.popular1 {
  padding: 40px 0;
  overflow: hidden;
}

.popular1__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.popular1Item {
  flex: 0 0 auto;
  display: block;
}

.popular1Item__genre {
  margin-bottom: 4px;
  color: var(--text300);
}

.popular1Item__title {
  color: var(--text500);
  margin-bottom: 10px;
}

.popular1Item__title:last-child {
  margin-bottom: 0;
}

.popular1Item__place {
  color: var(--text500);
}

.popular1Item:hover .popular1ItemImage__img {
  filter: grayscale(100%);
}

.popular1Item:hover .popular1ItemImage::after {
  opacity: 0.5;
}

.popular1ItemImage {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 14px;
}

.popular1ItemImage::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.popular1ItemImage::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  transition: 0.4s;
}

.popular1ItemImage__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s;
}

.popular1ItemImage__top {
  position: absolute;
  z-index: 3;
  top: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popular1ItemImage__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 15px/1.33 "Onest", sans-serif;
  color: var(--text-white);
}

.popular1ItemImage__age {
  max-width: 100%;
  background: var(--bg4);
  border: none;
  border-radius: 20px;
  padding: 6px 12px;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.popular1ItemImage__bottom {
  position: absolute;
  z-index: 3;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popular1ItemImage__date {
  color: var(--text-white);
  padding-right: 15px;
}

.popular1ItemImage__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.popular1ItemImage__price:hover {
  background: var(--btn-hover);
}

.popular2 {
  padding: 40px 0;
  position: relative;
}

.popular2__prev {
  position: absolute;
  top: 50%;
  right: calc(100% + 55px);
  transform: translate(0, -50%);
}

.popular2__next {
  position: absolute;
  top: 50%;
  left: calc(100% + 55px);
  transform: translate(0, -50%);
}

.popular2__slider {
  overflow: hidden;
}

.popular2__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.popular2_plashka .popular2__prev {
  right: calc(100% + 15px);
}

.popular2_plashka .popular2__next {
  left: calc(100% + 15px);
}

.popular2Item {
  flex: 0 0 auto;
  min-height: 375px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  padding-top: 90px;
}

.popular2Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: 0.4s;
}

.popular2Item__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.popular2Item__top {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.popular2Item__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 16px/1.25 "Onest", sans-serif;
  color: var(--text-white);
}

.popular2Item__age {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--bg4);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.popular2Item__data {
  position: relative;
  z-index: 3;
  margin: auto;
  margin-bottom: 0;
  width: 100%;
  color: var(--text-white);
}

.popular2Item__genre {
  display: block;
  margin-bottom: 8px;
}

.popular2Item__title {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.popular2Item__place {
  display: block;
  margin-bottom: 8px;
}

.popular2Item__bottom {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popular2Item__date {
  padding-right: 15px;
}

.popular2Item__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.popular2Item__price:hover {
  background: var(--btn-hover);
}

.popular2Item:hover .popular2Item__img {
  transform: scale(1.1);
}

.popular2Item:hover::after {
  opacity: 0.75;
}

.popular3 {
  padding: 40px 0;
}

.popular3Item {
  min-height: 475px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  padding-top: 80px;
  margin-bottom: 20px;
}

.popular3Item:last-child {
  margin-bottom: 0;
}

.popular3Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: 0.4s;
}

.popular3Item__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.popular3Item__top {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.popular3Item__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 16px/1.25 "Onest", sans-serif;
  color: var(--text-white);
}

.popular3Item__age {
  background: var(--bg4);
  border-radius: 20px;
  padding: 6px 12px;
  text-align: center;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.popular3Item__data {
  position: relative;
  z-index: 3;
  margin: auto;
  margin-bottom: 0;
  width: 100%;
  color: var(--text-white);
}

.popular3Item__genre {
  display: block;
  margin-bottom: 10px;
}

.popular3Item__title {
  display: block;
  font: 700 46px/1.25 "Involve", sans-serif;
  margin-bottom: 10px;
}

.popular3Item__place {
  display: block;
  margin-bottom: 8px;
}

.popular3Item__bottom {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popular3Item__date {
  padding-right: 15px;
}

.popular3Item__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.popular3Item__price:hover {
  background: var(--btn-hover);
}

.popular3Item:hover .popular3Item__img {
  transform: scale(1.1);
}

.popular3Item:hover::after {
  opacity: 0.75;
}

.about1 {
  padding: 40px 0;
}

.about1__title {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.about1__text {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 20px;
}

.about1__side {
  display: none;
}

.about1__side:nth-child(-n+2),
.about1__side.active {
  display: block;
}

.about2 {
  background: var(--gray1);
  border-radius: 15px;
  padding: 40px 60px;
}

.about2__title {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.about2__text {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about2__text.active {
  -webkit-line-clamp: 100;
}

.about2__text p {
  margin-bottom: 20px;
}

.about2__text p:last-child {
  margin-bottom: 0;
}

.about2__more {
  display: none;
  margin-top: 20px;
}

.about2__more.active {
  display: block;
}

.about2_sm .about2__text {
  -webkit-line-clamp: 5;
}

.about2_sm .about2__text.active {
  -webkit-line-clamp: 100;
}

.about3__title {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.about3__text {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about3__text.active {
  -webkit-line-clamp: 100;
}

.about3__text p {
  margin-bottom: 20px;
}

.about3__text p:last-child {
  margin-bottom: 0;
}

.about3__more {
  display: none;
  margin-top: 20px;
}

.about3__more.active {
  display: block;
}

.moreButton1 {
  max-width: 100%;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  font: 500 16px/1.125 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.moreButton1__text {
  max-width: calc(100% - 24px);
  padding-right: 12px;
}

.moreButton1__arrow {
  width: 24px;
  display: flex;
  align-items: center;
}

.moreButton1__arrow svg {
  width: 24px;
  height: 24px;
  fill: var(--text500);
}

.moreButton1:hover {
  color: var(--btn-hover);
}

.moreButton1:hover .moreButton1__arrow svg {
  fill: var(--btn-hover);
}

.moreButton2 {
  max-width: 100%;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  font: 500 18px/1.33 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.moreButton2__text {
  max-width: calc(100% - 24px);
  padding-right: 8px;
  text-decoration: underline;
}

.moreButton2__arrow {
  width: 24px;
  display: flex;
  align-items: center;
  transition: 0.25s;
}

.moreButton2__arrow svg {
  width: 24px;
  height: 24px;
  fill: var(--text500);
}

.moreButton2:hover {
  color: var(--text500);
}

.moreButton2:hover .moreButton2__arrow {
  transform: translate(4px, 0);
}

.moreButton2:hover .moreButton2__arrow svg {
  fill: var(--btn-bg);
}

/* ГАЛЕРЕЯ */

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--gray3);
  margin: 0 10px;
  transition: 0.25s;
}

.swiper-pagination-bullet-active {
  background: var(--gray3);
}

.gallery1 {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 70px;
}

.gallery1__dots {
  display: none;
}

.gallery1__prev {
  position: absolute;
  z-index: 2;
  top: calc(50% - 15px);
  left: 50%;
  transform: translate(-480px, -50%);
}

.gallery1__next {
  position: absolute;
  z-index: 2;
  top: calc(50% - 15px);
  right: 50%;
  transform: translate(480px, -50%);
}

.gallery1__slider {
  width: 2040px;
  position: relative;
  z-index: 1;
}

.gallery1__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.gallery1__item {
  flex: 0 0 auto;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.6;
  pointer-events: none;
  transition: 0.25s;
}

.gallery1__item::before {
  content: "";
  display: block;
  padding-top: 65.625%;
}

.gallery1__item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.25s;
}

.gallery1__item img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery1__item.swiper-slide-active {
  opacity: 1;
  pointer-events: auto;
}

.gallery1__item.swiper-slide-active::after {
  opacity: 0;
}

.gallery2 {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 40px 0;
}

.gallery2__slider {
  width: 3100px;
  position: relative;
}

.gallery2__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.gallery2__item {
  flex: 0 0 auto;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.gallery2__item::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.gallery2__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery3 {
  padding: 40px 0;
}

.gallery3__wrap {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.gallery3__controls {
  padding: 4px 15px;
  padding-top: 14px;
  display: none;
}

.gallery3__arrow {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.gallery3__arrow:hover {
  box-shadow: none;
}

.gallery3__counter {
  color: var(--text300);
}

.gallery3__counter .swiper-pagination-current {
  color: var(--text500);
}

.gallery3Item {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.gallery3Item::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.gallery3Item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery3Item__hover {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: 0.4s;
}

.gallery3Item__hover svg {
  fill: var(--text-white);
}

.gallery3Item:hover .gallery3Item__hover {
  opacity: 1;
}

.galleryPopup1 {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-main);
  padding: 60px 30px;
  padding-top: 80px;
  overflow: auto;
}

.galleryPopup1::-webkit-scrollbar {
  width: 10px;
  height: 0;
  background: var(--bg1);
}

.galleryPopup1::-webkit-scrollbar-thumb {
  width: 10px;
  background: var(--text300);
  border-radius: 10px;
}

.galleryPopup1__close {
  position: fixed;
  z-index: 91;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--bg4);
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.galleryPopup1__close svg {
  width: 48px;
  height: 48px;
  fill: var(--text4);
}

.galleryPopup1__close:hover svg {
  fill: var(--main);
}

.galleryPopup1__wrap {
  max-width: 1040px;
  margin: 0 auto;
}

.galleryPopup1__item {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
  scroll-margin: 20px;
}

.galleryPopup1__item:last-child {
  margin-bottom: 0;
}

.galleryPopup1__item::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.galleryPopup1__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@supports not selector(::-webkit-scrollbar) {
  .galleryPopup1 {
    scrollbar-width: thin;
    scrollbar-color: var(--text300) var(--bg1);
  }
}

.galleryPopup2 {
  display: none;
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-main);
  padding-top: 120px;
  padding-bottom: 60px;
}

.galleryPopup2__close {
  position: absolute;
  z-index: 93;
  top: 0;
  right: 0;
  padding: 24px;
  cursor: pointer;
}

.galleryPopup2__close svg {
  width: 40px;
  height: 40px;
  fill: none;
  stroke: var(--black1);
}

.galleryPopup2__close:hover svg {
  stroke: var(--main);
}

.galleryPopup2__prev {
  position: absolute;
  z-index: 92;
  top: 120px;
  left: 0;
  width: 105px;
  height: calc(100% - 180px);
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.galleryPopup2__prev:hover {
  box-shadow: none;
}

.galleryPopup2__prev svg {
  fill: none;
  stroke: #FFFFFF;
}

.galleryPopup2__prev:hover svg {
  stroke: var(--main);
}

.galleryPopup2__next {
  position: absolute;
  z-index: 92;
  top: 120px;
  right: 0;
  width: 105px;
  height: calc(100% - 180px);
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.galleryPopup2__next:hover {
  box-shadow: none;
}

.galleryPopup2__next svg {
  fill: none;
  stroke: #FFFFFF;
}

.galleryPopup2__next:hover svg {
  stroke: var(--main);
}

.galleryPopup2__slider {
  height: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.galleryPopup2__wrap {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.galleryPopup2__item {
  flex: 0 0 auto;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.galleryPopup2__item img {
  width: auto;
  height: 100%;
}

/* АКТЕРЫ */

.actorsList1 {
  padding: 40px 0;
}

.actorsList1__wrap {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

.actorsItem1 {
  display: block;
}

.actorsItem1__image {
  display: block;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}

.actorsItem1__image::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.actorsItem1__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorsItem1__title {
  display: block;
  color: var(--text500);
  margin-bottom: 6px;
}

.actorsItem1__title:last-child {
  margin-bottom: 0;
}

.actorsItem1__subtitle {
  display: block;
  color: var(--text500);
}

.actorsList2 {
  padding: 40px 0;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.actorsItem2 {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.actorsItem2::before {
  content: "";
  display: block;
  padding-top: 130%;
}

.actorsItem2::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
}

.actorsItem2__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorsItem2__text {
  position: absolute;
  z-index: 3;
  bottom: 15px;
  left: 0;
  display: block;
  width: 100%;
  padding: 0 10px;
  color: var(--text-white);
}

.actorsItem2__title {
  display: block;
  text-align: center;
  margin-bottom: 6px;
}

.actorsItem2__title:last-child {
  margin-bottom: 0;
}

.actorsItem2__subtitle {
  display: block;
  text-align: center;
}

.actorsList3 {
  padding: 40px 0;
}

.actorsList3__wrap {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(5, 1fr);
}

.actorsItem3 {
  display: block;
}

.actorsItem3__image {
  display: block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.actorsItem3__image::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.actorsItem3__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorsItem3__title {
  display: block;
  text-align: center;
  color: var(--text500);
  margin-bottom: 6px;
}

.actorsItem3__title:last-child {
  margin-bottom: 0;
}

.actorsItem3__subtitle {
  display: block;
  text-align: center;
  color: var(--text500);
}

/* РЕКОМЕНДУЕМ */

.recom1 {
  padding: 40px 0;
  overflow: hidden;
}

.recom1__wrap {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}

.recom1Item {
  min-height: 356px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  padding-top: 80px;
}

.recom1Item:nth-child(10n-4),
.recom1Item:nth-child(10n-8) {
  grid-column: span 2;
}

.recom1Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: 0.4s;
}

.recom1Item__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.recom1Item__top {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.recom1Item__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 16px/1.25 "Onest", sans-serif;
  color: var(--text-white);
}

.recom1Item__age {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text-white);
}

.recom1Item__data {
  position: relative;
  z-index: 3;
  margin: auto;
  margin-bottom: 0;
  width: 100%;
  color: var(--text-white);
}

.recom1Item__genre {
  display: block;
  margin-bottom: 8px;
}

.recom1Item__title {
  display: block;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.recom1Item__place {
  display: block;
  margin-bottom: 20px;
}

.recom1Item__price {
  display: inline-flex;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 10px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.recom1Item__price:hover {
  background: var(--btn-hover);
}

.recom1Item:hover .recom1Item__img {
  transform: scale(1.1);
}

.recom1Item:hover::after {
  opacity: 0.75;
}

.recom2 {
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  padding: 40px 0;
}

.recom2Item {
  display: block;
}

.recom2Item__genre {
  margin-bottom: 4px;
  color: var(--text300);
}

.recom2Item__title {
  color: var(--text500);
  margin-bottom: 10px;
}

.recom2Item__title:last-child {
  margin-bottom: 0;
}

.recom2Item__place {
  color: var(--text500);
}

.recom2Item:hover .recom2ItemImage__img {
  transform: scale(1.1);
}

.recom2Item:hover .recom2ItemImage::after {
  opacity: 0.5;
}

.recom2ItemImage {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 14px;
}

.recom2ItemImage::before {
  content: "";
  display: block;
  padding-top: 56%;
}

.recom2ItemImage::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  transition: 0.4s;
}

.recom2ItemImage__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.recom2ItemImage__top {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recom2ItemImage__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 15px/1.33 "Onest", sans-serif;
  color: var(--text-white);
}

.recom2ItemImage__age {
  max-width: 100%;
  background: var(--bg4);
  border: none;
  border-radius: 20px;
  padding: 6px 12px;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.recom2ItemImage__bottom {
  position: absolute;
  z-index: 3;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recom2ItemImage__date {
  color: var(--text-white);
  padding-right: 15px;
}

.recom2ItemImage__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.recom2ItemImage__price:hover {
  background: var(--btn-hover);
}

.recom3 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  padding: 40px 0;
}

.recom3Item {
  min-height: 375px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
}

.recom3Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.recom3Item__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.5s;
}

.recom3Item__title {
  position: relative;
  z-index: 3;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--text-white);
  color: var(--text-white);
  margin-bottom: 20px;
}

.recom3Item__bottom {
  position: relative;
  z-index: 3;
  color: var(--text-white);
  transform: translate(0, 44px);
  transition: 0.4s;
}

.recom3Item__text {
  display: block;
}

.recom3Item:hover .recom3Item__image {
  transform: scale(1.1) rotate(5deg);
}

.recom3Item:hover .recom3Item__bottom {
  transform: translate(0, 0);
}

.recom3Item:hover .recom3ItemMore {
  opacity: 1;
}

.recom3ItemMore {
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
  max-width: 100%;
  font: 500 16px/1.375 "Onest", sans-serif;
  color: var(--text-white);
  cursor: pointer;
  transition: 0.25s;
  opacity: 0;
}

.recom3ItemMore__text {
  max-width: calc(100% - 24px);
  padding-right: 8px;
}

.recom3ItemMore__arrow {
  width: 24px;
  display: flex;
  align-items: center;
  transition: 0.25s;
}

.recom3ItemMore__arrow svg {
  width: 24px;
  height: 24px;
  fill: var(--text-white);
}

.recom3ItemMore:hover {
  color: var(--text-white);
}

.recom3ItemMore:hover .recom3ItemMore__arrow {
  transform: translate(4px, 0);
}

.recom3ItemMore:hover .recom3ItemMore__arrow svg {
  fill: var(--btn-bg);
}

/* ПРЕИМУЩЕСТВА */

.advan1 {
  margin: 40px 0;
  background: var(--gray1);
  border-radius: 20px;
  padding: 40px;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(6, 1fr);
}

.advan1Item {
  background: var(--bg4);
  border-radius: 15px;
  padding: 20px;
  grid-column: span 2;
  color: var(--text4);
}

.advan1Item:nth-child(5n-1),
.advan1Item:nth-child(5n) {
  grid-column: span 3;
}

.advan1Item__title {
  margin-bottom: 16px;
}

.advan1Item__title:last-child {
  margin-bottom: 0;
}

.advan1Item__text {
  opacity: 0.8;
}

.advan2 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  padding: 40px 0;
}

.advan2Item {
  border-radius: 20px;
  border: 1px solid var(--gray2);
  padding: 20px;
  display: flex;
  align-items: flex-start;
}

.advan2Item__icon {
  width: 45px;
  display: flex;
  align-items: center;
}

.advan2Item__content {
  width: calc(100% - 45px);
  padding-left: 15px;
}

.advan2Item__title {
  margin-bottom: 8px;
}

.advan2Item__title:last-child {
  margin-bottom: 0;
}

.advan2Item__text {
  color: var(--text300);
}

.advan3 {
  padding: 40px 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.advan3Item {
  border-right: 1px solid var(--gray3);
  padding: 20px;
  text-align: center;
}

.advan3Item:nth-child(4n) {
  border-right: none;
}

.advan3Item__title {
  font: 700 28px/1.25 "Involve", sans-serif;
  margin-bottom: 16px;
}

.advan3Item__text {
  font-size: 18px;
  line-height: 1.55;
  color: var(--text300);
}

.advan4 {
  padding: 40px 0;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.advan4Item {
  padding-top: 20px;
  position: relative;
}

.advan4Item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 4px;
  background: var(--main);
}

.advan4Item__title {
  font: 700 24px/1.25 "Involve", sans-serif;
  margin-bottom: 16px;
}

.advan4Item__text {
  font-size: 18px;
  line-height: 1.55;
  color: var(--text300);
}

.advan5 {
  padding: 40px 0;
}

.advan5Item {
  background: var(--gray1);
  border-radius: 15px;
  padding: 24px;
  padding-right: 16px;
  margin-bottom: 12px;
  cursor: pointer;
}

.advan5Item:last-child {
  margin-bottom: 0;
}

.advan5Item__head {
  display: flex;
  align-items: center;
}

.advan5Item__title {
  width: calc(100% - 36px);
  padding-right: 8px;
}

.advan5Item__arrow {
  width: 36px;
  display: flex;
  align-items: center;
}

.advan5Item__arrow svg {
  fill: none;
  stroke: var(--main);
}

.advan5Item__text {
  display: none;
  margin-top: 8px;
  color: var(--text300);
}

.advan5Item.active .advan5Item__arrow {
  transform: rotate(-180deg);
}

.advan5Item.active .advan5Item__arrow svg {
  stroke: var(--text500);
}

.advan5Item.active .advan5Item__text {
  display: block;
}

/* НОВОСТИ */

.news1 {
  padding: 40px 0;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.news1Slider {
  padding: 40px 0;
  overflow: hidden;
}

.news1Slider__arrows {
  display: none;
  margin-top: 10px;
  padding: 4px 0;
}

.news1Slider__arrow {
  margin-right: 40px;
}

.news1Slider__arrow:last-child {
  margin-right: 0;
}

.news1Slider__wrap {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.news1Item {
  padding: 20px;
}

.news1Item__head {
  display: block;
  border-bottom: 1px solid var(--gray2);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.news1Item__title {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  color: var(--text500);
  margin-bottom: 10px;
}

.news1Item__title:last-child {
  margin-bottom: 0;
}

.news1Item__date {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.news1Item__text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 20px;
}

.news1Item__btn {
  display: inline-flex;
  max-width: 100%;
  background: var(--gray1);
  border: none;
  border-radius: 15px;
  padding: 10px 16px;
  font: 500 16px/1.375 "Onest", sans-serif;
  color: var(--text500);
  transition: 0.25s;
}

.news1Item:hover .news1Item__btn {
  background: var(--gray2);
}

.news2 {
  padding: 40px 0;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.news2Slider {
  padding: 40px 0;
  position: relative;
}

.news2Slider__arrows {
  display: none;
}

.news2Slider__slider {
  overflow: hidden;
}

.news2Slider__wrap {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.news2Item {
  display: block;
}

.news2Item__title {
  display: block;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  color: var(--text500);
  margin-bottom: 10px;
}

.news2Item__text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text300);
  margin-bottom: 20px;
}

.news2Item__bottom {
  margin-top: 20px;
  border-top: 1px solid var(--black1);
  padding: 20px;
  padding-bottom: 10px;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news2Item__date {
  display: inline-flex;
  max-width: 100%;
  background: var(--gray1);
  border: none;
  border-radius: 15px;
  padding: 10px 16px;
  font: 400 15px/1.4 "Onest", sans-serif;
  color: var(--text500);
  transition: 0.25s;
}

.news2Item__btn {
  width: 40px;
  height: 40px;
  background: var(--gray1);
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.news2Item__btn svg {
  fill: var(--black1);
}

.news2Item:hover .news2Item__btn svg {
  fill: var(--main);
}

.news3 {
  padding: 40px 0;
}

.news3Item {
  padding: 20px;
  border-bottom: 1px solid var(--gray3);
  display: flex;
  align-items: flex-start;
  transition: 0.25s;
}

.news3Item:last-child {
  border-bottom: none;
}

.news3Item__image {
  width: 280px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.news3Item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news3Item__content {
  width: calc(100% - 280px);
  padding-left: 20px;
}

.news3Item__title {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px;
  color: var(--text500);
}

.news3Item__date {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
  margin-bottom: 10px;
}

.news3Item__text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 20px;
}

.news3Item:hover {
  background: var(--gray1);
}

.news3Item:hover .news3ItemMore__icon svg {
  fill: var(--btn-bg);
}

.news3ItemMore {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  min-height: 42px;
  border: none;
  padding: 8px 24px;
  padding-left: 0;
  font: 500 16px/1.375 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.news3ItemMore__text {
  max-width: calc(100% - 20px);
  padding-right: 12px;
}

.news3ItemMore__icon {
  width: 20px;
  display: flex;
  align-items: center;
}

.news3ItemMore__icon svg {
  width: 20px;
  height: 20px;
  fill: var(--text500);
}

.contacts1 {
  padding: 40px 0;
}

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

.contacts1__content:last-child {
  margin-bottom: 0;
}

.contacts1__title {
  color: var(--main);
  margin-bottom: 16px;
}

.contacts1__metro {
  color: var(--text300);
  margin-bottom: 8px;
}

.contacts1__map {
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}

#map {
  width: 100%;
  height: 100%;
}

.contacts2 {
  padding: 40px 0;
}

.contacts2__content {
  background: var(--gray1);
  border-radius: 20px;
  padding: 20px 40px;
  margin-bottom: 20px;
}

.contacts2__content:last-child {
  margin-bottom: 0;
}

.contacts2__title {
  color: var(--main);
  margin-bottom: 20px;
}

.contacts2__metro {
  color: var(--text300);
  margin-bottom: 8px;
}

.contacts2__map {
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}

.contacts3 {
  padding: 40px 0;
  display: flex;
}

.contacts3__content {
  width: 441px;
  padding-right: 20px;
}

.contacts3__title {
  color: var(--main);
  margin-bottom: 20px;
}

.contacts3__metro {
  color: var(--text300);
  margin-bottom: 8px;
}

.contacts3__map {
  width: calc(100% - 441px);
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}

.form1 {
  margin: 40px 0;
  border: 1px solid var(--gray2);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  align-items: flex-start;
}

.form1__left {
  width: calc(100% - 510px);
  padding-right: 40px;
}

.form1__title {
  font: 700 38px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.form1__subtitle {
  font-size: 18px;
  line-height: 1.55;
  color: var(--text300);
}

.form1__right {
  width: 510px;
}

.form1__input {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.form1__input:last-child {
  margin-bottom: 0;
}

.form1__agreement {
  margin-top: 8px;
  margin-bottom: 10px;
}

.form1__submit {
  margin-bottom: 8px;
}

.form2 {
  margin: 40px 0;
  background: var(--gray1);
  border-radius: 20px;
  padding: 40px 80px;
  text-align: center;
}

.form2__title {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 16px;
}

.form2__subtitle {
  margin-bottom: 20px;
}

.form2__wrap {
  width: 640px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.form2__input {
  width: 390px;
  margin-right: 10px;
}

.form2__agreement {
  width: 100%;
  margin-top: 8px;
}

.form3 {
  margin: 40px 0;
  border-top: 1px solid var(--gray2);
  padding: 40px 80px;
  text-align: center;
}

.form3__title {
  font: 700 60px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.form3__subtitle {
  font-size: 22px;
  line-height: 1.45;
  margin-bottom: 20px;
}

.form3__wrap {
  width: 640px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

.form3__input {
  width: 390px;
  margin-right: 10px;
}

.form3__input input {
  font-size: 18px;
}

.form3__input input::placeholder {
  font-size: 18px;
}

.form3__agreement {
  width: 100%;
  margin-top: 8px;
}

.footer1 {
  background: var(--bg2);
  color: var(--text2-500);
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer1__wrap {
  max-width: 1175px;
  margin: 0 auto;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.footer1__contacts {
  margin-bottom: 30px;
}

.footer1__contacts:last-child {
  margin-bottom: 0;
}

.footer1__phone {
  font: 700 40px/1.25 "Onest", sans-serif;
  margin-bottom: 6px;
}

.footer1__phone:last-child {
  margin-bottom: 0;
}

.footer1__worktime {
  font-size: 16px;
  line-height: 1.45;
  color: var(--text2-300);
  opacity: 0.8;
}

.footer1__email {
  font-size: 20px;
  line-height: 1.5;
}

.footer1__info {
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.6;
}

.footer1__bottom {
  font-size: 14px;
  line-height: 1.4;
  padding-top: 40px;
  text-align: center;
}

.footer1__bottom p {
  margin-bottom: 7px;
}

.footer1__bottom p:last-child {
  margin-bottom: 0;
}

.footer1Item__title {
  font: 700 20px/1.25 "Onest", sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.footer1Methods {
  max-width: 240px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.footer1Methods:last-child {
  margin-bottom: 0;
}

.footer1Methods__item {
  width: 60px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 12px;
}

.footer1Methods__item:last-child {
  margin-right: 0;
}

.footer1Menu {
  font-size: 18px;
  line-height: 1.25;
}

.footer1Menu__item {
  display: block;
  padding: 8px 0;
}

.footer1Menu__item:first-child {
  padding-top: 0;
}

.footer1Menu__item:last-child {
  padding-bottom: 0;
}

.footer1Menu__item.active {
  font-weight: 700;
}

.footer1Menu__item.active:hover {
  color: var(--text2-500);
}

.footer2 {
  background: var(--bg2);
  color: var(--text2-500);
  padding: 40px 0;
}

.footer2__wrap {
  display: flex;
  align-items: flex-start;
}

.footer2__info {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 30px;
}

.footer2__bottom {
  font-size: 14px;
  line-height: 1.4;
  color: var(--text2-300);
  opacity: 0.6;
}

.footer2__bottom p {
  margin-bottom: 6px;
}

.footer2__bottom p:last-child {
  margin-bottom: 0;
}

.footer2__bottom p a {
  font-size: 15px;
}

.footer2__contacts {
  margin-bottom: 40px;
}

.footer2__phone {
  font: 700 36px/1.3 "Involve", sans-serif;
  margin-bottom: 6px;
}

.footer2__worktime {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text2-300);
}

.footer2__email {
  font-size: 20px;
  line-height: 1.5;
}

.footer2Item {
  width: 32.8%;
  padding: 0 40px;
  border-right: 1px solid var(--text2-300);
}

.footer2Item:first-child {
  padding-left: 0;
}

.footer2Item:nth-child(2) {
  width: 34.4%;
}

.footer2Item:last-child {
  border-right: none;
  padding-right: 0;
}

.footer2Item__title {
  margin-bottom: 20px;
}

.footer2Methods {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.footer2Methods:last-child {
  margin-bottom: 0;
}

.footer2Methods__item {
  width: 60px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 12px;
}

.footer2Methods__item:last-child {
  margin-right: 0;
}

.footer2Menu {
  font-size: 18px;
  line-height: 1.55;
}

.footer2Menu__item {
  display: block;
  padding: 5px 0;
}

.footer2Menu__item:first-child {
  padding-top: 0;
}

.footer2Menu__item:last-child {
  padding-bottom: 0;
}

.footer2Menu__item.active {
  font-weight: 700;
}

.footer2Menu__item.active:hover {
  color: var(--text2-500);
}

.footer3 {
  padding: 40px 0;
  color: var(--text2-500);
  text-align: center;
}

.footer3__block {
  background: var(--bg2);
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 30px;
}

.footer3__block:last-child {
  margin-bottom: 0;
}

.footer3__contacts {
  margin-bottom: 20px;
}

.footer3__phone {
  font: 700 40px/1.2 "Involve", sans-serif;
  margin-bottom: 6px;
}

.footer3__worktime {
  font-size: 16px;
  line-height: 1.5;
  opacity: 0.8;
}

.footer3__email {
  font-size: 20px;
  line-height: 1.5;
}

.footer3__email br {
  display: none;
}

.footer3__bottom {
  font-size: 14px;
  line-height: 1.4;
}

.footer3__bottom p {
  margin-bottom: 7px;
}

.footer3__bottom p:last-child {
  margin-bottom: 0;
}

.footer3__bottomGrey {
  opacity: 0.6;
}

.footer3Methods {
  margin-bottom: 13px;
}

.footer3Methods:last-child {
  margin-bottom: 0;
}

.footer3Methods__title {
  font: 500 20px/1.4 "Onest", sans-serif;
  margin-bottom: 16px;
}

.footer3Methods__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.footer3Methods__item {
  width: 60px;
  display: flex;
  align-items: center;
  margin-right: 12px;
  margin-bottom: 12px;
}

.footer3Methods__item:last-child {
  margin-right: 0;
}

.footer3Menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 19px;
}

.footer3Menu:last-child {
  margin-bottom: 0;
}

.footer3Menu__item {
  margin: 0 8px;
  margin-bottom: 6px;
}

.footer3Menu__item.active {
  font-weight: 700;
}

/* АФИША */

.posterMessage {
  max-width: 955px;
  margin: 10px auto;
  background: var(--bg4);
  border: 1px solid var(--text4);
  border-radius: 15px;
  padding: 16px 100px;
  display: flex;
  align-items: center;
}

.posterMessage__icon {
  width: 24px;
  display: flex;
  align-items: center;
}

.posterMessage__icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--main);
}

.posterMessage__text {
  width: calc(100% - 24px);
  padding-left: 16px;
  font-size: 16px;
  line-height: 1.5;
}

.posterMessage__text p {
  margin-bottom: 8px;
}

.posterMessage__text p:last-child {
  margin-bottom: 0;
}

.posterFilters__wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.posterFilters__wrap:last-child {
  margin-bottom: 0;
}

.posterFilters__clear1 {
  display: none;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--bg4);
  border: 1px solid var(--gray3);
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  transition: 0.25s;
}

.posterFilters__clear1 svg {
  fill: var(--black1);
}

.posterFilters__clear1:hover {
  border-color: var(--main);
}

.posterFilters__clear1.visible {
  display: flex;
  align-items: center;
  justify-content: center;
}

.posterFilters__selects {
  width: 100%;
  display: flex;
  gap: 8px;
}

.posterFilters__select {
  flex-grow: 1;
  flex-basis: 0;
}

.posterFilters__mobIcon {
  display: none;
  width: 42px;
  height: 42px;
}

.posterFilters__controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.posterFilters__periods {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.posterSearchWrap {
  padding-top: 5px;
  margin-bottom: 10px;
}

.posterSearchWrap:last-child {
  margin-bottom: 0;
}

.posterSearch {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.posterSearch.active {
  display: block;
}

.posterSearch__input {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 0;
  background: var(--gray1);
  padding-left: 52px;
  padding-right: 24px;
  text-align: center;
}

.posterSearch__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  cursor: default;
}

.posterSearch__icon svg {
  fill: var(--black1);
}

.posterSearch:hover .posterSearch__icon svg {
  fill: var(--btn-hover);
}

.posterSearch > .posterSearch__input:focus + .posterSearch__icon svg {
  fill: var(--main);
}

.filtersMobIcon {
  width: 42px;
  height: 42px;
  display: none;
}

.filtersClear {
  display: none;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: var(--bg4);
  border: 1px solid var(--gray3);
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  transition: 0.25s;
}

.filtersClear svg {
  fill: var(--black1);
}

.filtersClear:hover {
  border-color: var(--main);
}

.filtersClear_visible {
  display: flex;
  align-items: center;
  justify-content: center;
}

.posterMonths {
  overflow: hidden;
  padding: 8px 0;
  margin-bottom: 10px;
}

.posterMonths:last-child {
  margin-bottom: 0;
}

.posterMonths__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.posterMonthsItem {
  flex: 0 0 auto;
  white-space: nowrap;
  margin-right: 8px;
}

.posterMonthsItem:last-child {
  margin-right: 0;
}

.posterMonthsItem__input {
  display: none;
}

.posterMonthsItem__input:checked + .posterMonthsItem__text {
  background: var(--black1);
  color: var(--text-white);
}

.posterMonthsItem__text {
  display: block;
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  padding: 14px 28px;
  font: 400 18px/1 "Onest", sans-serif;
  color: var(--text4);
  cursor: pointer;
  transition: 0.25s;
}

.posterMonthsItem__text:hover {
  background: var(--gray1);
}

.filtersSearch {
  position: relative;
}

.filtersSearch__input {
  width: 100%;
  height: 48px;
  background: var(--bg4);
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding-left: 52px;
  padding-right: 24px;
}

.filtersSearch__icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  cursor: default;
}

.filtersSearch__icon svg {
  fill: var(--black1);
}

.filtersSearch:hover .filtersSearch__icon svg {
  fill: var(--btn-hover);
}

.filtersSearch > .filtersSearch__input:focus + .filtersSearch__icon svg {
  fill: var(--main);
}

.multiSelect {
  max-width: 100%;
  position: relative;
}

.multiSelect__field {
  width: 100%;
  height: 48px;
  background: var(--bg4);
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding: 4px 12px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.25s;
}

.multiSelect__field:hover {
  border-color: var(--main);
}

.multiSelect__field.active .multiSelect__arrow {
  transform: rotate(-180deg);
}

.multiSelect__field.active:hover {
  border-color: var(--gray3);
}

.multiSelect__text {
  width: calc(100% - 24px);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiSelect__arrow {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}

.multiSelect__popup {
  display: none;
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  max-height: 304px;
  left: 0;
  min-width: 240px;
  width: 100%;
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
  overflow: auto;
}

.multiSelect__popup::-webkit-scrollbar {
  width: 4px;
  height: 0;
  background: #F0F0F0;
}

.multiSelect__popup::-webkit-scrollbar-thumb {
  width: 4px;
  background: var(--gray3);
  border-radius: 4px;
}

.multiSelect_static .multiSelect__popup {
  position: static;
  top: unset;
  left: unset;
  max-height: 230px;
  margin-top: 4px;
}

@supports not selector(::-webkit-scrollbar) {
  .multiSelect__popup {
    scrollbar-width: thin;
    scrollbar-color: var(--gray3) #F0F0F0;
  }
}

.multiSelectVariant {
  display: block;
}

.multiSelectVariant__input {
  display: none;
}

.multiSelectVariant__input:checked + .multiSelectVariant__text::after {
  display: block;
}

.multiSelectVariant__text {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  padding-left: 38px;
  position: relative;
  font-size: 16px;
  line-height: 1.25;
  transition: 0.25s;
  cursor: pointer;
}

.multiSelectVariant__text:hover {
  background: #F0F0F0;
}

.multiSelectVariant__text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  border: 1px solid var(--gray3);
  border-radius: 4px;
}

.multiSelectVariant__text::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url("../img/checked-red.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

.weekendFilter__input {
  display: none;
}

.weekendFilter__input:checked + .weekendFilter__text {
  color: var(--main);
}

.weekendFilter__input:checked + .weekendFilter__text::before {
  border-color: var(--main);
}

.weekendFilter__input:checked + .weekendFilter__text::after {
  display: block;
}

.weekendFilter__text {
  min-height: 48px;
  display: flex;
  align-items: center;
  background: var(--gray1);
  border-radius: 15px;
  padding: 8px 24px;
  padding-left: 60px;
  position: relative;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  cursor: pointer;
  white-space: nowrap;
}

.weekendFilter__text:hover::before {
  border-color: var(--main);
}

.weekendFilter__text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 24px;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  border: 1px solid var(--text4);
  border-radius: 2px;
  transition: 0.25s;
}

.weekendFilter__text::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 27px;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  background: url("../img/checked-red.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

.ticketsFilter__input {
  display: none;
}

.ticketsFilter__input:checked + .ticketsFilter__content {
  color: var(--main);
}

.ticketsFilter__input:checked + .ticketsFilter__content .ticketsFilter__icon svg {
  fill: var(--main);
}

.ticketsFilter__content {
  min-height: 48px;
  display: flex;
  align-items: center;
  background: var(--gray1);
  border-radius: 15px;
  padding: 8px 12px;
  padding-right: 24px;
  position: relative;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  cursor: pointer;
  white-space: nowrap;
}

.ticketsFilter__icon {
  width: 30px;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.ticketsFilter__icon svg {
  fill: var(--text4);
  transition: none;
}

.singleCalendar {
  position: relative;
}

.singleCalendar__field {
  position: relative;
}

.singleCalendar__field:hover .singleCalendar__icon svg {
  fill: var(--main);
}

.singleCalendar__input {
  width: 180px;
  height: 48px;
  background: transparent;
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding: 0 12px;
  padding-left: 50px;
  text-align: left;
  font: 400 18px/1 "Onest", sans-serif;
  color: var(--text4);
  cursor: pointer;
  position: relative;
  z-index: 4;
}

.singleCalendar__input::placeholder {
  font: 400 18px/1 "Onest", sans-serif;
  color: var(--text4);
}

.singleCalendar__icon {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 12px;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  width: 30px;
}

.singleCalendar__icon svg {
  fill: var(--text4);
}

.singleCalendar__popup {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  right: 0;
}

.singleCalendar__popup.active {
  display: block;
}

.periodFrom {
  position: relative;
}

.periodFrom__field {
  position: relative;
}

.periodFrom__input {
  width: 200px;
  height: 48px;
  background: transparent;
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding: 0 24px;
  padding-right: 48px;
  text-align: left;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  cursor: pointer;
  position: relative;
  z-index: 4;
}

.periodFrom__icon {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  width: 30px;
}

.periodFrom__icon svg {
  fill: var(--main);
}

.periodTo {
  position: relative;
}

.periodTo__field {
  position: relative;
}

.periodTo__input {
  width: 175px;
  height: 48px;
  background: transparent;
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding: 0 24px;
  padding-right: 40px;
  text-align: left;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  cursor: pointer;
  position: relative;
  z-index: 4;
}

.periodTo__icon {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 8px;
}

.periodTo__icon svg {
  fill: var(--text4);
}

.filters1__wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.filters1__wrap:last-child {
  margin-bottom: 0;
}

.filters1__selects {
  width: 100%;
  display: flex;
  gap: 8px;
}

.filters1__select {
  flex-grow: 1;
  flex-basis: 0;
}

.filters1__select:last-child {
  display: none;
}

.filters1__controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.filters2__wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.filters2__wrap:last-child {
  margin-bottom: 0;
}

.filters2__selects {
  width: 100%;
  display: flex;
  gap: 8px;
}

.filters2__select {
  flex-grow: 1;
  flex-basis: 0;
}

.filters2__controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.filters3 {
  padding: 5px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.filters3_center {
  justify-content: center;
}

.filters3__search {
  width: calc(47% - 4px);
}

.filters3__selects {
  width: calc(53% - 4px);
  display: flex;
  gap: 8px;
}

.filters3__select {
  flex-grow: 1;
  flex-basis: 0;
}

.filters3__controls {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.filters3__periods {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.mobFilterOverlay {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.mobFilter {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: calc(100% - 30px);
  background: var(--bg-plashka);
  border-radius: 15px 15px 0 0;
  box-shadow: 0 -4px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 10px;
  padding-top: 16px;
  overflow: auto;
  -ms-overflow-style: none;
  overflow-y: scroll;
  scrollbar-width: none;
}

.mobFilter::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.mobFilter__close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mobFilter__close svg {
  fill: var(--gray3);
}

.mobFilter__title {
  text-align: center;
  font: 700 20px/1.4 "Onest", sans-serif;
  margin-bottom: 10px;
}

.mobFilter__select {
  width: 100%;
  margin-bottom: 8px;
}

.mobFilter__select:last-child {
  margin-bottom: 0;
}

.mobFilter__controls {
  width: 100%;
  display: flex;
  gap: 8px;
}

.mobFilter__weekend {
  width: calc(50% - 4px);
}

.mobFilter__tickets {
  width: calc(50% - 4px);
}

.mobFilter__buttons {
  width: 100%;
  display: flex;
  gap: 8px;
  padding: 6px 0;
  margin-top: 18px;
}

.mobFilter__submit {
  min-width: unset;
  width: 100%;
  min-height: 48px;
  font-weight: 500;
  font-size: 18px;
}

.mobFilterClear {
  display: none;
  flex-shrink: 0;
  white-space: nowrap;
  min-height: 40px;
  padding: 4px 16px;
  padding-left: 8px;
}

.mobFilterClear__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.mobFilterClear__icon svg {
  fill: var(--gray3);
}

.mobFilterClear__text {
  font: 400 16px/1.5 "Onest", sans-serif;
  color: var(--text4);
}

.mobFilterClear_visible {
  display: flex;
  align-items: center;
}

.poster1Wrap {
  padding: 40px 0;
}

.poster1 {
  position: relative;
  border-top: 2px solid var(--gray3);
  padding: 20px 0;
  display: flex;
  align-items: center;
  transition: 0.25s;
}

.poster1::after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--btn-bg);
  opacity: 0;
  transition: 0.25s;
}

.poster1__left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.poster1__image {
  flex-shrink: 0;
  width: 180px;
  height: 120px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 16px;
}

.poster1__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster1__dates {
  flex-shrink: 0;
  width: 200px;
  margin-right: 20px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--text500);
}

.poster1__dates::after {
  content: "-";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: 500;
  font-size: 64px;
  line-height: 1;
}

.poster1__mobAge {
  display: none;
  width: 100%;
  padding-right: 12px;
  text-align: right;
  font-size: 30px;
  line-height: 1.45;
  color: var(--text500);
}

.poster1__center {
  width: 100%;
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.poster1__title {
  display: block;
  text-transform: uppercase;
  font: 600 28px/1.25 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 10px;
  transition: 0.25s;
}

.poster1__title:last-child {
  margin-bottom: 0;
}

.poster1__place {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 20px;
}

.poster1__place:last-child {
  margin-bottom: 0;
}

.poster1__data {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.poster1__data > span {
  display: block;
  margin-bottom: 10px;
}

.poster1__data > span:last-child {
  margin-bottom: 0;
}

.poster1__age {
  flex-shrink: 0;
  min-width: 70px;
  text-align: center;
  font-size: 30px;
  line-height: 1.45;
  color: var(--text500);
  margin-right: 20px;
  cursor: default;
}

.poster1__price {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster1__price:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.poster1:hover {
  border-color: var(--btn-bg);
}

.poster1:hover::after {
  opacity: 1;
}

.poster1:hover .poster1__title {
  color: var(--main);
}

.poster1SingleDate {
  flex-shrink: 0;
  width: 200px;
  display: flex;
  align-items: center;
  color: var(--text500);
  margin-right: 20px;
}

.poster1SingleDate__date {
  flex-shrink: 0;
  background: var(--gray1);
  border-radius: 15px;
  padding: 5px;
  font: 500 52px/1 "Onest", sans-serif;
  color: var(--text500);
  margin-right: 10px;
}

.poster1SingleDate__info {
  width: 100%;
  color: var(--text500);
}

.poster1SingleDate__day {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 6px;
}

.poster1SingleDate__monthTime {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}

.poster1SingleDate__month {
  margin-right: 14px;
  position: relative;
}

.poster1SingleDate__month::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 6px);
  transform: translate(0, -50%);
  width: 2px;
  height: 15px;
  background: var(--main);
  border-radius: 2px;
}

.poster1Date {
  width: 85px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.poster1Date__date {
  background: var(--gray1);
  border-radius: 15px;
  padding: 5px;
  font: 500 52px/1 "Onest", sans-serif;
  margin-bottom: 6px;
}

.poster1Date__month {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
}

.poster1Category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
}

.poster1Category__title {
  color: var(--text300);
}

.poster1Category__genre,
.poster1Category__age {
  max-width: 100%;
  background: var(--gray1);
  border-radius: 10px;
  padding: 2px 8px;
  color: var(--text500);
}

.poster1NoTickets {
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
}

.poster1NoTickets__title {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 6px;
}

.poster1NoTickets__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  min-height: 56px;
  border-radius: 15px;
  border: 2px solid var(--text500);
  padding: 12px;
  font: 500 16px/1 "Onest", sans-serif;
  color: var(--text300);
  cursor: pointer;
  transition: 0.25s;
}

.poster1NoTickets__btn:hover {
  border-color: var(--btn-bg);
  color: var(--text300);
}

.poster2Wrap {
  padding: 40px 0;
}

.poster2 {
  border: 2px solid var(--gray2);
  border-radius: 15px;
  padding: 20px;
  display: flex;
  margin-bottom: 10px;
  transition: 0.25s;
}

.poster2:last-child {
  margin-bottom: 0;
}

.poster2:hover {
  border-color: var(--gray3);
  box-shadow: 0 0 15px rgba(98, 98, 98, 0.25);
}

.poster2__left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.poster2__dates {
  width: 200px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  color: var(--text500);
  margin-right: 20px;
}

.poster2__dates::after {
  content: "-";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: 500;
  font-size: 60px;
  line-height: 1;
  color: var(--text500);
}

.poster2__dates_noMargin {
  margin-right: 0;
}

.poster2__leftWrap {
  flex-shrink: 0;
}

.poster2__mobAge {
  display: none;
  min-width: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 1.45;
  color: var(--text500);
  margin-right: 20px;
  white-space: nowrap;
}

.poster2__image {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.poster2__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster2__center {
  width: 100%;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.poster2__title {
  display: block;
  font: 700 28px/1.25 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 16px;
}

.poster2__title:last-child {
  margin-bottom: 0;
}

.poster2__place {
  display: block;
  font-size: 18px;
  line-height: 1.55;
  color: var(--text500);
  margin-bottom: 16px;
}

.poster2__place:last-child {
  margin-bottom: 0;
}

.poster2__data {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.poster2__data > span {
  display: block;
  margin-bottom: 10px;
}

.poster2__data > span:last-child {
  margin-bottom: 0;
}

.poster2__right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.poster2__age {
  flex-shrink: 0;
  min-width: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 1.45;
  color: var(--text500);
  white-space: nowrap;
  margin-right: 20px;
  cursor: default;
}

.poster2__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px;
  font: 700 18px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster2__btn:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.poster2SingleDate {
  flex-shrink: 0;
  width: 200px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--text500);
  margin-right: 20px;
}

.poster2SingleDate_noMargin {
  margin-right: 0;
}

.poster2SingleDate__date {
  font: 500 70px/1 "Onest", sans-serif;
  margin-right: 14px;
}

.poster2SingleDate__info {
  font-size: 18px;
  line-height: 1.25;
}

.poster2SingleDate__time {
  display: block;
  color: var(--text300);
  margin-bottom: 6px;
}

.poster2SingleDate__month {
  display: block;
  font-family: "Involve", sans-serif;
  font-weight: 700;
}

.poster2Date {
  width: 85px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.poster2Date__date {
  font: 500 60px/1 "Onest", sans-serif;
  margin-bottom: 2px;
}

.poster2Date__month {
  font: 700 16px/1.25 "Involve", sans-serif;
  text-transform: uppercase;
}

.poster2Category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text300);
  margin-bottom: 16px;
}

.poster2Category__item {
  max-width: 100%;
  background: var(--gray1);
  border-radius: 10px;
  padding: 2px 8px;
}

.poster2NoTickets {
  text-align: center;
  white-space: nowrap;
}

.poster2NoTickets__title {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 6px;
}

.poster2NoTickets__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 60px;
  border-radius: 15px;
  border: 2px solid var(--text500);
  padding: 12px;
  font: 700 16px/1.25 "Onest", sans-serif;
  color: var(--text300);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster2NoTickets__btn:hover {
  border-color: var(--btn-bg);
  color: var(--text300);
}

.poster3Wrap {
  padding: 40px 0;
}

.poster3 {
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
  padding: 20px;
  display: flex;
  align-items: flex-start;
  transition: 0.25s;
}

.poster3:hover {
  background: var(--gray1);
}

.poster3__content {
  display: block;
  width: 100%;
}

.poster3__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}

.poster3__date {
  width: 100%;
  padding-right: 30px;
  font: 700 45px/1.2 "Onest", sans-serif;
  color: var(--text500);
}

.poster3__info {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: var(--text500);
}

.poster3__heading {
  display: block;
  padding-bottom: 20px;
}

.poster3__title {
  display: block;
  color: var(--text500);
  margin-bottom: 10px;
}

.poster3__title:last-child {
  margin-bottom: 0;
}

.poster3__place {
  display: block;
  font-weight: 500;
  color: var(--text500);
  opacity: 0.8;
}

.poster3__wrap {
  display: flex;
  align-items: flex-start;
}

.poster3__data {
  display: block;
  width: 100%;
  padding-right: 20px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.poster3__data > span {
  display: block;
  margin-bottom: 10px;
}

.poster3__data > span:last-child {
  margin-bottom: 0;
}

.poster3__data:hover {
  color: var(--text300);
}

.poster3__price {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster3__price:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.poster3Image {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 370px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 30px;
}

.poster3Image::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.poster3Image__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster3Category {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.poster3Category__item {
  background: var(--bg4);
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text4);
}

.poster3InfoItem {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.25;
  margin-right: 16px;
}

.poster3InfoItem:last-child {
  margin-right: 0;
}

.poster3InfoItem_age {
  padding: 0 7px;
  font-weight: 500;
  font-size: 20px;
}

.poster3InfoItem__icon {
  margin-right: 6px;
}

.poster3NoTickets {
  flex-shrink: 0;
  white-space: nowrap;
  text-align: center;
}

.poster3NoTickets__title {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 6px;
}

.poster3NoTickets__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 220px;
  max-width: 100%;
  min-height: 60px;
  border-radius: 15px;
  border: 2px solid var(--text500);
  padding: 12px;
  font: 700 16px/1 "Onest", sans-serif;
  color: var(--text300);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster3NoTickets__btn:hover {
  border-color: var(--btn-bg);
  color: var(--text300);
}

.poster4Wrap {
  padding: 40px 0;
}

.poster4 {
  position: relative;
  border-top: 2px solid var(--gray3);
  padding: 20px 0;
  display: flex;
  align-items: center;
  transition: 0.25s;
}

.poster4::after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--btn-bg);
  opacity: 0;
  transition: 0.25s;
}

.poster4__image {
  flex-shrink: 0;
  width: 180px;
  height: 120px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 16px;
}

.poster4__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster4__dates {
  flex-shrink: 0;
  width: 200px;
  margin-right: 30px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--text500);
}

.poster4__dates::after {
  content: "-";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: 500;
  font-size: 64px;
  line-height: 1;
  color: var(--text500);
}

.poster4__datesDelimiter {
  display: none;
}

.poster4__center {
  width: 100%;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.poster4__place {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 10px;
}

.poster4__place:last-child {
  margin-bottom: 0;
}

.poster4__title {
  display: block;
  text-transform: uppercase;
  font: 700 28px/1.25 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 20px;
  transition: 0.25s;
}

.poster4__title:last-child {
  margin-bottom: 0;
}

.poster4__data {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.poster4__data > span {
  display: block;
  margin-bottom: 10px;
}

.poster4__data > span:last-child {
  margin-bottom: 0;
}

.poster4__mobHeading {
  display: none;
  width: 100%;
  padding-bottom: 20px;
}

.poster4__mobPlace {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 10px;
}

.poster4__mobPlace:last-child {
  margin-bottom: 0;
}

.poster4__mobTitle {
  display: block;
  text-transform: uppercase;
  font: 700 28px/1.25 "Involve", sans-serif;
  color: var(--text500);
  transition: 0.25s;
}

.poster4__price {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 230px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}

.poster4__price:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.poster4:hover {
  border-color: var(--btn-bg);
}

.poster4:hover::after {
  opacity: 1;
}

.poster4:hover .poster4__title {
  color: var(--main);
}

.poster4SingleDate {
  flex-shrink: 0;
  width: 200px;
  display: flex;
  align-items: center;
  color: var(--text500);
  margin-right: 30px;
}

.poster4SingleDate__date {
  flex-shrink: 0;
  background: var(--gray1);
  border-radius: 15px;
  padding: 5px;
  font: 500 52px/1 "Onest", sans-serif;
  color: var(--text500);
  margin-right: 10px;
}

.poster4SingleDate__info {
  width: 100%;
  color: var(--text500);
}

.poster4SingleDate__day {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 6px;
}

.poster4SingleDate__monthTime {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}

.poster4SingleDate__month {
  margin-right: 14px;
  position: relative;
}

.poster4SingleDate__month::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 6px);
  transform: translate(0, -50%);
  width: 2px;
  height: 15px;
  background: var(--main);
  border-radius: 2px;
}

.poster4Date {
  width: 85px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--text500);
}

.poster4Date__date {
  background: var(--gray1);
  border-radius: 15px;
  padding: 5px;
  font: 500 52px/1 "Onest", sans-serif;
  margin-bottom: 6px;
}

.poster4Date__month {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  text-transform: uppercase;
}

.poster4Category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.poster4Category:last-child {
  margin-bottom: 0;
}

.poster4Category__title {
  color: var(--text300);
}

.poster4Category__genre,
.poster4Category__age {
  max-width: 100%;
  background: var(--gray1);
  border-radius: 10px;
  padding: 2px 8px;
  color: var(--text500);
}

.poster4NoTickets {
  flex-shrink: 0;
  text-align: center;
  white-space: nowrap;
}

.poster4NoTickets__title {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 6px;
}

.poster4NoTickets__btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 230px;
  min-height: 56px;
  border-radius: 15px;
  border: 2px solid var(--text500);
  padding: 12px;
  font: 500 16px/1 "Onest", sans-serif;
  color: var(--text300);
  cursor: pointer;
  transition: 0.25s;
}

.poster4NoTickets__btn:hover {
  border-color: var(--btn-bg);
  color: var(--text300);
}

.poster5Wrap {
  padding: 40px 0;
}

.poster5 {
  border-top: 1px solid var(--gray2);
  border-bottom: 1px solid var(--gray2);
  padding: 20px;
  display: flex;
  align-items: flex-start;
  transition: 0.25s;
}

.poster5:hover {
  background: var(--gray1);
}

.poster5__content {
  display: block;
  width: 100%;
}

.poster5__doubleDate {
  display: block;
  width: 100%;
  font: 700 52px/1.2 "Onest", sans-serif;
  color: var(--text500);
  margin-bottom: 10px;
}

.poster5__head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.poster5__date {
  width: 100%;
  padding-right: 20px;
  font: 700 52px/1.2 "Onest", sans-serif;
  color: var(--text500);
}

.poster5__info {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: var(--text500);
}

.poster5__place {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.poster5__title {
  display: block;
  width: 100%;
  font: 600 30px/1.25 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 20px;
}

.poster5__title:hover {
  color: var(--text500);
}

.poster5__price {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-width: 280px;
  max-width: 100%;
  min-height: 60px;
  background: var(--btn-bg);
  border-radius: 15px;
  border: none;
  padding: 12px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
  margin-bottom: 20px;
}

.poster5__price:last-child {
  margin-bottom: 0;
}

.poster5__price:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.poster5__data {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.poster5__data > span {
  display: block;
  margin-bottom: 10px;
}

.poster5__data > span:last-child {
  margin-bottom: 0;
}

.poster5__data:hover {
  color: var(--text300);
}

.poster5Image {
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 370px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 30px;
}

.poster5Image::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.poster5Image__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.poster5Category {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.poster5Category__item {
  background: var(--bg4);
  border-radius: 10px;
  padding: 4px 8px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text4);
}

.poster5InfoItem {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.25;
  margin-right: 16px;
}

.poster5InfoItem:last-child {
  margin-right: 0;
}

.poster5InfoItem_age {
  padding: 0 7px;
  font-weight: 500;
  font-size: 20px;
}

.poster5InfoItem__icon {
  margin-right: 6px;
}

.poster5PlaceItem {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: var(--text500);
  opacity: 0.8;
  position: relative;
  margin-right: 24px;
}

.poster5PlaceItem_age {
  opacity: 1;
}

.poster5PlaceItem::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 9px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

.poster5PlaceItem:last-child {
  margin-right: 0;
}

.poster5PlaceItem:last-child::after {
  display: none;
}

.poster5NoTickets {
  display: block;
  width: 280px;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 20px;
}

.poster5NoTickets:last-child {
  margin-bottom: 0;
}

.poster5NoTickets__title {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 6px;
}

.poster5NoTickets__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 280px;
  min-height: 56px;
  border-radius: 15px;
  border: 2px solid var(--text500);
  padding: 12px;
  font: 500 16px/1 "Onest", sans-serif;
  color: var(--text300);
  cursor: pointer;
  transition: 0.25s;
}

.poster5NoTickets__btn:hover {
  border-color: var(--btn-bg);
  color: var(--text300);
}

/* Поиск по сайту */

.searchOverlay {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.searchPopup {
  display: none;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  width: 960px;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 30px);
  max-height: calc(100% - 30px);
  background: var(--bg-plashka);
  border-radius: 15px;
  padding: 83px 86px;
  padding-top: 60px;
}

.searchPopup__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.searchPopup__close svg {
  width: 32px;
  height: 32px;
  fill: var(--gray3);
}

.searchPopup__close:hover svg {
  fill: var(--main);
}

.searchPopup__title {
  text-align: center;
  margin-bottom: 25px;
}

.searchPopupForm {
  display: flex;
  justify-content: space-between;
}

.searchPopupForm__submit {
  min-width: 180px;
  width: 180px;
  padding-left: 12px;
  padding-right: 12px;
}

.searchPopupInput {
  width: calc(100% - 188px);
  position: relative;
}

.searchPopupInput__input {
  border: none;
  background: var(--gray1);
  padding-left: 56px;
  padding-right: 16px;
  font-size: 18px;
}

.searchPopupInput__input::placeholder {
  font-size: 18px;
}

.searchPopupInput__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.searchPopupInput__icon svg {
  fill: var(--black1);
}

.searchPopupInput:hover .searchPopupInput__icon svg {
  fill: var(--btn-hover);
}

.searchPopupInput > .searchPopupInput__input:focus + .searchPopupInput__icon svg {
  fill: var(--main);
}

/* ХЛЕБНЫЕ КРОШКИ */

.crumbs1 {
  padding: 6px 0;
}

.crumbs1__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.crumbs1__item {
  padding: 8px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text500);
}

.crumbs1__item a {
  color: var(--text500);
}

.crumbs1__item:hover {
  color: var(--text500);
}

.crumbs1__item:hover a {
  color: var(--text500);
}

.crumbs1__item_current {
  color: var(--main);
  cursor: default;
}

.crumbs1__item_current:hover {
  color: var(--main);
}

.crumbs1__arrow {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.crumbs1__arrow svg {
  fill: var(--text500);
}

.crumbs2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.crumbs2__item {
  padding: 8px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text-white);
  opacity: 0.8;
}

.crumbs2__item a {
  color: var(--text-white);
}

.crumbs2__item:hover {
  color: var(--text-white);
}

.crumbs2__item:hover a {
  color: var(--text-white);
}

.crumbs2__item_current {
  font-weight: 700;
  opacity: 1;
  cursor: default;
}

.crumbs2__arrow {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.crumbs2__arrow svg {
  fill: var(--text-white);
}

.crumbs3 {
  padding: 6px 0;
}

.crumbs3_paddingTop {
  padding-top: 46px;
}

.crumbs3__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.crumbs3__item {
  padding: 8px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text500);
  opacity: 0.6;
}

.crumbs3__item a {
  color: var(--text500);
}

.crumbs3__item:hover {
  color: var(--text500);
}

.crumbs3__item:hover a {
  color: var(--text500);
}

.crumbs3__item_current {
  font-weight: 500;
  opacity: 1;
  cursor: default;
}

.crumbs3__arrow {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.crumbs3__arrow svg {
  fill: var(--text500);
}

.crumbs4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.crumbs4__item {
  padding: 8px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text-white);
}

.crumbs4__item a {
  color: var(--text-white);
}

.crumbs4__item:hover {
  color: var(--text-white);
}

.crumbs4__item:hover a {
  color: var(--text-white);
}

.crumbs4__item_current {
  font-weight: 700;
  color: var(--main);
  cursor: default;
}

.crumbs4__item_current:hover {
  color: var(--main);
}

.crumbs4__arrow {
  display: flex;
  align-items: center;
  margin: 0 2px;
}

.crumbs4__arrow svg {
  fill: var(--text-white);
}

/* БАННЕР СОБЫТИЯ */

.eventsBanner1 {
  min-height: 700px;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: var(--text-white);
}

.eventsBanner1_pt {
  padding-top: 130px;
}

.eventsBanner1_pb {
  padding-bottom: 140px;
}

.eventsBanner1::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.eventsBanner1__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.eventsBanner1 .wrapper {
  position: relative;
  z-index: 3;
}

.eventsBanner1__crumbs {
  margin-bottom: 40px;
}

.eventsBanner1__heading {
  text-align: center;
  margin-bottom: 40px;
}

.eventsBanner1__heading:last-child {
  margin-bottom: 0;
}

.eventsBanner1__title {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.eventsBanner1__title:last-child {
  margin-bottom: 0;
}

.eventsBanner1__subtitle {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
}

.eventsBanner1__singleBtn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.eventsBanner1Info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1.33;
}

.eventsBanner1Info__item {
  position: relative;
  margin-right: 34px;
}

.eventsBanner1Info__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translate(0, -50%);
  width: 4px;
  height: 24px;
  border-radius: 2px;
  background: var(--main);
}

.eventsBanner1Info__item:last-child {
  margin-right: 0;
}

.eventsBanner1Info__item:last-child::after {
  display: none;
}

.eventsBanner1Buttons {
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.eventsBanner1Buttons__btn,
.eventsBanner1Buttons__play {
  margin-bottom: 10px;
  margin-right: 20px;
}

.eventsBanner1Buttons__btn:last-child,
.eventsBanner1Buttons__play:last-child {
  margin-right: 0;
}

.playBtn1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 60px;
  border-radius: 15px;
  border: 2px solid var(--text-white);
  padding: 8px 30px;
  font: 700 20px/1.4 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
}

.playBtn1__icon {
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}

.playBtn1__icon svg {
  width: 11px;
  height: 15px;
  fill: #181818;
  transform: translate(2px, 0);
}

.playBtn1:hover {
  border-color: var(--main);
  color: var(--btn-text);
}

.playBtn2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 50px;
  font: 400 20px/1.5 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
}

.playBtn2__icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: 0.25s;
}

.playBtn2__icon svg {
  fill: none;
  stroke: var(--text-white);
  transform: translate(3px, 0);
}

.playBtn2:hover {
  color: var(--btn-text);
}

.playBtn2:hover .playBtn2__icon {
  border-color: var(--main);
}

.playBtn2:hover .playBtn2__icon svg {
  stroke: var(--main);
}

.playBtn3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  min-height: 50px;
  font: 500 20px/1.5 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
}

.playBtn3__icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: 0.25s;
}

.playBtn3__icon svg {
  fill: none;
  stroke: var(--text-white);
  transform: translate(3px, 0);
}

.playBtn3:hover {
  color: var(--btn-text);
}

.playBtn3:hover .playBtn2__icon {
  border-color: var(--main);
}

.playBtn3:hover .playBtn2__icon svg {
  stroke: var(--main);
}

/* БИЛЕТЫ В НАЛИЧИИ */

.inStock1 {
  padding: 20px 60px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.inStock1Item {
  display: none;
  width: calc(20% - 10px);
  border: 2px solid var(--gray3);
  border-radius: 15px;
  padding: 14px 12px;
  cursor: pointer;
  transition: 0.25s;
}

.inStock1Item:nth-child(-n+5),
.inStock1Item.active {
  display: block;
}

.inStock1Item__date {
  display: block;
  text-align: center;
  font: 700 32px/1.2 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 2px;
}

.inStock1Item__info {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text500);
}

.inStock1Item__day {
  position: relative;
  margin-right: 12px;
}

.inStock1Item__day::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0, -50%);
  width: 2px;
  height: 12px;
  border-radius: 1px;
  background: var(--main);
}

.inStock1Item__day:last-child {
  margin-right: 0;
}

.inStock1Item__day:last-child::after {
  display: none;
}

.inStock1Item:hover {
  border-color: var(--main);
}

:root {
  --bg1: #FFFFFF;
  --text1: #323232;
  --bg2: #F1F1F1;
  --text2-500: #323232;
  --text2-300: #696969;
  --bg-main: #FFFFFF;
  --bg-plashka: #FFFFFF;
  --text500: #323232;
  --text300: #696969;
  --btn-bg: #E9001E;
  --btn-text: #FFFFFF;
  --btn-hover: #C8061F;
  --bg4: #FFFFFF;
  --text4: #323232;
  --main: #E9001E;
  --gray1: #F5F5F5;
  --gray2: #D4D4D4;
  --gray3: #929292;
  --text-form: #696969;
  --black1: #323232;
  --text-white: #FFFFFF;
}

/* Виджет билетов */

.ticketsWidget {
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
}

/* Билетов нет №1 */

.noTicketsForm1 {
  margin: 40px 0;
  border-top: 1px solid var(--gray2);
  padding: 40px 80px;
  text-align: center;
}

.noTicketsForm1__title {
  font: 700 60px/1.1 "Involve", sans-serif;
  margin-bottom: 20px;
}

.noTicketsForm1__subtitle {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.noTicketsForm1__wrap {
  width: 640px;
  max-width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

.noTicketsForm1__input {
  width: 390px;
  margin-right: 10px;
}

.noTicketsForm1__input input {
  font-size: 18px;
}

.noTicketsForm1__input input::placeholder {
  font-size: 18px;
}

.noTicketsForm1__agreement {
  width: 100%;
  margin-top: 8px;
}

.noTicketsForm1__submit .btn {
  font-size: 18px;
}

/* Билеты в наличии №2 */

.inStock2 {
  padding: 20px 0;
  position: relative;
  overflow: hidden;
}

.inStock2__wrap {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(6, 1fr);
}

.inStock2Item {
  display: none;
  background: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 15px;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  padding: 10px;
  padding-left: 20px;
  cursor: pointer;
  transition: 0.25s;
}

.inStock2Item:nth-child(-n+5),
.inStock2Item.active {
  display: block;
}

.inStock2Item__date {
  display: block;
  font: 600 24px/1.33 "Involve", sans-serif;
  color: var(--text500);
}

.inStock2Item__info {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text500);
  margin-bottom: 2px;
}

.inStock2Item__day {
  position: relative;
  margin-right: 14px;
}

.inStock2Item__day::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--main);
}

.inStock2Item__day:last-child {
  margin-right: 0;
}

.inStock2Item__day:last-child::after {
  display: none;
}

.inStock2Item:hover {
  border-color: var(--main);
}

.inStock2More {
  background: var(--gray1);
  border-radius: 15px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font: 500 18px/1.4 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.inStock2More:hover {
  color: var(--btn-hover);
}

/* Билетов нет №2 */

.noTicketsForm2 {
  margin: 40px 0;
  border: 1px solid var(--gray2);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  align-items: flex-start;
}

.noTicketsForm2__left {
  width: calc(100% - 510px);
  padding-right: 40px;
}

.noTicketsForm2__title {
  font: 700 38px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.noTicketsForm2__subtitle {
  font-size: 16px;
  line-height: 1.5;
  color: var(--text300);
}

.noTicketsForm2__right {
  width: 510px;
}

.noTicketsForm2__agreement {
  margin-top: 8px;
  margin-bottom: 10px;
}

.noTicketsForm2__submit {
  margin-bottom: 8px;
}

.noTicketsForm2__submit .btn {
  font-size: 18px;
}

.noTicketsForm2Input {
  margin-bottom: 6px;
}

.noTicketsForm2Input:last-child {
  margin-bottom: 0;
}

.noTicketsForm2Input__title {
  font-size: 12px;
  line-height: 1.33;
  margin-bottom: 4px;
}

.noTicketsForm3 {
  margin: 40px 0;
  background: var(--gray1);
  border-radius: 20px;
  padding: 40px 80px;
  text-align: center;
}

.noTicketsForm3__title {
  font: 700 38px/1.25 "Involve", sans-serif;
  margin-bottom: 16px;
}

.noTicketsForm3__subtitle {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.noTicketsForm3__wrap {
  width: 640px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.noTicketsForm3__input {
  width: 390px;
  margin-right: 10px;
}

.noTicketsForm3__submit .btn {
  font-size: 18px;
}

.noTicketsForm3__agreement {
  width: 100%;
  margin-top: 8px;
}

.noTicketsForm3Sup {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font: 700 20px/1.4 "Involve", sans-serif;
  color: var(--gray3);
  margin-bottom: 15px;
}

.noTicketsForm3Sup__inner {
  position: relative;
}

.noTicketsForm3Sup__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

.noTicketsForm3Sup__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

.noTicketsForm4 {
  margin: 40px 0;
  background: var(--gray1);
  border-radius: 20px;
  padding: 40px 80px;
  text-align: center;
}

.noTicketsForm4__title {
  font: 700 36px/1.25 "Involve", sans-serif;
  margin-bottom: 16px;
}

.noTicketsForm4__subtitle {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.noTicketsForm4__wrap {
  width: 640px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.noTicketsForm4__input {
  width: 390px;
  margin-right: 10px;
}

.noTicketsForm4__submit .btn {
  font-size: 18px;
}

.noTicketsForm4__agreement {
  width: 100%;
  margin-top: 8px;
}

.noTicketsForm4Sup {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font: 700 20px/1.4 "Involve", sans-serif;
  color: var(--gray3);
  margin-bottom: 15px;
}

.noTicketsForm4Sup__inner {
  position: relative;
}

.noTicketsForm4Sup__inner::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 10px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

.noTicketsForm4Sup__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

/* Информация и фото (№1) */

.eventInfo1 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.eventInfo1__wrap {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 20px;
}

.eventInfo1__wrap:last-child {
  margin-bottom: 0;
}

.eventInfo1__data {
  padding: 16px 0;
}

.eventInfo1Item {
  border-bottom: 2px solid var(--gray3);
  padding-top: 20px;
  padding-bottom: 10px;
}

.eventInfo1Item__title {
  font: 700 28px/1.25 "Involve", sans-serif;
  margin-bottom: 4px;
}

.eventInfo1Item__title:last-child {
  margin-bottom: 0;
}

.eventInfo1Item__subtitle {
  font-size: 18px;
  line-height: 1.55;
}

.eventInfo1DataItem {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.eventInfo1DataItem:last-child {
  margin-bottom: 0;
}

.eventInfo1DataItem__title {
  flex-shrink: 0;
  width: 200px;
  margin-right: 20px;
  font: 600 20px/1.4 "Involve", sans-serif;
}

.eventInfo1DataItem__text {
  font-size: 18px;
  line-height: 1.55;
}

.quote1 {
  padding: 40px 0;
  display: flex;
  align-items: center;
}

.quote1__textWrap {
  width: 100%;
  position: relative;
}

.quote1__icon {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  width: 34px;
  display: flex;
  align-items: center;
}

.quote1__icon path {
  fill: var(--gray1);
}

.quote1__text {
  background: var(--gray1);
  border-radius: 20px;
  padding: 30px 58px;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
}

.quote1__text p {
  margin-bottom: 12px;
}

.quote1__text p:last-child {
  margin-bottom: 0;
}

.quote1Author {
  flex-shrink: 0;
  width: 200px;
  margin-right: 44px;
  text-align: center;
}

.quote1Author__image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 16px;
}

.quote1Author__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote1Author__title {
  font: 600 20px/1.4 "Involve", sans-serif;
  margin-bottom: 4px;
}

.quote1Author__title:last-child {
  margin-bottom: 0;
}

.quote1Author__subtitle {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

/* Информация и фото (№2) */

.eventInfo2 {
  max-width: 1100px;
  padding: 20px 0;
  margin: 0 auto;
}

.eventInfo2__wrap {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.eventInfo2__wrap:last-child {
  margin-bottom: 0;
}

.eventInfo2__data {
  padding: 16px 0;
}

.eventInfo2Item {
  flex-grow: 1;
  flex-shrink: 0;
  border: 1px solid var(--gray2);
  border-radius: 15px;
  padding: 15px;
  text-align: center;
}

.eventInfo2Item__title {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 2px;
}

.eventInfo2Item__subtitle {
  font: 700 22px/1.4 "Involve", sans-serif;
}

.eventInfo2DataItem {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.eventInfo2DataItem:last-child {
  margin-bottom: 0;
}

.eventInfo2DataItem__title {
  flex-shrink: 0;
  width: 200px;
  margin-right: 20px;
  font: 600 18px/1.55 "Involve", sans-serif;
}

.eventInfo2DataItem__text {
  font-size: 18px;
  line-height: 1.55;
}

.quote2 {
  max-width: 1100px;
  padding: 40px 0;
  margin: 0 auto;
}

.quote2__textWrap {
  position: relative;
  margin-bottom: 44px;
}

.quote2__icon {
  position: absolute;
  z-index: 2;
  top: calc(100% - 2px);
  left: 64px;
  display: flex;
  align-items: center;
}

.quote2__text {
  border-top: 2px solid var(--main);
  border-bottom: 2px solid var(--main);
  border-radius: 10px;
  padding: 40px 50px;
  font: 600 22px/1.4 "Involve", sans-serif;
}

.quote2__text p {
  margin-bottom: 12px;
}

.quote2__text p:last-child {
  margin-bottom: 0;
}

.quote2Author {
  display: inline-flex;
  align-items: center;
}

.quote2Author__image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

.quote2Author__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quote2Author__text {
  max-width: calc(100% - 140px);
  text-align: center;
}

.quote2Author__title {
  font: 600 20px/1.4 "Involve", sans-serif;
  margin-bottom: 4px;
}

.quote2Author__title:last-child {
  margin-bottom: 0;
}

.quote2Author__subtitle {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

/* Информация и фото (№3) */

.eventInfo3 {
  padding: 40px 0;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}

.eventInfo3__wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.eventInfo3__data {
  padding: 16px 0;
}

.eventInfo3DataItem {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.eventInfo3DataItem:last-child {
  margin-bottom: 0;
}

.eventInfo3DataItem__title {
  flex-shrink: 0;
  width: 200px;
  margin-right: 20px;
  font: 600 20px/1.4 "Involve", sans-serif;
}

.eventInfo3DataItem__text {
  font-size: 18px;
  line-height: 1.55;
}

.eventInfo3Item {
  margin-bottom: 12px;
  border-radius: 15px;
  border: 1px solid var(--gray2);
  padding: 10px 16px;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 20px;
  line-height: 1.5;
}

.eventInfo3Item__title {
  position: relative;
  padding-left: 20px;
  padding-right: 8px;
  flex-shrink: 0;
  max-width: 100%;
}

.eventInfo3Item__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--main);
}

.eventInfo3Item__text {
  font: 600 22px/1.4 "Involve", sans-serif;
}

.quote3 {
  max-width: 1020px;
  margin: 40px auto;
  margin-top: 100px;
  position: relative;
  border-radius: 20px;
  background: var(--gray1);
  padding: 30px 50px;
  padding-top: 0;
  text-align: center;
}

.quote3__icon {
  position: absolute;
  z-index: 2;
  top: -26px;
  left: 50px;
  display: flex;
  align-items: center;
}

.quote3__text {
  font-size: 18px;
  line-height: 1.55;
}

.quote3Author {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
}

.quote3Author__image {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -60px;
  margin-bottom: 10px;
}

.quote3Author__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 2px;
}

.quote3Author__subtitle {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

/* Отзывы / Рецензии (№1) */

.reviews1 {
  padding: 40px 0;
}

.reviews1__arrows {
  padding: 4px 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reviews1__arrow {
  margin-right: 40px;
}

.reviews1__arrow:last-child {
  margin-right: 0;
}

.reviews1__slider {
  overflow: hidden;
  padding-bottom: 34px;
}

.reviews1__wrap {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.reviews1Item {
  flex-shrink: 0;
  position: relative;
  background: var(--gray1);
  border-radius: 20px;
  padding: 30px 25px;
  padding-bottom: 15px;
}

.reviews1Item__head {
  margin-bottom: 10px;
}

.reviews1Item__title {
  font: 600 20px/1.4 "Involve", sans-serif;
  margin-bottom: 4px;
}

.reviews1Item__subtitle {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.reviews1Item__text {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.reviews1Item__text.active {
  -webkit-line-clamp: 100;
}

.reviews1Item__icon {
  position: absolute;
  top: calc(100% - 1px);
  left: 40px;
}

.reviews1Item__icon path {
  fill: var(--gray1);
}

.reviews1ItemMore {
  display: none;
  height: 38px;
  margin-top: 10px;
  cursor: pointer;
}

.reviews1ItemMore__item {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
  transition: 0.25s;
  margin-right: 10px;
}

.reviews1ItemMore__item:last-child {
  margin-right: 0;
}

.reviews1ItemMore:hover .reviews1ItemMore__item {
  background: var(--btn-hover);
}

.reviews1ItemMore.active {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.reviews2 {
  padding: 40px;
  position: relative;
}

.reviews2__prev {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(0, -50%);
}

.reviews2__next {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0, -50%);
}

.reviews2__slider {
  overflow: hidden;
}

.reviews2__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.reviews2Item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.reviews2Item__image {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

.reviews2Item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews2Item__content {
  width: 100%;
  padding: 20px 25px;
  padding-top: 40px;
  border-top: 1px solid var(--main);
  border-bottom: 1px solid var(--main);
}

.reviews2Item__head {
  margin-bottom: 16px;
}

.reviews2Item__sup {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
  margin-bottom: 8px;
}

.reviews2Item__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33;
}

.reviews2Item__text {
  font-size: 24px;
  line-height: 1.33;
  margin: 0;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.reviews2Item__text p {
  margin-bottom: 12px;
}

.reviews2Item__text p:last-child {
  margin-bottom: 0;
}

.reviews2Item__text.active {
  -webkit-line-clamp: 100;
}

.reviews2Item__more {
  display: none;
  margin-top: 16px;
}

.reviews2Item__more.active {
  display: flex;
  justify-content: flex-end;
}

.reviews2ItemMore {
  display: flex;
  align-items: center;
  max-width: 100%;
  min-height: 36px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.reviews2ItemMore__arrow {
  margin-left: 12px;
  display: flex;
  align-items: center;
}

.reviews2ItemMore__arrow svg {
  fill: var(--text500);
}

.reviews2ItemMore:hover {
  color: var(--main);
}

.reviews2ItemMore:hover .reviews2ItemMore__arrow svg {
  fill: var(--main);
}

.reviews2ItemMore.active .reviews2ItemMore__arrow {
  transform: rotate(-180deg);
}

.reviews3 {
  padding: 40px 0;
}

.reviews3__slider {
  overflow: hidden;
}

.reviews3__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.reviews3__arrows {
  padding: 4px 0;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.reviews3__arrow {
  margin-right: 40px;
}

.reviews3__arrow:last-child {
  margin-right: 0;
}

.reviews3Item {
  flex-shrink: 0;
  padding: 20px 25px;
  border-radius: 20px;
  border-top: 1px solid var(--gray3);
}

.reviews3Item__preview {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
}

.reviews3Item__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews3Item__image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 10px;
}

.reviews3Item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews3Item__title {
  font: 600 20px/1.4 "Involve", sans-serif;
  margin-bottom: 10px;
}

.reviews3Item__text {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.reviews3Item__text p {
  margin-bottom: 12px;
}

.reviews3Item__text p:last-child {
  margin-bottom: 0;
}

.reviews3Item__text.active {
  -webkit-line-clamp: 100;
}

.reviews3Item__more {
  display: none;
  margin-top: 10px;
}

.reviews3Item__more.active {
  display: block;
}

.reviews3ItemMore {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: var(--text500);
  text-decoration: underline;
}

.reviews3ItemMore:hover {
  color: var(--main);
}

.reviews4 {
  padding-top: 40px;
  padding-bottom: 50px;
}

.reviews4Item {
  display: none;
  background: var(--bg-plashka);
  border: 1px solid var(--gray2);
  border-radius: 20px;
  padding: 20px 25px;
  margin-top: 20px;
}

.reviews4Item:first-child {
  margin-top: 0;
}

.reviews4Item:nth-child(-n+3),
.reviews4Item.active {
  display: block;
}

.reviews4Item__head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.reviews4Item__image {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.reviews4Item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reviews4Item__data {
  width: 100%;
}

.reviews4Item__title {
  font: 600 20px/1.4 "Involve", sans-serif;
  margin-bottom: 4px;
}

.reviews4Item__subtitle {
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

.reviews4Item__text {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.reviews4Item__text p {
  margin-bottom: 12px;
}

.reviews4Item__text p:last-child {
  margin-bottom: 0;
}

.reviews4Item__text.active {
  -webkit-line-clamp: 100;
}

.reviews4Item__more {
  display: none;
  margin-top: 10px;
}

.reviews4Item__more.active {
  display: block;
}

.reviews4ItemMore {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: var(--text500);
  text-decoration: underline;
}

.reviews4ItemMore:hover {
  color: var(--main);
}

.pageBanner1 {
  min-height: 500px;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
  color: var(--text-white);
}

.pageBanner1::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.pageBanner1__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pageBanner1__content {
  position: relative;
  z-index: 3;
}

.pageBanner1__title {
  margin-bottom: 20px;
}

.pageBanner1__title:last-child {
  margin-bottom: 0;
}

.pageBanner1__subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}

.pageBanner1__crumbs {
  margin-top: 40px;
}

.pageBanner2 {
  min-height: 600px;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  align-items: center;
  color: var(--text-white);
  position: relative;
  overflow: hidden;
}

.pageBanner2_pt {
  padding-top: 90px;
}

.pageBanner2_pb {
  padding-bottom: 140px;
}

.pageBanner2::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.pageBanner2__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pageBanner2 .wrapper {
  position: relative;
  z-index: 3;
}

.pageBanner2__content {
  max-width: 1160px;
  margin: 0 auto;
  text-align: center;
}

.pageBanner2__crumbs {
  margin-bottom: 40px;
}

.pageBanner2__title {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.pageBanner2__title:last-child {
  margin-bottom: 0;
}

.pageBanner2__subtitle {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
}

/* Табы с якорями */

.anchorTabs1 {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 6px 0;
}

.anchorTabs1__wrap {
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.anchorTabs1__item {
  flex: 0 0 auto;
  white-space: nowrap;
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  padding: 6px 16px;
  font-size: 24px;
  line-height: 1.33;
  color: var(--text4);
  margin-right: 16px;
}

.anchorTabs1__item:last-child {
  margin-right: 0;
}

.anchorTabs1__item:hover {
  background: var(--gray1);
  color: var(--text4);
}

.anchorTabs2 {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 6px 0;
}

.anchorTabs2__wrap {
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.anchorTabs2__item {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 6px 12px;
  position: relative;
  font: 700 28px/1.2 "Involve", sans-serif;
  color: var(--text4);
  margin-right: 28px;
}

.anchorTabs2__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 11px);
  transform: translate(0, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--main);
}

.anchorTabs2__item:last-child {
  margin-right: 0;
}

.anchorTabs2__item:last-child::after {
  display: none;
}

.anchorTabs2__item:hover {
  color: var(--main);
}

.anchorTabs3 {
  display: flex;
  justify-content: center;
  overflow: hidden;
  padding: 6px 0;
}

.anchorTabs3__wrap {
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.anchorTabs3__item {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: 10px 24px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--text4);
  text-transform: uppercase;
  font: 500 24px/1.33 "Onest", sans-serif;
  color: var(--text4);
  margin-right: 16px;
}

.anchorTabs3__item:last-child {
  margin-right: 0;
}

.anchorTabs3__item:hover {
  color: var(--text4);
  border-bottom-color: var(--main);
}

/* Репертуар */

.repertoire1 {
  padding: 40px 0;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.repertoire1Item {
  display: block;
}

.repertoire1Item__title {
  display: block;
  color: var(--text500);
  margin-bottom: 10px;
}

.repertoire1Item__title:last-child {
  margin-bottom: 0;
}

.repertoire1Item__text {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text500);
}

.repertoire1Item:hover .repertoire1ItemImage__img {
  filter: grayscale(100%);
}

.repertoire1Item:hover .repertoire1ItemImage::after {
  opacity: 0.5;
}

.repertoire1ItemImage {
  display: block;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 14px;
}

.repertoire1ItemImage::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.repertoire1ItemImage::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  transition: 0.4s;
}

.repertoire1ItemImage__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s;
}

.repertoire1ItemImage__top {
  position: absolute;
  z-index: 3;
  top: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.repertoire1ItemImage__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 15px/1.33 "Onest", sans-serif;
  color: var(--text-white);
}

.repertoire1ItemImage__age {
  max-width: 100%;
  background: var(--bg4);
  border: none;
  border-radius: 20px;
  padding: 6px 12px;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.repertoire1ItemImage__bottom {
  position: absolute;
  z-index: 3;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.repertoire1ItemImage__date {
  color: var(--text-white);
  padding-right: 15px;
}

.repertoire1ItemImage__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.repertoire1ItemImage__price:hover {
  background: var(--btn-hover);
}

.repertoire2 {
  padding: 40px 0;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.repertoire2Slider {
  padding: 40px 0;
  position: relative;
}

.repertoire2Slider__arrow {
  position: absolute;
  z-index: 4;
  top: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.repertoire2Slider__arrow_prev {
  right: calc(100% + 10px);
}

.repertoire2Slider__arrow_next {
  left: calc(100% + 10px);
}

.repertoire2Slider__slider {
  overflow: hidden;
}

.repertoire2Slider__wrap {
  display: flex;
  flex-wrap: nowrap;
}

.repertoire2Slider__item {
  flex-shrink: 0;
}

.repertoire2Item {
  display: block;
}

.repertoire2Item__image {
  display: block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}

.repertoire2Item__image::before {
  content: "";
  display: block;
  padding-top: 63%;
}

.repertoire2Item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.repertoire2Item__genre {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25;
  color: var(--text300);
  margin-bottom: 4px;
}

.repertoire2Item__title {
  display: block;
  font: 700 24px/1.33 "Onest", sans-serif;
  color: var(--text500);
  margin-bottom: 4px;
}

.repertoire2Item__title:last-child {
  margin-bottom: 0;
}

.repertoire2Item__date {
  display: block;
  font-size: 16px;
  line-height: 1.25;
  color: var(--text300);
}

.repertoire3 {
  padding: 40px 0;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.repertoire3Item {
  display: block;
}

.repertoire3Item__image {
  display: block;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
}

.repertoire3Item__image::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.repertoire3Item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.repertoire3Item__date {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: var(--text300);
  margin-bottom: 8px;
}

.repertoire3Item__title {
  display: block;
  text-transform: uppercase;
  font: 700 21px/1.33 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 4px;
}

.repertoire3Item__title:last-child {
  margin-bottom: 0;
}

.repertoire3Item__subtitle {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text300);
}

/* Премьеры */

.premieresTitle1 {
  padding-top: 60px;
  padding-bottom: 20px;
  overflow: hidden;
}

.premieresTitle1__wrap {
  position: relative;
}

.premieresTitle1__title {
  position: relative;
  z-index: 2;
  text-transform: uppercase;
  text-align: center;
}

.premieresTitle1__before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 320px;
  display: flex;
  align-items: center;
}

.premieresTitle1__after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 320px;
  display: flex;
  align-items: center;
}

.premieres1After {
  height: 60px;
  position: relative;
  overflow: hidden;
}

.premieres1After img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1220px;
  max-width: unset;
  height: 60px;
}

.premieres1 {
  padding: 40px 0;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.premieres1Item {
  min-height: 375px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 20px;
  padding-top: 90px;
}

.premieres1Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: 0.4s;
}

.premieres1Item__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.premieres1Item__top {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.premieres1Item__tag {
  max-width: 100%;
  border: 1px solid var(--text-white);
  border-radius: 20px;
  padding: 5px 12px;
  font: 500 16px/1.25 "Onest", sans-serif;
  color: var(--text-white);
}

.premieres1Item__age {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--bg4);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 500 18px/1.1 "Onest", sans-serif;
  color: var(--text4);
}

.premieres1Item__data {
  position: relative;
  z-index: 3;
  margin: auto;
  margin-bottom: 0;
  width: 100%;
  color: var(--text-white);
}

.premieres1Item__genre {
  display: block;
  margin-bottom: 8px;
}

.premieres1Item__title {
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.premieres1Item__place {
  display: block;
  margin-bottom: 8px;
}

.premieres1Item__bottom {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.premieres1Item__date {
  padding-right: 15px;
}

.premieres1Item__price {
  flex-shrink: 0;
  max-width: 100%;
  background: var(--btn-bg);
  border: none;
  border-radius: 15px;
  padding: 8px 16px;
  color: var(--btn-text);
  transition: 0.25s;
}

.premieres1Item__price:hover {
  background: var(--btn-hover);
}

.premieres1Item:hover .premieres1Item__img {
  transform: scale(1.1);
}

.premieres1Item:hover::after {
  opacity: 0.75;
}

.premieres2Block {
  background: var(--gray1);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 148px 40px;
}

.premieres2Title {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.premieres2Title_top {
  top: 40px;
}

.premieres2Title_top .premieres2Title__image {
  animation: premieres2Anim1 20s linear infinite;
}

.premieres2Title_bottom {
  bottom: 20px;
  justify-content: flex-end;
}

.premieres2Title_bottom .premieres2Title__image {
  animation: premieres2Anim2 20s linear infinite;
}

.premieres2Title__image {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.premieres2Title__image img {
  width: 1480px;
  max-width: unset;
}

@keyframes premieres2Anim1 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes premieres2Anim2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

.premieres2 {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.premieres2Item {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  padding: 25px 20px;
  padding-top: 72px;
}

.premieres2Item::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.5) 100%);
  transition: 0.4s;
}

.premieres2Item__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1s;
}

.premieres2Item__date {
  position: absolute;
  z-index: 3;
  top: 25px;
  left: 0;
  width: 100%;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font: 500 24px/1.33 "Involve", sans-serif;
  color: var(--text-white);
}

.premieres2Item__bottom {
  position: relative;
  z-index: 3;
  margin: auto;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  color: var(--text-white);
}

.premieres2Item__title {
  display: block;
  text-transform: uppercase;
  font: 700 32px/1.25 "Involve", sans-serif;
  margin-bottom: 10px;
}

.premieres2Item__title:last-child {
  margin-bottom: 0;
}

.premieres2Item__subtitle {
  display: block;
  font-size: 16px;
  line-height: 1.5;
}

.premieres2Item:hover .premieres2Item__img {
  transform: scale(1.1);
}

.premieres2Item:hover::after {
  opacity: 0.75;
}

/* Актеры */

.actorsFilter__wrap {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.actorsFilter__search {
  width: 460px;
  max-width: 100%;
}

.actorsFilter__select {
  flex-shrink: 0;
  width: 220px;
  max-width: 100%;
}

.searchBlockWrap {
  padding: 6px 0;
}

.searchBlock {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}

.searchBlock__input {
  width: 100%;
  height: 45px;
  border: none;
  border-radius: 0;
  background: var(--gray1);
  padding-left: 56px;
  padding-right: 16px;
}

.searchBlock__icon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  cursor: default;
}

.searchBlock__icon svg {
  fill: var(--black1);
}

.searchBlock:hover .searchBlock__icon svg {
  fill: var(--btn-hover);
}

.searchBlock > .searchBlock__input:focus + .searchBlock__icon svg {
  fill: var(--main);
}

.actorsAbc {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.actorsAbcAll {
  flex-grow: 1;
  flex-basis: 0;
  flex-shrink: 0;
}

.actorsAbcAll__input {
  display: none;
}

.actorsAbcAll__input:checked {
  pointer-events: none;
}

.actorsAbcAll__input:checked + .actorsAbcAll__text {
  background: var(--black1);
  color: var(--text-white);
}

.actorsAbcAll__text {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 79px;
  min-height: 44px;
  padding: 4px 8px;
  border-radius: 15px;
  text-transform: uppercase;
  font: 500 15px/1.2 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

.actorsAbcItem {
  flex-grow: 1;
  flex-basis: 0;
  flex-shrink: 0;
}

.actorsAbcItem__input {
  display: none;
}

.actorsAbcItem__input:checked + .actorsAbcItem__text {
  background: var(--black1);
  color: var(--text-white);
}

.actorsAbcItem__text {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  text-transform: uppercase;
  font: 400 20px/1.2 "Onest", sans-serif;
  color: var(--text500);
  cursor: pointer;
  transition: 0.25s;
}

/* Баннеры актёра */

.actorBanner1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 40px;
}

.actorBanner1__block {
  width: 440px;
  min-height: 501px;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: var(--text-white);
}

.actorBanner1__block::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.actorBanner1__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.actorBanner1__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
}

.actorBanner1__content {
  position: relative;
  z-index: 3;
}

.actorBanner1__title {
  font: 700 40px/1.2 "Involve", sans-serif;
  margin-bottom: 20px;
}

.actorBanner1__title:last-child {
  margin-bottom: 0;
}

.actorBanner1__subtitle {
  font: 500 20px/1.4 "Onest", sans-serif;
}

.actorBanner1__crumbs {
  margin-top: 40px;
}

.actorBanner1__image {
  width: calc(100% - 460px);
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.actorBanner1__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorBanner2 {
  min-height: 500px;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
  color: var(--text-white);
}

.actorBanner2::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.actorBanner2__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.actorBanner2__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorBanner2__content {
  position: relative;
  z-index: 3;
}

.actorBanner2__wrap {
  display: flex;
  align-items: center;
}

.actorBanner2__image {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  overflow: hidden;
}

.actorBanner2__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorBanner2__text {
  width: calc(100% - 240px);
  padding-left: 25px;
}

.actorBanner2__title {
  margin-bottom: 12px;
}

.actorBanner2__title:last-child {
  margin-bottom: 0;
}

.actorBanner2__subtitle {
  font: 500 24px/1.33 "Onest", sans-serif;
}

.actorBanner2__crumbs {
  margin-top: 60px;
}

.actorAbout1 {
  background: var(--gray1);
  border-radius: 15px;
  padding: 40px 60px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
}

.actorAbout1__image {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.actorAbout1__image::before {
  content: "";
  display: block;
  padding-top: 65%;
}

.actorAbout1__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorAbout1__title {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.actorAbout1__text {
  font-size: 20px;
  line-height: 1.5;
  margin: 0;
  -webkit-line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.actorAbout1__text.active {
  -webkit-line-clamp: 100;
}

.actorAbout1__text p {
  margin-bottom: 20px;
}

.actorAbout1__text p:last-child {
  margin-bottom: 0;
}

.actorAbout1__more {
  display: none;
  margin-top: 20px;
}

.actorAbout1__more.active {
  display: block;
}

.actorAbout2Title {
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}

.actorAbout2Title__image {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
}

.actorAbout2Title__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actorAbout2Title__content {
  width: calc(100% - 180px);
  padding-left: 25px;
}

.actorAbout2Title__title {
  font: 700 48px/1.2 "Involve", sans-serif;
  margin-bottom: 12px;
}

.actorAbout2Title__title:last-child {
  margin-bottom: 0;
}

.actorAbout2Title__subtitle {
  font: 500 20px/1.4 "Onest", sans-serif;
  color: var(--text300);
}

.actorAbout3Title {
  padding-top: 40px;
  padding-bottom: 20px;
}

.actorAbout3Title__title {
  font: 700 48px/1.2 "Involve", sans-serif;
}

.newsBanner1 {
  min-height: 500px;
  border-radius: 20px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  margin-bottom: 40px;
  color: var(--text-white);
}

.newsBanner1::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.newsBanner1__image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsBanner1__content {
  position: relative;
  z-index: 3;
}

.newsBanner1__title {
  font: 700 60px/1.15 "Involve", sans-serif;
  margin-bottom: 12px;
}

.newsBanner1__title:last-child {
  margin-bottom: 0;
}

.newsBanner1__subtitle {
  font: 500 24px/1.33 "Onest", sans-serif;
}

.newsBanner1__crumbs {
  margin-top: 40px;
}

.newsOneTitle1 {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 20px;
}

.newsOneTitle1__title {
  font: 700 60px/1.15 "Involve", sans-serif;
}

.newsOneTitle2 {
  padding-top: 40px;
  padding-bottom: 20px;
}

.newsOneTitle2__title {
  font: 700 48px/1.15 "Involve", sans-serif;
}

.newsOne1 {
  background: var(--gray1);
  border-radius: 15px;
  padding: 40px 60px;
}

.newsOne1__image {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.newsOne1__image:last-child {
  margin-bottom: 0;
}

.newsOne1__image::before {
  content: "";
  display: block;
  padding-top: 50%;
}

.newsOne1__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newsOne1__date {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.newsOne1__date:last-child {
  margin-bottom: 0;
}

.newsOne1__text {
  margin-bottom: 20px;
}

.newsOne1__text:last-child {
  margin-bottom: 0;
}

.newsOne2 {
  padding: 40px 0;
}

.newsOne2__date {
  font: 700 30px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.newsOne2__date:last-child {
  margin-bottom: 0;
}

.newsOne2__text {
  margin-bottom: 20px;
}

.newsOne2__text:last-child {
  margin-bottom: 0;
}

.anchorSelect {
  max-width: 100%;
  position: relative;
}

.anchorSelect__field {
  width: 100%;
  height: 48px;
  background: var(--bg4);
  border: 1px solid var(--gray3);
  border-radius: 15px;
  padding: 4px 12px;
  padding-left: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.25s;
}

.anchorSelect__field:hover {
  border-color: var(--main);
}

.anchorSelect__field.active .anchorSelect__arrow {
  transform: rotate(-180deg);
}

.anchorSelect__field.active:hover {
  border-color: var(--gray3);
}

.anchorSelect__text {
  width: calc(100% - 24px);
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--text4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.anchorSelect__arrow {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}

.anchorSelect__popup {
  display: none;
  position: absolute;
  z-index: 5;
  top: calc(100% + 6px);
  max-height: 304px;
  left: 0;
  min-width: 240px;
  width: 100%;
  background: var(--bg4);
  border-radius: 15px;
  box-shadow: 2px 3px 10px rgba(139, 139, 139, 0.12);
  padding: 8px 0;
  overflow: auto;
}

.anchorSelect__popup::-webkit-scrollbar {
  width: 4px;
  height: 0;
  background: #F0F0F0;
}

.anchorSelect__popup::-webkit-scrollbar-thumb {
  width: 4px;
  background: var(--gray3);
  border-radius: 4px;
}

.anchorSelect__variant {
  display: block;
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 8px 24px;
  position: relative;
  font-size: 16px;
  line-height: 1.25;
  transition: 0.25s;
  cursor: pointer;
}

.anchorSelect__variant:hover {
  background: #F0F0F0;
}

.anchorSelect_static .anchorSelect__popup {
  position: static;
  top: unset;
  left: unset;
  max-height: 230px;
  margin-top: 4px;
}

@supports not selector(::-webkit-scrollbar) {
  .anchorSelect__popup {
    scrollbar-width: thin;
    scrollbar-color: var(--gray3) #F0F0F0;
  }
}

.platforms1 {
  padding: 40px 0;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}

.platforms1Item {
  display: none;
}

.platforms1Item:nth-child(-n+6),
.platforms1Item.active {
  display: block;
}

.platforms1Item__btn {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 20px;
  min-width: 120px;
  max-width: 100%;
  min-height: 40px;
  background: var(--btn-bg);
  border-radius: 15px;
  padding: 4px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 700 16px/1.5 "Onest", sans-serif;
  color: var(--btn-text);
  cursor: pointer;
  transition: 0.25s;
}

.platforms1Item__btn:hover {
  background: var(--btn-hover);
  color: var(--btn-text);
}

.platforms1Item__title {
  display: block;
  font: 700 28px/1.2 "Involve", sans-serif;
  color: var(--text500);
  padding-top: 14px;
  padding-bottom: 10px;
}

.platforms1Item__title:last-child {
  padding-bottom: 0;
}

.platforms1Item__title:hover {
  color: var(--btn-bg);
}

.platforms1Item__subtitle {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text500);
}

.platforms1Item__subtitle:hover {
  color: var(--text500);
}

.platforms1ItemImage {
  display: block;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.platforms1ItemImage::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.platforms1ItemImage__img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platforms2 {
  padding: 40px 0;
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr;
}

.platforms2Item {
  display: none;
  border: 1px solid var(--gray2);
  border-radius: 20px;
  padding: 20px;
  cursor: default;
  transition: 0.25s;
}

.platforms2Item:hover {
  border-color: var(--main);
}

.platforms2Item:hover .platforms2Item__title {
  color: var(--btn-bg);
}

.platforms2Item:nth-child(-n+3),
.platforms2Item.active {
  display: flex;
  align-items: center;
}

.platforms2Item__image {
  flex-shrink: 0;
  width: 215px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.platforms2Item__image::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.platforms2Item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platforms2Item__content {
  width: calc(100% - 215px);
  display: flex;
  align-items: center;
}

.platforms2Item__text {
  width: 100%;
  padding-left: 30px;
}

.platforms2Item__title {
  display: block;
  text-transform: uppercase;
  font: 700 38px/1.2 "Involve", sans-serif;
  color: var(--text500);
  transition: 0.25s;
  margin-bottom: 10px;
}

.platforms2Item__title:last-child {
  margin-bottom: 0;
}

.platforms2Item__subtitle {
  display: block;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text500);
}

.platforms2Item__btn {
  flex-shrink: 0;
  min-width: 280px;
  margin-left: 20px;
  white-space: nowrap;
}

.platforms3 {
  padding: 40px 0;
}

.platforms3Item {
  display: none;
  border-bottom: 1px solid var(--gray3);
  padding: 20px;
  cursor: default;
  transition: 0.25s;
}

.platforms3Item:first-child {
  border-top: 1px solid var(--gray3);
}

.platforms3Item:nth-child(-n+3),
.platforms3Item.active {
  display: flex;
}

.platforms3Item:hover {
  background: var(--gray1);
}

.platforms3Item__image {
  flex-shrink: 0;
  width: 296px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.platforms3Item__image::before {
  content: "";
  display: block;
  padding-top: 68%;
}

.platforms3Item__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platforms3Item__content {
  width: calc(100% - 296px);
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.platforms3Item__title {
  display: block;
  font: 700 48px/1.125 "Involve", sans-serif;
  color: var(--text500);
  margin-bottom: 10px;
}

.platforms3Item__title:hover {
  color: var(--text500);
}

.platforms3Item__subtitle {
  display: block;
  font-size: 22px;
  line-height: 1.4;
  color: var(--text500);
  margin-bottom: 20px;
}

.platforms3Item__subtitle:hover {
  color: var(--text500);
}

.platforms3Item__btn {
  margin: auto;
  margin-bottom: 0;
  margin-left: 0;
  min-width: 280px;
}

.platforms4 {
  padding: 40px 0;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.platforms4Item {
  display: none;
  background: var(--gray1);
  border-radius: 15px;
  padding: 20px;
  cursor: pointer;
}

.platforms4Item:nth-child(-n+8),
.platforms4Item.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.platforms4Item__title {
  display: block;
  text-align: center;
  font: 700 24px/1.33 "Onest", sans-serif;
  color: var(--text500);
  margin-bottom: 6px;
}

.platforms4Item__subtitle {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text500);
  margin-bottom: 20px;
}

.platforms4Item__image {
  width: 200px;
  height: 200px;
  max-width: 100%;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.25s;
}

.platforms4Item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platforms4Item:hover .platforms4Item__image {
  filter: grayscale(100%);
}

/* Доставка и оплата */

.paymentInfo1 {
  padding: 40px 0;
}

.paymentInfo2 {
  padding: 40px 0;
}

.paymentInfo2__block {
  margin-bottom: 20px;
}

.paymentInfo2__block:last-child {
  margin-bottom: 0;
}

.paymentInfo2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.paymentInfo2__title {
  max-width: 100%;
  border: 1px solid var(--gray2);
  border-radius: 15px;
  padding: 10px 16px;
  padding-left: 42px;
  position: relative;
  font: 700 24px/1.25 "Involve", sans-serif;
}

.paymentInfo2__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--main);
}

.paymentInfo2__methods {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.paymentInfo2Method {
  width: 72px;
  display: flex;
  align-items: center;
}

.shippingInfo1 {
  padding: 40px 0;
}

.shippingInfo2 {
  padding: 40px 0;
  display: grid;
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}

.shippingInfo2Item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.shippingInfo2Item__title {
  max-width: 100%;
  border: 1px solid var(--gray2);
  border-radius: 15px;
  padding: 10px 16px;
  padding-left: 42px;
  position: relative;
  font: 700 24px/1.25 "Involve", sans-serif;
  margin-bottom: 20px;
}

.shippingInfo2Item__title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--main);
}

.shippingInfo2Item__text {
  width: 100%;
}

.policyText {
  padding: 40px 0;
}

.ui-datepicker {
  width: 307px;
  background: var(--bg4);
  box-shadow: 2px 3px 8px rgba(139, 139, 139, 0.1);
  border-radius: 15px;
  padding: 16px;
}

.ui-datepicker__arrow {
  width: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.ui-datepicker__arrow svg {
  fill: var(--text4);
}

.ui-datepicker__arrow:hover svg {
  fill: var(--main);
}

.ui-datepicker-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 4px;
}

.ui-datepicker-title {
  order: 2;
  font: 500 20px/1.4 "Involve", sans-serif;
}

.ui-datepicker-prev {
  order: 1;
  font: 700 24px/1 "Onest", sans-serif;
  cursor: pointer;
}

.ui-datepicker-next {
  order: 3;
  font: 700 24px/1 "Onest", sans-serif;
  cursor: pointer;
}

.ui-datepicker-calendar {
  width: 100%;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(7, 1fr);
}

.ui-datepicker-calendar thead,
.ui-datepicker-calendar tbody,
.ui-datepicker-calendar tr {
  display: contents;
}

.ui-datepicker-calendar th {
  text-align: center;
  text-transform: uppercase;
  font: 400 14px/1 "Onest", sans-serif;
  margin-bottom: 5px;
  cursor: default;
}

.ui-datepicker-calendar th.ui-datepicker-week-end {
  color: var(--main);
}

.ui-datepicker-calendar th span {
  width: 100%;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-calendar td {
  min-height: 35px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font: 400 18px/1 "Onest", sans-serif;
}

.ui-datepicker-calendar td a {
  width: 100%;
  min-height: 35px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.2s;
}

.ui-datepicker-calendar td a:hover {
  color: var(--main);
}

.ui-datepicker-calendar td.ui-state-disabled {
  color: var(--gray2);
  cursor: default;
}

.ui-datepicker-calendar td.ui-datepicker-current-day {
  background: var(--gray2);
  color: var(--text500);
  cursor: default;
}

.ui-datepicker-calendar td.ui-datepicker-current-day a {
  color: var(--text500);
}

.ui-datepicker-calendar td.ui-datepicker-current-day a:hover {
  color: var(--text500);
}

@media screen and (max-width: 1399px) {
  .banner2Block__arrow {
    width: 52px;
    height: 52px;
  }

  .banner2Block__arrow svg {
    width: 40px;
    height: 40px;
  }

  .banner2Block__arrow:hover svg {
    stroke: var(--text-white);
  }

  .banner2Block__arrow_prev {
    left: 0;
    transform: translate(0, -50%);
  }

  .banner2Block__arrow_next {
    right: 0;
    transform: translate(0, -50%);
  }

  .popular2 {
    padding-bottom: 105px;
  }

  .popular2__prev {
    top: unset;
    bottom: 40px;
    right: auto;
    left: 50%;
    transform: translate(-55px, 0);
  }

  .popular2__next {
    top: unset;
    bottom: 40px;
    left: auto;
    right: 50%;
    transform: translate(55px, 0);
  }

  .popular2_plashka .popular2__prev {
    right: auto;
  }

  .popular2_plashka .popular2__next {
    left: auto;
  }

  .repertoire2Slider {
    padding-top: 125px;
  }

  .repertoire2Slider__arrow {
    top: 40px;
  }

  .repertoire2Slider__arrow_prev {
    right: 65px;
  }

  .repertoire2Slider__arrow_next {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 1349px) {
  .reviews2__prev {
    right: auto;
    left: 0;
  }

  .reviews2__next {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 1199px) {
  .header {
    z-index: 20;
  }

  .header__wrap {
    position: static;
  }

  .headerSearchIcon2 {
    order: -1;
  }
}

@media screen and (max-width: 1099px) {
  .hd86 {
    font-size: 60px;
    line-height: 1.2;
  }

  .hd86_sm {
    font-size: 60px;
    line-height: 1.2;
  }

  .hd78 {
    font-size: 60px;
  }

  .hd72 {
    font-size: 68px;
  }

  .hd72_sm {
    font-size: 60px;
  }

  .topLine {
    display: none;
  }

  .headerDelimiter {
    height: 10px;
  }

  .headerPhone::after {
    display: none;
  }

  .headerPhone2::after {
    display: none;
  }

  .headerBurger1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .headerBurger2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .headerBurger3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .headerMenu1 {
    display: none;
  }

  .headerSubmenuLink1 {
    display: none;
  }

  .headerMenu2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--bg-plashka);
    padding: 19px 0;
    padding-bottom: 49px;
    font-size: 24px;
    line-height: 1.33;
  }

  .headerMenu2__link {
    display: block;
    padding: 11px 20px;
    font-size: 24px;
    line-height: 1.33;
  }

  .headerMenu2__link::after {
    display: none;
  }

  .headerSubmenuLink2 {
    display: none;
  }

  .smallMenuWrap {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0;
  }

  .smallMenuWrap_center {
    display: block;
  }

  .smallMenu {
    padding: 8px 15px;
    flex-wrap: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .smallMenu::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .smallMenu__item {
    flex: 0 0 auto;
  }

  .smallMenu__item.hidden {
    display: block;
  }

  .submenuLinkBlock {
    display: none;
  }

  .transparentHeader {
    padding-left: 15px;
    padding-right: 15px;
  }

  .transparentHeader__wrap {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .transparentHeader__logo {
    width: 48px;
    margin: 0;
  }

  .transparentHeader__right {
    gap: 16px;
  }

  .headerMenu3 {
    display: none;
  }

  .headerSubmenuLink3 {
    display: none;
  }

  .headerBurger4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .pageContent_block {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    margin-top: -20px;
    margin-bottom: 60px;
  }

  .pageContent_block2 {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    margin-bottom: 60px;
  }

  .banner1__wrap {
    flex-wrap: wrap;
  }

  .banner1__advan1 {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0 15px;
    overflow: auto;
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .banner1__advan1::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .banner1__advan2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .banner1Slider__arrows {
    display: none;
  }

  .banner1Slider__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .banner1Slide__image {
    display: block;
    order: 1;
    width: 100%;
    height: 380px;
  }

  .banner1Block {
    order: 2;
    width: 100%;
    min-height: auto;
    padding: 20px 15px;
    margin-top: -44px;
    background: #FFFFFF;
    color: var(--text500);
  }

  .banner1Block::before,
  .banner1Block__image {
    display: none;
  }

  .banner1Block__heading {
    margin-bottom: 20px;
  }

  .banner1Block__title {
    font-size: 36px;
    margin-bottom: 10px;
  }

  .banner1Block__title a {
    color: var(--text500);
  }

  .banner1Block__subtitle {
    font-size: 18px;
  }

  .banner1BlockButtons__btn {
    min-width: 200px;
    min-height: 50px;
    font-size: 18px;
  }

  .banner1BlockInfo {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .banner1BlockInfo__item {
    margin-right: 20px;
  }

  .banner1BlockInfo__item::after {
    left: calc(100% + 6px);
    width: 8px;
    height: 8px;
  }

  .banner1Advan1Item {
    flex-shrink: 0;
    max-width: 180px;
    padding: 16px;
    padding-top: 36px;
    font-size: 20px;
    margin-right: 15px;
  }

  .banner1Advan1Item:last-child {
    margin-right: 0;
  }

  .banner1Advan1Item::before {
    top: 16px;
    left: 16px;
  }

  .banner2Block_pt .banner2 {
    padding-top: 120px;
  }

  .banner2Block_pb .banner2 {
    padding-bottom: 98px;
  }

  .banner2Block_pb .banner2Block__dots {
    bottom: 44px;
  }

  .banner2Block__arrow {
    display: none;
  }

  .banner2Block__dots {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .banner2 {
    min-height: auto;
    padding-bottom: 78px;
  }

  .banner2__subtitle {
    font-size: 20px;
  }

  .banner2__advan1,
  .banner2__advan2,
  .banner2__advan3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .banner2__advan1 br,
  .banner2__advan2 br,
  .banner2__advan3 br {
    display: none;
  }

  .banner2__advan4 {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }

  .banner2__advan4 br {
    display: none;
  }

  .banner2__advan2 {
    grid-row-gap: 30px;
  }

  .banner2Advan1Item {
    min-height: auto;
    justify-content: flex-start;
  }

  .banner2Advan1Item__text {
    width: 100%;
    font-size: 20px;
  }

  .banner2Advan2Item {
    min-height: auto;
    justify-content: flex-start;
  }

  .banner2Advan2Item__inner {
    padding-top: 20px;
  }

  .banner2Advan2Item__inner::before {
    top: 2px;
    left: 0;
  }

  .sectionHead0__title_policy {
    font-size: 46px;
  }

  .sectionHead2 {
    justify-content: space-between;
  }

  .sectionHead2__title {
    padding-right: 20px;
  }

  .sectionHeadLink {
    min-height: 44px;
    padding: 8px;
    padding-left: 16px;
  }

  .sectionHeadLink__arrow {
    margin-left: 8px;
  }

  .moreButton .btn {
    width: 100%;
  }

  .popular1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 40px 15px;
  }

  .popular1Item {
    width: 60%;
    margin-right: 20px;
  }

  .popular1Item:last-child {
    margin-right: 0;
  }

  .popular2 {
    padding-bottom: 40px;
  }

  .popular2__prev,
  .popular2__next {
    display: none;
  }

  .popular2__slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0 15px;
  }

  .popular2Item {
    width: 75%;
    margin-right: 20px;
  }

  .popular2Item:last-child {
    margin-right: 0;
  }

  .about1__text {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .about2 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 40px;
    padding-right: 40px;
  }

  .about2__text {
    -webkit-line-clamp: 15;
  }

  .about2_sm .about2__text {
    -webkit-line-clamp: 15;
  }

  .about2_sm .about2__text.active {
    -webkit-line-clamp: 100;
  }

  .gallery1 {
    padding: 25px 15px;
    padding-top: 55px;
  }

  .gallery1__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
  }

  .gallery1__prev {
    top: 55px;
    left: 15px;
    transform: none;
    width: 55px;
    height: calc(100% - 110px);
    background: transparent;
    box-shadow: none;
  }

  .gallery1__prev svg {
    width: 32px;
    height: 32px;
    stroke: #FFFFFF;
  }

  .gallery1__prev:hover svg {
    stroke: #FFFFFF;
  }

  .gallery1__next {
    top: 55px;
    right: 15px;
    transform: none;
    width: 55px;
    height: calc(100% - 110px);
    background: transparent;
    box-shadow: none;
  }

  .gallery1__next svg {
    width: 32px;
    height: 32px;
    stroke: #FFFFFF;
  }

  .gallery1__next:hover svg {
    stroke: #FFFFFF;
  }

  .gallery1__slider {
    width: 100%;
  }

  .gallery1__item {
    opacity: 1;
  }

  .gallery1__item::before {
    padding-top: 70%;
  }

  .gallery2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .gallery2__slider {
    width: 100%;
  }

  .gallery2__item {
    width: 70%;
  }

  .gallery2__item::before {
    padding-top: 75%;
  }

  .gallery3 {
    padding-top: 55px;
  }

  .gallery3__slider {
    overflow: hidden;
  }

  .gallery3__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .gallery3__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .gallery3Item {
    flex: 0 0 auto;
  }

  .gallery3Item__hover {
    display: none;
  }

  .galleryPopup1 {
    padding-top: 60px;
  }

  .galleryPopup1__item {
    margin-bottom: 20px;
  }

  .actorsList1__wrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .actorsList1_slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
  }

  .actorsList1_slider .actorsList1__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .actorsList1_slider .actorsItem1 {
    flex: 0 0 auto;
    width: 45%;
    margin-right: 20px;
  }

  .actorsList1_slider .actorsItem1:last-child {
    margin-right: 0;
  }

  .actorsList1_slider .actorsItem1:only-child {
    width: 100%;
  }

  .actorsList2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .actorsList3__wrap {
    grid-template-columns: repeat(3, 1fr);
  }

  .actorsList3_slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
  }

  .actorsList3_slider .actorsList3__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .actorsList3_slider .actorsItem3 {
    flex: 0 0 auto;
    width: 33%;
    margin-right: 40px;
  }

  .actorsList3_slider .actorsItem3:last-child {
    margin-right: 0;
  }

  .recom1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
  }

  .recom1__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .recom1Item {
    flex: 0 0 auto;
    width: 75%;
    min-height: 360px;
    margin-right: 15px;
  }

  .recom1Item:last-child {
    margin-right: 0;
  }

  .recom2 {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }

  .recom2ItemImage::before {
    top: 60%;
  }

  .recom3 {
    grid-template-columns: 1fr;
  }

  .recom3Item {
    min-height: 380px;
  }

  .recom3Item__bottom {
    transform: translate(0, 0);
  }

  .recom3ItemMore {
    display: inline-flex;
    align-items: center;
    opacity: 1;
  }

  .advan1 {
    border-radius: 0;
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    grid-template-columns: 1fr;
  }

  .advan1Item {
    grid-column: auto;
  }

  .advan1Item:nth-child(5n-1),
  .advan1Item:nth-child(5n) {
    grid-column: auto;
  }

  .advan2 {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .advan3 {
    grid-template-columns: 1fr;
  }

  .advan3Item {
    border-right: none;
    border-top: 1px solid var(--gray2);
  }

  .advan4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .news1 {
    padding-top: 20px;
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .news1Slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 20px 15px;
    padding-bottom: 40px;
  }

  .news1Slider__arrows {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .news1Slider__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .news1Slider__item {
    flex-shrink: 0;
  }

  .news1Item {
    display: block;
  }

  .news2 {
    grid-gap: 80px;
    grid-template-columns: 1fr;
  }

  .news2Slider {
    padding-left: 75px;
    padding-right: 75px;
  }

  .news2Slider__arrows {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .news2Slider__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
    position: relative;
    z-index: 2;
  }

  .news2Slider__item {
    flex-shrink: 0;
  }

  .news2Item__title {
    margin-bottom: 20px;
  }

  .news3Item__image {
    width: 200px;
  }

  .news3Item__content {
    width: calc(100% - 200px);
  }

  .news3Item__text {
    margin-bottom: 10px;
  }

  .contacts3 {
    display: block;
  }

  .contacts3__content {
    width: 100%;
    padding: 20px 0;
    margin-bottom: 20px;
    text-align: center;
  }

  .contacts3__map {
    width: 100%;
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    border-radius: 0;
  }

  .form1 {
    display: block;
  }

  .form1__left {
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 40px;
  }

  .form1__subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .form1__right {
    width: 100%;
  }

  .form2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .form2__input {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }

  .form2__agreement {
    order: 2;
    margin: 0;
    margin-bottom: 12px;
  }

  .form2__submit {
    order: 3;
    width: 100%;
  }

  .form3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form3__input {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }

  .form3__agreement {
    order: 2;
    margin: 0;
    margin-bottom: 12px;
  }

  .form3__submit {
    order: 3;
    width: 100%;
  }

  .footer1__wrap {
    grid-template-columns: 300px 1fr;
  }

  .footer1__phone {
    font-size: 36px;
    line-height: 1.33;
  }

  .footer1__bottom {
    padding-top: 60px;
  }

  .footer1Item:first-child {
    order: 1;
  }

  .footer1Item:nth-child(2) {
    order: 3;
    grid-column: span 2;
  }

  .footer1Item:last-child {
    order: 2;
  }

  .footer1Methods {
    max-width: unset;
  }

  .footer2__wrap {
    padding: 0;
    flex-wrap: wrap;
  }

  .footer2__contacts {
    margin-bottom: 20px;
  }

  .footer2__email br {
    display: none;
  }

  .footer2Item {
    padding: 0;
    border: none;
  }

  .footer2Item:first-child {
    order: 1;
    width: 300px;
  }

  .footer2Item:nth-child(2) {
    order: 3;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--gray3);
  }

  .footer2Item:last-child {
    order: 2;
    width: calc(100% - 300px);
    padding-left: 40px;
  }

  .footer2Methods {
    max-width: 240px;
  }

  .footer3__block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .posterMessage {
    max-width: calc(100% - 70px);
    padding-left: 20px;
    padding-right: 20px;
  }

  .posterFilters__wrap {
    flex-wrap: wrap;
  }

  .posterMonths_hideOnMobiles {
    display: none;
  }

  .filters1__wrap {
    flex-wrap: wrap;
  }

  .filters1__months {
    display: none;
  }

  .filters1__select:last-child {
    display: block;
  }

  .filters2__wrap {
    flex-wrap: wrap;
  }

  .filters3_center {
    justify-content: flex-start;
  }

  .filters3__search,
  .filters3__selects,
  .filters3__controls {
    width: 100%;
  }

  .poster1 {
    flex-wrap: wrap;
    border-top-color: var(--gray1);
  }

  .poster1::after {
    display: none;
  }

  .poster1__left {
    width: 100%;
    margin-bottom: 20px;
  }

  .poster1__image {
    margin-right: 20px;
  }

  .poster1__dates {
    width: 194px;
    margin: 0;
  }

  .poster1__mobAge {
    display: block;
  }

  .poster1__center {
    display: block;
    padding: 0;
    padding-bottom: 40px;
  }

  .poster1__age {
    display: none;
  }

  .poster1__price {
    min-width: auto;
    width: 100%;
  }

  .poster1:hover {
    border-color: var(--gray1);
  }

  .poster1:hover .poster1__title {
    color: var(--text500);
  }

  .poster1SingleDate {
    margin: 0;
  }

  .poster1NoTickets {
    width: 100%;
  }

  .poster1NoTickets__title {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster1NoTickets__btn {
    width: 100%;
    min-height: 60px;
  }

  .poster2 {
    display: block;
  }

  .poster2__left {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
    justify-content: space-between;
  }

  .poster2__leftWrap {
    width: auto;
    display: flex;
    align-items: center;
  }

  .poster2__mobAge {
    display: block;
  }

  .poster2__center {
    display: block;
    padding-right: 0;
    padding-bottom: 20px;
  }

  .poster2__place {
    margin-bottom: 20px;
  }

  .poster2__right {
    min-width: unset;
    width: 100%;
    justify-content: flex-start;
  }

  .poster2__age {
    display: none;
  }

  .poster2__right {
    width: 100%;
  }

  .poster2__btn {
    min-width: 240px;
  }

  .poster2NoTickets {
    display: inline-block;
    min-width: 240px;
  }

  .poster2NoTickets__title {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster2NoTickets__btn {
    width: 100%;
  }

  .poster3 {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  .poster3__content {
    width: 100%;
    padding: 0;
  }

  .poster3__head {
    display: block;
  }

  .poster3__date {
    display: block;
    padding: 0;
    margin-bottom: 12px;
  }

  .poster3__date:last-child {
    margin-bottom: 0;
  }

  .poster3__info {
    width: 100%;
  }

  .poster3__wrap {
    display: block;
  }

  .poster3__data {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }

  .poster3__price {
    min-width: auto;
    width: 100%;
  }

  .poster3:hover {
    background: transparent;
  }

  .poster3Image {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }

  .poster3NoTickets {
    width: 100%;
  }

  .poster3NoTickets__btn {
    width: 100%;
  }

  .poster4 {
    flex-wrap: wrap;
    border-top-color: var(--gray1);
  }

  .poster4::after {
    display: none;
  }

  .poster4__image {
    order: 1;
    margin: 0;
    margin-bottom: 10px;
  }

  .poster4__mobHeading {
    order: 2;
    display: block;
  }

  .poster4__dates {
    order: 3;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    margin-bottom: 20px;
  }

  .poster4__dates::after {
    display: none;
  }

  .poster4__datesDelimiter {
    display: block;
    width: 20px;
    height: 6px;
    background: var(--text500);
    margin: 0 16px;
  }

  .poster4__center {
    order: 4;
    padding: 0;
    padding-bottom: 40px;
  }

  .poster4__place,
  .poster4__title {
    display: none;
  }

  .poster4__price {
    order: 5;
    min-width: auto;
    width: 100%;
  }

  .poster4:hover {
    border-color: var(--gray1);
  }

  .poster4:hover .poster4__title {
    color: var(--text500);
  }

  .poster4SingleDate {
    order: 3;
    margin: 0;
    margin-bottom: 20px;
  }

  .poster4Date {
    width: auto;
    flex-direction: row;
  }

  .poster4Date__date {
    font-size: 46px;
    margin: 0;
    margin-right: 6px;
  }

  .poster4NoTickets {
    order: 5;
    width: 100%;
  }

  .poster4NoTickets__title {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster4NoTickets__btn {
    width: 100%;
    min-height: 60px;
  }

  .poster5 {
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid var(--gray2);
    border-bottom: 1px solid var(--gray2);
  }

  .poster5__doubleDate {
    margin-bottom: 20px;
  }

  .poster5__head {
    margin-bottom: 20px;
  }

  .poster5__title {
    font-size: 36px;
  }

  .poster5__price {
    min-width: auto;
    width: 100%;
    margin-bottom: 16px;
  }

  .poster5Image {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
  }

  .poster5NoTickets {
    width: 100%;
    margin-bottom: 16px;
  }

  .poster5NoTickets__title {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster5NoTickets__btn {
    width: 100%;
    min-height: 60px;
  }

  .searchPopup {
    padding: 40px 30px;
  }

  .searchPopupForm {
    display: block;
  }

  .searchPopupForm__submit {
    width: 100%;
  }

  .searchPopupInput {
    width: 100%;
    margin-bottom: 10px;
  }

  .eventsBanner1_pt {
    padding-top: 110px;
  }

  .eventsBanner1_pb {
    padding-bottom: 80px;
  }

  .eventsBanner1__subtitle {
    font-size: 20px;
  }

  .inStock1 {
    padding-left: 0;
    padding-right: 0;
    gap: 10px;
  }

  .inStock1Item {
    width: calc(33.33% - 7px);
  }

  .noTicketsForm1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .noTicketsForm1__input {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }

  .noTicketsForm1__agreement {
    order: 2;
    margin: 0;
    margin-bottom: 12px;
  }

  .noTicketsForm1__submit {
    order: 3;
    width: 100%;
  }

  .inStock2 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 20px 15px;
  }

  .inStock2__wrap {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: unset;
    grid-template-columns: unset;
  }

  .inStock2Item {
    flex-shrink: 0;
    margin-right: 8px;
    padding-right: 20px;
  }

  .inStock2Item:last-child {
    margin-right: 0;
  }

  .inStock2More {
    display: none;
  }

  .noTicketsForm2 {
    display: block;
  }

  .noTicketsForm2__left {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
  }

  .noTicketsForm2__right {
    width: 100%;
  }

  .noTicketsForm3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .noTicketsForm3__input {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }

  .noTicketsForm3__agreement {
    order: 2;
    margin: 0;
    margin-bottom: 12px;
  }

  .noTicketsForm3__submit {
    order: 3;
    width: 100%;
  }

  .noTicketsForm4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .noTicketsForm4__input {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-bottom: 6px;
  }

  .noTicketsForm4__agreement {
    order: 2;
    margin: 0;
    margin-bottom: 12px;
  }

  .noTicketsForm4__submit {
    order: 3;
    width: 100%;
  }

  .eventInfo1__wrap {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }

  .quote1 {
    flex-wrap: wrap;
  }

  .quote1__textWrap {
    order: 1;
    margin-bottom: 44px;
  }

  .quote1__icon {
    top: 100%;
    right: 50%;
    transform: rotate(-90deg) translate(50%, 50%);
  }

  .quote1__text {
    padding-left: 25px;
    padding-right: 25px;
  }

  .quote1Author {
    order: 2;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
  }

  .quote1Author__image {
    margin: 0;
    margin-right: 20px;
  }

  .eventInfo2__wrap {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }

  .quote2__text {
    padding: 30px 25px;
  }

  .eventInfo3 {
    grid-template-columns: 1fr;
  }

  .quote3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .quote3__icon {
    width: 55px;
    left: 20px;
  }

  .reviews1 {
    padding-top: 55px;
  }

  .reviews1__arrows {
    margin-top: 25px;
  }

  .reviews1__slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
  }

  .reviews1Item {
    width: 61%;
    padding-top: 15px;
    margin-right: 20px;
  }

  .reviews1Item:last-child {
    margin-right: 0;
  }

  .reviews2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .reviews2__prev,
  .reviews2__next {
    top: 77px;
    transform: none;
  }

  .reviews2Item {
    display: block;
  }

  .reviews2Item__image {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .reviews2Item__text {
    -webkit-line-clamp: 10;
  }

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

  .reviews3__slider {
    order: 2;
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0 15px;
  }

  .reviews3__arrows {
    order: 1;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .reviews3Item {
    width: 61%;
    margin-right: 20px;
  }

  .reviews3Item:last-child {
    margin-right: 0;
  }

  .reviews3Item__text {
    -webkit-line-clamp: 8;
  }

  .reviews4Item__text {
    -webkit-line-clamp: 4;
  }

  .pageBanner1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pageBanner2 {
    min-height: 560px;
    padding-top: 60px;
  }

  .pageBanner2_pt {
    padding-top: 110px;
  }

  .pageBanner2_pb {
    padding-bottom: 80px;
  }

  .pageBanner2__title_policy {
    font-size: 46px;
  }

  .pageBanner2__subtitle {
    font-size: 20px;
    line-height: 1.4;
  }

  .anchorTabs1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 6px 15px;
  }

  .anchorTabs2 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 6px 15px;
  }

  .anchorTabs3 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 6px 15px;
  }

  .repertoire1 {
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .repertoire1ItemImage::before {
    padding-top: 90%;
  }

  .repertoire2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .repertoire2Slider {
    padding-top: 40px;
  }

  .repertoire2Slider__arrow {
    display: none;
  }

  .repertoire2Slider__slider {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0 15px;
  }

  .repertoire2Slider__item {
    width: 60%;
    margin-right: 20px;
  }

  .repertoire2Slider__item:last-child {
    margin-right: 0;
  }

  .repertoire2Item__image::before {
    padding-top: 80%;
  }

  .repertoire3 {
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .premieresTitle1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
  }

  .premieresTitle1__before {
    left: 50%;
    transform: translate(-490px, -50%);
  }

  .premieresTitle1__after {
    right: 50%;
    transform: translate(490px, -50%);
  }

  .premieres1After {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
  }

  .premieres1 {
    grid-template-columns: 1fr;
  }

  .premieres1Item {
    min-height: 356px;
  }

  .premieres2Block {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
  }

  .premieres2Title_bottom {
    bottom: 40px;
  }

  .premieres2 {
    grid-template-columns: 1fr;
  }

  .actorsFilter__search {
    width: 100%;
  }

  .actorsAbc {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding: 0 15px;
    padding-bottom: 5px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .actorsAbc::-webkit-scrollbar {
    width: 0;
    height: 0;
  }

  .actorsAbcAll {
    margin-right: 6px;
  }

  .actorsAbcItem__text {
    width: 37px;
    margin-right: 4px;
  }

  .actorsAbcItem__text:last-child {
    margin-right: 0;
  }

  .actorBanner1__block {
    order: 2;
    width: 100%;
    min-height: auto;
    padding: 25px 15px;
    margin-top: -44px;
    background: #FFFFFF;
    color: var(--text500);
  }

  .actorBanner1__block::before {
    display: none;
  }

  .actorBanner1__bg,
  .actorBanner1__crumbs {
    display: none;
  }

  .actorBanner1__title {
    margin-bottom: 10px;
  }

  .actorBanner1__subtitle {
    font-size: 18px;
  }

  .actorBanner1__image {
    display: block;
    order: 1;
    width: 100%;
    height: 380px;
  }

  .actorBanner2 {
    padding: 40px 20px;
  }

  .actorBanner2__wrap {
    display: block;
  }

  .actorBanner2__image {
    margin-bottom: 40px;
  }

  .actorBanner2__text {
    width: 100%;
    padding: 0;
  }

  .actorBanner2__title {
    margin-bottom: 20px;
  }

  .actorBanner2__subtitle {
    font-size: 20px;
    line-height: 1.4;
  }

  .actorBanner2__crumbs {
    margin-top: 40px;
  }

  .actorAbout1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .actorAbout1__image {
    order: 1;
  }

  .actorAbout1__image::before {
    padding-top: 60%;
  }

  .actorAbout1__content {
    order: 2;
  }

  .actorAbout2Title {
    padding-top: 40px;
  }

  .actorAbout2Title__content {
    padding-left: 20px;
  }

  .newsBanner1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsBanner1__title {
    font-size: 48px;
    margin-bottom: 20px;
  }

  .newsBanner1__subtitle {
    font-size: 18px;
    line-height: 1.4;
  }

  .newsOneTitle1__title {
    font-size: 48px;
  }

  .newsOne1 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsOne1__image {
    margin-bottom: 20px;
  }

  .newsOne1__image::before {
    padding-top: 60%;
  }

  .platforms1 {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }

  .platforms1Item__btn {
    bottom: 15px;
    right: 15px;
  }

  .platforms2Item:nth-child(-n+3),
  .platforms2Item.active {
    align-items: flex-start;
  }

  .platforms2Item__content {
    display: block;
    padding-left: 20px;
  }

  .platforms2Item__text {
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }

  .platforms2Item__btn {
    margin: 0;
  }

  .platforms3 {
    transform: translate(-15px, 0);
    width: calc(100% + 30px);
  }

  .platforms3Item:nth-child(-n+3),
  .platforms3Item.active {
    display: block;
  }

  .platforms3Item__image {
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }

  .platforms3Item__content {
    width: 100%;
    padding: 0;
    display: block;
  }

  .platforms3Item__btn {
    margin: 0;
  }

  .platforms4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .paymentInfo2__head {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .paymentInfo2__methods {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 12px;
  }

  .shippingInfo2 {
    grid-gap: 40px;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 960px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 639px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }

  .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .hd86 {
    font-size: 40px;
  }

  .hd86_sm {
    font-size: 35px;
  }

  .hd78 {
    font-size: 40px;
  }

  .hd72 {
    font-size: 46px;
  }

  .hd72_sm {
    font-size: 38px;
  }

  .hd60 {
    font-size: 38px;
  }

  .hd48 {
    font-size: 28px;
  }

  .hd40 {
    font-size: 30px;
  }

  .hd38 {
    font-size: 38px;
  }

  .hd36 {
    font-size: 24px;
  }

  .hd30 {
    font-size: 24px;
  }

  .hd28 {
    font-size: 24px;
  }

  .hd24 {
    font-size: 22px;
  }

  .hd22 {
    font-size: 22px;
  }

  .hd20 {
    font-size: 18px;
  }

  .text24 {
    font-size: 20px;
  }

  .text20 {
    font-size: 18px;
  }

  .text18 {
    font-size: 16px;
  }

  .text16 {
    font-size: 16px;
  }

  .text15 {
    font-size: 15px;
  }

  .text14 {
    font-size: 14px;
  }

  .text12 {
    font-size: 12px;
  }

  .arrow {
    width: 35px;
    height: 35px;
    border-radius: 8px;
  }

  .arrow svg {
    width: 18px;
    height: 18px;
  }

  .textBlock {
    font-size: 18px;
    line-height: 1.55;
  }

  .textBlock h2 {
    font-size: 36px;
    margin-top: 40px;
  }

  .textBlock h3 {
    font-size: 24px;
    margin-top: 30px;
  }

  .textBlock h4 {
    font-size: 20px;
    margin-top: 30px;
  }

  .textBlock p {
    margin-bottom: 16px;
  }

  .textBlock ul {
    margin-bottom: 16px;
  }

  .textBlock ul li {
    margin-bottom: 0;
    padding-left: 24px;
  }

  .textBlock ul li::before {
    top: 11px;
    left: 9px;
  }

  .textBlock ol {
    margin-bottom: 16px;
  }

  .textBlock ol li {
    margin-bottom: 0;
  }

  .headerMobPhone1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerMobPhone2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerMobPhone3 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerPhone {
    display: none;
  }

  .headerPhone2 {
    display: none;
  }

  .smallMenuWrap {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
  }

  .smallMenu {
    padding-left: 10px;
    padding-right: 10px;
    gap: 6px;
  }

  .smallMenu__link {
    font-size: 15px;
  }

  .banner1 {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .banner1 .wrapper {
    padding: 0;
  }

  .banner1__advan1 {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    transform: none;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
  }

  .banner1__advan2 {
    padding: 0 10px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }

  .banner1Slider__dots {
    top: 228px;
  }

  .banner1Slide__image {
    height: 290px;
  }

  .banner1Advan1Item {
    flex-shrink: unset;
    padding: 12px 0;
    padding-top: 28px;
    font-size: 18px;
    margin: 0;
  }

  .banner1Advan1Item::before {
    top: 12px;
    left: 0;
  }

  .banner1Advan2Item {
    padding: 12px 30px;
  }

  .banner1Advan2Item__text {
    font-size: 18px;
  }

  .banner2Block_pt .banner2 {
    padding-top: 100px;
  }

  .banner2__heading {
    margin-bottom: 40px;
  }

  .banner2__subtitle {
    font-size: 18px;
  }

  .banner2__btn {
    margin-bottom: 40px;
  }

  .banner2__advan1Wrap {
    display: flex;
    justify-content: center;
  }

  .banner2__advan1 {
    display: inline-grid;
    grid-gap: 12px;
    grid-template-columns: 1fr;
  }

  .banner2__advan2 {
    grid-column-gap: 10px;
    grid-row-gap: 15px;
  }

  .banner2__advan3 {
    padding: 0 20px;
    grid-gap: 12px;
    grid-template-columns: 1fr;
  }

  .banner2__advan4 {
    padding: 0 5px;
    grid-column-gap: 10px;
    grid-row-gap: 7px;
  }

  .banner2Top {
    font-size: 18px;
    line-height: 1.55;
  }

  .banner2Top__item {
    margin-right: 19px;
  }

  .banner2Top__item::after {
    left: calc(100% + 8px);
    width: 3px;
    height: 20px;
  }

  .banner2Advan1Item__icon {
    width: 32px;
  }

  .banner2Advan1Item__text {
    font-size: 16px;
  }

  .banner2Advan2Item {
    font-size: 16px;
  }

  .banner2Advan2Item__inner {
    padding-top: 14px;
  }

  .banner2Advan3Item {
    min-height: auto;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 18px;
  }

  .banner2Advan4Item {
    padding: 10px 5px;
    padding-bottom: 8px;
    font-size: 14px;
  }

  .sectionHead0 {
    padding-top: 40px;
  }

  .sectionHead0__title_policy {
    font-size: 23px;
  }

  .sectionHead1 {
    padding-top: 40px;
  }

  .sectionHead2__title {
    padding-right: 10px;
  }

  .sectionHeadLink {
    min-height: 32px;
    border-radius: 10px;
    font-size: 14px;
  }

  .sectionHeadLink__arrow {
    width: 16px;
  }

  .sectionHeadLink__arrow svg {
    width: 16px;
    height: 16px;
  }

  .popular1Arrows {
    display: none;
  }

  .popular1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 25px 10px;
  }

  .popular1Item {
    width: 95%;
    margin-right: 10px;
  }

  .popular1Item:only-child {
    width: 100%;
  }

  .popular1ItemImage__top {
    top: 10px;
    padding: 0 10px;
  }

  .popular1ItemImage__bottom {
    bottom: 10px;
    padding: 0 10px;
  }

  .popular2 {
    padding: 25px 0;
  }

  .popular2__slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 0 10px;
  }

  .popular2Item {
    width: 95%;
    margin-right: 10px;
    padding: 15px;
    padding-top: 80px;
  }

  .popular2Item:only-child {
    width: 100%;
  }

  .popular2Item__top {
    top: 15px;
    padding: 0 15px;
  }

  .popular2Item__age {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .popular2Item:hover .popular2Item__img {
    transform: scale(1);
  }

  .popular2Item:hover::after {
    opacity: 1;
  }

  .popular3 {
    padding: 25px 0;
  }

  .popular3Item {
    padding: 15px;
    padding-top: 70px;
    margin-bottom: 10px;
  }

  .popular3Item__top {
    top: 15px;
    padding: 0 15px;
  }

  .popular3Item__title {
    font-size: 28px;
  }

  .popular3Item:hover .popular3Item__img {
    transform: scale(1);
  }

  .popular3Item:hover::after {
    opacity: 1;
  }

  .about1 {
    padding: 25px 0;
  }

  .about1__side:nth-child(-n+2) {
    display: none;
  }

  .about1__side:nth-child(-n+1),
  .about1__side.active {
    display: block;
  }

  .about2 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .about2__text {
    font-size: 18px;
    line-height: 1.55;
  }

  .about2__text p {
    margin-bottom: 16px;
  }

  .about3__text {
    font-size: 18px;
    line-height: 1.5;
    -webkit-line-clamp: 15;
  }

  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 6px;
  }

  .gallery1 {
    padding: 40px 10px;
  }

  .gallery1__dots {
    margin-top: 20px;
  }

  .gallery1__prev {
    top: 40px;
    left: 10px;
    width: 45px;
    height: calc(100% - 112px);
  }

  .gallery1__prev svg {
    width: 24px;
    height: 24px;
  }

  .gallery1__next {
    top: 40px;
    right: 10px;
    width: 45px;
    height: calc(100% - 112px);
  }

  .gallery1__next svg {
    width: 24px;
    height: 24px;
  }

  .gallery1__item {
    border-radius: 10px;
  }

  .gallery1__item::before {
    padding-top: 75%;
  }

  .gallery2 {
    padding: 25px 10px;
  }

  .gallery2__item {
    width: 95%;
    border-radius: 10px;
  }

  .gallery3 {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .gallery3__controls {
    padding: 4px 5px;
    padding-top: 8px;
  }

  .gallery3Item {
    border-radius: 10px;
  }

  .galleryPopup1 {
    padding: 30px 10px;
  }

  .galleryPopup1__close {
    bottom: 15px;
    width: 60px;
    height: 60px;
  }

  .galleryPopup1__close svg {
    width: 32px;
    height: 32px;
  }

  .galleryPopup1__item {
    border-radius: 10px;
  }

  .galleryPopup1__item::before {
    padding-top: 70%;
  }

  .actorsList1 {
    padding: 25px 0;
  }

  .actorsList1__wrap {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }

  .actorsList1_slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .actorsList1_slider .actorsItem1 {
    width: 90%;
    margin-right: 10px;
  }

  .actorsItem1__image {
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .actorsItem1__title {
    margin-bottom: 4px;
  }

  .actorsList2 {
    grid-gap: 10px;
  }

  .actorsItem2::before {
    padding-top: 150%;
  }

  .actorsItem2__text {
    padding: 0 5px;
  }

  .actorsItem2__title {
    margin-bottom: 2px;
  }

  .actorsItem2__subtitle {
    font-size: 14px;
  }

  .actorsList3__wrap {
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }

  .actorsList3_slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .actorsList3_slider .actorsItem3 {
    width: 50%;
    margin-right: 30px;
  }

  .actorsItem3__image {
    margin-bottom: 15px;
  }

  .actorsItem3__title {
    margin-bottom: 4px;
  }

  .recom1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 25px 10px;
  }

  .recom1Item {
    width: 95%;
    margin-right: 10px;
    padding: 15px;
    padding-top: 80px;
  }

  .recom1Item:only-child {
    width: 100%;
  }

  .recom1Item__top {
    top: 15px;
    padding: 0 15px;
  }

  .recom1Item:hover .recom1Item__img {
    transform: scale(1);
  }

  .recom1Item:hover::after {
    opacity: 1;
  }

  .recom2 {
    grid-gap: 30px;
    padding: 25px 0;
  }

  .recom2Item:hover .recom2ItemImage__img {
    transform: scale(1);
  }

  .recom2Item:hover .recom2ItemImage::after {
    opacity: 1;
  }

  .recom2ItemImage::before {
    padding-top: 70%;
  }

  .recom2ItemImage__top {
    top: 15px;
    padding: 0 15px;
  }

  .recom2ItemImage__bottom {
    bottom: 15px;
    padding: 0 15px;
  }

  .recom2ItemImage__date {
    font-size: 18px;
  }

  .recom3 {
    grid-gap: 10px;
    padding: 25px 0;
  }

  .recom3Item {
    min-height: 360px;
    padding: 25px 15px;
  }

  .recom3Item:hover .recom3Item__image {
    transform: scale(1) rotate(0);
  }

  .advan1 {
    margin: 25px 0;
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 25px 10px;
    grid-gap: 10px;
  }

  .advan1Item {
    padding: 10px 15px;
  }

  .advan1Item__title {
    margin-bottom: 10px;
  }

  .advan2 {
    grid-gap: 10px;
    padding: 25px 0;
  }

  .advan2Item {
    align-items: center;
    border-radius: 15px;
    padding: 10px 15px;
  }

  .advan2Item__content {
    padding-left: 10px;
  }

  .advan2Item__title {
    margin-bottom: 4px;
  }

  .advan2Item__text {
    font-size: 15px;
    line-height: 1.4;
  }

  .advan3 {
    padding: 25px 0;
  }

  .advan3Item {
    padding: 16px 0;
  }

  .advan3Item__title {
    margin-bottom: 4px;
  }

  .advan4 {
    grid-template-columns: 1fr;
    grid-gap: 20px;
    padding: 25px 0;
  }

  .advan4Item__title {
    margin-bottom: 8px;
  }

  .advan5 {
    padding: 25px 0;
  }

  .advan5Item {
    padding: 12px 20px;
    padding-right: 16px;
    margin-bottom: 6px;
  }

  .news1 {
    padding: 25px 0;
  }

  .news1Slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 10px;
    padding-bottom: 25px;
  }

  .news1Item {
    padding-left: 0;
    padding-right: 0;
  }

  .news1Item:hover .news1Item__btn {
    background: var(--gray1);
  }

  .news2 {
    padding: 25px 0;
    grid-gap: 20px;
  }

  .news2Slider {
    padding: 25px 0;
  }

  .news2Slider__arrows {
    position: static;
    height: auto;
    padding: 4px;
    margin-top: 20px;
    justify-content: center;
  }

  .news2Slider__arrow {
    margin-right: 40px;
  }

  .news2Slider__arrow:last-child {
    margin-right: 0;
  }

  .news2Slider__slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 0 10px;
  }

  .news3 {
    padding: 25px 0;
  }

  .news3Item {
    padding: 15px 0;
    display: block;
  }

  .news3Item__image {
    margin-bottom: 20px;
  }

  .news3Item__content {
    width: 100%;
    padding: 0;
  }

  .contacts1 {
    padding: 25px 0;
  }

  .contacts1__content {
    margin: 0;
  }

  .contacts1__map {
    height: 300px;
  }

  .contacts2 {
    padding: 25px 0;
  }

  .contacts2__content {
    margin-bottom: 10px;
    padding: 20px 15px;
  }

  .contacts2__map {
    height: 300px;
  }

  .contacts3 {
    padding: 25px 0;
  }

  .contacts3__content {
    margin-bottom: 10px;
  }

  .contacts3__map {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
  }

  .form1 {
    margin: 25px 0;
    padding: 40px 15px;
  }

  .form1__left {
    text-align: left;
    margin-bottom: 30px;
  }

  .form1__title {
    font-size: 36px;
  }

  .form2 {
    margin: 25px 0;
    padding: 30px 15px;
  }

  .form3 {
    margin: 25px 0;
    padding: 30px 10px;
  }

  .form3__title {
    font-size: 36px;
  }

  .form3__subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .footer1 {
    padding: 25px 0;
    text-align: center;
  }

  .footer1__wrap {
    grid-template-columns: 1fr;
  }

  .footer1__contacts {
    margin-bottom: 10px;
  }

  .footer1__phone {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .footer1__worktime {
    font-size: 15px;
  }

  .footer1__email {
    font-size: 18px;
  }

  .footer1__info {
    font-size: 12px;
  }

  .footer1__bottom {
    padding-top: 45px;
  }

  .footer1Item:nth-child(2) {
    grid-column: unset;
  }

  .footer1Item__title {
    margin-bottom: 20px;
  }

  .footer1Methods {
    justify-content: center;
    max-width: 240px;
    margin: 0 auto;
    margin-bottom: 18px;
  }

  .footer2 {
    padding: 25px 0;
  }

  .footer2__info {
    margin-bottom: 20px;
  }

  .footer2Item:first-child {
    order: 3;
    width: 100%;
  }

  .footer2Item:nth-child(2) {
    order: 2;
    border-bottom: 1px solid var(--gray3);
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .footer2Item:last-child {
    order: 1;
    width: 100%;
    padding: 0;
  }

  .footer2Item_menu {
    display: flex;
    align-items: flex-start;
  }

  .footer2Item_menu .footer2Item__title {
    width: 93px;
    margin: 0;
  }

  .footer2Methods {
    margin-bottom: 8px;
  }

  .footer2Menu {
    width: calc(100% - 93px);
  }

  .footer3 {
    padding: 25px 0;
  }

  .footer3__block {
    padding: 30px 15px;
    margin-bottom: 25px;
  }

  .footer3__phone {
    font-size: 30px;
  }

  .footer3__worktime {
    font-size: 15px;
  }

  .footer3__email {
    font-size: 18px;
    line-height: 1.55;
  }

  .footer3__email br {
    display: block;
  }

  .footer3__bottom p {
    margin-bottom: 6px;
  }

  .footer3Methods__wrap {
    max-width: 240px;
    margin: 0 auto;
  }

  .posterMessage {
    max-width: calc(100% - 20px);
    padding: 15px 10px;
  }

  .posterMessage__icon {
    width: 20px;
  }

  .posterMessage__icon svg {
    width: 20px;
    height: 20px;
  }

  .posterMessage__text {
    width: calc(100% - 20px);
    padding-left: 10px;
    font-size: 12px;
    line-height: 1.33;
  }

  .posterMessage__text p {
    margin-bottom: 4px;
  }

  .posterFilters__mobIcon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .posterFilters__clear1.visible {
    display: none;
  }

  .posterFilters__select {
    display: none;
  }

  .posterFilters__select:nth-child(2) {
    display: block;
  }

  .posterFilters__controls {
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: unset;
  }

  .posterSearch__input {
    height: 42px;
    padding-right: 16px;
    text-align: left;
    font-size: 15px;
  }

  .posterSearch__input::placeholder {
    font-size: 15px;
  }

  .filtersMobIcon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .filtersClear {
    display: none;
  }

  .filtersClear_visible {
    display: none;
  }

  .posterMonths {
    padding: 5px 0;
  }

  .posterMonthsItem {
    margin-right: 6px;
  }

  .posterMonthsItem__text {
    padding: 9px 18px;
    font-size: 16px;
    line-height: 1.5;
  }

  .filtersSearch__input {
    height: 42px;
    padding-right: 16px;
  }

  .multiSelect__field {
    height: 42px;
  }

  .multiSelect__text {
    font-size: 15px;
  }

  .multiSelect__popup {
    min-width: auto;
  }

  .multiSelectVariant__text {
    min-height: 36px;
    font-size: 15px;
  }

  .weekendFilter__text {
    min-height: 42px;
    padding: 4px;
    padding-left: 40px;
    font-size: 16px;
  }

  .weekendFilter__text::before {
    width: 14px;
    height: 14px;
    left: 16px;
  }

  .weekendFilter__text::after {
    width: 12px;
    height: 12px;
    left: 18px;
  }

  .ticketsFilter__content {
    min-height: 42px;
    padding: 4px;
    padding-left: 12px;
    font-size: 16px;
  }

  .ticketsFilter__icon {
    width: 25px;
  }

  .ticketsFilter__icon svg {
    width: 25px;
    height: 25px;
  }

  .singleCalendar__input {
    width: 100%;
    height: 42px;
    padding-left: 44px;
    font-size: 16px;
  }

  .singleCalendar__input::placeholder {
    font-size: 16px;
  }

  .singleCalendar__icon {
    width: 25px;
  }

  .singleCalendar__icon svg {
    width: 25px;
    height: 25px;
  }

  .periodFrom__input {
    width: 100%;
    height: 42px;
    padding-left: 16px;
    font-size: 15px;
  }

  .periodFrom__icon {
    width: 25px;
  }

  .periodFrom__icon svg {
    width: 25px;
    height: 25px;
  }

  .periodTo__input {
    width: 100%;
    height: 42px;
    padding-left: 16px;
    font-size: 15px;
  }

  .periodTo__icon {
    width: 20px;
  }

  .periodTo__icon svg {
    width: 20px;
    height: 20px;
  }

  .filters1__select {
    display: none;
  }

  .filters1__select:nth-child(2) {
    display: block;
  }

  .filters1__select:last-child {
    display: none;
  }

  .filters1__controls {
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: unset;
  }

  .filters1__calendar {
    order: -1;
    width: 100%;
  }

  .filters1__weekend,
  .filters1__tickets {
    width: calc(50% - 4px);
  }

  .filters2__select {
    display: none;
  }

  .filters2__select:nth-child(2) {
    display: block;
  }

  .filters2__controls {
    width: 100%;
    flex-wrap: wrap;
    flex-shrink: unset;
  }

  .filters2__weekend,
  .filters2__tickets {
    width: calc(50% - 4px);
  }

  .filters3__select {
    display: none;
  }

  .filters3__select:nth-child(2) {
    display: block;
  }

  .filters3__controls {
    display: none;
  }

  .filters3__periods {
    width: 100%;
  }

  .filters3__from {
    width: calc(55% - 4px);
  }

  .filters3__to {
    width: calc(45% - 4px);
  }

  .poster1Wrap {
    padding: 25px 0;
  }

  .poster1__left {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .poster1__image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .poster1__image::before {
    content: "";
    display: block;
    padding-top: 67%;
  }

  .poster1__image img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .poster1__dates {
    width: 188px;
  }

  .poster1__dates::after {
    font-size: 52px;
  }

  .poster1__mobAge {
    width: auto;
    font-size: 20px;
  }

  .poster1__center {
    padding-bottom: 20px;
  }

  .poster1__title {
    font-size: 26px;
  }

  .poster1__place {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster1__data {
    font-size: 14px;
  }

  .poster1__data p {
    margin-bottom: 8px;
  }

  .poster1SingleDate__date {
    font-size: 46px;
    margin-right: 14px;
  }

  .poster1SingleDate__day {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .poster1Date__date {
    font-size: 46px;
  }

  .poster1Date__month {
    font-size: 16px;
  }

  .poster2Wrap {
    padding: 25px 0;
  }

  .poster2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .poster2__left {
    justify-content: flex-start;
  }

  .poster2__dates {
    order: 2;
    width: 158px;
    max-width: calc(100% - 110px);
    margin: 0;
  }

  .poster2__dates::after {
    font-size: 38px;
  }

  .poster2__leftWrap {
    order: 1;
    display: block;
  }

  .poster2__image {
    margin-right: 10px;
  }

  .poster2__mobAge {
    display: none;
  }

  .poster2__title {
    font-size: 24px;
  }

  .poster2__data {
    font-size: 14px;
  }

  .poster2__data > span {
    margin-bottom: 8px;
  }

  .poster2__btn {
    min-width: auto;
    width: 100%;
  }

  .poster2:hover {
    border-color: var(--gray2);
    box-shadow: none;
  }

  .poster2SingleDate {
    order: 2;
    width: 156px;
    max-width: calc(100% - 110px);
  }

  .poster2SingleDate__date {
    font-size: 48px;
    margin-right: 6px;
  }

  .poster2SingleDate__info {
    font-size: 16px;
  }

  .poster2Date {
    width: 73px;
  }

  .poster2Date__date {
    font-size: 38px;
  }

  .poster2Date__month {
    font-size: 15px;
  }

  .poster2Category {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster2NoTickets {
    display: block;
    min-width: unset;
    width: 100%;
  }

  .poster3Wrap {
    padding: 25px 0;
  }

  .poster3__date {
    font-size: 35px;
  }

  .poster3__data {
    padding-bottom: 20px;
  }

  .poster3Image {
    margin-bottom: 20px;
  }

  .poster3Image::before {
    padding-top: 70%;
  }

  .poster3InfoItem {
    font-size: 16px;
    margin-right: 12px;
  }

  .poster3InfoItem_age {
    font-size: 18px;
    padding: 0 10px;
  }

  .poster4Wrap {
    padding: 25px 0;
  }

  .poster4__image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .poster4__image::before {
    content: "";
    display: block;
    padding-top: 67%;
  }

  .poster4__image img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .poster4__datesDelimiter {
    width: 10px;
    height: 3px;
    margin: 0 6px;
  }

  .poster4__center {
    padding-bottom: 20px;
  }

  .poster4__mobPlace {
    font-size: 15px;
    line-height: 1.4;
  }

  .poster4__mobTitle {
    font-size: 26px;
  }

  .poster4SingleDate__date {
    font-size: 46px;
    margin-right: 14px;
  }

  .poster4SingleDate__day {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .poster4Date__date {
    border-radius: 10px;
    font-size: 32px;
  }

  .poster4Category {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 8px;
  }

  .poster5Wrap {
    padding: 25px 0;
  }

  .poster5__doubleDate {
    font-size: 38px;
    margin-bottom: 10px;
  }

  .poster5__head {
    display: block;
    margin-bottom: 15px;
  }

  .poster5__date {
    display: block;
    padding: 0;
    font-size: 45px;
    margin-bottom: 10px;
  }

  .poster5__info {
    flex-shrink: unset;
    width: 100%;
  }

  .poster5__title {
    font-size: 28px;
  }

  .poster5Image {
    margin-bottom: 10px;
  }

  .poster5Image::before {
    padding-top: 70%;
  }

  .poster5InfoItem {
    font-size: 16px;
    margin-right: 12px;
  }

  .poster5InfoItem_age {
    font-size: 16px;
    padding: 0 10px;
  }

  .searchPopup {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    padding: 32px 10px;
    padding-top: 60px;
  }

  .searchPopup__close svg {
    fill: var(--text500);
  }

  .searchPopup__close:hover svg {
    fill: var(--text500);
  }

  .searchPopup__title {
    margin-bottom: 24px;
  }

  .crumbs1 {
    padding: 4px 0;
    margin-bottom: 8px;
  }

  .crumbs1__item {
    padding: 2px 4px;
    font-size: 11px;
  }

  .crumbs1__arrow svg {
    width: 13px;
    height: 8px;
  }

  .crumbs2 {
    padding: 4px 0;
    margin-bottom: 8px;
  }

  .crumbs2__item {
    padding: 4px 2px;
    font-size: 14px;
  }

  .crumbs2__arrow svg {
    width: 16px;
    height: 16px;
  }

  .crumbs3 {
    padding: 10px 0;
  }

  .crumbs3_paddingTop {
    padding-top: 40px;
  }

  .crumbs3__item {
    padding: 4px 0;
    font-size: 14px;
  }

  .crumbs3__arrow svg {
    width: 16px;
    height: 16px;
  }

  .crumbs4__item {
    padding: 4px;
    font-size: 11px;
  }

  .crumbs4__arrow svg {
    width: 10px;
    height: 8px;
  }

  .eventsBanner1 {
    min-height: auto;
  }

  .eventsBanner1__crumbs {
    margin-bottom: 30px;
  }

  .eventsBanner1__heading {
    margin-bottom: 30px;
  }

  .eventsBanner1__subtitle {
    font-size: 18px;
  }

  .eventsBanner1Info {
    font-size: 18px;
    line-height: 1.55;
    margin-bottom: 30px;
  }

  .eventsBanner1Info__item {
    margin-right: 19px;
  }

  .eventsBanner1Info__item::after {
    left: calc(100% + 8px);
    width: 3px;
    height: 20px;
  }

  .eventsBanner1Buttons {
    margin-top: 30px;
  }

  .eventsBanner1Buttons__btn {
    width: 100%;
    width: calc(100% - 40px);
    margin-right: 0;
  }

  .eventsBanner1Buttons__btn:last-child {
    margin-bottom: 0;
  }

  .eventsBanner1Buttons__play {
    width: 100%;
    width: calc(100% - 40px);
    margin-right: 0;
  }

  .eventsBanner1Buttons__play:last-child {
    margin-bottom: 0;
  }

  .playBtn1 {
    min-height: 55px;
    padding: 4px 16px;
  }

  .inStock1 {
    padding-top: 10px;
    gap: 8px;
  }

  .inStock1Item {
    width: calc(50% - 4px);
    padding: 8px 4px;
  }

  .inStock1Item__date {
    font-size: 24px;
    line-height: 1.25;
    margin: 0;
  }

  .ticketsWidget {
    padding-bottom: 20px;
  }

  .noTicketsForm1 {
    margin: 25px 0;
    padding: 30px 10px;
  }

  .noTicketsForm1__title {
    font-size: 36px;
  }

  .noTicketsForm1__subtitle {
    font-size: 16px;
    line-height: 1.5;
  }

  .inStock2 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 10px;
  }

  .inStock2Item {
    margin-right: 6px;
    padding: 6px 12px;
    border-radius: 10px;
  }

  .inStock2Item__date {
    font-size: 20px;
    line-height: 1.4;
  }

  .inStock2Item__info {
    font-size: 12px;
  }

  .noTicketsForm2 {
    margin: 25px 0;
    padding: 40px 15px;
  }

  .noTicketsForm2__left {
    margin-bottom: 30px;
  }

  .noTicketsForm2__title {
    font-size: 24px;
  }

  .noTicketsForm3 {
    margin: 25px 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .noTicketsForm3__title {
    font-size: 24px;
  }

  .noTicketsForm3__subtitle {
    font-size: 15px;
    line-height: 1.4;
  }

  .noTicketsForm3Sup {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .noTicketsForm4 {
    margin: 25px 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .noTicketsForm4__title {
    font-size: 28px;
  }

  .noTicketsForm4Sup {
    font-size: 15px;
    margin-bottom: 12px;
  }

  .eventInfo1 {
    padding: 25px 0;
  }

  .eventInfo1Item {
    padding-top: 12px;
  }

  .eventInfo1DataItem {
    display: block;
    margin-bottom: 16px;
  }

  .eventInfo1DataItem__title {
    width: 100%;
    margin: 0;
    margin-bottom: 4px;
  }

  .quote1 {
    padding: 25px 0;
  }

  .quote1__text {
    padding: 15px;
    font-size: 16px;
  }

  .quote1Author__image {
    width: 100px;
    height: 100px;
  }

  .eventInfo2__wrap {
    grid-gap: 6px;
    grid-template-columns: 1fr;
  }

  .eventInfo2Item {
    padding: 8px;
  }

  .eventInfo2Item__title {
    font-size: 15px;
    line-height: 1.4;
  }

  .eventInfo2Item__subtitle {
    font-size: 20px;
  }

  .eventInfo2DataItem {
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .eventInfo2DataItem__title {
    width: 120px;
    margin-right: 4px;
    font-size: 16px;
    line-height: 1.25;
  }

  .eventInfo2DataItem__text {
    font-size: 15px;
    line-height: 1.4;
  }

  .quote2__textWrap {
    margin-bottom: 32px;
  }

  .quote2__icon {
    top: calc(100% - 1px);
    left: 40px;
    width: 18px;
  }

  .quote2__text {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-radius: 5px;
    padding: 20px 5px;
    font-size: 20px;
  }

  .quote2Author__image {
    width: 90px;
    height: 90px;
  }

  .quote2Author__text {
    max-width: calc(100% - 110px);
  }

  .eventInfo3 {
    padding: 25px 0;
    grid-gap: 50px;
  }

  .eventInfo3__wrap {
    display: block;
    margin-bottom: 15px;
  }

  .eventInfo3__wrap:last-child {
    margin-bottom: 0;
  }

  .eventInfo3DataItem__title {
    width: 120px;
    font-size: 18px;
  }

  .eventInfo3DataItem__text {
    font-size: 15px;
    line-height: 1.4;
  }

  .eventInfo3Item {
    display: flex;
    font-size: 16px;
    margin-bottom: 8px;
  }

  .eventInfo3Item:last-child {
    margin-bottom: 0;
  }

  .eventInfo3Item__title {
    padding-left: 17px;
    padding-right: 6px;
  }

  .eventInfo3Item__text {
    font-size: 18px;
  }

  .quote3 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    border-radius: 0;
    padding: 25px 20px;
    padding-bottom: 50px;
  }

  .quote3__icon {
    top: 25px;
    left: 50%;
    transform: translate(-80px, 0);
    width: 45px;
  }

  .quote3__text {
    font-size: 16px;
    line-height: 1.5;
  }

  .quote3Author {
    margin-bottom: 16px;
  }

  .quote3Author__image {
    width: 100px;
    height: 100px;
    margin-top: 0;
  }

  .reviews1 {
    padding: 25px 0;
  }

  .reviews1__arrows {
    margin-top: 10px;
  }

  .reviews1__slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 17px;
  }

  .reviews1Item {
    width: 100%;
    padding-top: 25px;
    margin-right: 10px;
  }

  .reviews1Item__head {
    margin-bottom: 8px;
  }

  .reviews1Item__text {
    -webkit-line-clamp: 10;
  }

  .reviews1Item__icon {
    left: 20px;
  }

  .reviews1Item__icon svg {
    width: 32px;
    height: 17px;
  }

  .reviews2 {
    padding: 25px 0;
  }

  .reviews2__prev,
  .reviews2__next {
    top: 62px;
    width: 45px;
    height: 45px;
    border-radius: 10px;
  }

  .reviews2__prev svg,
  .reviews2__next svg {
    width: 23px;
    height: 23px;
  }

  .reviews2Item__content {
    padding: 20px 0;
    padding-top: 15px;
  }

  .reviews2Item__title {
    font-size: 20px;
    line-height: 1.4;
  }

  .reviews2Item__text {
    font-size: 18px;
    line-height: 1.55;
  }

  .reviews3 {
    padding-top: 14px;
    padding-bottom: 24px;
  }

  .reviews3__slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 0 10px;
  }

  .reviews3__arrows {
    margin-bottom: 10px;
  }

  .reviews3__arrow {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    margin-right: 30px;
  }

  .reviews3__arrow svg {
    width: 23px;
    height: 23px;
  }

  .reviews3Item {
    width: 100%;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .reviews3ItemMore:hover {
    color: var(--text500);
  }

  .reviews4 {
    padding-top: 25px;
    padding-bottom: 35px;
  }

  .reviews4Item {
    padding: 10px 15px;
    margin-top: 10px;
  }

  .reviews4Item__title {
    font-size: 16px;
    line-height: 1.5;
  }

  .reviews4Item__subtitle {
    font-size: 12px;
  }

  .reviews4Item__text {
    -webkit-line-clamp: 5;
  }

  .reviews4ItemMore {
    font-size: 14px;
  }

  .reviews4ItemMore:hover {
    color: var(--text500);
  }

  .pageBanner1 {
    min-height: 420px;
    padding: 20px 10px;
  }

  .pageBanner1__subtitle {
    font-size: 18px;
  }

  .pageBanner1__crumbs {
    margin-top: 30px;
  }

  .pageBanner2 {
    min-height: 460px;
  }

  .pageBanner2__crumbs {
    margin-bottom: 30px;
  }

  .pageBanner2__title_policy {
    font-size: 23px;
  }

  .pageBanner2__subtitle {
    font-size: 18px;
  }

  .anchorTabs1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 6px 10px;
  }

  .anchorTabs1__item {
    border-radius: 12px;
    padding: 4px 12px;
    font-size: 20px;
    line-height: 1.5;
    margin-right: 6px;
  }

  .anchorTabs2 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 6px 10px;
  }

  .anchorTabs2__item {
    padding: 2px 6px;
    font-size: 18px;
    line-height: 1.55;
  }

  .anchorTabs3 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 6px 10px;
  }

  .anchorTabs3__item {
    padding: 4px 8px;
    padding-bottom: 2px;
    font-size: 20px;
    line-height: 1.3;
    margin-right: 8px;
  }

  .repertoire1 {
    padding: 25px 0;
    grid-template-columns: 1fr;
  }

  .repertoire1Item__text {
    font-size: 14px;
    line-height: 1.4;
  }

  .repertoire1ItemImage::before {
    padding-top: 80%;
  }

  .repertoire1ItemImage__top {
    top: 10px;
    padding: 0 10px;
  }

  .repertoire1ItemImage__bottom {
    bottom: 10px;
    padding: 0 10px;
  }

  .repertoire2 {
    padding: 25px 0;
    grid-template-columns: 1fr;
  }

  .repertoire2Slider {
    padding: 25px 0;
  }

  .repertoire2Slider__item {
    width: 95%;
    margin-right: 10px;
  }

  .repertoire2Slider__slider {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .repertoire3 {
    padding: 25px 0;
    grid-gap: 20px;
    grid-template-columns: 1fr;
  }

  .premieresTitle1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 20px 10px;
    padding-top: 40px;
  }

  .premieresTitle1__before {
    transform: translate(-300px, -50%);
    width: 192px;
  }

  .premieresTitle1__after {
    transform: translate(300px, -50%);
    width: 192px;
  }

  .premieres1After {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    height: 52px;
  }

  .premieres1After img {
    width: 790px;
    height: 52px;
  }

  .premieres1 {
    padding: 25px 0;
    grid-gap: 10px;
  }

  .premieres1Item {
    padding: 15px;
    padding-top: 80px;
  }

  .premieres1Item:only-child {
    width: 100%;
  }

  .premieres1Item__top {
    top: 15px;
    padding: 0 15px;
  }

  .premieres1Item__age {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .premieres1Item:hover .premieres1Item__img {
    transform: scale(1);
  }

  .premieres1Item:hover::after {
    opacity: 1;
  }

  .premieres2Block {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 123px 10px;
  }

  .premieres2Title__image {
    margin-right: 20px;
  }

  .premieres2Title__image img {
    width: 1120px;
  }

  .premieres2Item {
    padding: 15px 10px;
    padding-top: 60px;
  }

  .premieres2Item__date {
    top: 15px;
    padding: 0 10px;
  }

  .premieres2Item__title {
    font-size: 30px;
  }

  .actorsFilter__wrap {
    display: block;
  }

  .actorsFilter__search {
    width: 100%;
    margin-bottom: 8px;
  }

  .actorsFilter__search:last-child {
    margin-bottom: 0;
  }

  .actorsFilter__select {
    width: 100%;
    margin-bottom: 8px;
  }

  .actorsFilter__select:last-child {
    margin-bottom: 0;
  }

  .searchBlock__input {
    height: 42px;
    padding-left: 52px;
    font-size: 15px;
  }

  .searchBlock__input::placeholder {
    font-size: 15px;
  }

  .actorsAbc {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .actorsAbcAll {
    margin-right: 8px;
  }

  .actorsAbcAll__text {
    width: 70px;
    min-height: 36px;
  }

  .actorsAbcItem__text {
    width: 36px;
    min-height: 36px;
    font-size: 16px;
  }

  .actorBanner1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-bottom: 20px;
  }

  .actorBanner1__block {
    padding: 20px 10px;
  }

  .actorBanner1__title {
    font-size: 36px;
  }

  .actorBanner1__image {
    height: 290px;
  }

  .actorBanner2 {
    min-height: 420px;
    padding: 20px 10px;
  }

  .actorBanner2__image {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
  }

  .actorBanner2__title {
    margin-bottom: 10px;
  }

  .actorBanner2__subtitle {
    font-size: 18px;
  }

  .actorBanner2__crumbs {
    margin-top: 30px;
  }

  .actorAbout1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .actorAbout1__text {
    font-size: 18px;
    line-height: 1.55;
    -webkit-line-clamp: 17;
  }

  .actorAbout1__text p {
    margin-bottom: 16px;
  }

  .actorAbout2Title {
    display: block;
    text-align: center;
  }

  .actorAbout2Title__image {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .actorAbout2Title__content {
    width: 100%;
    padding: 0;
  }

  .actorAbout2Title__title {
    font-size: 38px;
    margin-bottom: 8px;
  }

  .actorAbout3Title {
    text-align: center;
  }

  .actorAbout3Title__title {
    font-size: 38px;
  }

  .newsBanner1 {
    min-height: 420px;
    padding: 20px 10px;
  }

  .newsBanner1__title {
    font-size: 24px;
    line-height: 1.25;
  }

  .newsBanner1__subtitle {
    font-size: 14px;
  }

  .newsBanner1__crumbs {
    margin-top: 30px;
  }

  .newsOneTitle1 {
    padding-top: 40px;
  }

  .newsOneTitle1__title {
    font-size: 26px;
    line-height: 1.25;
  }

  .newsOneTitle2__title {
    font-size: 24px;
    line-height: 1.25;
  }

  .newsOne1 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding-left: 10px;
    padding-right: 10px;
  }

  .newsOne1__image {
    margin-bottom: 20px;
  }

  .newsOne1__image::before {
    padding-top: 70%;
  }

  .newsOne1__date {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .newsOne2 {
    padding: 25px 0;
  }

  .newsOne2__fate {
    font-size: 22px;
  }

  .anchorSelect__field {
    height: 42px;
  }

  .anchorSelect__text {
    font-size: 15px;
  }

  .anchorSelect__popup {
    min-width: auto;
  }

  .anchorSelect__variant {
    min-height: 36px;
    font-size: 15px;
  }

  .platforms1 {
    padding: 25px 0;
    grid-template-columns: 1fr;
  }

  .platforms2 {
    padding: 25px 0;
  }

  .platforms2Item {
    padding: 15px;
  }

  .platforms2Item:nth-child(-n+3),
  .platforms2Item.active {
    display: block;
  }

  .platforms2Item__image {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .platforms2Item__image::before {
    padding-top: 56.25%;
  }

  .platforms2Item__content {
    width: 100%;
    padding: 0;
  }

  .platforms2Item__text {
    text-align: center;
  }

  .platforms2Item__title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 4px;
  }

  .platforms2Item__subtitle {
    font-size: 16px;
  }

  .platforms2Item__btn {
    min-width: auto;
    width: 100%;
  }

  .platforms3 {
    transform: translate(-10px, 0);
    width: calc(100% + 20px);
    padding: 25px 0;
  }

  .platforms3Item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .platforms3Item__image {
    margin-bottom: 10px;
  }

  .platforms3Item__title {
    font-size: 30px;
    line-height: 1.25;
  }

  .platforms3Item__subtitle {
    font-size: 20px;
  }

  .platforms3Item__btn {
    min-width: auto;
    width: 100%;
  }

  .platforms4 {
    padding: 25px 0;
    grid-gap: 10px;
    grid-template-columns: 1fr;
  }

  .platforms4Item {
    padding: 15px;
  }

  .platforms4Item__subtitle {
    margin-bottom: 12px;
  }

  .platforms4Item__image {
    width: 125px;
    height: 125px;
  }

  .paymentInfo1 {
    padding: 25px 0;
  }

  .paymentInfo2 {
    padding: 25px 0;
  }

  .paymentInfo2__block {
    margin-bottom: 30px;
  }

  .paymentInfo2__head {
    margin-bottom: 15px;
  }

  .paymentInfo2__title {
    padding-left: 38px;
    font-size: 18px;
  }

  .paymentInfo2__methods {
    margin-top: 10px;
    gap: 8px;
  }

  .paymentInfo2Method {
    width: 60px;
  }

  .shippingInfo1 {
    padding: 25px 0;
  }

  .shippingInfo2 {
    padding: 25px 0;
    grid-gap: 30px;
  }

  .shippingInfo2Item__title {
    padding-left: 38px;
    font-size: 18px;
    margin-bottom: 15px;
  }

  .policyText {
    padding: 25px 0;
  }
}

@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

@media screen and (max-width: 365px) {
  .hd86_sm {
    font-size: 30px;
  }

  .hd72_sm {
    font-size: 32px;
  }
}

@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  .fancybox-slide--image {
    padding: 6px 0;
  }

  .fancybox-close-small {
    right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }

@supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
}
}