/*
Theme Name: Voronezh Oceanarium
Author: Andrey Zmeev
Author URI: https://arcticlab.ru/
Version: 2.0
*/

html {
	height: 100%;
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	color: #373D41;
	font-family: "Geologica", sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 16px;
	line-height: 120%;
	display: flex;
	flex-direction: column;
	background: #fff;
	min-height: 100%;
}

* {
	box-sizing: border-box;
}

a,
a:hover,
.btn,
.btn:hover {
	transition: ease .3s;
}

h2 {
	font-weight: 600;
	font-size: 32px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	margin: 0;
}

.flex {
	display: flex;
}

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

.relative {
	position: relative;
}

.container {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
}
.container-column {
	gap: 30px;
}
.more-space {
	margin: 40px 0;
}
.btn {
	padding: 12px 20px;
	text-transform: uppercase;
	border-radius: 28px;
	font-size: 16px;
	font-weight: 300;
	line-height: 100%;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	border: 0;
}

.btn-orange {
	color: #fff;
	background: #FF5834;
	outline: 1px solid #FF5834;
}

.btn-orange:hover {
	color: #fff;
	background: #da5437;
	outline: 1px solid #da5437;
}

.btn-blue {
	color: #009CB3;
	outline: 1px solid #009CB3;
	background: #fff;
}

.btn-blue:hover {
	color: #0e8a9d;
	outline: 1px solid #0e8a9d;
	background: #fff;
}

.btn-white {
	color: #fff;
	outline: 1px solid #fff;
	background: transparent;
}

.btn-white:hover {
	color: #648395;
	outline: 1px solid #fff;
	background: #fff;
}

main {
	flex: 1;
	position: relative;
}

body:not(.home) .aquarium {
	gap: 120px;
	padding-top: 60px;
}
h1 {
	line-height: 100%;
}
body:not(.home) h1 {
	text-transform: uppercase;
	margin: 0;
}

header {
	position: sticky;
	top: 0;
	padding: 20px 0;
	background: #fff;
	-webkit-box-shadow: 0px 4px 10px -5px rgba(202, 204, 206, 0.2);
	-moz-box-shadow: 0px 4px 10px -5px rgba(202, 204, 206, 0.2);
	box-shadow: 0px 4px 10px -5px rgba(202, 204, 206, 0.2);
	z-index: 100;
}

header .container {
	display: grid;
	grid-template-columns: 220px 1fr 360px;
	grid-template-areas:
		"logo timing timing"
		"menu menu buttons";
	align-items: center;
	column-gap: 20px;
	row-gap: 10px;
	align-items: stretch;
}

header .container .logo {
	grid-area: logo;
}

header .container .timing {
	grid-area: timing;
}

header .container .menu {
	grid-area: menu;
}

header .container .buttons {
	grid-area: buttons;
}


header .container .timing {
	justify-content: end;
	align-items: stretch;
}

header .container .timing div {
	padding: 0 16px;
	border-right: 2px solid #EAEAEA;
}

header .container .timing div:fist-of-type {
	padding-left: 0;
}

header .container .timing div:last-of-type {
	padding-right: 0;
	border: 0;
}

header .container .timing .timing-item {
	display: flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	line-height: 100%;
}

header .container .timing .timing-item.tickets-info {
	white-space: break-spaces;
	max-width: 260px;
}

header .container .timing .timing-item span {
	color: #fff;
	padding: 3px 8px;
	background: #648395;
	border-radius: 28px;
}

header .container .buttons {
	gap: 12px;
}

header .container .menu {
	align-items: center;
}

header .container .menu ul,
footer .container .footer-navigation ul {
	display: flex;
	margin: 0;
	padding: 0;
	justify-content: start;
	align-items: stretch;
	gap: 20px;
	list-style: none;
}

header .container .menu ul li a,
nav.dropdown-layer a,
footer .container .footer-navigation ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #373D41;
	font-size: 16px;
	line-height: 100%;
	font-weight: 400;

	&:hover {
		color: #FF5834;
	}
}

header .container .menu ul li.current_page_item a,
header .container .menu ul li.current-page-ancestor a,
nav.dropdown-layer ul li.current_page_item a {
	color: #FF5834;
}

header {
	position: sticky;
	top: 0;
	padding: 20px 0;
	background: #fff;
	z-index: 100;
}

header .container .menu {
	display: flex;
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

header .container .menu>li {
	position: relative;
}

header .container .menu>li>a {
	display: block;
	padding: 8px 0;
	text-decoration: none;
}

header .container .menu ul.sub-menu {
	display: none !important;
}

nav.dropdown-layer {
	position: fixed;
	top: -20px;
	left: 0;
	width: 100%;
	height: 0;
	pointer-events: none;
	z-index: 90;
}

nav.dropdown-layer .dropdown-panel {
	position: absolute;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 30px 0 12px 0;
	margin: 0;
	list-style: none;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .18);

	opacity: 0;
	transform: translateY(-6px);
	transition:
		opacity 180ms ease,
		transform 220ms ease;

	pointer-events: auto;
}

nav.dropdown-layer .dropdown-panel.is-visible {
	opacity: 1;
	transform: translateY(0);
}

nav.dropdown-layer .dropdown-panel>li>a {
	display: block;
	padding: 10px 16px;
	white-space: nowrap;
	text-decoration: none;
	color: inherit;
}


footer {
	padding: 80px 0 40px 0;
	background: #648395;
	color: #fff;
}

footer .container {
	gap: 40px;
}

footer .container .footer-navigation {
	flex: 1;
	justify-content: end;
	gap: 30px;
}

footer .container .footer-menu {
	justify-content: end;
}

footer .container .footer-navigation ul li a {
	color: #fff;
}

footer .container .footer-navigation .sub-menu {
	display: none;
}

footer .container .footer-buttons {
	justify-content: end;
	gap: 12px;
}

footer .container .social-links,
#contacts .social-links {
	gap: 12px;
}

footer .container .social-links a,
#contacts .social-links a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #FFFFFF4D;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}

footer .developer a {
	margin: 0 auto;
	gap: 12px;
	color: #fff;
	text-decoration: none;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
}

footer .copyright {
	font-weight: 100;
	line-height: 150%;
	font-size: 16px;
}

footer .politics ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 16px;
}

footer .politics ul a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
	font-weight: 100;

}

footer .footer-info {
	justify-content: space-between;
}

footer .footer-bottom {
	gap: 60px;
}


.p404 .container p,
.p404 .container a,
.p404 .container div {
	position: relative;
	z-index: 5;
}

/* Базовое состояние: рыбка качается на месте */
.p404 .fish-404 {
	position: absolute;
	transform: translateX(0) rotate(0deg);
	transform-origin: 50% 50%;
	will-change: transform;
	animation: fishSway 3s ease-in-out infinite;
	cursor: pointer;
	z-index: 10;
}

/* На клик: быстро уплывает влево (за пределы видимой области) */
.p404 .fish-404.is-exiting {
	animation: fishExitLeft 420ms cubic-bezier(.2, .9, .2, 1) forwards;
}

/* Возвращение: появляется справа и медленно приплывает на место */
.p404 .fish-404.is-entering {
	animation: fishEnterFromRight 10000ms cubic-bezier(.2, .8, .2, 1) forwards;
}

.p404 .fish-404.is-exiting,
.p404 .fish-404.is-entering {
	/* перекрываем покачивание на время "сюжетной" анимации */
	animation-iteration-count: 1;
}

@keyframes fishSway {

	0%,
	100% {
		transform: translateY(0px) rotate(-0.6deg);
	}

	25% {
		transform: translateY(-5px) rotate(0.4deg);
	}

	50% {
		transform: translateY(3px) rotate(-0.3deg);
	}

	75% {
		transform: translateY(-3px) rotate(0.6deg);
	}
}

@keyframes fishExitLeft {
	0% {
		transform: translateY(0px) rotate(-2deg);
		opacity: 1;
	}

	60% {
		transform: translateX(-60vw) translateY(-2px) rotate(-10deg);
		opacity: 1;
	}

	100% {
		transform: translateX(-140vw) translateY(-5px) rotate(-14deg);
		opacity: 0;
	}
}

@keyframes fishEnterFromRight {
	0% {
		transform: translateX(140vw) translateY(-3px) rotate(6deg);
		opacity: 0;
	}

	15% {
		opacity: 1;
	}

	100% {
		transform: translateX(0px) translateY(0px) rotate(-0.6deg);
		opacity: 1;
	}
}

.p404 .container {
	position: relative;
	background: url('images/bg-404.svg') center no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 0;
	margin-top: 60px;
	margin-bottom: 60px;
}

main .aquarium {
	overflow: hidden;
	padding-bottom: 100px;
	gap: 150px;
}

.p404 .container .digits-404 {
	width: 442px;
	height: 172px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url('images/404.svg');
	margin: 20px auto 190px auto;
}

.p404 .container p {
	font-size: 24px;
	line-height: 140%;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

main .aquarium {
	position: relative;
}

main .bubble-layer {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}


main .bubble {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: var(--s);
	height: var(--s);
	border-radius: 50%;
	background: #8CBECE;
	opacity: 1;

	will-change: transform, border-radius;

	/* старт: X = var(--x), Y = нижняя граница + запас 140px */
	transform: translate3d(var(--x), 140px, 0) scale(0.92);

	/* анимации */
	animation:
		bubbleRise var(--riseDur) linear forwards,
		bubbleCartoon var(--toonDur) ease-in-out infinite;
}

@keyframes bubbleRise {
	0% {
		transform: translate3d(var(--x), 140px, 0) scale(0.92);
	}

	20% {
		transform: translate3d(calc(var(--x) + var(--amp)),
				calc(140px - (140px + var(--riseH)) * 0.2),
				0) scale(0.98);
	}

	45% {
		transform: translate3d(calc(var(--x) - var(--amp)),
				calc(140px - (140px + var(--riseH)) * 0.45),
				0) scale(1.0);
	}

	70% {
		transform: translate3d(calc(var(--x) + var(--amp)),
				calc(140px - (140px + var(--riseH)) * 0.7),
				0) scale(1.0);
	}

	100% {
		transform: translate3d(var(--x),
				calc(140px - (140px + var(--riseH))),
				0) scale(1.0);
	}
}

@keyframes bubbleCartoon {
	0% {
		border-radius: 50%;
	}

	25% {
		border-radius: 54% 46% 52% 48%;
	}

	50% {
		border-radius: 48% 52% 46% 54%;
	}

	75% {
		border-radius: 52% 48% 54% 46%;
	}

	100% {
		border-radius: 50%;
	}
}

.anonymous-fish {
	display: block;
	width: 142px;
	height: 122px;
	background: url('images/anonymous-fish.svg') center/contain no-repeat;
	position: absolute;
	top: 100px;
	left: 100px;
}

.afish-1 {
	top: 50px;
	left: 250px;
}

.afish-2 {
	top: 50px;
	right: 250px;
	left: auto;
	width: 96px;
	height: 81px;
	transform: scale(-1, 1);
}

.afish-3 {
	top: 300px;
	left: 300px;
	width: 60px;
	height: 50px;
	transform: scale(-1, 1);
}

.afish-4 {
	top: 380px;
	right: 310px;
	left: auto;
	width: 60px;
	height: 50px;
}


.main-slider-bg {
	background-color: #648395;
}

.main-slider-wrapper {
	max-width: 1920px;
	margin: 0 auto;
}

.main-slider {
	width: 100%;
	height: 640px;
	position: relative;
	overflow: hidden;
}

.main-slide {
	height: 100%;
	position: relative;
	background-image: var(--bg-desk);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}


.main-slide__content {
	display: flex;
	justify-content: center;
	height: 100%;
	gap: 32px;
}

/* Медиа-запрос для мобильных фонов */
@media (max-width: 480px) {
	.main-slide {
		background-image: var(--bg-mobile);
	}
}

/* Контент на мобильных */
@media (max-width: 768px) {
	.main-slider {
		height: 400px;
	}

	.main-slide__content {
		bottom: 30px;
		left: 24px;
		right: 24px;
		gap: 16px;
	}
}

.main-slide__title {
	font-size: 40px;
	line-height: 100%;
	color: #fff;
	text-shadow: #648395 2px 0 5px;
	margin: 0;
	font-weight: 600;
	max-width: 600px;
}

.main-slide__descr {
	font-size: 18px;
	line-height: 120%;
	color: #fff;
	text-shadow: #648395 2px 0 5px;
	margin: 0;
	font-weight: 200;
	max-width: 600px;
	padding: 15px;
	background: #64839566;
	border-radius: 6px;
}


.main-slider__pagination,
.additional-slider__pagination {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 20px 0 !important;
	z-index: 1 !important;
}

.main-slider.swiper {
	display: flex !important;
	flex-direction: column !important;
	height: 640px;
}

.main-slider .swiper-wrapper {
	flex: 1 !important;
	min-height: 0 !important;
}

.main-slider__pagination .swiper-pagination-bullet,
.additional-slider__pagination .swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	background: #D9D9D9 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	transition: ease .3s;
	opacity: 1 !important;
}

.main-slider__pagination .swiper-pagination-bullet-active,
.additional-slider__pagination .swiper-pagination-bullet-active {
	background: #009CB3 !important;
	transition: all .3s ease !important;
	box-shadow: 0 0 12px rgba(0, 156, 179, 0.6) !important;
}


/* СТРЕЛКИ */
.main-slider__prev,
.additional-slider__prev,
.additional-slider__next,
.main-slider__next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20 !important;
	width: 32px;
	height: 32px;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	background-color: #fff !important;
	background-position: calc(50% + 2px) 50%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='9' height='17' viewBox='0 0 9 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.235394 1.40604C0.160213 1.32648 0.101438 1.23289 0.0624247 1.13062C0.0234118 1.02835 0.00492477 0.919389 0.00801945 0.809971C0.0111151 0.700552 0.0357323 0.592815 0.0804644 0.49291C0.125196 0.393005 0.189168 0.302889 0.268727 0.227708C0.348287 0.152526 0.441875 0.0937506 0.544149 0.0547377C0.646423 0.0157247 0.755379 -0.00276195 0.864798 0.000333335C0.974216 0.00342862 1.08195 0.0280451 1.18186 0.0727774C1.28176 0.11751 1.37188 0.181482 1.44706 0.261041L8.53039 7.76104C8.67667 7.91576 8.75818 8.12061 8.75818 8.33354C8.75818 8.54647 8.67667 8.75132 8.53039 8.90604L1.44706 16.4069C1.37238 16.4882 1.28228 16.5538 1.18201 16.6C1.08173 16.6462 0.973285 16.672 0.862956 16.6759C0.752627 16.6798 0.642619 16.6618 0.539322 16.6228C0.436025 16.5839 0.341497 16.5248 0.26123 16.449C0.180963 16.3732 0.116556 16.2822 0.0717506 16.1813C0.0269451 16.0804 0.002635 15.9716 0.000231743 15.8613C-0.00217247 15.7509 0.0173788 15.6411 0.0577488 15.5384C0.0981188 15.4356 0.158503 15.3419 0.235394 15.2627L6.77873 8.33354L0.235394 1.40604Z' fill='%23FF5834'/%3E%3C/svg%3E%0A");
}

.main-slider__prev,
.additional-slider__prev {
	left: 32px !important;
}

.main-slider__next,
.additional-slider__next {
	right: 32px !important;
}

.main-slider__prev,
.additional-slider__prev {
	transform: translateY(-50%) scaleX(-1);
}


/* Мобильные кнопки */
@media (max-width: 768px) {

	.main-slider__prev,
	.main-slider__next {
		width: 48px;
		height: 48px;
	}
}

@media (min-width: 1921px) {
	.main-slider::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
		pointer-events: none;

		/* Градиент СЛЕВА */
		background-image:
			linear-gradient(to right,
				#648395 0%,
				rgba(100, 131, 149, 0.9) 50px,
				transparent 200px),
			/* Градиент СПРАВА */
			linear-gradient(to left,
				#648395 0%,
				rgba(100, 131, 149, 0.9) 50px,
				transparent 200px);
	}
}

.nobr {
	white-space: nowrap;
}

#about {
	gap: 80px;
}

.about-block>div {
	width: 100%;
}

.about-block .block-left h1 {
	margin: 0;
	font-weight: 600;
	font-size: 32px;
	line-height: 110%;
	letter-spacing: 0%;
	text-transform: uppercase;
	padding-right: 24px;
	flex: 1;
	max-width: 700px;
}

.about-block .block-right {
	max-width: 540px;
	gap: 32px;
}

.about-description {
	color: #373D41CC;
}

.simple-text {
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: 0%;
}

.about-digits {
	gap: 24px;
}

.rounded-16 {
	border-radius: 16px;
	overflow: hidden;
}

.about-digits-item {
	padding: 20px;
	min-height: 358px;
	justify-content: end;
	background-position: center;
	background-size: cover;
	outline: 1px solid #F0F0F0;
	position: relative;
	z-index: 1;
}

.about-digits-item::after {
	display: block;
	position: absolute;
	z-index: 2;
	content: '';
	inset: 0;
	background-repeat: no-repeat;
	background-size: auto;
}

.about-digits-item:nth-child(odd)::after {
	background-position: top right;
}

.about-digits-item:nth-child(even)::after {
	background-position: bottom center;
}

.about-digits-item .item-header {
	font-weight: 600;
	font-style: SemiBold;
	font-size: 32px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	position: relative;
	z-index: 5;
}

.about-digits-item .item-descr {
	color: #373D41CC;
	font-size: 16px;
	line-height: 150%;
	position: relative;
	z-index: 5;
}

.about-digits-item .text-white {
	color: #fff;
}

.about-digits-item-1::after {
	background-image: url("data:image/svg+xml,%3Csvg width='192' height='233' viewBox='0 0 192 233' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M123.272 -14.2734C191.355 -14.2734 246.544 40.9155 246.544 108.999C246.544 177.082 191.355 232.271 123.272 232.271C55.189 232.271 0 177.082 0 108.999C0 40.9155 55.189 -14.2734 123.272 -14.2734ZM147.927 126.257L128.647 141.678C127.97 142.22 127.415 142.898 127.018 143.669C126.622 144.44 126.392 145.285 126.344 146.151C126.297 147.017 126.432 147.882 126.742 148.692C127.051 149.502 127.528 150.237 128.141 150.85L143.415 166.123C146.372 169.084 148.528 172.75 149.677 176.774L151.834 184.33C152.729 187.501 154.318 190.432 156.486 192.912C158.655 195.392 161.348 197.358 164.371 198.667C176.166 193.255 186.777 185.568 195.596 176.047L192.711 152.908C192.207 148.883 190.716 145.044 188.372 141.732C186.028 138.421 182.904 135.739 179.275 133.924L161.154 124.852C159.045 123.796 156.679 123.368 154.334 123.617C151.99 123.866 149.766 124.782 147.927 126.257ZM123.272 10.381C108.185 10.3709 93.2967 13.8271 79.7567 20.4827C66.2166 27.1384 54.3866 36.8157 45.1793 48.768L43.1453 51.4923V72.2637C43.1437 79.7895 45.4382 87.1366 49.7225 93.3239C54.0067 99.5113 60.0766 104.244 67.1217 106.891L69.316 107.63L85.2181 112.5C102.143 117.677 118.625 103.908 116.985 86.6618L116.751 84.8744L114.594 71.9432C114.117 69.0787 114.667 66.1379 116.146 63.6391C117.626 61.1404 119.94 59.2441 122.68 58.2846L124.012 57.9148L131.556 56.189C135.837 55.2106 139.878 53.3847 143.441 50.819C147.004 48.2533 150.018 44.9999 152.303 41.2507C154.588 37.5015 156.1 33.3324 156.747 28.9896C157.395 24.6468 157.167 20.2182 156.075 15.9652C145.536 12.2593 134.444 10.371 123.272 10.381Z' fill='%23C5A877'/%3E%3C/svg%3E%0A");
}

.about-digits-item-2::after {
	background-image: url("data:image/svg+xml,%3Csvg width='312' height='325' viewBox='0 0 312 325' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.691 96.1093C155.067 198.925 51.8569 222.108 0 182.293V358.69L68.9747 346.091C46.4456 311.836 81.5613 294.558 118.818 310.811C526.624 488.721 287.506 130.911 270.361 124.838C237.635 113.246 316.454 223.621 185.779 182.293C71.3832 146.114 245.691 -19.3045 316.454 138.445V54.7826C200.379 -44.5039 55.9997 4.45485 102.691 96.1093Z' fill='%238CBECE'/%3E%3C/svg%3E%0A");
}

.about-digits-item-3::after {
	background-image: url("data:image/svg+xml,%3Csvg width='202' height='238' viewBox='0 0 202 238' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2407_1070)'%3E%3Cpath d='M309.916 187.841L310.004 187.79L197.031 -7.39362L196.983 -7.3665C194.496 -12.4578 189.303 -16 183.241 -16C180.29 -15.9948 177.403 -15.14 174.928 -13.5382C172.452 -11.9363 170.493 -9.65558 169.285 -6.96991L94.1016 122.922L75.694 91.1204L75.6702 91.134C75.0142 89.7712 73.986 88.6208 72.7038 87.815C71.4216 87.0091 69.9375 86.5804 68.422 86.5782C65.1463 86.5782 62.336 88.5375 61.0685 91.3305L7.40545 184.052H7.16418V184.465L1.96846 193.441C1.34371 194.249 1.00334 195.241 1 196.261C1 198.851 3.10343 200.949 5.6962 200.949C6.21271 200.949 6.69864 200.847 7.16418 200.692V201H302.8V200.831C305.029 200.66 307.11 199.657 308.63 198.023C310.15 196.389 310.996 194.243 311 192.014C310.99 190.555 310.618 189.121 309.916 187.841Z' fill='%23648395'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2407_1070'%3E%3Crect width='258' height='258' fill='white' transform='translate(0 -20)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.about-digits-item-4::after {
	background-image: url("data:image/svg+xml,%3Csvg width='312' height='325' viewBox='0 0 312 325' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2407_1207)'%3E%3Cpath d='M335.582 166.295C330.744 305.986 146.997 238.94 218.251 115.443C281.77 5.35098 85.3533 -53.4564 -72.5582 65.8028V166.295C23.7101 -23.1879 243.905 71.9862 88.2791 115.443C40.258 128.852 8.67105 137.809 -11.5864 143.583C-14.9205 140.581 -20.3276 141.035 -28.3441 145.713C-38.3425 151.547 -66.3221 159.184 -11.5864 143.583C26.3855 177.771 -204.503 660.195 88.2791 456.512C115.943 437.266 371.068 411.133 340.419 452.279L447.083 415.711L438.372 249.721C438.372 249.721 340.419 26.6047 335.582 166.295Z' fill='%23FF5834'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2407_1207'%3E%3Crect width='312' height='325.302' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

#inhabitants {
	background-image: url("data:image/svg+xml,%3Csvg width='1920' height='948' viewBox='0 0 1920 948' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1802.05 478.508C1601.25 560.914 1735 693.276 1826.97 749.155C1948.84 796.014 1753.76 1127.35 1600.63 816.309C1447.49 505.267 1185.43 909.133 896.835 679.828C612.398 453.83 365.623 1074.3 94.6934 846.875C-176.237 619.451 188.639 322.667 505.782 227.739C822.924 132.81 443.775 303.246 579.24 465.634C714.705 628.023 914.505 472.04 896.835 270.064C879.166 68.0887 344.37 445.763 963.239 67.522C1341.46 -163.642 1121.1 266.025 1185.43 351.259C1249.77 436.493 1624.45 300.366 1733.18 249.064C1841.92 197.762 2053.04 375.5 1802.05 478.508Z' fill='%23EBCD9B'/%3E%3C/svg%3E%0A");
	min-height: 950px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.inhabitants-item {
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	padding: 20px;
	align-items: end;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.inhabitants-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.inhabitants-item::before {
	position: absolute;
	inset: 0;
	display: block;
	content: '';
	background: linear-gradient(to top, rgba(55, 61, 65, 0.18) 0%, transparent 70%);
	z-index: 2;
}

.inhabitants-item span,
.inhabitants-inner-item span {
	color: #fff;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
	z-index: 3;
	position: relative;
}

.inhabitant-81 {
	width: 648px;
	height: 307px;
	top: 80px;
	left: 56px;
}

.inhabitant-83 {
	width: 312px;
	height: 383px;
	top: 411px;
	left: 392px;
	background-position: left -250px center;
}

.inhabitant-85 {
	width: 536px;
	height: 370px;
	top: 180px;
	left: auto;
	right: 56px;
}

.inhabitant-87 {
	width: 312px;
	height: 287px;
	top: 574px;
	left: auto;
	right: 280px;
}

#tickets {
	gap: 40px;
}

.tickets-list {
	gap: 24px;
	flex-wrap: wrap;
}

.tickets-list .ticket {
	width: calc(50% - 12px);
	color: #fff;
	outline: 1px solid #F0F0F0;
	min-height: 260px;
	align-items: stretch;
}

.tickets-list .ticket .ticket-header {
	font-weight: 600;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
	gap: 8px;
	max-width: 300px;
}

.tickets-list .ticket .ticket-info {
	justify-content: space-between;
	flex: 1;
	padding: 16px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
}

.tickets-list .ticket .ticket-info::after {
	position: absolute;
	display: block;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	width: 2px;
	background-repeat: repeat-y;
	background-image: url("data:image/svg+xml,%3csvg width='2' height='16' viewBox='0 0 2 16' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0' y='0' width='2' height='8' fill='%23EAEAEA'/%3e%3c/svg%3e");
	z-index: 3;
}

.tickets-list .ticket .ticket-barcode {
	width: 72px;
	background-color: #fff;
	background-image: url('images/ticket-barcode.png');
	background-position: top 16px center;
	background-size: 56px auto;
	background-repeat: no-repeat;
}

.ticket-bottom-info {
	align-items: stretch;
	width: 100%;
	justify-content: space-between;
}

.ticket .price {
	font-weight: 500;
	font-style: Bold;
	font-size: 24px;
	leading-trim: NONE;
	line-height: 140%;
	letter-spacing: 0%;
	vertical-align: middle;
	text-transform: uppercase;
}

.ticket-header .description,
.ticket-medium-info {
	text-transform: none;
	font-weight: 100;
	font-size: 16px;
}

.ticket-subcat {
	justify-content: space-between;
	align-items: start;
	padding: 8px 0;
}

.ticket-medium-info .ticket-subcat:not(:first-of-type) {
	border-top: 1px solid #ffffff33;
}

.ticket-3 .ticket-bottom-info .btn,
.ticket-7 .ticket-bottom-info .btn {
	background: #FFFFFF4D;
	outline-color: #FFFFFF4D;
	cursor: default;

	&:hover {
		color: #fff !important;
	}
}

.ticket-8 .ticket-bottom-info .btn,
.ticket-9 .ticket-bottom-info .btn {
	cursor: default;
}

.ticket-disclaimer {
	color: #FFFFFFB2;
	margin-bottom: 10px;
}

.tickets-list .ticket-5 .ticket-info,
.tickets-list .ticket-6 .ticket-info {
	background-position: top right;
}

#birthday, #birthday-tariffs {
	background: #8CBECE;
	color: #fff;
}

#birthday h3, #birthday-tariffs h3 {
	width: fit-content;
}

#birthday .container {
	gap: 40px;
	padding: 80px 0 100px 0;
}
#birthday-tariffs .container {
	gap: 40px;
	padding: 80px 0;	
}

.birthdays-button {
	justify-content: center;
}

.white-bubbles {
	position: relative;
	overflow: hidden;
}

.white-bubbles *:not(.bubble) {
	position: relative;
	z-index: 2;
}

.white-bubbles .bubble {
	position: absolute;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #fff 0%, #f0f8ff 50%, rgba(255, 255, 255, 0.6) 100%);
	opacity: 0.8;
	pointer-events: none;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.white-bubbles .container {
	position: relative;
}

.birthdays-features .birthdays-feature-item {
	width: 100%;
	gap: 16px;
	align-items: center;
	padding: 0 32px;
	border-right: 1px solid #EAEAEA;
	position: relative;
	z-index: 2;
}

.birthdays-features .birthdays-feature-item:first-of-type {
	border-left: 1px solid #EAEAEA;
}

.birthdays-features .birthdays-feature-item i {
	display: block;
	width: 48px;
	height: 48px;
	background-color: #fff;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.birthdays-features .birthdays-feature-item span {
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0%;
	text-align: center;
	max-width: 340px;
	display: flex;
	align-items: center;
	flex: 1;
	text-shadow: 1px 1px 2px #8CBECE;
}

#news {
	gap: 40px;
}

#news .btn {
	margin: 0 auto;
}

.news-list {
	gap: 24px;
	flex-wrap: wrap;
}

.news-element {
	width: calc(25% - 18px);
	text-decoration: none;
	color: #373D41CC;
	gap: 12px;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0%;
}

.news-element .n-image {
	height: 320px;
	background-size: cover;
	background-position: center;
	justify-content: end;
	align-items: start;
	gap: 8px;
	padding: 12px;
}
.news-element .n-image span {
	padding: 4px 8px;
	font-weight: 600;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0%;
	text-transform: uppercase;	
	background: #fff;
	color: #FF5834;
	border-radius: 24px;
}
.news-element .n-image span.events_discount {
	color: #fff;
	background: #FF5834;
}
.news-info {
	gap: 4px;
	flex: 1;
}

.news-info .news-header,
.program-item__timing,
.program-item__title a,
.program-item .single-price {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #373D41;
	text-decoration: none;
}
.news-info .news-descr {
	flex: 1;
}
.news-info .more-link {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-offset: 0%;
	text-decoration-thickness: 0%;	
	color: #009CB3;
}
.birthday-programs-list {
	gap: 30px 24px;
}
.birthday-programs-list .news-info {
	gap: 16px;
}
 
.birthday-programs-list .news-element{
  will-change: transform, opacity;
}

.birthday-programs-list .news-element.is-fade-out{
  opacity: 0;
  transform: scale(.98);
  pointer-events: none;
}

.birthday-programs-list .news-element.is-fade-in{
  opacity: 0;
  transform: scale(.98);
}
.birthday-programs-filter {
	gap: 8px;
}
.birthday-programs-filter .btn-blue.is-active {
	color: #fff;
	outline: 1px solid #009CB3;
	background: #009CB3;
}
.more-info {
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;	
	text-align: center;
	margin: 0;
}
.more-info a {
	color: #009CB3;
}
.birthday-tariffs-list .tariffs-element {
	padding: 30px 20px;
	background: #fff;
	border-radius: 8px;
}
.birthday-tariffs-list .tariff-price {
	margin: 16px 0 20px 0;
}
.birthday-tariffs-list .more-link {
	font-size: 14px;
}



#contacts {
	background-image: url("data:image/svg+xml,%3Csvg width='1912' height='972' viewBox='0 0 1912 972' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M120.706 487.846C321.345 576.192 179.792 656.782 87.8934 716.689C-33.8841 766.926 112.792 1115.11 265.806 781.648C418.82 448.187 613.936 872.16 977.457 763.893C1340.98 655.626 1548.09 1147.06 1818.81 903.245C2089.52 659.428 1715.37 275.127 1398.48 173.356C1081.59 71.586 1460.44 254.306 1325.08 428.399C1189.72 602.492 926.366 520.111 944.022 303.578C961.677 87.0444 1540.93 409.768 877.67 86.4367C296.466 -196.895 719.933 299.248 655.649 390.625C591.365 482.002 331.149 241.864 189.517 241.864C68.8177 241.864 -130.092 377.414 120.706 487.846Z' fill='%23D3F4FF'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	min-height: 900px;
	padding: 65px 0;
}
.page-id-329 #contacts {
	padding: 120px 0 20px 0;
}

#contacts .container {
	gap: 24px;
}

.contacts-blocks {
	gap: 24px;
	align-items: start;
}

.contact-block {
	border-radius: 20px;
	padding: 24px;
	width: 100%;
	background: #fff;
	outline: 1px solid #F0F0F0;
	box-shadow: 0 4px 10px 0 #64839540;
	color: #373D41;
	gap: 24px;
}

.contact-block-dark {
	box-shadow: none;
	background: #648395;
	color: #fff;
}

.contact-block-light {
	margin-top: 125px;
}

.contact-block h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
	margin: 0;
}

.cb-description {
	font-weight: 100;
	font-style: Regular;
	font-size: 15px;
	line-height: 150%;
}

.cb-double-item {
	gap: 8px;
	width: 100%;
}

.cb-unit {
	flex-wrap: wrap;
}

.cb-double-header {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
}

.cb-double-item .timing {
	gap: 10px;
}

.cb-double-item .timing-item {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 200;
	line-height: 150%;
}

.cb-double-item .timing-item span {
	color: #fff;
	padding: 3px 8px;
	background: #FFFFFF4D;
	border-radius: 28px;
}

.white-link {
	color: #fff;
	text-decoration: none;
	margin-top: 4px;
}

.cb-form form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cb-form form label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: #373D41;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.cb-form form label input,
.cb-form form label textarea {
	width: 100%;
	border: 0;
	border-radius: 12px;
	background: #F6F8FB;
	padding: 16px 20px;
	font-family: "Geologica", sans-serif;
	outline: 0;
	font-size: 16px;
	line-height: 150%;
}

.wpcf7 input[type="submit"] {
	font-family: "Geologica", sans-serif;
}

.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
	color: #648395 !important;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.wpcf7 input::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
	color: #648395 !important;
	opacity: 1;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.wpcf7 input:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
	color: #648395 !important;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
	color: #648395 !important;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.wpcf7 textarea {
	resize: none !important;
	height: 120px;
	overflow: auto;
}

.page-info {
	gap: 12px;
}

.yoast-breadcrumbs * {
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #373D41CC;
}

.yoast-breadcrumbs>span {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.yoast-breadcrumbs a {
	text-decoration: none;
	color: #373D41;
	padding-right: 20px;
	background-size: auto 12px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.88633 2.04675C3.84122 1.99901 3.80595 1.94286 3.78255 1.8815C3.75914 1.82013 3.74805 1.75476 3.7499 1.68911C3.75176 1.62346 3.76653 1.55881 3.79337 1.49887C3.82021 1.43893 3.85859 1.38486 3.90633 1.33975C3.95406 1.29464 4.01022 1.25938 4.07158 1.23597C4.13295 1.21256 4.19832 1.20147 4.26397 1.20333C4.32962 1.20518 4.39426 1.21995 4.45421 1.24679C4.51415 1.27363 4.56822 1.31201 4.61333 1.35975L8.86333 5.85975C8.9511 5.95258 9 6.07549 9 6.20325C9 6.33101 8.9511 6.45392 8.86333 6.54675L4.61333 11.0472C4.56852 11.096 4.51446 11.1354 4.4543 11.1631C4.39413 11.1908 4.32906 11.2063 4.26287 11.2087C4.19667 11.211 4.13066 11.2002 4.06869 11.1768C4.00671 11.1535 3.94999 11.118 3.90183 11.0725C3.85367 11.0271 3.81503 10.9725 3.78814 10.9119C3.76126 10.8514 3.74667 10.7861 3.74523 10.7199C3.74379 10.6537 3.75552 10.5878 3.77974 10.5262C3.80396 10.4645 3.84019 10.4083 3.88633 10.3608L7.81233 6.20325L3.88633 2.04675Z' fill='%23C0C0C0'/%3E%3C/svg%3E%0A");
}

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

.content * {
	margin: 0;
}

.content p, 
.accordion-content p, 
.content ul,
.accordion-content ul,
.content ol,
.accordion-content ol,
.content li,
.accordion-content li {
	font-weight: 200;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;
}

.content ul li::marker, 
.contentol li::marker,
.accordion-content li::marker {
  color: #009CB3;
}


.content a {
	color: inherit;
}

.content b,
.content strong {
	font-weight: 500;
}

.content iframe {
	position: relative;
	z-index: 90;
	margin-top: 30px;
	width: 100%;
	height: 600px;
	border: 0;
}

.content img {
	max-width: 100%;
}
.wp-block-image {
	display: flex;
	justify-content: center;
} 

.content .wp-block-quote {
	padding: 20px 60px;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 1%;
	text-transform: uppercase;
	border-top: 2px solid #F0F0F0;
	border-bottom: 2px solid #F0F0F0;
	text-align: center;
	display: flex;
	align-items: center;
	gap: 10px;
}

.content .wp-block-quote::before,
.content .wp-block-quote::after {
	display: flex;
	content: '';
	width: 27px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.88012 24L13.9181 12L5.88012 0L0 3.60802L5.63736 12L0.0269699 20.3653L5.88012 24ZM18.962 24L27 12L18.962 0L13.0819 3.60802L18.7193 12L13.1089 20.3653L18.962 24Z' fill='%238CBECE'/%3E%3C/svg%3E%0A");
	background-size: contain;
	background-repeat: no-repeat;
	align-self: center;
	flex-shrink: 0;
}

.content .wp-block-quote::before {
	transform: scaleX(-1);
}

.content .wp-block-quote p {
	width: 100%;
	font-weight: 500;
}

.content .wp-block-quote q::before,
.content .wp-block-quote q::after {
	display: none;
}

.additional-info {
	gap: 40px;
	align-info: start;
}

.additional-info-column {
	width: calc(50% - 20px);
}

.additional-info-image img {
	max-width: 100%;
}
.no-content {
	text-align: center;
}

.inhabitants-inner-list {
	gap: 24px;
	margin-top: 50px;
}

.inhabitants-inner-item {
	padding: 20px;
	text-decoration: none;
	background-size: cover;
	height: 280px;
	width: calc(33.333% - 16px);
	display: flex;
	justify-content: start;
	align-items: end;
}

.category .news-list {
	gap: 30px 24px;
}
.category .news-list .news-element {
	width: calc(50% - 12px);
}
.category .navigation {
	margin-top: 20px;
}
.wp-pagenavi {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #009CB3;
	color: #009CB3;
	text-decoration: none;
	width: 42px;
	height: 42px;
	font-size: 16px;
	font-weight: 500;
}	
.wp-pagenavi span.current {
	color: #fff;
	background: #FF5834;
	border-color: #FF5834;
}

.about-inner-list {
	gap: 24px;
}
.about-inner-item {
	width: calc(25% - 18px);
	padding: 20px;
	text-decoration: none;
	color: #373D41;
	font-weight: 500;
	text-transform: uppercase;
	gap: 12px;
	border: 1px solid #F0F0F0;
	box-shadow: 0 4px 10px 0 #CACCCE33;	
}
.about-inner-item i {
	width: 48px;
	height: 48px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #8CBECE;
	border-radius: 50%;
}


.fancybox__content img {
	border-radius: 16px;
	overflow: hidden;
}

.fancybox__content:has(iframe) {
    width: 90vw !important;
    height: 56.25vw !important;
    max-height: 85vh !important;
    max-width: 90vw !important;
    display: flex !important;
    align-items: stretch !important;
}


.fancybox__content iframe {
    width: 100% !important;
    height: 100% !important;
    flex: 1 !important;
    border: none !important;
    position: static !important;
}


/* Мобильные */
@media (max-width: 768px) {
    .fancybox__content:has(iframe) {
        width: 95vw !important;
        height: 53vw !important;
    }
}

.accordion-container {
	gap: 16px;
}

.accordion-container .accordion-item {
	border: 1px solid #F0F0F0;
	box-shadow: 0 4px 10px 0 #64839540;
	border-radius: 12px;
}

.accordion-container .accordion-title {
    cursor: pointer;
    padding: 20px 50px 20px 20px;
    position: relative;
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;
	transition: ease .3s;
	&:hover {
		color: #FF5834;
		transition: ease .3s;
	}
}
.accordion-container .accordion-title.open {
	color: #FF5834;
}
.accordion-container .accordion-content {
	padding: 0 20px;
	font-weight: 200;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0%;	
}
.accordion-container .accordion-content a {
	color: inherit;
}
.accordion-container .accordion-content h1,
.accordion-container .accordion-content h2,
.accordion-container .accordion-content h3,
.accordion-container .accordion-content h4 {
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;	
}

.accordion-container .accordion-title:after {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 2px;
    background: #FF5834;
    transition: background 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion-container .accordion-title:before {
    content: '';
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 20px;
    height: 2px;
    background: #FF5834;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
}

/* ПЛЮС (закрыто) */
.accordion-container .accordion-title:not(.open):after {
    background: #FF5834;
}

.accordion-container .accordion-title:not(.open):before {
    transform: translateY(-50%) rotate(270deg);  /* вертикаль */
    background: #FF5834;
}

/* МИНУС (открыто) */
.accordion-container .accordion-title.open:after {
    background: #648395;
}

.accordion-container .accordion-title.open:before {
    transform: translateY(-50%) rotate(180deg);  /* горизонталь */
}
.vacancy-bottom-info {
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.vacancy-salary {
	font-weight: 600;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;	
}
.contact-map {
	gap: 24px;
	flex-direction: row;
}
.contact-map > div {
	width: calc(50% - 12px);
	min-height: 400px;
}

#yandex-map {
  filter: grayscale(0.1) saturate(0.9) contrast(0.95) brightness(1);
}
.contacts-address {
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	letter-spacing: 0%;
	text-transform: uppercase;	
}
.map-description {
	gap: 30px;
}
.contacts-element {
	gap: 8px;
}
.contacts-element i {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #8CBECE;
	margin-bottom: 8px;
}
.contacts-element span {
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;	
}
.contacts-element.contacts-element-drive i {
	background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.757977 3.53074C0.527171 3.66212 0.335384 3.85242 0.202213 4.08219C0.0690424 4.31197 -0.000736254 4.57298 7.84808e-06 4.83856V18.7492C-0.000830428 19.0084 0.0654988 19.2633 0.192529 19.4892C0.31956 19.7151 0.502958 19.9043 0.724844 20.0382C0.94673 20.1722 1.19953 20.2463 1.45861 20.2535C1.71769 20.2606 1.9742 20.2005 2.20313 20.079C2.22329 20.0682 2.24298 20.057 2.2622 20.0443L6.20626 17.4639C6.25863 17.4297 6.30164 17.383 6.33136 17.328C6.36107 17.273 6.37656 17.2114 6.37641 17.1489V0.395275C6.37661 0.326963 6.35813 0.259897 6.32299 0.201316C6.28785 0.142736 6.23738 0.0948677 6.17702 0.0628788C6.11666 0.0308899 6.04871 0.0159961 5.9805 0.0198054C5.9123 0.0236147 5.84643 0.0459822 5.79001 0.0844933L0.757977 3.53074ZM8.45438 0.0605871C8.39784 0.0238344 8.33244 0.00300836 8.26506 0.000302139C8.19767 -0.00240408 8.13081 0.0131096 8.0715 0.0452096C8.0122 0.0773097 7.96265 0.124808 7.92806 0.182702C7.89348 0.240597 7.87515 0.306745 7.87501 0.374181V17.1348C7.87486 17.1973 7.89035 17.2589 7.92007 17.3139C7.94978 17.3689 7.99279 17.4156 8.04516 17.4498L12.5452 20.3757C12.6017 20.4126 12.6672 20.4336 12.7347 20.4363C12.8022 20.4391 12.8692 20.4235 12.9286 20.3914C12.988 20.3592 13.0376 20.3116 13.0722 20.2536C13.1067 20.1955 13.125 20.1292 13.125 20.0617V3.31184C13.1252 3.24919 13.1097 3.18749 13.0799 3.13238C13.05 3.07727 13.0069 3.03051 12.9544 2.99637L8.45438 0.0605871ZM20.2749 0.396212C20.0538 0.260923 19.8011 0.185924 19.5421 0.178686C19.283 0.171449 19.0266 0.232226 18.7983 0.354962C18.7781 0.365331 18.7585 0.376915 18.7397 0.38965L14.7952 2.96777C14.7428 3.00193 14.6998 3.04864 14.6701 3.10366C14.6403 3.15867 14.6249 3.22025 14.625 3.28277V20.0387C14.6248 20.1071 14.6432 20.1743 14.6784 20.2329C14.7135 20.2916 14.7641 20.3395 14.8245 20.3715C14.8849 20.4035 14.953 20.4184 15.0213 20.4145C15.0895 20.4106 15.1555 20.3881 15.2119 20.3495L20.2308 16.9061C20.4644 16.7757 20.6589 16.5853 20.7941 16.3546C20.9294 16.1238 21.0005 15.861 21 15.5936V1.71856C21.0031 1.45438 20.938 1.19388 20.8109 0.962232C20.6839 0.730584 20.4993 0.535629 20.2749 0.396212Z' fill='white'/%3E%3C/svg%3E%0A");
}
.contacts-element.contacts-element-ot i {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='21' viewBox='0 0 18 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 9.94737H2.25V4.42105H15.75M14.0625 16.5789C13.6149 16.5789 13.1857 16.4043 12.8693 16.0934C12.5528 15.7824 12.375 15.3608 12.375 14.9211C12.375 14.4814 12.5528 14.0597 12.8693 13.7487C13.1857 13.4378 13.6149 13.2632 14.0625 13.2632C14.5101 13.2632 14.9393 13.4378 15.2557 13.7487C15.5722 14.0597 15.75 14.4814 15.75 14.9211C15.75 15.3608 15.5722 15.7824 15.2557 16.0934C14.9393 16.4043 14.5101 16.5789 14.0625 16.5789ZM3.9375 16.5789C3.48995 16.5789 3.06072 16.4043 2.74426 16.0934C2.42779 15.7824 2.25 15.3608 2.25 14.9211C2.25 14.4814 2.42779 14.0597 2.74426 13.7487C3.06072 13.4378 3.48995 13.2632 3.9375 13.2632C4.38505 13.2632 4.81428 13.4378 5.13074 13.7487C5.44721 14.0597 5.625 14.4814 5.625 14.9211C5.625 15.3608 5.44721 15.7824 5.13074 16.0934C4.81428 16.4043 4.38505 16.5789 3.9375 16.5789ZM0 15.4737C0 16.4463 0.43875 17.3195 1.125 17.9274V19.8947C1.125 20.1879 1.24353 20.469 1.45451 20.6763C1.66548 20.8836 1.95163 21 2.25 21H3.375C3.67337 21 3.95952 20.8836 4.1705 20.6763C4.38147 20.469 4.5 20.1879 4.5 19.8947V18.7895H13.5V19.8947C13.5 20.1879 13.6185 20.469 13.8295 20.6763C14.0405 20.8836 14.3266 21 14.625 21H15.75C16.0484 21 16.3345 20.8836 16.5455 20.6763C16.7565 20.469 16.875 20.1879 16.875 19.8947V17.9274C17.5613 17.3195 18 16.4463 18 15.4737V4.42105C18 0.552632 13.9725 0 9 0C4.0275 0 0 0.552632 0 4.42105V15.4737Z' fill='white'/%3E%3C/svg%3E%0A");
}


.price-program-list {
	gap: 30px;
}

.program-item__body {
	gap: 16px;
	width: 100%;	
}
.program-item {
	gap: 24px;
	width: 100%;	
}
.program-item__title a {
	font-size: 18px;
}
.program-item .program-item__image {
	width: 320px;
	height: 280px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}
.program-item__image {
	background-color: #EAEAEA;
}
.program-item__content {
	gap: 24px;
	width: 100%;	
}
.program-item__content > div {
	width: calc(33.333% - 16px);
	padding-top: 12px;
}
.program-item__timing {
	width: 100%;
}
.program-item__content .program-item__additional {
	padding-left: 24px;
	padding-right: 24px;
	border-right: 2px solid #EAEAEA;
	border-left: 2px solid #EAEAEA;
}
.program-item__actions {
	margin-top: 8px;
}
.overall-program .additional-info-text {
	order: 2;
}
.overall-program .additional-info-image {
	order: 1;
}

.program-details .news-element {
	outline: 1px solid #F0F0F0;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(202, 204, 206, 0.2);
	-moz-box-shadow: 0px 4px 10px 0px rgba(202, 204, 206, 0.2);
	box-shadow: 0px 4px 10px 0px rgba(202, 204, 206, 0.2);	
}
.program-detail i {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #8CBECE;
	background-repeat: no-repeat;
	background-position: center;
}
.program-detail .news-info {
	gap: 16px;
}
.program-detail .news-descr {
	opacity: .8;
}
.program-detail-1 i {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C15.523 0 20 4.477 20 10C20 15.523 15.523 20 10 20C4.477 20 0 15.523 0 10C0 4.477 4.477 0 10 0ZM10 4C9.73478 4 9.48043 4.10536 9.29289 4.29289C9.10536 4.48043 9 4.73478 9 5V10C9.00006 10.2652 9.10545 10.5195 9.293 10.707L12.293 13.707C12.4816 13.8892 12.7342 13.99 12.9964 13.9877C13.2586 13.9854 13.5094 13.8802 13.6948 13.6948C13.8802 13.5094 13.9854 13.2586 13.9877 12.9964C13.99 12.7342 13.8892 12.4816 13.707 12.293L11 9.586V5C11 4.73478 10.8946 4.48043 10.7071 4.29289C10.5196 4.10536 10.2652 4 10 4Z' fill='white'/%3E%3C/svg%3E%0A");
}
.program-detail-2 i {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 7.5C13.5 8.09674 13.263 8.66903 12.841 9.09099C12.419 9.51295 11.8467 9.75 11.25 9.75H8.25V5.25H11.25C11.8467 5.25 12.419 5.48705 12.841 5.90901C13.263 6.33097 13.5 6.90326 13.5 7.5ZM19.5 9.75C19.5 11.6784 18.9282 13.5634 17.8568 15.1668C16.7855 16.7702 15.2627 18.0199 13.4812 18.7578C11.6996 19.4958 9.73919 19.6889 7.84787 19.3127C5.95656 18.9365 4.21928 18.0079 2.85571 16.6443C1.49215 15.2807 0.563554 13.5434 0.187348 11.6521C-0.188858 9.76082 0.00422452 7.80042 0.742179 6.01884C1.48013 4.23726 2.72982 2.71451 4.33319 1.64317C5.93657 0.571828 7.82164 0 9.75 0C12.335 0.00272983 14.8134 1.03084 16.6413 2.85872C18.4692 4.68661 19.4973 7.16498 19.5 9.75ZM15 7.5C15 7.00754 14.903 6.51991 14.7146 6.06494C14.5261 5.60997 14.2499 5.19657 13.9017 4.84835C13.5534 4.50013 13.14 4.22391 12.6851 4.03545C12.2301 3.847 11.7425 3.75 11.25 3.75H7.5C7.30109 3.75 7.11033 3.82902 6.96967 3.96967C6.82902 4.11032 6.75 4.30109 6.75 4.5V9.75H6C5.80109 9.75 5.61033 9.82902 5.46967 9.96967C5.32902 10.1103 5.25 10.3011 5.25 10.5C5.25 10.6989 5.32902 10.8897 5.46967 11.0303C5.61033 11.171 5.80109 11.25 6 11.25H6.75V12.75H6C5.80109 12.75 5.61033 12.829 5.46967 12.9697C5.32902 13.1103 5.25 13.3011 5.25 13.5C5.25 13.6989 5.32902 13.8897 5.46967 14.0303C5.61033 14.171 5.80109 14.25 6 14.25H6.75V15.75C6.75 15.9489 6.82902 16.1397 6.96967 16.2803C7.11033 16.421 7.30109 16.5 7.5 16.5C7.69892 16.5 7.88968 16.421 8.03033 16.2803C8.17099 16.1397 8.25 15.9489 8.25 15.75V14.25H12C12.1989 14.25 12.3897 14.171 12.5303 14.0303C12.671 13.8897 12.75 13.6989 12.75 13.5C12.75 13.3011 12.671 13.1103 12.5303 12.9697C12.3897 12.829 12.1989 12.75 12 12.75H8.25V11.25H11.25C11.7425 11.25 12.2301 11.153 12.6851 10.9645C13.14 10.7761 13.5534 10.4999 13.9017 10.1517C14.2499 9.80343 14.5261 9.39003 14.7146 8.93506C14.903 8.48009 15 7.99246 15 7.5Z' fill='white'/%3E%3C/svg%3E%0A");
}
.program-detail-3 i {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9999 8.99999C14.9719 8.99999 13.9779 8.53056 13.1999 7.67863C12.4434 6.84766 11.9814 5.73954 11.8999 4.55931C11.8129 3.30034 12.1884 2.14261 12.9569 1.29886C13.7254 0.455113 14.7999 0 15.9999 0C17.1914 0 18.2688 0.463295 19.0348 1.305C19.8083 2.15488 20.1848 3.31056 20.0978 4.5588C20.0143 5.74056 19.5528 6.84817 18.7978 7.67812C18.0218 8.53056 17.0284 8.99999 15.9999 8.99999ZM22.5913 18H9.40889C9.19695 18.0011 8.98757 17.9526 8.79687 17.858C8.60617 17.7634 8.43923 17.6253 8.3089 17.4544C8.17065 17.269 8.07518 17.0542 8.02964 16.8258C7.98409 16.5974 7.98965 16.3614 8.0459 16.1356C8.4669 14.4066 9.50989 12.9728 11.0619 11.9894C12.4394 11.117 14.1929 10.6364 15.9999 10.6364C17.8424 10.6364 19.5498 11.0966 20.9353 11.9685C22.4908 12.9467 23.5353 14.3887 23.9543 16.1386C24.0099 16.3647 24.0148 16.6006 23.9688 16.8289C23.9227 17.0572 23.8268 17.2718 23.6883 17.4569C23.5581 17.6271 23.3916 17.7645 23.2014 17.8586C23.0113 17.9527 22.8026 18.0011 22.5913 18ZM6.54991 9.20454C4.79042 9.20454 3.24343 7.53136 3.09993 5.47516C3.02893 4.42176 3.34993 3.44761 3.99992 2.73324C4.64292 2.02602 5.54991 1.63636 6.54991 1.63636C7.5499 1.63636 8.4499 2.02807 9.0964 2.73937C9.75139 3.45937 10.0714 4.43147 9.99639 5.47619C9.85289 7.53187 8.3064 9.20454 6.54991 9.20454ZM9.83289 10.8128C8.9534 10.373 7.8119 10.1531 6.55041 10.1531C5.07742 10.1531 3.64692 10.5458 2.52193 11.2587C1.24644 12.0682 0.388441 13.2469 0.0419429 14.67C-0.00876426 14.8747 -0.0135603 15.0885 0.0279137 15.2953C0.0693876 15.5022 0.156058 15.6968 0.281442 15.8645C0.400415 16.0207 0.552832 16.1469 0.726973 16.2335C0.901113 16.32 1.09234 16.3645 1.28594 16.3636H6.83591C6.92958 16.3636 7.02028 16.33 7.09219 16.2686C7.1641 16.2072 7.21266 16.1219 7.2294 16.0277C7.2349 15.9954 7.24191 15.9632 7.24991 15.9315C7.6739 14.1898 8.6674 12.7181 10.1354 11.6453C10.1894 11.6055 10.2328 11.5525 10.2617 11.4912C10.2907 11.4299 10.3042 11.3622 10.301 11.2942C10.2979 11.2262 10.2783 11.1601 10.2438 11.1018C10.2094 11.0436 10.1613 10.995 10.1039 10.9606C10.0254 10.9135 9.93539 10.8639 9.83289 10.8128Z' fill='white'/%3E%3C/svg%3E%0A");
}
.program-detail-4 i {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3428 1.52719C12.4306 0.542344 11.1565 0 9.75027 0C8.33652 0 7.05824 0.539062 6.15027 1.51781C5.23246 2.50734 4.78527 3.85219 4.89027 5.30437C5.09839 8.16937 7.27855 10.5 9.75027 10.5C12.222 10.5 14.3984 8.16984 14.6098 5.30531C14.7162 3.86625 14.2662 2.52422 13.3428 1.52719ZM18.0003 21H1.50027C1.2843 21.0028 1.07042 20.9574 0.874189 20.8672C0.677959 20.7769 0.504316 20.6441 0.365893 20.4783C0.0612056 20.1141 -0.0616069 19.6167 0.0293306 19.1137C0.424956 16.9191 1.65964 15.0755 3.60027 13.7812C5.32433 12.6323 7.50824 12 9.75027 12C11.9923 12 14.1762 12.6328 15.9003 13.7812C17.8409 15.075 19.0756 16.9186 19.4712 19.1133C19.5621 19.6162 19.4393 20.1136 19.1346 20.4778C18.9963 20.6437 18.8226 20.7766 18.6264 20.867C18.4302 20.9573 18.2163 21.0028 18.0003 21Z' fill='white'/%3E%3C/svg%3E%0A");
}
.tariff-page-price .tariff-page-add-kid {
	font-size: 12px;
	opacity: .8;
}