@charset "UTF-8";

/* Обнуляющие теги. Нужны для чтобы убрать ненужные штуки от браузеров */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

*,
*::before,
*::after {
  /* Меняет подсчет ширины блока для удобной верстки. При этом в расчет ширины и высоты блоков не будут включаться значения margin */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Убирает линии обводки в некоторых браузерах: */
:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

nav,
footer,
header,
aside {
  display: block;
}

/* делает блоки блочными */
html,
body {
  /* уравнивает поведение шрифтов и элементов для разных браузеров */
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 18px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
  background-color: #00000000;
}

/* Наследование шрифтов в элементах формы */
/* Убирают особенности в некоторых браузерах */
input::-ms-clear {
  display: none;
}

/* Убирает крестик в "input" */
button {
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/* Изменение курсора */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Убирает отступы в кнопках */
a,
a:visited {
  text-decoration: none;
}

/* Убирает декорации при посещении ссылки */
a:hover {
  text-decoration: none;
}

/* Убирает декорации при наведении */
ul li {
  list-style: none;
}

/* Убирает стили в списках */
img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* делает заголовки такими же как и остальной текст */
  font-size: inherit;
  font-weight: 400;
}

html {
  scroll-behavior: smooth;
  /* Плавная прокрутка при переходе по якорным ссылкам */
}

/* /////////////////// Обнуляющие теги \\\\\\\\\\\\\\\\\\\\*/
/* /////////////////// Подключение шрифтов \\\\\\\\\\\\\\\\\\\\*/
@font-face {
  font-family: "Comfortaa-light";
  src: url("../fonts/Comfortaa/static/Comfortaa-Light.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa-regular";
  src: url("../fonts/Comfortaa/static/Comfortaa-Regular.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa-light";
  src: url("../fonts/Comfortaa/static/Comfortaa-Medium.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa-semibold";
  src: url("../fonts/Comfortaa/static/Comfortaa-SemiBold.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Comfortaa-bold";
  src: url("../fonts/Comfortaa/static/Comfortaa-Bold.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope-light";
  src: url("../fonts/Manrope/static/Manrope-Light.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope-regular";
  src: url("../fonts/Manrope/static/Manrope-Regular.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope-medium";
  src: url("../fonts/Manrope/static/Manrope-Medium.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope-semibold";
  src: url("../fonts/Manrope/static/Manrope-SemiBold.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope-bold";
  src: url("../fonts/Manrope/static/Manrope-Bold.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lena";
  src: url("../fonts/Lena/Lena.ttf");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans/OpenSans-CondLight.ttf");
  font-style: normal;
  font-display: swap;
}

/* /////////////////// Подключение шрифтов \\\\\\\\\\\\\\\\\\\\*/

.margin_style {
  margin-top: 110px;
  margin-bottom: 110px;
}

.cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 13px 50px;
  display: flex;
  width: 100%;
  font-size: 1.3em;
  justify-content: center;
  background-color: #fff;
  z-index: 1000;
  align-items: center;
  border-radius: 10px;
}

.cookie__wrapper {
  display: flex;
  margin-right: 20px;
  color: #131516;
  align-items: center;
}

.cookie__wrapper p {
  margin-right: 5px;
  font-family: "Manrope-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24.59px;
}

.cookie__wrapper a {
  text-decoration: none;
  font-family: "Manrope-regular";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}


.cookie__btn {
  color: #3A3F81;
  cursor: pointer;
  font-family: "Manrope-medium";
  font-size: 16px;
  line-height: 21.86px;
  border: 1px solid #3A3F81;
  border-radius: 10px;
  padding: 0px 36px;

}

.cookie__close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-46%);
  width: 12px;
  cursor: pointer;
  font-family: Noto Sans Display;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

/* /////////////////// Основные стили \\\\\\\\\\\\\\\\\\\\*/
h1 {
  font-family: "Lena";
  font-size: 130px;
  line-height: 130px;
}

h2 {
  font-family: "Lena";
  font-size: 80px;
  line-height: 80px;
}

h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 44.6px;
}

h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 35.68px;
}

h5 {
  font-size: 28px;
  font-weight: 600;
  line-height: 38.25px;
}

p {
  font-size: 16px;
  line-height: 21.86px;
  font-family: "Manrope-regular";
}

a {
  font-size: 16px;
  line-height: 21.86px;
  color: #131516;
  font-family: "Manrope-regular";
  transition: 0.3s;
}

.hover_line:hover {
  text-decoration: underline;
}

body {
  background-color: #f1f9ff;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  align-items: center;
}

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

.content {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  max-width: 1200px;
  margin: 50px auto;
  color: #131516;
}

.content section {
  margin-bottom: 100px;
}

.footer {
  position: relative;
  width: 100%;
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
}

.icon_metrics {
  position: absolute;
  right: 5%;
  bottom: 10%;
  width: 50px;
  height: 50px;
  opacity: 50%;
}

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

.footer a {
  color: #fff;
}

.dop-event .title_page {
  margin-bottom: 25px;
}

.dop-event .title_page h4 {
  color: #3a3f81;
}

body::-webkit-scrollbar {
  width: 4px;
  background-color: #f1f9ff;
}

body::-webkit-scrollbar-thumb {
  background: #253b77;
}

.scroll_block {
  overflow-y: scroll;
}

.scroll_block::-webkit-scrollbar {
  width: 4px;
  background-color: #fff;
}

.scroll_block::-webkit-scrollbar-thumb {
  background: #253b77;
  border-radius: 10px;
}

@-moz-document url-prefix() {
  .scroll_block {
    overflow-y: scroll;
    scrollbar-color: #253b77 #fff;
    scrollbar-width: thin;
  }
}

/* /////////////////// хедер и футер \\\\\\\\\\\\\\\\\\\\*/
.header {
  color: #fff;
}

.header a {
  color: #fff;
}

.header__wrapper {
  width: 100%;
}

.header__top {
  display: flex;
  align-items: center;
  width: 100%;
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
  height: 52px;
}

.header__top_left {
  display: flex;
  gap: 50px;
}

.header__left_icon {
  flex: 0 0 32px;
  height: 32px;
}

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

.header__left_text {
  font-size: 18px;
  line-height: 24.59px;
}

.header__top_right {
  display: flex;
  gap: 100px;
}

.header__admin {
  display: flex;
  top: 0px;
  align-items: center;
  width: 100%;
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
  height: 65px;
}

.header__down {
  display: flex;
  position: sticky;
  top: -1px;
  align-items: center;
  width: 100%;
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
  height: 65px;
  border-radius: 0 0 10px 10px;
  z-index: 9999;
  backdrop-filter: blur(15px);
  box-shadow: 4px 4px 10px 0px #2F1A494D;
}

.header__down a {
  color: #fff;
}

.header_opasity {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 65px;
  border-radius: 0 0 10px 10px;
  z-index: 9999;
  background: linear-gradient(90deg, rgba(58, 63, 129, 0.6) 0%, rgba(45, 18, 91, 0.6) 100%);
  backdrop-filter: blur(15px);
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.3019607843);
}

.header_opasity.sticky {
  position: fixed;
  /* Положение фиксированное для эффекта прилипания */
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
}

.header__down_logo {
  width: 184px;
}

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

.menu-btn {
  width: 30px;
  height: 19.2px;

}

.menu_open {
  width: 30px;
  height: 19.2px;
  background: url(/assets/img/Burger.svg) 0 0 / contain no-repeat;
}

.menu_close {
  width: 30px;
  height: 19.2px;
  background: url(/assets/img/close_white.svg) 0 0 / contain no-repeat;
}

.header__down_menu {
  display: flex;
  gap: 25px;
  font-size: 20px;
  line-height: 27.32px;
}

.menu_item a {
  display: block;
  padding-bottom: 5px;
  width: fit-content;
}

.menu_item a .menu_line {
  height: 1px;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  transition: 300ms ease-in-out;
}

.menu_item a:hover .menu_line {
  opacity: 100%;
}

.dropdown-menu {
  position: relative;
}

.dropdown-menu:hover .dropdown-menu-content {
  height: max-content;
  padding: 15px;
}

.dropdown-item:hover .dropdown-menu-content {
  height: max-content;
  padding: 15px;

}

.dropdown-menu-content {
  position: absolute;
  top: 20px;
  left: 0;
  border-radius: 10px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 0px;
  overflow: hidden;
  transition: 500ms ease-in-out;
}

.dropdown-menu-content_in {
  border-radius: 10px;
  background-color: #fff;
  padding: 25px;
}

.dropdown-menu-content a {
  display: block;
  padding-bottom: 5px;
  width: fit-content;
  color: #131516;
}

.dropdown-menu-content a .menu_line {
  height: 1px;
  width: 100%;
  background-color: #131516;
  opacity: 0;
  transition: 300ms ease-in-out;
}

.dropdown-menu-content a:hover .menu_line {
  opacity: 100%;
}

.header_width {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.social-icon {
  display: flex;
  gap: 12.5px;
  align-items: center;
}

.social-icon a {
  width: 25px;
  height: 25px;
  transition: 0.3s;
}

.social-icon a:hover {
  transform: scale(1.2);
}

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

.social-icon .social-icon__tg {
  width: 20px;
  height: 20px;
}

.number {
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.32px;
  white-space: nowrap;
}

.footer__wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding: 50px 0px;
}

.footer__top {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}

.footer__top_left {
  max-width: 373px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.footer__requesit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 19.07px;
  font-weight: 400px;
  opacity: 70%;
  color: #fff;
}

.footer__menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 726px;
  padding-right: 52px;
}

.footer__menu_column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.footer__menu_column a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 24.51px;
}

.footer__mid {
  display: flex;
  justify-content: space-between;
}

.footer__soc_link {
  width: 206px;
}

.footer__down {
  display: flex;
  justify-content: space-between;
}

.footer__link {
  display: flex;
  gap: 15px;
  max-width: 870px;
}

.footer__link a {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 16.34px;
  display: inline-block;
  min-width: 160px;
  opacity: 50%;
}

.footer__link a:hover {
  opacity: 70%;
}

.galary-event-mob,
.menu-mob {
  display: none;
}

.footer_mob {
  display: none;
}

/* /////////////////// Общие элементы \\\\\\\\\\\\\\\\\\\\*/
.title_page h3,
.title_page h4 {
  font-family: "Comfortaa-bold";
  color: #2d125b;
}

.title_center {
  text-align: center;
}

.subtitle {
  font-family: "Comfortaa-bold";
  color: #2d125b;
}

.subtitle_admin {
  font-family: "Comfortaa-bold";
  color: #253B77;
}

.flex_space {
  display: flex;
  justify-content: space-between;
}

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

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

/* .statistics {
  flex-wrap: wrap;
} */

.statistics__item {
  gap: 5px;
  width: 275px;
  text-align: center;
}

.statistics__num {
  font-family: "Lena";
  font-size: 60px;
  line-height: 60px;
}

.statistics__text {
  font-size: 20px;
  line-height: 27.32px;
}

.button_split {
  display: flex;
  gap: 15px;
}

.button-white,
.button-pink,
.form__button,
.button-white-outline,
.button-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  height: 55px;
  padding: 0px 36px;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
}

.button-blue {
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
  color: #fff;
  transition: 1ms;
}

.button-blue:hover {
  background: linear-gradient(-90deg, #3a3f81 0%, #2d125b 100%);
}

.button-white-outline {
  color: #fff;
  border: 1px solid #ffffff;
}

.button-white-outline:hover {
  background: #fff;
  color: #393c7f;
}

.button-pink {
  color: #fff;
  background: linear-gradient(85.69deg, #e62c94 32.13%, #2d125b 142.77%);
}

.button-pink:hover {
  background: linear-gradient(-85.69deg, #e62c94 32.13%, #2d125b 142.77%);
}

.button-white {
  background: #fff;
  color: #393c7f;
}

.button-white:hover {
  color: #2d125b;
}

.button-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lena";
  font-size: 22px;
  line-height: 22px;
  color: #2d125b;
  gap: 8px;
  height: 55px;
  padding: 0px 36px;
  border-radius: 10px;
  cursor: pointer;
  backdrop-filter: blur(15px);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  width: max-content;
  background: #fff;
}

.button-preview svg {
  transition: 300ms;
}

.button-preview:hover svg {
  transform: rotate(45deg);
}

.filters {
  gap: 15px;
}

.tabs {
  gap: 15px;
  cursor: pointer;
}

.tabs__item {
  font-size: 18px;
  padding: 10px 25px;
  border-radius: 100px;
  opacity: 70%;
  border: 1px solid rgba(19, 21, 22, 0.3019607843);
  font-family: "Manrope-Medium";
  white-space: nowrap;
}

.tabs__item_active {
  opacity: 100%;
  color: #F1F9FF;
  background-color: #352e73;

}

.checkbox-container {
  display: block;
  cursor: pointer;
  width: max-content;
}

.checkbox_hidden {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.checkmark_style {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 22px;
  width: 22px;
  background-color: transparent;
  border: 1px solid rgba(19, 21, 22, 0.6980392157);
  border-radius: 5px;
  padding: 3px 3px 5px;
  opacity: 70%;
}

.check {
  display: none;
}

.checkbox_input_text {
  font-family: "Manrope-Medium";
  font-size: 18px;
  color: #131516;
  opacity: 60%;
}

.checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #4194d0;
  border: none;
  opacity: 100%;
}

.checkbox_hidden:checked+.checkbox_item .checkmark_style .check {
  display: block;
}

.checkbox_hidden:checked+.checkbox_item .checkbox_input_text {
  opacity: 100%;
}

.checkbox_item {
  display: flex;
  gap: 10px;
  align-items: center;
}

.breadcrumbs {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.breadcrumbs a {
  font-family: "Manrope-Medium";
  font-size: 14px;
  line-height: 19.12px;
}

.current-page {
  font-family: "Manrope-Medium";
  font-size: 14px;
  line-height: 19.12px;
  opacity: 60%;
}

.content_text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  opacity: 80%;
}

.content_text table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  font-size: 12px;
}

.content_text th,
td {
  border: 1px solid #ccc;
  padding: 2px;
  text-align: center;
}

/* /////////////////// Модалки \\\\\\\\\\\\\\\\\\\\*/
.modal-menu {
  display: none;
  position: relative;
  z-index: 9998;
  background: #f1f9ff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modal-menu__content {
  position: fixed;
  margin-top: 88px;
  padding: 30px;
  width: 100%;
  z-index: 99999;
}

.modal-menu__menu {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 30px 10px 30px 10px;
}

.modal-menu__menu a {
  font-family: "Manrope-Medium";
  font-size: 20px;
  line-height: 27.32px;
  color: #2E145D;
}

.modal-menu__contact {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.modal-menu__contact p {
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  color: #2E145D;
}

.modal-menu__contact .number {
  font-family: "Manrope-Semibold";
  font-size: 22px;
  line-height: 30.25px;
}

.modal {
  display: none;
  position: relative;
  z-index: 99999;
}

.modal::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modal__content {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  max-width: 483px;
  position: fixed;
  padding: 50px;
  width: 100%;
  height: max-content;
  background: #ffffff;
  border-radius: 10px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-height: 722px;
  overflow: auto;
}

.modal__content::-webkit-scrollbar {}

.modal .modal-confirm {
  max-width: 722px;
  z-index: 999999;
}

.modal .modal-confirm__title {
  font-family: "Manrope-semibold";
  font-size: 32px;
  line-height: 43.71px;
  text-align: center;
}

.modal .modal-confirm__text {
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  text-align: center;
  opacity: 70%;
}

.modal__close {
  position: absolute;
  right: 20.66px;
  top: 20.64px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

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

.modal__name {
  font-family: "Manrope-Medium";
  color: #777777;
  font-size: 22px;
  line-height: 30.05px;
}

.modal__body {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.modal__price {
  display: flex;
  justify-content: space-between;
}

.modal__price p:first-child {
  font-family: "Manrope-Medium";
  font-size: 22px;
  line-height: 30.05px;
  opacity: 70%;
}

.modal__price p:last-child {
  font-family: "Manrope-semibold";
  font-size: 26px;
  line-height: 35.52px;
}

.modal__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.modal__bottom_text p {
  font-family: "Manrope-Medium";
  font-size: 14px;
  line-height: 19.12px;
  text-align: center;
  opacity: 50%;
}

.image-modal {
  display: none;
  position: relative;
  z-index: 99999;
}

.image-modal::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  backdrop-filter: blur(50px);
}

.image-modal__slider_blur {
  position: fixed !important;
  width: 100%;
  height: 100%;
}

.image-modal__slider_blur .swiper-slide {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.image-modal__slider_blur .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-modal__close {
  position: fixed;
  top: 20.98px;
  right: 21.47px;
  z-index: 999999;
  cursor: pointer;
}

.image-modal__title {
  position: fixed;
  z-index: 99999;
  font-family: "Manrope-regular";
  text-align: center;
  color: #fff;
  left: 50%;
  top: 10%;
  transform: translateX(-50%) translateY(-50%);
}

.image-modal__pagination {
  position: fixed;
  z-index: 99999;
  color: #fff !important;
  font-family: "Manrope-Medium";
  left: 50% !important;
  bottom: 95% !important;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.image-modal__slider {
  position: fixed;
  z-index: 99999;
  width: 100%;
  max-width: 1200px;
  height: 620px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.image-modal__content {
  width: 100%;
  height: 100%;
}

.image-modal__content .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.image-modal__content .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-modal__btn_prev {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
}

.image-modal__btn_prev svg circle {
  transition: 0.3s;
}

.image-modal__btn_prev:hover svg circle {
  fill: #595959;
}

.image-modal__btn_next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
}

.image-modal__btn_next svg circle {
  transition: 0.3s;
}

.image-modal__btn_next:hover svg circle {
  fill: #595959;
}

.modal_studio_pay .modal__content {
  background: #f1f3f2;
}

.studio_modal_info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.studio_modal_image {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  height: 194px;
}

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

.count-member {
  display: flex;
  align-items: center;
  gap: 25px;
}

.count-member__text {
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  opacity: 70%;
}

.count-el {
  display: flex;
  align-items: center;
  gap: 10px;
}

.count_value {
  border: 1px solid rgba(19, 21, 22, 0.3019607843);
  width: 36px;
  height: 35px;
  border-radius: 10px;
  font-family: "Manrope-Medium";
  font-size: 22px;
  line-height: 30.05px;
  text-align: center;
}

.btn-minus,
.btn-plus {
  font-family: "Manrope-semibold";
  font-size: 33px;
  line-height: 45.08px;
  color: #2d125b;
  cursor: pointer;
}

.member-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.input-field {
  border: 1px solid rgba(19, 21, 22, 0.3019607843);
  border-radius: 10px;
  padding: 15px 15px 15px 41px;
  width: 100%;
  font-family: "Manrope-regular";
  font-size: 16px;
  line-height: 21.86px;
}

.input-field.none_border {
  border: none;
}

.input-field.shadow {
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.1215686275);
}

.field_pass,
.field_music_fill,
.field_music,
.input_price,
.input_date,
.input_time,
.field_message,
.field_name,
.field_phone,
.field_email {
  position: relative;
}

.field_pass::before,
.field_music_fill::before,
.field_music::before,
.field_message::before,
.field_name::before,
.field_phone::before,
.field_email::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 18px;
  left: 15px;
}

.input_price::before,
.input_date::before,
.input_time::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
}

.field_name::before {
  background: url(/assets/img/mdi_user.svg) 0 0/cover no-repeat;
}

.field_phone::before {
  background: url(/assets/img/ic_round-phone.svg) 0 0/cover no-repeat;
}

.field_email::before {
  background: url(/assets/img/fluent_mail-12-filled.svg) 0 0/contain no-repeat;
}

.field_message input {
  height: 88px;
}

.field_message::before {
  background: url(/assets/img/message.svg) 0 0/contain no-repeat;
}

.input_date::before {
  background: url(/assets/img/light_calendar.svg) 0 0/contain no-repeat;
}

.input_time::before {
  background: url(/assets/img/time.svg) 0 0/contain no-repeat;
}

.input_price::before {
  background: url(/assets/img/price.svg) 0 0/11px no-repeat;
}

.field_music::before {
  background: url(/assets/img/mingcute_download-fill.svg) 0 0/contain no-repeat;
}

.field_music_fill::before {
  background: url(/assets/img/mage_sound-waves.svg) 0 0/contain no-repeat;
}

.field_pass::before {
  background: url(/assets/img/mdi_password.svg) 0 0/contain no-repeat;
}

.modal__content_confirm {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  align-items: center;
}

.modal__content_button {

  display: flex;
  gap: 25px;
}

.modal_dont_save .modal__content_button {
  max-width: 472px;
}

/* /////////////////// Страница О Нас \\\\\\\\\\\\\\\\\\\\*/
.about_top {
  gap: 50px;
}

.content-split {
  display: flex;
  gap: 50px;
}

.content-split__img {
  flex: 0 0 50%;
  border-radius: 10px;
  overflow: hidden;
}

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

.image_width {
  height: 330px;
}

.content-split__text_with_button {
  gap: 25px;
}

.about_down {
  margin-bottom: 100px;
  gap: 25px;
}

.about_image {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

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

.image-split {
  display: flex;
  gap: 25px;
}

.image-split__img {
  border-radius: 10px;
  overflow: hidden;
}

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

/* /////////////////// Страница Студии \\\\\\\\\\\\\\\\\\\\*/
.studios {
  gap: 50px;
}

.studios-content {
  gap: 25px;
}

.dop-studio {
  margin-bottom: 100px;
}

.dop-studio .title_page,
.studio-info .title_page {
  margin-bottom: 25px;
}

.studio-info__split {
  display: flex;
  gap: 25px;
}

.studio-info__right {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.studio-info__body {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* /////////////////// Карточки \\\\\\\\\\\\\\\\\\\\*/
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  gap: 25px;
}

.cards__item {
  gap: 25px;
}

.cards__image {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  height: 220px;
}

.cards__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease-in-out;
}

.cards__price {
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-radius: 100px;
  padding: 10px 25px;
  background-color: #fff;
  font-family: "Manrope-regular";
  font-size: 14px;
  line-height: 19.12px;
}

.cards__title {
  font-family: "Manrope-semibold";
  font-size: 22px;
  line-height: 30.05px;
  color: #131516;
}

.cards__info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cards__info p {
  font-family: "Manrope-semibold";
  color: rgba(19, 21, 22, 0.6980392157);
}

.news-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  row-gap: 50px;
  column-gap: 25px;
}

.news-cards__item {
  gap: 25px;
}

.news-cards__row {
  gap: 15px;
}

.news-cards__image {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  height: 260px;
}

.news-cards__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 700ms ease-in-out;
}

.news-cards__location {
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-radius: 100px;
  padding: 10px 25px;
  background-color: #fff;
  font-family: "Manrope-regular";
  font-size: 14px;
  line-height: 19.12px;
}

.news-cards__description {
  color: rgba(19, 21, 22, 0.6980392157);
  padding-right: 25px;
  opacity: 100%;
}

.news-cards__date {
  opacity: 50%;
}

.news-cards__title {
  font-family: "Manrope-semibold";
  font-size: 22px;
  line-height: 30.05px;
  color: #131516;
  min-height: 78px;
}

.cards_hover:hover .news-cards__item .news-cards__image img,
.cards_hover:hover .cards__item .cards__image img {
  transform: scale(1.1);
}


.dop-musics .cards__image,
.musics .cards__image {
  height: 383px;
}

/* /////////////////// элементы контакты \\\\\\\\\\\\\\\\\\\\*/
.contacts {
  gap: 25px;
  margin-bottom: 50px;
}

.title_lilac h4 {
  font-family: "Comfortaa-bold";
  color: #3a3f81;
  text-align: center;
}

.studios-contacts {
  display: flex;
  gap: 25px;
}

.studios-contacts__column {
  flex: 0 1 100%;
  display: flex;
  gap: 25px;
}

.title_black_26 p {
  font-family: "Manrope-semibold";
  font-size: 26px;
  line-height: 35.52px;
}

.dropdown-container {
  position: relative;
}

.contacts-item {
  gap: 15px;
}

.contacts-item__title {
  display: flex;
  gap: 15px;
}

.contacts-item__title p {
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.32px;
}

.contacts-item__body {
  opacity: 80%;
}

.contacts-item__body div {
  margin-bottom: 15px;
}

.contacts-item__body div:last-child {
  margin-bottom: 0px;
}

/* /////////////////// Дропдауны \\\\\\\\\\\\\\\\\\\\*/
.dropdown-btn {
  display: flex;
  cursor: pointer;
}

.dropdown-btn p {
  font-family: "Manrope-semibold";
  font-size: 18px;
  color: #3a3f81;
  line-height: 24.59px;
  margin-right: 5px;
  transition: 0.3s;
}

.dropdown-btn__arrow {
  transition: 0.5s;
}

.dropdown-btn__arrow_open {
  transform: rotate(180deg);
}

.input-field_date {
  background: #ffffff;
  position: relative;
}

.input-field_date::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 18px;
  left: 15px;
}

.input-field_date::before {
  background: url(/assets/img/solar_calendar-bold.svg) 0 0/cover no-repeat;
}

.dropdown_input {
  background: rgba(0, 0, 0, 0);
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  width: 100%;
  cursor: pointer;
}

.field_location_admin,
.field_location {
  position: relative;
}

.field_location_admin::before,
.field_location::before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 18px;
  left: 15px;
  height: 18px;
}

.field_location::before {
  background: url(/assets/img/mingcute_location-fill.svg) 0 0/cover no-repeat;
}

.field_location_admin::before {
  background: url(/assets/img/location.svg) 0 0/contain no-repeat;
}

.dropdown-container {
  position: relative;
  width: 100%;
}

.dropdown-field {
  background: #ffffff;
  position: relative;
  cursor: pointer;
  transition: 500ms ease-in-out;
}

.dropdown-field__arrow {
  position: absolute;
  right: 15px;
  top: 15px;
}

.dropdown-field__arrow {
  transition: 300ms ease-in-out;
}

.dropdown-field__arrow_open {
  transform: rotate(180deg);
}

.dropdown-content {
  position: absolute;
  top: 54.5px;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  padding: 0px 15px;
  height: auto;
  /* Установите на auto */
  max-height: 0;
  /* Установите на 0 по умолчанию */
  overflow: hidden;
  transition: max-height 300ms ease-in-out;
  /* Замените height на max-height */
  border-radius: 0 0 10px 10px;
  box-shadow: 4px 6px 10px 0px rgba(47, 26, 73, 0.1215686275);
}

.dropdown-content__container {
  overflow-y: scroll;
  max-height: 150px;
  background-color: #fff;
}

.dropdown-content__item {
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  padding: 12.5px 0px;
  cursor: pointer;
}

.dropdown-content__item:hover {
  background-color: rgba(202, 240, 252, 0.5254901961);
}

.open {
  max-height: 150px;
  opacity: 1 !important;
}

.open_dropdown {
  transition: 3ms ease-in-out;
  border-radius: 10px 10px 0px 0px;
}

.event_calendar {
  position: absolute;
  width: 680px;
  z-index: 9995;
  background-color: #fff !important;
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.1215686275);
  padding: 10px;
  border-radius: 0px 10px 10px 10px;
  transition: 500ms ease-in-out;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;

}

.dropdown-calendar {
  display: none !important;
  position: absolute;
  top: 54.5px;
  left: 0;
  width: 676px;
  z-index: 9995;
  background-color: #fff;
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.1215686275);
  padding: 25px;
  border-radius: 0px 10px 10px 10px;
  opacity: 0%;
  transition: 500ms ease-in-out;
}

.pickmeup .pmu-instance {
  height: max-content !important;
  width: 320px !important;
}

.dropdown-calendar__button {
  width: 162px;
  float: right;
}

.dropdown-calendar__button .button-blue {
  font-size: 16px;
  line-height: 21.86px;
  white-space: nowrap;
  height: 42px;
}

.open_block {
  display: block;
}

.open_calendar {
  opacity: 100%;
}

/* /////////////////// Слайдеры \\\\\\\\\\\\\\\\\\\\*/
.slider-navleft {
  display: flex;
  gap: 15px;
  width: max-content;
  align-items: center;
  height: 400px;
}

.slider-navleft__left {
  position: relative;
  width: 118px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.slider-navleft__gradient {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 118px;
}

.slider-navleft__gradient.gradient_top {
  top: 0;
  background: linear-gradient(180deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.slider-navleft__gradient.gradient_bottom {
  bottom: 0;
  background: linear-gradient(0deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.slider-navleft__btn_prev {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-navleft__btn_prev svg circle {
  transition: 0.3s;
}

.slider-navleft__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-navleft__navimage {
  display: flex;
  flex-direction: column;
  width: 118px;
  height: 100%;
}

.slider-navleft__navimage .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-navleft__navimage .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.slider-navleft__btn_next {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-navleft__btn_next svg circle {
  transition: 0.3s;
}

.slider-navleft__btn_next:hover svg circle {
  fill: #595959;
}

.slider-navleft__main {
  width: 455px;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

.slider-navleft__main .swiper-slide {
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-navleft__main .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.slider-image-mobile,
.slider-image {
  height: 300px;
  position: relative;
  width: 100%;
}

.slider-artistDetail__conteiner,
.slider-image-mobile__conteiner,
.slider-image__conteiner {
  height: 100%;
}

.slider-artistDetail__conteiner .swiper-slide,
.slider-image-mobile__conteiner .swiper-slide,
.slider-image__conteiner .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-image__conteiner .swiper-wrapper {}

.slider-artistDetail__conteiner .swiper-slide img,
.slider-image-mobile__conteiner .swiper-slide img,
.slider-image__conteiner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-image-mobile__btn_prev,
.slider-image__btn_prev {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-image-mobile__btn_prev svg circle,
.slider-image__btn_prev svg circle {
  transition: 0.3s;
}

.slider-image-mobile__btn_prev:hover svg circle,
.slider-image__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-image-mobile__btn_next,
.slider-image__btn_next {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-image-mobile__btn_next svg circle,
.slider-image__btn_next svg circle {
  transition: 0.3s;
}

.slider-image-mobile__btn_next:hover svg circle,
.slider-image__btn_next:hover svg circle {
  fill: #595959;
}

.slider-image-mobile__gradient,
.slider-image__gradient {
  position: absolute;
  z-index: 99;
  width: 359px;
  height: 100%;
}

.slider-image-mobile__gradient.gradient_left,
.slider-image__gradient.gradient_left {
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.slider-image-mobile__gradient.gradient_right,
.slider-image__gradient.gradient_right {
  right: 0;
  top: 0;
  background: linear-gradient(-90deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.newslist-slider-mob {
  display: none;
}

.newslist-slider-mob,
.newslist-slider {
  height: 529px;
  position: relative;
  margin-bottom: 50px;
  overflow: hidden;
}

.newslist-slider-mob__conteiner,
.newslist-slider__conteiner {
  height: 100%;
  width: 1600px;
  overflow: visible !important;
}

.newslist-slider-mob__conteiner .swiper-slide,
.newslist-slider__conteiner .swiper-slide {
  width: 100%;
  height: 100%;
  max-width: 381.25px;
  border-radius: 10px;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.newslist-slider-mob__conteiner .swiper-slide img,
.newslist-slider__conteiner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newslist-slider-mob__btn_prev,
.newslist-slider__btn_prev {
  position: absolute;
  top: 50%;
  left: 365px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.newslist-slider-mob__btn_prev svg circle,
.newslist-slider__btn_prev svg circle {
  transition: 0.3s;
}

.newslist-slider-mob__btn_prev:hover svg circle,
.newslist-slider__btn_prev:hover svg circle {
  fill: #595959;
}

.newslist-slider-mob__btn_next,
.newslist-slider__btn_next {
  position: absolute;
  top: 50%;
  right: 315px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.newslist-slider-mob__btn_next svg circle,
.newslist-slider__btn_next svg circle {
  transition: 0.3s;
}

.newslist-slider-mob__btn_next:hover svg circle,
.newslist-slider__btn_next:hover svg circle {
  fill: #595959;
}

.newslist-slider__gradient {
  position: absolute;
  z-index: 10;
  width: 359px;
  height: 100%;
}

.newslist-slider__gradient.gradient_left {
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #cce7f9 20.79%, rgba(204, 231, 249, 0) 100%);
}

.newslist-slider__gradient.gradient_right {
  right: 0;
  top: 0;
  background: linear-gradient(-90deg, #cce7f9 20.79%, rgba(204, 231, 249, 0) 100%);
}

.slider-event {
  height: 400px;
  position: relative;
}

.slider-event__conteiner {
  height: 100%;
}

.slider-event__conteiner .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1044px;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-event__conteiner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-event__btn_prev {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-event__btn_prev svg circle {
  transition: 0.3s;
}

.slider-event__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-event__btn_next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-event__btn_next svg circle {
  transition: 0.3s;
}

.slider-event__btn_next:hover svg circle {
  fill: #595959;
}

.slider-studio-mob {
  display: none;
}

.slider-studio-mob,
.news-slider {
  position: relative;
}

.slider-studio-mob__conteiner {
  width: 100%;
  height: 400px;
}

.news-slider__conteiner {
  width: 100%;
  height: 600px;
}

.slider-studio-mob__conteiner .swiper-slide,
.news-slider__conteiner .swiper-slide {
  position: relative;
  width: max-content;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-studio-mob__conteiner .swiper-slide img,
.news-slider__conteiner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-studio-mob__btn_prev,
.news-slider__btn_prev {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-studio-mob__btn_prev svg circle,
.news-slider__btn_prev svg circle {
  transition: 0.3s;
}

.slider-studio-mob__btn_prev:hover svg circle,
.news-slider__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-studio-mob__btn_next,
.news-slider__btn_next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-studio-mob__btn_next svg circle,
.news-slider__btn_next svg circle {
  transition: 0.3s;
}

.slider-studio-mob__btn_next:hover svg circle,
.news-slider__btn_next:hover svg circle {
  fill: #595959;
}

.slider-studio-mob__pagination,
.news-slider__pagination {
  margin: auto;
  margin-top: 15px;
  width: max-content !important;
}

.slider-studio-mob__pagination .swiper-pagination-bullet,
.news-slider__pagination .swiper-pagination-bullet {
  background: #3a3f81;
  width: 10px;
  height: 10px;
}

.slider-studio-mob__pagination .swiper-pagination-bullet-active,
.news-slider__pagination .swiper-pagination-bullet-active {
  opacity: 100%;
  width: 12px;
  height: 12px;
}

.slider-artist {
  height: 300px;
  position: relative;
  margin-bottom: 50px;
}

.slider-artist__conteiner {
  height: 100%;
}

.slider-artist__conteiner .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-artist__conteiner .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-artist__btn_prev {
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-artist__btn_prev svg circle {
  transition: 0.3s;
}

.slider-artist__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-artist__btn_next {
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-artist__btn_next svg circle {
  transition: 0.3s;
}

.slider-artist__btn_next:hover svg circle {
  fill: #595959;
}

.slider-video {
  height: 399px;
  position: relative;
  margin-bottom: 50px;
}

.slider-video__conteiner {
  height: 100%;
}

.slider-video__conteiner .swiper-slide {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.6s ease, opacity 0.6s ease;
}

.slider-video__conteiner .swiper-slide img {
  width: 100%;
  height: 324px;
  object-fit: cover;
}

.slider-video__conteiner .swiper-slide p {
  font-size: 22px;
  line-height: 30.05px;
  opacity: 80%;
  text-align: center;
}

.slider-video__btn_prev {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-video__btn_prev svg circle {
  transition: 0.3s;
}

.slider-video__btn_prev:hover svg circle {
  fill: #595959;
}

.slider-video__btn_next {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
}

.slider-video__btn_next svg circle {
  transition: 0.3s;
}

.slider-video__btn_next:hover svg circle {
  fill: #595959;
}

.slider-video__gradient {
  position: absolute;
  z-index: 99;
  width: 359px;
  height: 100%;
}

.slider-video__gradient.gradient_left {
  left: 0;
  top: 0;
  background: linear-gradient(90deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.slider-video__gradient.gradient_right {
  right: 0;
  top: 0;
  background: linear-gradient(-90deg, #f1f9ff 20.79%, rgba(241, 249, 255, 0) 100%);
}

.newslist-slider__btn_prev,
.newslist-slider__btn_next {
  top: 25%;
}

/* /////////////////// страница Артисты \\\\\\\\\\\\\\\\\\\\*/
.artist_contacts {
  display: flex;
  gap: 100px;
}

.artist_contacts .contacts-item {
  flex: 1 1 100%;
}

.artist_contacts .contacts-item p {
  white-space: nowrap;
}

.artist .title_page {
  margin-bottom: 50px;
}

.artist-info__video {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

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

.artist-info .title_page {
  margin-bottom: 50px;
}

.artist-info__container {
  display: flex;
  gap: 50px;
}

.artist-info__column_left {
  gap: 25px;
  flex: 0 1 100%;
}

.artist-info__column_right {
  width: 100%;
  justify-content: space-between;
}

.artist-info__column_right .statistics {
  gap: 25px;
}

/* /////////////////// страница Афиша \\\\\\\\\\\\\\\\\\\\*/
.affiche {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-bottom: 100px;
}

.event-nav {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  max-width: 745px;
  margin: auto;
}

.event-nav__dropdown_block {
  display: flex;
  gap: 25px;
}

.event-nav__checkbox_block {
  display: flex;
  gap: 25px;
  margin: auto;
  width: auto;
}

.dark_image {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 50%;
}

.event-content {
  position: absolute;
  min-height: 162px;
  color: #ffffff;
  left: 45px;
  right: 25px;
  bottom: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.event-content__title {
  font-family: "Manrope-regular";
  margin-bottom: 30px;
  width: 519px;
}

.event-content__bottom {
  display: flex;
  justify-content: space-between;
}

.event-content__bottom_left {
  display: flex;
  gap: 19px;
  align-items: center;
}

.event-content__price {
  font-family: "Manrope-regular";
  font-size: 18px;
  line-height: 24.59px;
  border-radius: 100px;
  padding: 10px 25px;
  color: #131516;
  background-color: #fff;
}

.event-content__bottom_right {
  max-width: 395px;
  display: flex;
  gap: 15px;
}

/* .event-cards {
  display: none;
} */
.event-cards .cards {
  margin-bottom: 25px;
}

.top_descript {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 1200px;
  max-height: 459px;
  border-radius: 10px;
  overflow: hidden;
}

.top_descript .event-content__title {
  width: 800px;
  line-height: 54.64px;
}

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

.event_no_active img {
  filter: grayscale(1);
}

.img_gray {
  filter: grayscale(1);
}

.event-descript {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.galary-event {
  display: flex;
  gap: 25px;
}

.galary-event__item {
  border-radius: 10px;
  position: relative;
  flex: 0 1 25%;
  overflow: hidden;
}

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

.galary-event__image_count {
  font-family: "Lena";
  font-size: 56.57px;
  line-height: 56.57px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
}

.galary-event .last_image {
  cursor: pointer;
}

.video-container {
  display: flex;
  gap: 25px;
}

.video-container__item {
  border-radius: 10px;
  overflow: hidden;
  flex: 0 1 50%;
  height: 324px;
}

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

.event-adress {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.event-adress__contacts .contacts-item {
  width: 100%;
  max-width: 300px;
}

section .subtitle {
  margin-bottom: 25px;
}

/* /////////////////// страница Новости \\\\\\\\\\\\\\\\\\\\*/
.news {
  gap: 50px;
}

.news .breadcrumbs {
  margin-bottom: 0px;
}

.news-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.pagination {
  margin: auto;
  display: flex;
  gap: 10px;
}

.mse2_pagination {
  display: flex;
}

.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  opacity: 80%;
  min-width: 36px;
  min-height: 36px;
  cursor: pointer;
  font-family: "Manrope-regular";
  font-size: 16px;
}

.pagination__item:hover {
  background-color: #7ab8df;
}

.pagination__item_active {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  min-width: 36px;
  min-height: 36px;
  opacity: 100%;
  background-color: #caf0fc;
}

.row_back {
  transform: rotate(180deg);
}

.news-description {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.news-description__top {
  opacity: 50%;
}

.dop-news .title_page {
  margin-bottom: 25px;
}

/* /////////////////// страница Контакты \\\\\\\\\\\\\\\\\\\\*/
.contacts-page {
  gap: 50px;
}

.contacts-body {
  display: flex;
  gap: 25px;
}

.contacts-body__text {
  display: flex;
  flex-direction: column;
  gap: 50px;
  flex: 0 1 50%;
}

.contacts-body__text_info {
  display: flex;
  flex-direction: column;
  gap: 100px;
}

.contacts-body__text_info .contacts-body__text_row {
  display: flex;
  gap: 75px;
}

.contacts-body__text_info .contacts-body__text_row .contacts-item {
  width: 220px;
}

.contacts-body__text_info .contacts-body__text_row .contacts-item__body {
  margin-left: 37px;
  width: 100%;
  max-width: 220px;
}

.contacts-body__text_soc {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contacts-body__text_soc .contacts-body__text_row {
  display: flex;
  gap: 100px;
}

.contacts-body__map {
  flex: 0 1 50%;
}

.contacts-body__map_mob {
  display: none;
}

.soc-item {
  display: flex;
  gap: 15px;
}

.soc-item p {
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.32px;
}

.soc-item a {
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.32px;
}

.soc-item a:hover {
  text-decoration: underline;
}

.contacts-supervisor {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.contacts-supervisor__contein {
  display: flex;
  gap: 75px;
}

.contacts-supervisor .contacts-item {
  width: 350px;
  justify-content: space-between;
}

.contacts-supervisor .contacts-item__body {
  margin-left: 37px;
  opacity: 100%;
}

.contacts-supervisor .contacts-item__body p {
  font-family: "Manrope-Medium";
  font-size: 20px;
  line-height: 27.32px;
}

.footer-form {
  position: relative;
  width: 100%;
  height: 788px;
  background: url(/assets/img/footer_back.jpg) 0 0/cover no-repeat;
  backdrop-filter: grayscale(30%);
}

.footer-form::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  backdrop-filter: grayscale(100%);
}

.footer-form__wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.footer-form__conteiner {
  position: absolute;
  top: 75px;
  gap: 50px;
  width: 100%;
  max-width: 650px;
  padding: 50px;
  border-radius: 10px;
  background-color: #fff;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 50px;
  background-color: #fff;
}

.form__top {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.form__subtitle p {
  font-size: 22px;
  line-height: 30.05px;
  opacity: 80%;
}

.form__mid {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.form__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__button {
  border: 1px solid;
  color: #3a3f81;
}

.form__button:hover {
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
  color: #fff;
}

.form__text {
  font-family: "Manrope-regular";
  font-size: 14px;
  line-height: 19.12px;
  opacity: 50%;
  text-align: center;
}

.form__title {
  font-family: "Comfortaa-bold";
  font-size: 26px;
  line-height: 28.99px;
  color: #2D125B;
}

/* /////////////////// страница Документы \\\\\\\\\\\\\\\\\\\\*/
.documents .title_page {
  margin-bottom: 25px;
}

.document-nav {
  display: flex;
  gap: 25px;
  align-items: center;
}

.admin-nav__top .input-field,
.document-nav .input-field {
  padding: 15px 15px 15px 15px;
}

.documents-content {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.document-type {
  width: 100%;
  max-width: 695px;
}

.document-year {
  width: 100%;
  max-width: 212px;
}

.documents-content__title {
  font-family: "Manrope-Medium";
  font-size: 18px;
  line-height: 24.59px;
  opacity: 70%;
  margin-bottom: 25px;
}

.documents-content__list {
  display: flex;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  column-gap: 50px;
  flex-wrap: wrap;
}

.documents-content__item {
  margin-bottom: 20px;
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.5px;
  cursor: pointer;
  flex: 0 1 calc(50% - 50px);
}

.documents-content__item::before {
  content: "•";
  margin-right: 10px;
  color: #2d125b;
}

.documents-content__item a {
  font-family: "Manrope-semibold";
  font-size: 20px;
  line-height: 27.5px;
}

.documents-content__item a:hover {
  text-decoration: underline;
}

.documents-content__disabled {
  opacity: 50%;
}

/* /////////////////// страница Музыка \\\\\\\\\\\\\\\\\\\\*/
.musics .title_page {
  margin-bottom: 50px;
}

.musics_detail .title_page {
  margin-bottom: 25px;
}

.audio-pleer {
  border-radius: 10px;
  padding: 15px;
  box-shadow: 2px 2px 10px 0px rgba(47, 26, 73, 0.1215686275);
  background-color: #fff;
  display: flex;
  gap: 15px;
}

.audio-pleer__body {
  display: flex;
  flex-direction: column;
}

.audio-pleer__top {
  display: flex;
  justify-content: space-between;
}

.audio-pleer__title {
  font-family: "Manrope-regular";
  font-size: 14px;
  line-height: 19.12px;
  color: rgba(19, 21, 22, 0.6);
}

.audio-pleer__progress_bar {
  padding: 5px 0px;
}

.musics_detail .content-split {
  gap: 25px;
}

.audio-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.audio-player {
  border-radius: 10px;
  padding: 15px;
  box-shadow: 2px 2px 10px 0px rgba(47, 26, 73, 0.1215686275);
  background-color: #fff;
  display: flex;
  gap: 15px;
  align-items: center;
  width: 587px;
}

.audio-player__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
}

.audio-player__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.audio-player__title {
  font-family: "Manrope-regular";
  font-size: 14px;
  line-height: 19.12px;
  color: rgba(19, 21, 22, 0.6);
}

.audio-player__time {
  font-family: "Manrope-regular";
  font-size: 12px;
  line-height: 16.39px;
  color: #777777;
}

.audio-player__pause_button {
  cursor: pointer;
}

.audio-player__progress_bar {
  padding: 5px 0px;
}

.music-progress__wrap {
  position: relative;
  background-color: #d9d9d9;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  overflow: hidden;
}

.music-progress__line {
  background-color: #253b77;
  width: 10%;
  height: 3px;
  border-radius: 10px;
}

input[type="range"] {
  width: 72px;
  opacity: 0;
  height: 10px;
  position: absolute;
  z-index: 99;
}

.volume {
  width: min-content;
}

.volume__wrap {
  position: relative;
  height: 10px;
  width: 72px;
  border: 1px solid #caf0fc;
  border-radius: 10px;
}

.volume__value {
  background-color: #caf0fc;
  height: 10px;
  border-radius: 10px;
  width: 0;
  /* Изначально ширина 0 */
}

.volume__drag {
  position: absolute;
  top: -5px;
  left: 54px;
  background-color: #3a3f81;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  cursor: pointer;
  /* Указатель для перетаскивания */
}

/* /////////////////// Календарь \\\\\\\\\\\\\\\\\\\\*/
.calendar-header {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 25px;
  left: 0px;
  padding: 0px 25px;
  width: 100%;
}

.pmu-month,
.calendar-title {
  font-family: "Manrope-bold";
  font-size: 14px;
  line-height: 19.12px;
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: 15px;
  color: #131516 !important;
}

.calendar-btn-prev,
.calendar-btn-next {
  cursor: pointer;
}

.pmu-prev {
  background: url(/assets/img/calendar_arrow1.svg) 0 0 / contain no-repeat;
  width: 11px !important;
  height: 19px;
}

.pmu-next {
  background: url(/assets/img/calendar_arrow2.svg) 0 0 / contain no-repeat;
  width: 11px !important;
  height: 19px;
}

.pmu-prev:hover {
  background: url(/assets/img/calendar_arrow1.svg) 0 0 / contain no-repeat !important;
}

.pmu-next:hover {
  background: url(/assets/img/calendar_arrow2.svg) 0 0 / contain no-repeat !important;
}

.calendar-conteiner {
  display: flex;
  gap: 25px;
  margin-bottom: 25px;
}

.calendar-item {
  font-family: "Manrope-semibold";
  font-size: 13px;
  line-height: 17.88px;
  color: #131516 !important;
}

.calendar-head {
  padding: 10px !important;
  font-family: "Manrope-semibold";
  font-size: 12px !important;
  line-height: 16.39px !important;
  color: rgba(19, 21, 22, 0.6) !important;
}

.calendar-item table {
  border-collapse: collapse;
  width: 100%;
}

.pmu-months div,
.pmu-day-of-week div,
.calendar-item th {
  font-family: "Manrope-bold";
  font-size: 14px !important;
  line-height: 19.12px !important;
  padding: 10px !important;
  text-align: center;
  color: #131516 !important;
  opacity: 70%;
  width: 43px !important;
}

.event_calendar .pmu-instance:nth-child(2) nav {
  justify-content: end;
}

.pmu-days .pmu-button,
.calendar-item td {
  font-family: "Manrope-regular";
  color: #131516 !important;
  padding: 8px 10px;
  text-align: center;
  border-radius: 10px;
  width: 43px !important;
  line-height: 17.88px !important;
  cursor: pointer;
}

.pmu-days .pmu-button:hover,
.calendar-item td:hover {
  background-color: rgba(185, 223, 248, 0.4941176471) !important;
}

.pmu-today,
.calendar-day.today {
  border-radius: 10px;
  position: relative;
  background-color: #fff !important;
}

.pmu-today::before,
.calendar-day.today::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #b9dff8;
  border-radius: 10px;
}

.pmu-days .pmu-not-in-month,
.calendar-day.prev-month,
.calendar-day.next-month {
  font-family: "Manrope-semibold";
  color: #b1b1b1 !important;
}

.pmu-days .pmu-selected {
  background-color: #CAF0FC !important;
  border-radius: 0%;
}

.calendar-day.event {
  background: #ffe2ad;
  position: relative;
  cursor: pointer;
}

.calendar-day.event:hover .calendar-popup {
  display: block;
}

.calendar-popup {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  min-width: 200px;
  padding: 15px;
  background: #fff;
  text-align: left;
  font-size: 13px;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #000;
}

.calendar-popup:before {
  content: "";
  border: solid transparent;
  position: absolute;
  left: 8px;
  bottom: 100%;
  border-bottom-color: #fff;
  border-width: 9px;
  margin-left: 0;
}

.event_calendar.pmu-hidden {
  display: none !important;
  top: -1000.5px;
}

/* /////////////////// Главная \\\\\\\\\\\\\\\\\\\\*/
.main-preview {
  position: relative;
  height: 840px;
  width: 100%;
  margin-top: -65px;
  color: #fff;
}

.main-preview__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

.main-preview__content {
  position: absolute;
  width: 100%;
  max-width: 591px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.main-preview__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
  width: 100%;
  max-width: 400px;
  height: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 200%;
  overflow: hidden;
  /* box-shadow: 5px 5px 100px 100px rgba(0, 0, 0, 0.6); */
}

.main-preview__title {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  text-align: center;
}

.main-preview__subtitle {
  position: relative;
  z-index: 1;
  font-family: "Comfortaa-regular";
  margin-bottom: 15px;
  text-align: center;
}

.main-preview__button_contain {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 15px;
}

.main-preview__button_contain div {
  flex: 1 1 100%;
}

.main-preview__button_bottom {
  display: flex;
  gap: 15px;
  position: absolute;
  bottom: 44px;

  width: max-content;
  margin: auto;
  left: 50%;
  transform: translateX(-50%);
}

.main-preview__button_bottom-mob {
  display: none;
  gap: 15px;
  width: 100%;
  margin: auto;
  flex-direction: column;
}

.vodnik,
.orfei,
.torfyanik,
.city {
  display: none;
}

.gos_uslugi-button {
  position: absolute;
  top: 100px;
  right: 30px;
  z-index: 2;
  width: 263px;
  height: 95px;

  background: url(/assets/img/GOSUSLUGI.png) 0 0 /contain no-repeat;
}

.main-title {
  display: flex;
  gap: 10px;
  width: max-content;
  margin: auto;
  align-items: center;
}

.main-title__arrow {
  transition: 300ms ease-in-out;
}

.main-title:hover .main-title__arrow {
  transform: translateX(6px);
}

.main-about .title_page {
  margin-bottom: 50px;
}

.main-about {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.main-about .slider-image {
  margin-bottom: 0px;
}

.main-card {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.main-card__item {
  flex: 1 1 100%;
}

.main-news {
  background-color: #cce7f9;
  padding-bottom: 97px;
  width: 100%;
}

.main-news .main-title {
  margin-top: 100px;
  margin-bottom: 50px;
}

.main-artist .main-title {
  margin-bottom: 50px;
}

.artist-slide {
  position: relative;
}

.artist-slide__gradient {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 25px;
  color: #fff;
  width: 100%;
  height: 100%;
}

.artist-slide__title {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 29.96px;
}

.artist-slide:hover .artist-slide__link {
  opacity: 100%;
  pointer-events: inherit;
}

.artist-slide__link {
  position: absolute;
  bottom: 25px;
  left: 25px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}

.artist-slide__link img {
  width: 8px !important;
}

.artist-slide__link:hover {
  text-decoration: underline;
}

.main-location {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.main-location .contacts-body__text_info {
  flex-direction: row;
}

.soc-conteiner {
  display: flex;
  justify-content: baseline;
}

.soc-conteiner .soc-item {
  width: 300px;
}

.main-card-bottom {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.main-split-content {
  display: flex;
  gap: 25px;
}

.main-card-grade {
  position: relative;
  background: url(/assets/img/grade.png) center 5px/70% 100% no-repeat, linear-gradient(90deg, #2d125b 0%, #3a3f81 100%);
  height: 300px;
  border-radius: 10px;
  flex: 1 1 100%;
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.3019607843);
}

.button-white {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
}

.main-card-gos {
  height: 300px;
  background: linear-gradient(-90deg, #2d125b 0%, #3a3f81 100%);
  border-radius: 10px;
  flex: 1 1 100%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  box-shadow: 4px 4px 10px 0px rgba(47, 26, 73, 0.3019607843);
}

.left-content {
  position: relative;
}

.left-content__title {
  font-family: "Comfortaa-semibold";
  font-size: 20px;
  line-height: 32.78px;
  margin-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
}

.left-content__text {
  font-family: "Manrope-regular";
  font-size: 18px;
  line-height: 24.59px;
  opacity: 90%;
  padding-left: 25px;
}

/* /////////////////// Вопросы \\\\\\\\\\\\\\\\\\\\*/
.qustions .title_page {
  margin-bottom: 50px;
}

.qustions-content {
  display: flex;
  gap: 25px;
}

.qustions-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
  flex: 1 1 100%;
}

.qustions-list__item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(19, 19, 19, 0.2509803922);
  padding: 20px 30px;
}

.qustions-list__dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 300ms ease-in-out;
}

.qustions-list__dropdown_open {
  margin-bottom: 25px;
}

.qustions-list__title {
  font-family: "Manrope-Medium";
  font-size: 22px;
  line-height: 30.05px;
}

.qustions-list__icon {
  transition: 300ms ease-in-out;
}

.qustions-list__icon_open {
  transform: rotate(45deg);
}

.qustions-list__body {
  transition: 300ms ease-in-out;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.qustions-list__body a:hover {
  text-decoration: underline;
}

.qustions-list__body_open {
  transition: 300ms ease-in-out;
  height: max-content;
  opacity: 100%;
}

.qustions-form {
  flex: 1 1 100%;
  max-width: 430px;
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(19, 19, 19, 0.2509803922);
  height: max-content;
  padding: 25px;
}

/* /////////////////// Страница 404 \\\\\\\\\\\\\\\\\\\\*/
.page-404 {
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.page-404__title {
  font-family: "Lena";
  font-size: 350px;
  line-height: 350px;
  text-align: center;
  color: #2d125b;
}

.page-404__text {
  font-family: "Manrope-Medium";
  font-size: 32px;
  line-height: 43.71px;
  text-align: center;
}

.page-404 .button-blue {
  width: 100%;
  max-width: 328px;
  margin: auto;
}

/* /////////////////// Городские мероприятия \\\\\\\\\\\\\\\\\\\\*/
.vendor {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.vendor-mob {
  display: none;
  flex-direction: column;
  gap: 50px;
}

.vendor__top {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 100px;
}

.vendor__text {
  opacity: 80%;
  font-family: "Manrope-regular";
  font-size: 18px;
  line-height: 24.59px;
  text-align: center;
}

.vendor__row {
  display: flex;
  justify-content: space-around;
}

.vendor__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 240px;
}

.vendor__image img {
  filter: grayscale(1);
}

.vendor__image:hover img {
  filter: grayscale(0);
}

.event-descript .subtitle,
.event-adress .subtitle {
  margin-bottom: 0px;
}

.card-comand {
  display: flex;
  gap: 25px;
}

.cards__contact {
  font-family: 'Manrope-Semibold';
  font-size: 18px;
  line-height: 24.75px;

}

.card-comand .cards__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-comand .cards__item {
  flex: 1 1 100%;
  color: #222222;
  opacity: 100%;
}

.main-video .title_page,
.comand .title_page {
  margin-bottom: 50px;
}

.modal-event__top {
  display: flex;
  gap: 25px
}

.modal-event__ticket {
  flex: 0 0 147px;
}

.modal-event__title {
  font-family: 'Manrope-Semibold';
  font-size: 18px;
  line-height: 24.59px;
}

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

.modal_event .modal__content {
  max-width: 1098px;
}

.main-split-content-mob {
  display: none;
  gap: 25px;
}

.main-preview__button_contain a {
  display: flex;
  width: 100%;
}

.video-slide {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}

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

/* /////////////////// Банеры с преимуществами \\\\\\\\\\\\\\\\\\\\*/
.image-split__ban {
  position: relative;
  box-shadow: 0px 2px 4px 0px #13131340;
  height: 233px;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  padding: 25px;
}

.gradien_blue {
  background: linear-gradient(-90deg, #3a3f81 0%, #2d125b 100%);
}

.gradien_blue2 {
  background: linear-gradient(90deg, #3a3f81 0%, #2d125b 100%);
}

.gradien_pink {
  background: linear-gradient(85.69deg, #e62c94 32.13%, #2d125b 142.77%);
}

.pink {
  background-color: #E62C94;
}

.blue {
  background-color: #CCE7F9;
}

.ban {
  display: flex;
  gap: 15px;
  align-items: start;
}

.ban__body {
  display: flex;
  gap: 25px;
  flex-direction: column;
}

.ban__title {
  font-family: 'Manrope-Semibold';
  font-size: 24px;
  line-height: 32.78px;
  color: #fff;
}

.ban__text {
  font-family: 'Manrope-Regular';
  font-size: 18px;
  line-height: 24.59px;
  color: #fff;
}

.ban-text {
  font-family: 'Manrope-Regular';
  font-size: 18px;
  line-height: 24.59px;
}

.pushtext {
  position: absolute;
  top: 25px;
  right: 122px;
}

.pushimg {
  position: absolute;
  bottom: 0;
  left: 0;

}

.soclogo {
  width: 270px;
}

.socimg {
  position: absolute;
  bottom: 0;
  right: 0;
}

.ban-soc {
  width: 100%;
  max-width: 360px;
}

.gismo {
  width: 57px;
}

.image-split-mob {
  display: none;
}

/* /////////////////// карты ДК \\\\\\\\\\\\\\\\\\\\*/
.dk-map {
  background: #fff;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.map-nav {
  display: flex;
  position: absolute;
  background: #fff;
  border-radius: 100px;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
}

.map-nav__map_activ {
  position: absolute;
  background: #CCE7F9;
  top: 0;
  left: 0;
  transition: 500ms ease;

}

.map-nav__map_activ,
.map-nav__map1,
.map-nav__map2 {
  font-family: 'Manrope-Medium';
  font-size: 14px;
  line-height: 19.12px;
  padding: 10px 25px 10px 25px;
  border-radius: 100px;
}

.map-nav__map1,
.map-nav__map2 {
  cursor: pointer;
}

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

.map2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}

/* /////////////////// Админка \\\\\\\\\\\\\\\\\\\\*/
.admin_body {
  background-color: #fff;
}

.login_logo {
  position: relative;
  top: 8%;
  width: 100%;
  max-width: 418px;
  text-align: center;
  margin: auto;
}

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

.modal-reset {
  display: none;
  position: relative;
  z-index: 99999;
}

.modal-reset .modal__content,
.modal-login .modal__content {
  max-width: 650px;
  padding: 75px 50px;
  gap: 50px;
}

.modal-reset .title_lilac h4,
.modal-login .title_lilac h4 {
  font-size: 50px;
  line-height: 55.75px;
}

.forgot_pass {
  margin-bottom: 50px;
  cursor: pointer;
}

.forgot_pass,
.login_text {
  font-family: 'Manrope-Medium';
  font-size: 18px;
  line-height: 24.59px;
  opacity: 100%;
}

.forgot_pass:hover {
  text-decoration: underline;
}

.modal-login .form__mid {
  margin-bottom: 15px;
}

.modal-reset .field_name {
  margin-bottom: 50px;
}

.wrongpass {
  display: none;

}

.wrongpass__text {
  color: #EF4058;
}

.reset-pass__head {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.musics-form,
.news-form,
.event-form,
.admin-contain {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.admin-contain {
  position: relative;
}

.back-link {
  position: absolute;
  left: 0;
  top: 13px;
  display: flex;
  gap: 15px;
  cursor: pointer;
  font-family: 'Manrope-medium';
}

.back-link:hover {
  text-decoration: underline;
}

.admin-nav {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.admin-nav__top {
  display: flex;
  justify-content: space-between;
}

.admin-nav__down {
  padding: 10px;
}

.admin-nav__dropdown {
  display: flex;
  gap: 25px;
}

.admin-nav__dropdown .dropdown-container {
  max-width: 360px;
}

.admin-nav__button {
  max-width: 270px;
}

.cards__info_admin {
  position: absolute;
  top: 15px;
  left: 15px;
}

.cards__info_admin .cards__title {
  color: #fff;
  font-size: 18px;
  line-height: 24.59px;
}

.cards__info_admin p {
  color: #FFFFFFCC;
}

.cards__shadow,
.cards__item_admin {
  position: relative;
}

.cards__shadow {
  box-shadow: 4px 4px 10px 0px #2F1A491F;
  border-radius: 10px;
  height: 100%;
  padding: 15px;
}

.cards__shadow .cards__info {
  position: relative;
  top: 0px;
  left: 0px;
  margin-bottom: 60px;
}

.cards__shadow p {
  opacity: 50%;
}

.cards__shadow .cards__price {
  border: 1px solid #13151680
}

.cards__admin_icon {
  position: absolute;
  bottom: 27px;
  right: 15px;
  display: flex;
  gap: 15px
}

.event-main-info {}

.subtitle_admin {
  margin-bottom: 25px;
}

.music-main-info__contain,
.event-main-info__contain {
  display: flex;
  gap: 25px;
  width: 100%;
}

.music-main-info__left,
.event-main-info__left {
  flex: 0 1 55%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.music-main-info__right,
.event-main-info__right {
  flex: 0 1 50%;
}

.input-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.input-box__link,
.input-box__title {
  font-size: 14px;
  line-height: 19.12px;
  opacity: 50%;
}

.input-box__link {
  cursor: pointer;
}

.input-box__link:hover {
  text-decoration: underline;
}

.input-box .input-field {
  padding: 15px 41px 15px 15px;
  width: 100%;
}

.image_small {
  width: 228px;
}

.input_photo_none {
  display: none;
}

.input_photo {
  width: 100%;
  height: 210px;
  background-color: #F5F5F5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 58px 58px;
  cursor: pointer;
  border-radius: 10px;
}

.input_photo_full {
  height: 210px;
  background-position: center;
  background-size: cover;
}

.input_photo_event_main {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  cursor: auto;
}

.input_photo_music_main {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  overflow: hidden;
  cursor: auto;
}

.preview_music {
  height: 500px;
}

.input-date-time {
  display: flex;
  gap: 10px;
  width: 100%;

}

.input_time,
.input_date {
  max-width: 200px;
}

.input-field_name {
  max-width: 600px;
}

.input-field_description {
  min-height: 165px;
}

.input_price {
  max-width: 350px;
}

.checkbox-container_admin {
  padding: 10px;
}

.checkbox-container_admin {
  padding: 10px;
}

.checkbox-container_admin_right {
  padding: 10px 10px 10px 0px;
}

.noshadow {
  box-shadow: none;
  border: 1px solid rgba(19, 21, 22, 0.3019607843);
  opacity: 0;
}

.event-place__contain {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.field-split {
  display: flex;
  gap: 10px;
  max-width: 860px;
}

.field-split-equal {
  display: flex;
  gap: 10px;
}

.field-split div:first-child {
  flex: 1 1 40%;
}

.field-split div:last-child {
  flex: 0 1 60%;
}

.input-box .dropdown_input {
  font-family: "Manrope-regular";
  font-size: 16px;
  line-height: 21.86px;
}

.field_location_admin {
  padding: 0px !important;
}

.field_location_admin .input-field,
.field_location_admin input {
  padding: 15px 41px 15px 41px;
}

.input-num {
  width: 100%;
  max-width: 459px;
}

.textarea-field {
  min-height: 391px;
}

.admin-video_split {
  display: flex;
  gap: 25px;
}

.admin-video_split .input-box {
  flex: 0 1 50%;
}

.video-preview {
  width: 100%;
  height: 324px;
  background-color: #F5F5F5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 113px 80px;
  border-radius: 10px;
  overflow: hidden;
}

.bottom-form {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.bottom-form__button {
  display: flex;
  gap: 25px;
  max-width: 565px;
}

.new-main-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.documents-content__item_body {}

.documents-content__period {
  font-family: 'Manrope-semibold';
  font-size: 12px;
  line-height: 16.39px;
  color: #13151699;
}

.documents-content__title {
  color: #333333;
  opacity: 100%;
}

.documents-content__item_admin {
  display: flex;
  justify-content: space-between;
  flex: 0 1 45%;
}

.documents-content__icon {
  display: flex;
  gap: 15px;
}

.modal_document_edit .modal__content,
.modal_document_add .modal__content {
  gap: 0;
  max-width: 650px;
}

.modal_document_edit .input_date,
.modal_document_add .input_date {
  max-width: none;
}

.modal_document_edit .input-box,
.modal_document_add .input-box {
  width: 100%;
}

.add_document {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.uploader {
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px dashed #ccc;
  border-radius: 5px;
}

.uploader__top {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.uploader__top p {
  opacity: 50%;
}

.uploder__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11.5px;
  font-family: 'Manrope-medium';
  font-size: 16px;
  line-height: 21.86px;
  opacity: 30%;
  border-radius: 10px;
  border: 1px solid #131516;
  cursor: pointer;
}

.modal__content_button_full {
  display: flex;
  gap: 25px;
}

.input-box .field_music .input-field {
  padding: 15px 15px 15px 41px;
  opacity: 60%;
  cursor: pointer;
}

.input-box .field_music_fill .input-field {
  padding: 15px 15px 15px 41px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ck.ck-editor {
  position: relative;
  height: 391px !important;
}

.ck-editor__main {
  height: 90% !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  height: 100% !important;
  border-color: #1315164D !important;
  border-radius: 0px 0px 10px 10px !important;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
  border: 1px solid #1315164D !important;
  border-radius: 10px 10px 0px 0px !important;
  border-bottom: none;
}

.ck-rounded-corners .ck.ck-toolbar {
  border-radius: 10px 10px 0px 0px !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused-non) {
  height: 100% !important;
  border-color: #1315164D !important;
  border-radius: 0px 0px 10px 10px !important;
}

/* .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  position: absolute;
  left: 0;
  top: 40px;
} */

.check_with_hint {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: center;
}

.hint_block {
  display: none;
  position: absolute;
  width: 340px;
  height: 190px;
  top: -190px;
  left: 243px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 4px 4px 10px 0px #2F1A491F;
  background: url(/assets/img/image10.png) center / cover no-repeat;
}

.hint:hover+.hint_block {
  display: block;
}

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

}

/* .input-box_image .fileInputWrapper{
  width: max-content;
} */
.image_load p {
  margin-top: 10px;
}

.image_load_icon {
  position: absolute;
  bottom: 15px;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding: 0px 14px;
  width: 100%;
}

.image_reload {
  cursor: pointer;
}

.image_delete {
  width: 29px;
  height: 32px;
  cursor: pointer;
}

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

.input-box_image {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.edit-head {
  max-width: 695px;
  margin: auto;
}

.edit-head .title_lilac {
  margin-bottom: 25px;
}

.edit-head__title h5 {
  font-family: 'Manrope-bold';
  text-align: center;
}

.file_load,
.icon_left {
  display: flex;
  gap: 15px;
}

.input_photo_full_small {
  background-size: cover;
}

.card_icon {
  cursor: pointer;
  transition: 300ms;
}

.card_icon:hover {
  transform: scale(1.1);
}

.icon_hide {
  width: 23px;
  height: 19px;
  background: url('/assets/img/hide_eye.svg') 0 0 / cover no-repeat;
}

.checkbox_hide:checked+.icon_hide {
  background: url('/assets/img/mdi_eye.svg') 0 0 / cover no-repeat;
}

.icon_hide_dark {
  width: 23px;
  height: 19px;
  background: url('/assets/img/hide_dark_eye.svg') 0 0 / cover no-repeat;
}

.checkbox_hide:checked+.icon_hide_dark {
  background: url('/assets/img/dark_eye.svg') 0 0 / cover no-repeat;
}


.admin_link {
  display: flex;
  gap: 25px;
}

.admin_link__icon {
  width: 19px;
  height: 19px;
}

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

.admin_link a {
  display: flex;
  gap: 10px;
  white-space: nowrap;
  cursor: pointer;
}

.admin_link a:hover {
  text-decoration: underline;
}

/* /////////////////// Другое \\\\\\\\\\\\\\\\\\\\*/
.image_eyes {
  position: absolute;
  top: 30%;
  right: 20px;
  width: 26px;
  height: 21px;
  background-image: url(/assets/img/hide_dark_eye.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  opacity: 30%;
}

.image_eyes_open {
  opacity: 100%;
  background-image: url(/assets/img/dark_eye.svg);
}

.field_gor_event {
  display: none;
}

.adres_dk {
  display: none;
}

.dropdown_event {
  max-width: 340px;
}

.default_image {
  background-color: #F5F5F5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 58px 58px;
  cursor: pointer;
  border-radius: 10px;
  background-image: url(/assets/img/default.svg);
}

.default_image_cart_admin {
  width: 383px;
  height: 220px;
}

.hide {
  display: none;
}

.admin_event_img {
  position: absolute;
  top: 0;
}

.newslist-slider__conteiner .swiper-slide {
  margin-right: 25px;
}

.clean_field {
  display: none;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  z-index: 1;
  cursor: pointer;
}

#drop-area.drag-over {
  background-color: #ebf0fe;
  color: #007bff;
}

.error {
  border: 1px solid rgb(239, 64, 88);
}

#date_calendar {
  cursor: pointer;
}

.news-description .content_text,
.event-descript .content_text {
  gap: 0px;
}

.form__text a:hover {
  text-decoration: underline;
}

.studioForm {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.air-datepicker-global-container {
  z-index: 999999;
}

.torfynik_img {
  object-position: top;
}

.desctope{

}

.mobile{
  display: none;
}

.statistic-icon { 
  display: flex;
  gap: 200px;
  margin: auto;
}
.statistic-icon__item { 
  max-width: 239px;
  max-height: 82px;
}
.statistic-icon__item img{ 
  width: 100%;
  height: 100%;
  object-fit: contain;
}