@charset "UTF-8"; /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
*, :before, :after {
	box-sizing: border-box
}

html {
	font-family: "Gratimo Grotesk CY", sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

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

audio, canvas, progress, video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

template, [hidden] {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none
}

a:active, a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: inherit
}

b, strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

svg:not(:root) {
	overflow: hidden
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button, input, select, textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: bold
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type="checkbox"], [type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

h3 {
	margin: 0
}

.info-list__item {
	margin-top: 8px
}

.info-news-list__item {
	margin-top: 8px
}

.main-footer {
	padding: 24px;
	display: flex;
	flex-direction: column;
	background-color: var(--color-bg-gray)
}

.footer-wrapper {
	margin: 0 auto;
	max-width: 1440px;
	@media (min-width: 1025px) {
		padding: 0 24px
	}
}

@media (max-width: 414px) {
	.main-footer {
		padding: 24px 16px
	}
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	-webkit-clip-path: inset(100%);
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden
}

footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

a {
	color: var(--color-bw-black)
}

p {
	margin: 0;
	padding: 0
}

.info {
	position: relative;
	display: grid;
	grid-template-columns:repeat(4, 1fr);
	-moz-column-gap: 24px;
	column-gap: 24px;
	margin-bottom: 72px
}

@media (min-width: 1025px) {
	.copying {
		position: absolute;
		right: -12px;
		bottom: 0;
		width: 50%
	}
}

@media (max-width: 414px) {
	.info {
		display: flex;
		width: 100%;
		margin-bottom: 40px
	}
}

@media (min-width: 415px) and (max-width: 767px) {
	.info {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-bottom: 30px;
		row-gap: 50px
	}
}

.info__museum {
	display: grid;
	grid-template-columns:repeat(3, 1fr);
	gap: 24px;
	grid-area: 1/1/3/4;

	& .info-list {
		max-width: 338px
	}

	& .info-list:last-child {
		grid-area: 1/3/3/4
	}
}

@media (max-width: 767px) {
	.info__museum {
		display: none
	}
}

.info-list .info-news-list {
	display: flex;
	flex-direction: column;
	row-gap: 8px
}

@media (max-width: 414px) {
	.info-list {
		display: none
	}
}

.info-list__item-title__text--gratimo-medium-24 .info-news-list__item-title__text--gratimo-medium-24 {
	margin: 0;
	color: var(--color-bw-black)
}

@media (max-width: 414px) {
	.info-list__item-title__text--gratimo-medium-24 {
		display: none
	}

	.info-news-list__item-title__text--gratimo-medium-24 {
		display: none
	}
}

@media (min-width: 415px) and (max-width: 1024px) {
	.info-news-list__item-title__text--gratimo-medium-24 {
		text-align: center
	}
}

.info-list__item-link__text--gratimo-regular-18 {
	text-decoration: none;
	color: var(--color-bw-black)
}

.info__users {
	display: flex;
	flex-direction: column;
	grid-area: 1/4/3/5
}

.info__users-wrapper {
	width: 100%
}

@media (min-width: 415px) and (max-width: 1024px) {
	.info__users-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		margin-bottom: 30px;
		row-gap: 50px
	}
}

@media (max-width: 414px) {
	.info__users-wrapper {
		display: flex;
		width: 100%;
		margin-bottom: 0
	}
}

.info__users-social-wrapper {
	position: relative
}

@media (min-width: 415px) and (max-width: 1024px) {
	.info__users-social-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%
	}
}

.info-news-list__item-title {
	position: relative
}

@media (min-width: 415px) and (max-width: 1024px) {
	.info-news-list__item-title {
		margin: 0 0 8px 0
	}
}

.info-news-list__item-email__label {
	position: relative;
	display: block
}

.info-news-list__item-email__input__text--gratimo-medium-18 {
	color: var(--color-bw-black);
	box-sizing: border-box;
	border: 2px solid var(--color-bw-black);
	width: 100%;
	padding: 8px;
	background-color: var(--color-bg-gray);
	margin-bottom: 8px
}

.info-news-list__item-email__button {
	position: absolute;
	height: 25px;
	width: 25px;
	background-color: var(--color-bg-gray);
	border: none;
	top: 8px;
	right: 9px;
	cursor: pointer
}

@media (max-width: 414px) {
	.info-news-list__item-email__input {
		font-weight: 400;
		background-image: none
	}

	.info-news-list__item-email__button {
		display: none
	}
}

.info-news-list__item-email__input::-moz-placeholder {
	opacity: 1;
	color: var(--color-bw-black)
}

.info-news-list__item-email__input::placeholder {
	opacity: 1;
	color: var(--color-bw-black)
}

.info-news-list__item-subscribe__label {
	display: flex;
	position: relative;
	margin-bottom: 33px
}

@media (max-width: 414px) {
	.info-news-list__item-subscribe__label {
		margin-bottom: 16px
	}
}

.info-news-list__item-subscribe__control-mark {
	position: absolute;
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: 2px solid var(--color-bw-black)
}

.info-news-list__item-subscribe__input[type="checkbox"]:checked + .info-news-list__item-subscribe__control-mark {
	background-image: url("/static/img/icons/checkbox-clicked.svg");
	background-position-x: 50%;
	background-position-y: 50%;
	width: 24px;
	height: 24px;
	top: 5px;
	left: 0
}

.info-news-list__item-subscribe__description__text--gratimo-regular-14 {
	margin-left: 40px
}

.info-news-list__item__button__text--gratimo-medium-14 {
	display: none
}

@media (max-width: 414px) {
	.info-news-list__item__button__text--gratimo-medium-14 {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 8px 0;
		margin-bottom: 40px;
		color: var(--color-bg-dust);
		background-color: var(--color-bw-black);
		cursor: pointer;
		text-transform: uppercase;
		border: none
	}
}

.info-users__social-title__text--gratimo-medium-18 {
	margin: 0 0 12px 0;
	padding: 0
}

@media (max-width: 414px) {
	.info-users__social-title__text--gratimo-medium-18 {
		display: none
	}
}

@media (min-width: 415px) and (max-width: 1024px) {
	.info-users__social-title__text--gratimo-medium-18 {
		text-align: center
	}
}

.info-social-list {
	display: flex;
	-moz-column-gap: 12px;
	column-gap: 12px;
	align-items: center
}

@media (max-width: 414px) {
	.info-social-list {
		justify-content: center;
		-moz-column-gap: 19px;
		column-gap: 19px
	}
}

.info-users__attention__text--gratimo-regular-18 {
	color: var(--color-bw-black)
}

@media (max-width: 414px) {
	.info-users__attention__text--gratimo-regular-18 {
		display: none
	}
}

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

.bottom-time {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

@media (max-width: 414px) {
	.bottom-time {
		flex-direction: column;
		margin-bottom: 20px
	}
}

.bottom__description__text--gratimo-medium-18, .bottom__description-link__text--gratimo-medium-18 {
	color: var(--color-bw-black)
}

@media (max-width: 414px) {
	.bottom__description__text--gratimo-medium-18, .bottom__description-link__text--gratimo-medium-18 {
		order: 2
	}
}

.bottom-info {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 12px
}

@media (max-width: 414px) {
	.bottom-info {
		flex-direction: column
	}
}

.bottom-info-list {
	display: flex;
	-moz-column-gap: 24px;
	column-gap: 24px;
	flex-wrap: wrap
}

@media (max-width: 414px) {
	.bottom-info-list {
		flex-direction: column;
		row-gap: 8px;
		margin-bottom: 40px
	}

	.bottom-info-list__item:nth-child(2) {
		order: 1
	}
}

.icon-youtube {
	width: 46px
}

.icon-vk {
	width: 49px
}

.icon-rutube {
	width: 36px
}

.icon-arrow {
	width: 16px;
	height: 24px
}

.subscribe-success__text--gratimo-medium-24 {
	margin: 68px 0 68px 0;
	display: block;
	width: 100%;
	text-align: center
}

.validation-footer-text__text--gratimo-regular-14 {
	padding-top: 4px;
	color: var(--color-as-red);
	opacity: 0
}

.input-error {
	opacity: 1
}

.email-input-error {
	border: 2px solid var(--color-as-red)
}

.icon-error {
	border: 2px solid var(--color-as-red)
}

@media (min-width: 415px) and (max-width: 1024px) {
	.subscribe-success__text--gratimo-medium-24 {
		margin: 40px 0 40px 0
	}
}

@media (max-width: 414px) {
	.subscribe-success__text--gratimo-medium-24 {
		margin: 24px 0 24px 0
	}
}

.custom-footer-link {
	text-decoration: underline
}

@keyframes arrow {
	0% {
		position: absolute;
		top: 19px
	}
	50% {
		position: absolute;
		top: -10px
	}
	100% {
		position: absolute;
		top: 19px;
		transform: rotateX(180deg)
	}
}

.slider__item {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(100%, -100%);
	transition: transform 0.9s ease-in-out
}

.slider .foreground.active {
	z-index: 3;
	transform: translate(-100px, 80px)
}

.slider .background.active {
	z-index: 2;
	transform: translate(0px, 0px)
}

.slider .prev {
	z-index: 4;
	transform: translate(-100%, 100%)
}

.slider .prev.revert {
	z-index: 1
}

.slider .prev.revert-prepared {
	opacity: 0;
	transition: transform 0s
}

.slider .next {
	transform: translate(100%, -100%)
}

.slider .revert {
	transform: translate(100%, -100%)
}

.accordion [tabIndex] > ul {
	transition: all 0.3s ease-in-out;
	max-height: 0;
	overflow: hidden
}

.accordion [tabIndex].active > ul {
	max-height: 600px
}

.header {
	position: sticky;
	top: 0;
	z-index: 1000;
	box-sizing: border-box;
	display: flex;
	background-color: var(--color-bg-dust);
	transition: height 0.5s, background-color 0.5s, color 0.5s
}

@media screen and (max-width: 1280px) {
	.header {
		padding: 10px 0 10px
	}
}

@media screen and (min-width: 1281px) {
	.header {
		padding: 22px 0 17px
	}
}

.header.active {
	background-color: var(--color-bg-mint)
}

.header ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.header__pictures {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: -43px;
	min-height: 519px
}

@media screen and (max-width: 1280px) {
	.header__pictures {
		display: none
	}
}

.header__picture {
	position: relative;
	display: flex;
	margin-left: auto;
	width: 100%;
	max-width: 1156px;
	max-height: 512px
}

.header__img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%
}

@media screen and (min-width: 300px) and (max-width: 767px) {
	.header__search {
		margin-right: 13px
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.header__search {
		margin-right: 25px
	}
}

@media screen and (max-width: 1280px) {
	.header__search {
		overflow: hidden
	}
}

@media screen and (min-width: 1281px) {
	.header__search {
		margin-right: 45px;
		direction: rtl
	}

	.header__search > * {
		direction: ltr
	}
}

.header__search-container {
	width: 100%
}

@media screen and (max-width: 1280px) {
	.header__search-container {
		display: flex;
		position: absolute;
		top: 100%;
		left: 0;
		flex-direction: column;
		overflow-y: auto;
		padding: 0;
		height: 0;
		background-color: var(--color-bg-dust);
		transition: all 0.5s
	}

	.header__search-container.active {
		height: calc(100vh - 52px);
		background-color: var(--color-bg-mint);
		padding: 80px 16px
	}
}

@media screen and (min-width: 1281px) {
	.header__search-container {
		position: relative;
		display: block;
		max-width: 0;
		transition: max-width 0.8s
	}

	.header__search-container .search__results {
		display: none
	}

	.header__search-container.active {
		max-width: 100%
	}

	.header__search-container.active .search__results {
		display: block
	}
}

@media screen and (max-width: 1280px) {
	.header__logo {
		margin-right: 5px
	}
}

@media screen and (min-width: 1281px) {
	.header__logo {
		margin-right: 42px
	}
}

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

.header__nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-grow: 1
}

.header__nav a {
	text-decoration: none
}

.navigation-anchor {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	background-color: var(--color-bg-dust);
	transition: top 0.3s ease;
}

.navigation-anchor .breadcrumbs {
	height: 100%;
	padding-top: 48px;
	padding-bottom: 40px;
	margin: 0;
	transition: 0.2s ease-in all;
	opacity: 1;
	visibility: visible;
}

.navigation-anchor .breadcrumbs.hide {
	max-height: 0;
	visibility: hidden;
	opacity: 0;
	padding-top: 0;
}

.navigation-anchor-wrapper {
	padding-bottom: 40px;
	overflow-x: scroll;
}

.navigation-anchor-wrapper::-webkit-scrollbar {
	display: none;
}

.navigation-anchor__list {
	display: flex;
	column-gap: 18px;
	padding: 0;
	margin: 0;
}

.navigation-anchor__item {
	display: inline-block;
}

.navigation-anchor__link.is-active {
	background-color: var(--color-bw-black);
}

.navigation-anchor__link.is-active {
	color: var(--color-bw-white);
}

.navigation-anchor__link {
	height: 40px;
	padding: 0 12px;
	border: 2px solid transparent;
	cursor: pointer;
	background-color: transparent;
	text-wrap: nowrap;
	transition: 0.2s;
	color: var(--color-bw-black);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.navigation-anchor__link:hover {
	border-color: var(--color-bw-black)
}

@media screen and (max-width: 1024px) {

	.navigation-anchor .breadcrumbs {
		padding-top: 8px;
		padding-bottom: 24px;
	}

	.navigation-anchor-wrapper {
		padding-bottom: 24px;
	}

	.navigation-anchor__list {
		column-gap: 8px;
	}

	.navigation-anchor__link {
		height: 30px;
		text-transform: lowercase;
		padding: 0 8px;
	}
}

@media screen and (max-width: 768px) {
	.navigation-anchor__link {
		border: 1px solid var(--color-bw-black)
	}
}

.header__menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 150;
	background-color: var(--color-bg-dust);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	height: 0;
	transition: height 0.5s, background-color 0.5s, padding-top 0.5s, color 0.5s;
	scrollbar-width: none;

	&::-webkit-scrollbar {
		width: 0
	}

	&::-webkit-scrollbar-track-piece {
		background-color: transparent;
		-webkit-border-radius: 6px
	}
}

@media screen and (max-width: 1280px) {
	.header__menu {
		overflow-y: auto;
		margin-bottom: 7px
	}
}

.header__menu.active {
	height: 100vh;
	background-color: var(--color-bg-mint)
}

@media screen and (max-width: 1280px) {
	.header__menu.active {
		padding: 20px 0 75px
	}
}

@media screen and (min-width: 1281px) {
	.header__menu.active {
		height: calc(100vh - 89px);
		padding: 24px 0
	}
}

.header__bottom {
	position: relative;
	background-color: var(--color-bg-mint)
}

@media screen and (max-width: 1280px) {
	.header__bottom {
		padding-top: 29px
	}

	.header__bottom .bottom-info-list__item:nth-of-type(1) {
		order: 1
	}

	.header__bottom .bottom-info-list__item:nth-of-type(2) {
		order: 3
	}

	.header__bottom .bottom-info-list__item:nth-of-type(3) {
		order: 2
	}

	.header__bottom p, .header__bottom li {
		font-weight: 400
	}

	.header__bottom p, .header__bottom address {
		margin-bottom: 5px
	}

	.header__bottom p, .header__bottom address, .header__bottom ul, .header__bottom li {
		width: 100%
	}

	.header__bottom .header__bottom-info-list {
		order: 1
	}

	.header__bottom .bottom__year {
		order: 2
	}

	.header__bottom .bottom-time {
		flex-wrap: wrap;
		margin-bottom: 12px
	}

	.header__bottom .bottom-info {
		flex-wrap: wrap
	}

	.header__bottom .bottom-info-list {
		gap: 0
	}

	.header__bottom .bottom__phone-number {
		margin-top: 5px;
		margin-bottom: 37px
	}
}

@media screen and (min-width: 1281px) {
	.header__bottom {
		z-index: 2;
		padding-top: 36px
	}
}

.header__bottom-info-list {
	list-style-type: none
}

.header__bottom-info-list [href*="mailto:"] {
	text-decoration: underline
}

.header__lang {
	margin-right: 48px
}

.header__lang .lang__list {
	left: 50%;
	transform: translateX(-50%)
}

.header__lang-list {
	left: 50%;
	transform: translateX(-50%)
}

.bottom__adress {
	font-style: normal
}

.header-navigation {
	position: relative;
	z-index: 2;
	background-color: var(--color-bg-mint);
	padding-right: 24px;
	max-width: 1180px
}

@media screen and (max-width: 1280px) {
	.header-navigation {
		display: none
	}
}

.header-navigation__tabs-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.header-navigation__tabs-content {
	display: flex;
	background-color: #fff
}

.header-navigation__tab {
	display: none;
	grid-auto-rows: 36px;
	width: 100%;
	min-height: 108px
}

@media screen and (min-width: 1281px) {
	.header-navigation__tab {
		grid-template-columns:repeat(auto-fit, calc(100% / 3))
	}
}

.header-navigation__tab.active {
	display: grid
}

.header-navigation__tab a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.header-navigation__tab-item {
	box-sizing: border-box;
	padding: 6px 12px
}

.header-navigation__tab-item.active {
	font-weight: 500
}

.header-navigation__button a {
	display: inline-block;
	padding: 12px
}

.header-navigation__button.active {
	font-weight: 500;
	background-color: #fff;
	transition: all 0.2s
}

.header-navigation__button.active a {
	letter-spacing: -0.19px;
	transition: all 0.2s
}

.reset-button-styles {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer
}

@media screen and (min-width: 981px) {
	.reset-button-styles {
		cursor: pointer
	}
}

.icon {
	display: inline-block;
	fill: var(--color-bw-black);
	vertical-align: middle;
	transition: fill 0.5s
}

.icon:hover {
	fill: var(--color-accent-hover)
}

.icon:active {
	fill: var(--color-accent-active)
}

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

.logo__icon > img {
	display: block;
	width: clamp(173px, 22.22vw, 319px)
}

.logo__link {
	display: flex;
	color: var(--color-bw-black);
	text-decoration: none
}

.lang {
	position: relative;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0
}

.lang.active .lang__list {
	display: block;
	z-index: 4
}

@media screen and (max-width: 1280px) {
	.lang:not(.lang.mobile-menu__lang) {
		display: none
	}
}

.lang__list {
	display: none;
	position: absolute;
	top: 30px;
	border: 2px solid var(--color-bw-black);
	background: #fff;
	box-sizing: border-box;
	padding: 5px 10px 10px
}

.lang__list > a {
	display: block
}

.lang__list span:hover, .lang__current-lang:hover {
	color: var(--color-accent-hover)
}

.lang__list span:active, .lang__current-lang:active {
	color: var(--color-accent-active)
}

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

@media screen and (min-width: 1281px) {
	.search.active {
		width: 100%;
		max-width: 822px
	}
}

.search__input-wrapper {
	position: relative
}

@media screen and (max-width: 1280px) {
	.search__input-wrapper {
		margin-bottom: 24px
	}
}

.search__input {
	border: 0;
	color: var(--color-bw-black);
	width: 100%
}

.search__input::-moz-placeholder {
	color: var(--color-bw-black);
	opacity: 1
}

.search__input::placeholder {
	color: var(--color-bw-black);
	opacity: 1
}

@media screen and (max-width: 1280px) {
	.search__input {
		font-size: 14px;
		background-color: var(--color-bg-dust);
		padding: 8px 63px 8px 8px;
		height: 32px
	}
}

@media screen and (min-width: 1281px) {
	.search__input {
		display: none;
		background-color: var(--color-bg-gray);
		height: 50px
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.search__input {
		padding: 5px 50px 5px 13px
	}
}

@media screen and (min-width: 980px) {
	.search__input {
		padding: 13px 50px 13px 13px
	}
}

.search__input.active {
	display: block
}

.search__button {
	cursor: pointer
}

@media screen and (min-width: 280px) {
	.search__button {
		padding-right: 6px
	}
}

@media screen and (max-width: 1280px) {
	.search__button {
		width: 32px;
		height: 32px
	}
}

@media screen and (min-width: 1281px) {
	.search__button {
		width: 44px;
		height: 50px
	}
}

.search__button.active {
	display: none
}

.search__button--close {
	display: none
}

@media screen and (max-width: 1280px) {
	.search__link {
		text-decoration: underline
	}

	.search__link:hover {
		color: var(--color-as-yellow)
	}

	.search__link:active {
		color: var(--color-as-red)
	}
}

@media screen and (min-width: 1281px) {
	.search__link {
		display: none
	}
}

.search-results {
	display: block
}

@media screen and (min-width: 1281px) {
	.search-results {
		position: absolute;
		top: calc(100% + 12px);
		left: 0;
		z-index: 2;
		background-color: var(--color-bg-gray);
		width: 100%;
		max-height: 500px
	}
}

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

@media screen and (max-width: 1280px) {
	.search-results__item {
		border-bottom: 2px dashed;
		padding: 4px 8px
	}

	.search-results__item:not(:last-of-type) {
		margin-bottom: 20px
	}
}

@media screen and (min-width: 1281px) {
	.search-results__item {
		padding: 15px 12px
	}
}

@media screen and (min-width: 1281px) {
	.search-results__item .search-results__subject {
		font-size: 18px
	}
}

@media screen and (max-width: 1280px) {
	.search-results__item .search-results__category {
		font-size: 12px
	}
}

@media screen and (min-width: 1281px) {
	.search-results__item .search-results__category {
		font-size: 18px
	}
}

.search-results__subject {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

@media screen and (max-width: 1280px) {
	.search-results__subject {
		max-width: 75%
	}
}

@media screen and (min-width: 1281px) {
	.search-results__subject {
		max-width: 639px
	}
}

.search-results__category {
	text-align: right;
	max-width: 25%
}

.search-button {
	display: none
}

.search-button.active {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

@media screen and (max-width: 1280px) {
	.search-button {
		right: 8px
	}

	.search-button .search__button {
		display: none
	}
}

@media screen and (min-width: 1281px) {
	.search-button {
		right: 0
	}
}

.search-open-input-button {
	display: block
}

@media screen and (max-width: 1280px) {
	.search-open-input-button {
		max-height: 32px
	}
}

@media screen and (min-width: 1281px) {
	.search-open-input-button.active {
		display: none
	}
}

@media screen and (max-width: 1280px) {
	.search-open-input-button.active .search__button:not(.search__button--close) {
		display: none
	}

	.search-open-input-button.active .search__button--close {
		display: inline-block
	}
}

.burger-menu__icon-cross.active {
	display: inline-block
}

.burger-menu__button {
	position: relative;
	transform: rotate(0deg);
	transition: 0.5s ease-in-out;
	cursor: pointer;
	overflow: hidden
}

@media screen and (max-width: 1280px) {
	.burger-menu__button {
		width: 32px;
		height: 32px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button {
		width: 50px;
		height: 50px
	}

	.burger-menu__button:hover span {
		background-color: var(--color-accent-hover)
	}
}

.burger-menu__button:active span {
	background-color: var(--color-accent-active)
}

.burger-menu__button span {
	display: block;
	position: absolute;
	background: var(--color-bw-black);
	opacity: 1;
	left: 0;
	transform: rotate(90deg);
	transition: 0.25s ease-in-out
}

@media screen and (max-width: 1280px) {
	.burger-menu__button span {
		height: 32px;
		width: 2px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button span {
		height: 50px;
		width: 4px
	}
}

.burger-menu__button span:nth-child(1) {
	transform-origin: left center
}

@media screen and (max-width: 1280px) {
	.burger-menu__button span:nth-child(1) {
		top: -8px;
		left: 16px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button span:nth-child(1) {
		top: -12px;
		left: 29px
	}
}

.burger-menu__button span:nth-child(2) {
	transform-origin: left center
}

@media screen and (max-width: 1280px) {
	.burger-menu__button span:nth-child(2) {
		top: 1px;
		left: 15px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button span:nth-child(2) {
		top: 0px;
		left: 29px
	}
}

.burger-menu__button span:nth-child(3) {
	transform-origin: left center
}

@media screen and (max-width: 1280px) {
	.burger-menu__button span:nth-child(3) {
		top: 10.5px;
		left: 15px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button span:nth-child(3) {
		top: 12px;
		left: 29px
	}
}

.burger-menu__button.active span:nth-child(1) {
	transform: rotate(45deg)
}

@media screen and (max-width: 1280px) {
	.burger-menu__button.active span:nth-child(1) {
		top: 1px;
		left: 15px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button.active span:nth-child(1) {
		top: 0px;
		left: 27px
	}
}

.burger-menu__button.active span:nth-child(2) {
	width: 0;
	opacity: 0
}

.burger-menu__button.active span:nth-child(3) {
	transform: rotate(-45deg)
}

@media screen and (max-width: 1280px) {
	.burger-menu__button.active span:nth-child(3) {
		top: 3px;
		left: 14px
	}
}

@media screen and (min-width: 1281px) {
	.burger-menu__button.active span:nth-child(3) {
		top: 3px;
		left: 26px
	}
}

@media screen and (min-width: 1281px) {
	.mobile-menu {
		display: none
	}
}

.mobile-menu li a:hover {
	color: var(--color-as-yellow)
}

.mobile-menu li a:active {
	color: var(--color-as-yellow)
}

.mobile-menu__lang {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 7px;
	padding: 0
}

.mobile-menu__list-item {
	position: relative;
	margin-bottom: 12px;
	padding: 16px 8px;
	transition: all 0.3s ease-in-out
}

.mobile-menu__list-item::after {
	position: absolute;
	top: 19px;
	right: 9px;
	content: "↓";
	font-size: 24px;
	transition: all 0.5s ease-out
}

.mobile-menu__list-item:active::after {
	animation-name: arrow;
	animation-duration: 0.5s
}

.mobile-menu__list-item.active {
	background-color: var(--color-bg-dust)
}

.mobile-menu__list-item.active::after {
	content: "↑"
}

.mobile-menu__list-item a {
	font-size: 18px
}

.mobile-menu__sublist {
	display: grid;
	margin-top: 10px;
	gap: 0 16px
}

@media screen and (max-width: 767px) {
	.mobile-menu__sublist {
		grid-template-columns:repeat(2, 50%)
	}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	.mobile-menu__sublist {
		grid-template-columns:repeat(4, 25%)
	}
}

.mobile-menu__sublist-item {
	padding: 13px 0
}

.mobile-menu__sublist-item a {
	font-size: 14px
}

.mobile-menu__sublist-item.active {
	font-weight: 500
}

@media screen and (max-width: 1280px) {
	body.active .header {
		background-color: var(--color-bg-mint)
	}
}

@media screen and (max-width: 768px) {
	.hidden-mobile {
		display: none
	}
}

.loader {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	margin: 72px 0;

	& svg {
		display: none;
		width: clamp(50px, 5.9vw, 84px);
		height: 21px
	}

	#loader-start {
		animation: 0.5s infinite 0s alternate loader-start-anim
	}

	#loader-mid {
		animation: 0.5s infinite 0.5s alternate loader-mid-anim
	}

	#loader-end {
		animation: 0.5s infinite 0.8s alternate loader-end-anim
	}
}

@keyframes loader-start-anim {
	from {
		transform: translate(0, 0) scale(1)
	}
	to {
		transform: translate(4px, 4px) scale(0.5)
	}
}

@keyframes loader-mid-anim {
	from {
		transform: translate(0, 0) scale(1)
	}
	to {
		transform: translate(14px, 4px) scale(0.5)
	}
}

@keyframes loader-end-anim {
	from {
		transform: translate(0, 0) scale(1)
	}
	to {
		transform: translate(24px, 4px) scale(0.5)
	}
}

@media only screen and (max-width: 698px) {
	.loader {
		padding: 10px;
		margin: 40px 0
	}
}

.loader-in-viewport {
	& svg {
		display: block
	}
}

@font-face {
	font-family: "Gratimo Grotesk CY";
	src: url("/static/fonts/Gratimo Grotesk-Regular-Web.ttf") format("truetype"), url("/static/fonts/Gratimo Grotesk-Regular-Web.woff") format("woff"), url("/static/fonts/Gratimo Grotesk-Regular-Web.woff2") format("woff2");
	font-weight: 400
}

@font-face {
	font-family: "Gratimo Grotesk CY";
	src: url("/static/fonts/Gratimo Grotesk-Medium-Web.ttf") format("truetype"), url("/static/fonts/Gratimo Grotesk-Medium-Web.woff") format("woff"), url("/static/fonts/Gratimo Grotesk-Medium-Web.woff2") format("woff2");
	font-weight: 500
}

@font-face {
	font-family: "Kollektsiya";
	src: url("/static/fonts/Kollektsiya_160823.otf") format("truetype");
	font-weight: 400
}

[class*="text--gratimo-regular-14"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: var(--text-size-14);
	line-height: 115%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-16"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: var(--text-size-16);
	line-height: 125%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-18"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-14), 1.25vw, var(--text-size-18));
	line-height: 135%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-24"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-16), 1.67vw, var(--text-size-24));
	line-height: 123%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-32"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-18), 2.22vw, var(--text-size-32));
	line-height: 114%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-48"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-24), 3.33vw, var(--text-size-48));
	line-height: 100%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-60"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-32), 4.17vw, var(--text-size-60));
	line-height: 100%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-14"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: var(--text-size-14);
	line-height: 115%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-16"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: var(--text-size-16);
	line-height: 125%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-18"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: clamp(var(--text-size-14), 1.25vw, var(--text-size-18));
	line-height: 135%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-24"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: clamp(var(--text-size-14), 1.67vw, var(--text-size-24));
	line-height: 123%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-32"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: clamp(var(--text-size-16), 2.22vw, var(--text-size-32));
	line-height: 114%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-48"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: clamp(var(--text-size-24), 3.33vw, var(--text-size-48));
	line-height: 100%;
	word-wrap: break-word
}

[class*="text--gratimo-medium-60"] {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-weight: 500;
	font-size: clamp(var(--text-size-32), 4.17vw, var(--text-size-60));
	line-height: 100%;
	word-wrap: break-word
}

[class*="text--cofo-light-14"] {
	font-family: "Kollektsiya", serif;
	font-weight: 300;
	font-size: var(--text-size-14);
	line-height: 115%;
	word-wrap: break-word
}

[class*="text--cofo-light-16"] {
	font-family: "Kollektsiya", serif;
	font-weight: 300;
	font-size: var(--text-size-16);
	line-height: 125%;
	word-wrap: break-word
}

[class*="text--cofo-light-18"] {
	font-family: "Kollektsiya", serif;
	font-weight: 300;
	font-size: clamp(var(--text-size-14), 1.25vw, var(--text-size-18));
	line-height: 135%;
	word-wrap: break-word
}

[class*="text--cofo-regular-18"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-14), 1.25vw, var(--text-size-18));
	line-height: 135%;
	word-wrap: break-word
}

[class*="text--cofo-regular-24"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-16), 1.67vw, var(--text-size-24));
	line-height: 115%;
	word-wrap: break-word
}

[class*="text--gratimo-regular-30"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-18), 2.22vw, var(--text-size-30));
	line-height: 110%;
	word-wrap: break-word
}


[class*="text--cofo-regular-32"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-18), 2.22vw, var(--text-size-32));
	line-height: 114%;
	word-wrap: break-word;
	letter-spacing: 0.03em
}

[class*="text--cofo-regular-48"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-24), 3.33vw, var(--text-size-48));
	line-height: 100%;
	word-wrap: break-word
}

[class*="text--cofo-regular-60"] {
	font-family: "Kollektsiya", serif;
	font-weight: 400;
	font-size: clamp(var(--text-size-32), 4.17vw, var(--text-size-60));
	line-height: 100%;
	word-wrap: break-word
}

.breadcrumbs {
	margin-top: clamp(8px, 3.33vw, 48px)
}

@media only screen and (max-width: 698px) {
	.breadcrumbs {
		margin-bottom: 40px
	}
}

.cookie {
	display: none;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0;
	z-index: 999;
	background-color: var(--color-bg-gray);
	width: 100%;
	padding: 16px 24px
}

.cookie__button {
	border: 2px solid var(--color-bw-black);
	background-color: var(--color-bg-gray);
	text-transform: uppercase;
	cursor: pointer;
	color: var(--color-bw-black)
}

@media screen and (max-width: 767px) {
	.cookie__button {
		height: 36px;
		padding: 0 10px
	}
}

@media screen and (min-width: 768px) {
	.cookie__button {
		height: 40px;
		padding: 0 12px
	}
}

.cookie__button:hover {
	background-color: var(--color-as-yellow);
	border-color: var(--color-as-yellow)
}

.cookie__left-block {
	display: flex;
	flex-direction: column
}

.cookie__warning, .cookie__learn-about {
	width: 100%
}

@media screen and (max-width: 767px) {
	.cookie__hidden-mobile {
		display: none
	}
}

:root {
	--color-bw-black: #2b2b2b;
	--color-bw-white: #fff;
	--color-bw-gray-light: #d1d5db;
	--color-bw-gray-dark: #aab3bd;
	--color-bw-gray-middle: #bbc2cb;
	--color-as-yellow: #ffac40;
	--color-as-red: #c53840;
	--color-accent-hover: #6f9e96;
	--color-accent-active: #cce3db;
	--color-bg-grean: #6f9e96;
	--color-bg-gray: #c6c7c3;
	--color-bg-brown: #ab9993;
	--color-bg-mint: #cce3db;
	--color-bg-dust: #f2f2f2;
	--text-size-14: 14px;
	--text-size-16: 16px;
	--text-size-18: 18px;
	--text-size-24: 24px;
	--text-size-30: 30px;
	--text-size-32: 32px;
	--text-size-48: 48px;
	--text-size-60: 60px;
	--text-size-72: 72px;
	--text-size-80: 80px
}

html, body {
	min-height: 100lvh;
	margin: 0
}

body {
	background: var(--color-bg-dust);
	margin: 0;
	color: var(--color-bw-black);
	display: flex;
	flex-direction: column
}

header, footer {
	flex: 0 1 auto
}

main {
	flex: 1 1 auto;
	overflow: hidden;
	height: 100%
}

.container {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	@media screen and (max-width: 415px) {
		padding: 0 16px
	}
	@media screen and (min-width: 416px) {
		padding: 0 24px
	}
	@media screen and (min-width: 1440px) {
		max-width: 1440px
	}
}

a.link:hover {
	color: var(--color-accent-hover)
}

.section-title {
	width: 80%;
	text-align: center;
	margin-top: 0;
	margin-bottom: clamp(8px, 1.6vw, 24px);
	text-transform: uppercase
}

@media only screen and (max-width: 767px) {
	.section-title {
		width: 100%
	}
}

.map__icon {
	transform: translate(-50%, -50%)
}

.typography-block {
	margin: 0 auto;
	max-width: 684px
}

@media (max-width: 1024px) {
	.typography-block {
		margin-bottom: 40px
	}
}

@media (min-width: 1025px) {
	.typography-block {
		margin-bottom: 72px
	}
}

.typography-title {
	text-align: center;
	padding: 0
}

@media (max-width: 1024px) {
	.typography-title {
		margin: 0 0 24px
	}
}

@media (min-width: 1025px) {
	.typography-title {
		margin: 0 0 38px
	}
}

.typography-subtitle {
	text-align: center;
	padding: 0
}

@media (max-width: 1024px) {
	.typography-subtitle {
		margin: 0 0 18px
	}
}

@media (min-width: 1025px) {
	.typography-subtitle {
		margin: 0 0 24px
	}
}

.typography-paragraph {
	padding: 0
}

@media (max-width: 1024px) {
	.typography-paragraph {
		margin: 0 0 18px
	}
}

@media (min-width: 1025px) {
	.typography-paragraph {
		margin: 0 0 33px
	}
}

.tab-button {
	display: none
}

.tab-button.active {
	display: block
}

.tab-content {
	display: none
}

.tab-content.active {
	display: block
}

@media screen and (max-width: 1439px) {
	.text p, .text ul {
		margin: 0 0 24px
	}
}

@media screen and (min-width: 1440px) {
	.text p, .text ul {
		margin: 0 0 35px
	}
}

.text a {
	text-decoration: underline
}

.text .custom-link {
	text-decoration: none
}

.frame {
	color: var(--color-bw-black);
	border: 2px dashed var(--color-bw-black)
}

.frame.active {
	background-color: var(--color-bw-black);
	color: #f2f2f2
}

.breadcrumbs {
	list-style-type: none;
	margin-bottom: 24px
}

@media screen and (max-width: 767px) {
	.breadcrumbs {
		margin-top: 8px
	}
}

@media screen and (min-width: 768px) {
	.breadcrumbs {
		margin-top: 48px
	}
}

.title {
	text-align: center
}

@media screen and (max-width: 767px) {
	.title {
		margin: 0 0 8px
	}
}

@media screen and (min-width: 768px) {
	.title {
		margin: 0 0 24px
	}
}

.price::after {
	content: "₽"
}

.centered-block {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto
}

@media screen and (min-width: 768px) {
	.centered-block {
		padding: 0
	}
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.centered-block {
		max-width: 524px
	}
}

@media screen and (min-width: 1440px) {
	.centered-block {
		max-width: 684px
	}
}

.filters {
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.filters::-webkit-scrollbar {
	display: none
}

@media screen and (min-width: 768px) {
	.filters {
		flex-wrap: wrap
	}
}

@media screen and (max-width: 414px) {
	.filters__tabs-content {
		padding-right: 16px
	}
}

@media (min-width: 415px) and (max-width: 767px) {
	.filters__tabs-content {
		padding-right: 24px
	}
}

@media screen and (max-width: 767px) {
	.filters__tabs-content {
		order: 3
	}
}

@media screen and (max-width: 767px) {
	.filters__item:not(:last-of-type) {
		padding-right: 8px
	}
}

@media screen and (min-width: 768px) {
	.filters__item:not(:last-of-type) {
		padding-right: 20px
	}
}

.filters__item.active .filters__button {
	background-color: var(--color-bw-black);
	color: #f2f2f2
}

.filters__button {
	color: var(--color-bw-black);
	background-color: unset;
	text-wrap: nowrap;
	white-space: nowrap
}

@media screen and (min-width: 1281px) {
	.filters__button {
		cursor: pointer
	}
}

@media screen and (max-width: 767px) {
	.filters__button {
		border: 1px solid var(--color-bw-black);
		text-transform: lowercase;
		padding: 0 6px;
		height: 30px
	}
}

@media screen and (min-width: 768px) {
	.filters__button {
		border: 2px solid transparent;
		padding: 0 12px;
		height: 40px
	}
}

.filters__button:hover {
	border-color: var(--color-bw-black)
}

.link-arrow {
	cursor: pointer;
	color: var(--color-bw-black);
	text-decoration: none
}

.link-arrow::after {
	content: "→";
	margin-left: 10px
}

@media screen and (min-width: 1281px) {
	.ticket {
		cursor: pointer
	}
}

@media screen and (max-width: 767px) {
	.tickets {
		display: flex;
		flex-direction: column
	}
}

@media screen and (max-width: 767px) {
	.tickets.container {
		padding-right: 0
	}
}

@media screen and (max-width: 767px) {
	.tickets__title {
		margin-bottom: 0;
		order: 1
	}
}

@media screen and (max-width: 767px) {
	.tickets__filters {
		order: 2;
		overflow-x: auto
	}
}

@media screen and (max-width: 767px) {
	.tickets__filters {
		margin: 16px 0
	}
}

@media screen and (min-width: 768px) {
	.tickets__filters {
		justify-content: center;
		margin-bottom: 24px
	}
}

.tickets__link {
	display: block
}

@media screen and (max-width: 414px) {
	.tickets__link {
		padding-right: 16px
	}
}

@media (min-width: 415px) and (max-width: 767px) {
	.tickets__link {
		padding-right: 24px
	}
}

@media screen and (max-width: 767px) {
	.tickets__link {
		text-align: right;
		order: 4
	}
}

@media screen and (min-width: 768px) {
	.tickets__link {
		text-align: center;
		margin-bottom: 24px
	}
}

.tickets__tickets-list {
	display: flex;
	flex-wrap: wrap;
	cursor: pointer
}

@media screen and (min-width: 768px) {
	.tickets__tickets-list {
		justify-content: center;
		gap: 0 24px
	}
}

@media screen and (min-width: 1440px) {
	.tickets__tickets-list {
		margin-bottom: 24px
	}
}

.tickets__ticket {
	width: 100%
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	.tickets__ticket {
		max-width: 47%
	}
}

@media screen and (min-width: 981px) {
	.tickets__ticket {
		max-width: 448px
	}
}

.ticket {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 12px
}

@media screen and (max-width: 767px) {
	.ticket {
		margin-bottom: 16px
	}
}

@media screen and (min-width: 768px) {
	.ticket {
		margin-bottom: 24px
	}
}

.ticket.active {
	display: flex
}

.ticket__name {
	text-align: center
}

@media screen and (max-width: 767px) {
	.ticket__name {
		margin: 0 0 4px
	}
}

@media screen and (min-width: 768px) {
	.ticket__name {
		margin: 0 0 12px
	}
}

@media screen and (max-width: 767px) {
	.ticket__price {
		margin: 0 0 4px
	}
}

@media screen and (min-width: 768px) {
	.ticket__price {
		margin: 0 0 12px
	}
}

.ticket__price::after {
	margin-left: 10px
}

.ticket__description {
	margin: auto 0 0;
	max-height: 150px;
	overflow-y: auto
}

@media screen and (max-width: 1439px) {
	.tickets, .for-kids, .subscription, .visit-rules, .accessibility, .faq {
		margin-bottom: 40px
	}
}

@media screen and (min-width: 1440px) {
	.tickets, .for-kids, .subscription, .visit-rules, .accessibility, .faq {
		margin-bottom: 72px
	}
}

.excursions {
	margin-bottom: 118px;
}

@media screen and (max-width: 1024px) {
	.excursions {
		margin-bottom: 72px
	}
}



.excursions__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0 20px
}

.excursions__description p{
	line-height: 150%;
	margin-bottom: 0;
}

.excursions__excursion {
	box-sizing: border-box;
	width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.excursions__excursion {
		max-width: 48%
	}
}

@media screen and (min-width: 1440px) {
	.excursions__excursion {
		max-width: 684px
	}
}

.excursion {
	display: flex;
	flex-direction: column;
	padding: 24px
}

@media screen and (max-width: 767px) {
	.excursion:not(:last-of-type) {
		margin-bottom: 16px
	}
}

@media screen and (min-width: 768px) {
	.excursion {
		margin-bottom: 20px
	}
}

.excursion__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

@media screen and (max-width: 767px) {
	.excursion__header {
		margin-bottom: 24px
	}
}

@media screen and (min-width: 768px) {
	.excursion__header {
		margin-bottom: 12px
	}
}

.excursion__title {
	margin: 0
}

@media screen and (max-width: 767px) {
	.excursion__title {
		font-weight: 500
	}
}

.excursion__description {
	margin-top: auto;
	max-height: 400px;
	overflow-y: auto;
	line-height: normal
}

.excursion__description p:last-of-type, .excursion__description ul:last-of-type {
	margin-bottom: 0
}

.excursion__price {
	display: block
}

@media screen and (max-width: 767px) {
	.excursion__price {
		margin-bottom: 8px
	}
}

@media screen and (min-width: 768px) {
	.excursion__price {
		margin-bottom: 12px
	}
}

.excursion__price::after {
	margin-left: 8px
}

.excursion__visit-time {
	display: block
}

@media screen and (max-width: 767px) {
	.excursion__visit-time {
		font-weight: 500;
		margin-bottom: 24px
	}
}

@media screen and (min-width: 768px) {
	.excursion__visit-time {
		margin-bottom: 40px
	}
}

@media screen and (max-width: 767px) {
	.audio-guide__header {
		display: flex;
		justify-content: space-between
	}
}

@media screen and (min-width: 768px) {
	.audio-guide__header {
		flex-direction: column;
		margin-bottom: 40px
	}
}

.audio-guide__title {
	margin: 0 0 12px
}

@media screen and (max-width: 767px) {
	.audio-guide__title {
		font-weight: 500
	}
}

@media screen and (min-width: 768px) {
	.audio-guide__price {
		margin-bottom: 40px
	}
}

.announcement {
	background-color: var(--color-bw-black);
	color: #f2f2f2
}

@media screen and (max-width: 767px) {
	.announcement {
		margin-bottom: 16px;
		padding: 8px
	}
}

@media screen and (min-width: 768px) {
	.announcement {
		margin-bottom: 24px;
		padding: 12px
	}
}

.visit-rules__working-time {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.visit-rules__working-time::after {
	content: "";
	width: 100%;
	max-width: 330px
}

.visit-rules__working-time-list {
	box-sizing: border-box;
	width: 100%;
	max-width: 330px
}

@media screen and (max-width: 767px) {
	.visit-rules__working-time-list {
		margin: 0 0 12px
	}
}

@media screen and (min-width: 768px) {
	.visit-rules__working-time-list {
		margin: 0 0 24px
	}
}

@media screen and (max-width: 767px) {
	.routes {
		margin-bottom: 13px
	}
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.routes {
		margin-bottom: 24px
	}
}

@media screen and (min-width: 1440px) {
	.routes {
		margin-bottom: 52px
	}
}

.routes__subtitle {
	text-align: center
}

@media screen and (max-width: 767px) {
	.routes__subtitle {
		margin-bottom: 8px
	}
}

@media screen and (min-width: 768px) {
	.routes__subtitle {
		margin-bottom: 48px
	}
}

.routes__info-blocks {
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width: 767px) {
	.routes__info-blocks {
		justify-content: center
	}
}

@media screen and (min-width: 768px) {
	.routes__info-blocks {
		justify-content: space-between
	}
}

.routes__info-blocks::after {
	content: "";
	width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.routes__info-blocks::after {
		max-width: 48%
	}
}

@media screen and (min-width: 1440px) {
	.routes__info-blocks::after {
		max-width: 448px
	}
}

.routes__info-block {
	width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1439px) {
	.routes__info-block {
		max-width: 48%
	}
}

@media screen and (min-width: 1440px) {
	.routes__info-block {
		max-width: 448px
	}
}

@media screen and (max-width: 767px) {
	.routes__map {
		margin-bottom: 14px
	}
}

@media screen and (min-width: 768px) {
	.routes__map {
		margin-bottom: 48px
	}
}

@media screen and (max-width: 767px) {
	.route-map {
		min-height: 343px
	}
}

@media screen and (min-width: 768px) {
	.route-map {
		min-height: 520px
	}
}

.info-block {
	box-sizing: border-box
}

.info-block__img {
	display: block;
	margin: 0 auto 20px
}

.info-block__img img {
	width: 100%;
	height: 100%
}

@media screen and (max-width: 767px) {
	.info-block__img {
		width: 58px;
		min-height: 48px
	}
}

@media screen and (min-width: 768px) {
	.info-block__img {
		width: 78px;
		min-height: 70px
	}
}

.info-block__text {
	margin: 0 0 20px
}

.info-block__img, .info-block__text {
	color: var(--color-bw-black)
}

.info-block__description-def:not(:last-of-type) {
	margin-bottom: 20px
}

.description {
	color: var(--color-bw-black);
	margin: 0
}

.description__def {
	margin: 0
}

.map-container {
	width: 100%;
	height: 520px;
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	@media screen and (max-width: 767px) {
		height: 343px
	}
}

.faq {
	--widthTriangle: 18px;
	--gap: 24px;
}

.faq__text--gratimo-medium-24 {
	font-size: clamp(var(--text-size-18), 1.67vw, var(--text-size-24));
}

.faq__list {
	padding: 0;
}

.faq__item {
	padding-block: 16px;
	list-style: none;
	border-bottom: 1px solid var(--color-bw-gray-light);
}

.accordion[open] {

	.accordion__header-triangle {
		rotate: 180deg;
	}
}

.accordion__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	column-gap: 24px;
	cursor: pointer;
	transition: 0.2s;
}

.accordion__header:hover {
	color: var(--color-accent-hover);
}

.accordion__body {
	max-width: calc(100% - var(--widthTriangle) - var(--gap));
	margin-top: 8px;
}

.accordion__header-triangle {
	display: inline-flex;
	width: 0;
	height: 0;
	margin-left: 3px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 11px solid var(--color-bw-black);
	transition: 0.1s;
}