@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/air-datepicker@3.4.0/air-datepicker.min.css"; /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
*, :before, :after {
	box-sizing: border-box
}

html {
     font-family: "Kollektsiya", sans-serif !important;
	-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
}

.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
}

.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-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__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__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: 768px) {
	.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(-101%, 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
}

.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:active::after {
	animation-name: arrow;
	animation-duration: 0.5s
}

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

.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--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);
	margin-bottom: 24px
}

@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-anti-flash-white: #F4F4F1;
	--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: #f4f4f1;
	--text-size-14: 14px;
	--text-size-16: 16px;
	--text-size-18: 18px;
	--text-size-24: 24px;
	--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-bw-anti-flash-white);
	margin: 0;
	color: var(--color-bw-black);
	display: flex;
	flex-direction: column
}

header, footer {
	flex: 0 1 auto
}

main {
	flex: 1 1 auto;
	overflow: visible;
	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
	}
}

.breadcrumbs-with-date-picker {
	width: 100%;
	margin-top: clamp(8px, 3.3vw, 48px);
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media (max-width: 1024px) {
	.breadcrumbs-with-date-picker {
		flex-wrap: wrap;
		margin-bottom: 0
	}
}

@media (min-width: 1025px) {
	.breadcrumbs-with-date-picker > .breadcrumbs {
		margin: 0
	}
}

.breadcrumbs-with-date-picker__filter-item--active {
	border: 2px solid var(--color-bw-black)
}

.breadcrumbs-with-date-picker__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__filters {
		gap: 8px;
		flex-wrap: nowrap;
		margin-bottom: 26px
	}
}

.breadcrumbs-with-date-picker__filter-item {
	padding: 6px 12px
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__filter-item {
		border: 1px solid var(--color-bw-black)
	}
}

.breadcrumbs-with-date-picker__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__title__text--gratimo-regular-24 {
		margin-bottom: 24px
	}
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__filter-item--active {
		background-color: var(--color-bw-black);
		color: var(--color-bw-white)
	}
}

@media (max-width: 1024px) {
	.breadcrumbs-with-date-picker__container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 10px
	}
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__container {
		row-gap: 0
	}
}

.breadcrumbs-with-date-picker__search__label {
	display: none
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__search__label {
		display: none
	}
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__title__text--gratimo-medium-24 {
		margin-bottom: 24px
	}
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__search__input__text--gratimo-medium-18 {
		background-color: var(--color-bg-gray);
		padding: 8px 36px 8px 12px;
		width: 100%;
		box-sizing: border-box;
		border: none;
		color: var(--color-bw-black)
	}
}

@media (max-width: 414px) {
	.breadcrumbs-with-date-picker__search__button {
		border: none;
		position: absolute;
		cursor: pointer;
		width: 30px;
		height: 30px;
		top: 3px;
		right: 5px;
		background-color: transparent
	}
}

.breadcrumbs-with-date-picker__label-date {
	display: flex;
	align-items: center;
	-moz-column-gap: 8px;
	column-gap: 8px
}

.breadcrumbs-with-date-picker__date-picker__text--gratimo-medium-18 {
	background-color: transparent;
	border: none;
	cursor: pointer;
	width: -moz-max-content;
	width: max-content;
	padding: 8px 8px 8px 0;
	margin-right: 8px
}

.calendar-wrapper {
	display: flex;
	align-items: center;
	transition: background-color 1s;
	padding: 4px 12px
}

.calendar-wrapper:hover {
	background-color: var(--color-as-yellow);
	cursor: pointer
}

@media (max-width: 1024px) {
	.calendar-wrapper {
		color: var(--color-bw-black);
		margin-left: -12px
	}
}

@media (max-width: 1024px) {
	.breadcrumbs-with-date-picker__date-picker {
		width: 90%
	}

	.breadcrumbs-with-date-picker__date-picker__text--gratimo-medium-18 {
		width: auto
	}
}

.breadcrumbs-with-date-picker__date-picker__text--gratimo-medium-18:hover {
	background-color: transparent
}

.breadcrumbs-with-date-picker__date-picker__text--gratimo-medium-18:focus {
	outline: none
}

.breadcrumbs-with-date-picker__date-picker:focus-visible {
	outline: none
}

.navigation-list-wrapper {
	display: flex;
	justify-content: start;
}

.navigation-list {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: flex;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

.navigation-list::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

@media (max-width: 1024px) {
	.navigation-list {
		column-gap: 10px;
		overflow-x: scroll;
	}
}

.navigation-list__item:nth-of-type(n):hover {
	background-color: var(--color-bw-black);
	color: var(--color-bw-white)
}

.navigation-list__item:nth-of-type(2n):hover {
	background-color: var(--color-as-yellow)
}

.navigation-list__item:nth-of-type(3n):hover {
	background-color: var(--color-bw-gray-middle);
	color: var(--color-bw-black)
}

.navigation-list__item:nth-of-type(4n):hover {
	background-color: var(--color-bg-grean);
	color: var(--color-bw-white)
}

.navigation-list__item:nth-of-type(5n):hover {
	background-color: var(--color-bg-mint)
}

.navigation-list__item:nth-of-type(6n):hover {
	background-color: var(--color-bg-brown)
}

.navigation-list__item-extra:hover {
	background-color: var(--color-bg-brown);
	color: var(--color-bw-white);
}

.navigation-list__item, .navigation-list__item-extra {
	display: inline-flex;
	align-items: center;
	transition: 0.3s;
	border: 2px solid transparent;
	height: 40px;
	cursor: pointer
}

.navigation-list__item button,
.navigation-list__item-extra button {
	padding: 0;
	border: none;
	white-space: nowrap;
	background-color: transparent;
	padding-inline: 12px;
	cursor: pointer;
	color: inherit
}

@media (max-width: 1024px) {
	.navigation-list__item {
		height: 30px;
	}
}

@media (max-width: 414px) {
	.navigation-list__item {
		display: flex;
		align-items: center;
		padding-inline: 12px;
		border: 1px solid var(--color-bw-black);

		& button {
			padding: 0;
			font-weight: 400;
			line-height: 16.1px;
			border: none
		}
	}
}

.navigation-list__item:active {
	border: 2px solid var(--color-bw-black)
}

@media (max-width: 414px) {
	.navigation-list__item:active {
		border: 1px solid var(--color-bw-black)
	}
}

.navigation-list__item-extra-links {
	position: absolute;
	top: 80px;
	left: calc(100% - 200px);
	display: flex;
	flex-direction: column;
	background-color: var(--color-bw-white);
	min-width: 200px;
}

.navigation-list__item-extra-links.hide {
	display: none;
}

.item-active {
	border: 2px solid var(--color-bw-black)
}

.item-active button {
	font-weight: 500;
}

.item-active:hover {
	border-color: transparent;
	color: var(--color-bw-white)
}

@media (max-width: 1023px) {
	.item-active {
		border: 1px solid var(--color-bw-black);
		background-color: var(--color-bw-black);
		color: var(--color-bw-white);

		& button {
			font-weight: 500
		}
	}
}

.navigation-list__item_archive {
	border: 2px solid var(--color-bw-black);
}

.navigation-list__item_archive:hover {
	background-color: var(--color-bw-black) !important;
}

.disable-button {
	opacity: 0.3
}

.events-title__text--gratimo-regular-32 {
	width: 100%
}

.img-cover {
	width: 100%;
	min-height: 283px;
	max-width: 450px;
	-o-object-fit: cover;
	object-fit: cover;
}

.img-cover-big {
	max-width: 1000px;
	height: 373px
}

@media (max-width: 430px) {
	.img-cover {
		height: 100%;
		width: 100%;
	}
}

.img-cover-top {
	height: 283px
}

.image-scale-wrapper {
	height: 100%
}

.date-selection {
	width: 100%;
	padding-top: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	margin-bottom: 48px;

	& [class*="__calendar-container"] {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		-moz-column-gap: 32px;
		column-gap: 32px;
		overflow: auto
	}
}

@media (max-width: 430px) {
	.date-selection {
		margin-bottom: 16px;
	}
}

.date-selection__calendar-container::-webkit-scrollbar {
	display: none
}

@media (max-width: 1024px) {
	.date-selection {
		gap: 24px;

		& [class*="__calendar-container"] {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%
		}
	}
}

@media (max-width: 768px) {
	.date-selection {
		margin-bottom: 24px;
	}

	.date-selection__filters-container {
		flex-direction: column;
		align-items: start;
		row-gap: 10px;
	}
}

@media (max-width: 414px) {
	.date-selection {

		& [class*="__calendar-container"] {
			display: flex;
			align-items: center;
			flex-wrap: nowrap;
			margin-bottom: 16px;
			width: 100%
		}
	}
}

.date-selection__wrapper-title {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.events__button {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding-inline: 12px;
	text-wrap: nowrap;
	border: 2px solid var(--color-bw-black);
	cursor: pointer;
	transition: 0.3s;
}

.events__button:hover {
	background-color: var(--color-bw-black);
	color: var(--color-bw-white);
}

@media (max-width: 768px) {
	.events__button {
		height: 30px;
		padding-inline: 8px;
	}
}

.month-schedule {
	--scheduleTemplCols: 24px auto 24px;

	width: 100%;
	padding-top: 12px;
	display: grid;
	grid-template-columns: var(--scheduleTemplCols);
	align-items: center;
	gap: 12px;

	& [class*="__days"] {
		display: flex;
		-moz-column-gap: 16px;
		column-gap: 16px
	}

	& [class*="__date"] {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 4px 8px 8px 8px;
		cursor: pointer
	}
}

@media (max-width: 1024px) {
	.month-schedule {
		--scheduleTemplCols: 1fr;

		& [class*="__days"] {
			display: flex;
			-moz-column-gap: 8px;
			column-gap: 8px;
			justify-content: center
		}
	}
}

@media (max-width: 414px) {
	.month-schedule {
		width: 100%;
		padding-top: 12px;

		& [class*="__days"] {
			display: flex;
			-moz-column-gap: 8px;
			column-gap: 8px;
			justify-content: space-between
		}

		& [class*="__date"] {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 4px 12px 8px 12px
		}
	}
}

.month-schedule__wrapper {
	display: flex;
	overflow: auto;
	width: 100%;
	-moz-column-gap: 72px;
	column-gap: 72px
}

.month-schedule__month {
	font-weight: 600;
}

.month-schedule__wrapper::-webkit-scrollbar {
	display: none
}

@media (max-width: 1024px) {
	.margin-right-position {
		margin-right: 0
	}
}

@media (max-width: 1024px) {
	.month-schedule__button-left {
		margin-right: 0
	}
}

@media (max-width: 1024px) {
	.display-none-date {
		display: none
	}
}

.month-schedule__button {
	background-color: transparent;
	cursor: pointer;
	height: 24px;
	width: 24px;
	border-radius: 100%;
	border: 2px solid var(--colorGrey8) !important;
	display: flex;
	place-items: center;
	place-content: center;
}

.month-schedule__button .icon {
	height: 12px !important;
}

@media (max-width: 1024px) {
	.month-schedule__button-right {
		display: block;
		margin-left: 0
	}
}

@media (max-width: 414px) {
	.icons-arrow-right {
		width: 18px;
		height: 17px
	}
}

.events {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 24px;
	flex-wrap: wrap
}

@media (max-width: 414px) {
	.events {
		gap: 0
	}
}

.events__top-container {
	display: flex;
	-moz-column-gap: 24px;
	column-gap: 24px;
	width: 100%
}

@media (max-width: 618px) {
	.events__top-container {
		flex-direction: column;
		row-gap: 24px
	}
}

.events__bottom-container {
	width: 100%
}

.event-info {
	display: flex;
	flex-direction: column;
	margin-bottom: 48px;
	width: calc((100% - 48px) / 3)
}

@media (max-width: 768px) {
	.event-info {
		width: calc((100% - 24px) / 2);
		margin-bottom: 24px
	}
}

@media (max-width: 618px) {
	.event-info {
		width: 100%
	}

	.img-cover {
		max-width: 618px
	}
}

@media (max-width: 414px) {
	.event-info {
		width: 100%;
		margin-bottom: 20px
	}
}

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

.top-container {
	margin-top: -30px
}

.events_left-frame-container {
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	gap: 24px;
	width: 920px
}

@media (max-width: 414px) {
	.events_left-frame-container {
		display: flex;
		flex-direction: column;
		width: 100%
	}
}

.event-info-big {
	width: 66%;
	max-width: 920px;
	display: flex;
	flex-direction: column;
	height: auto
}

@media (min-width: 414px) {
	.event-info-big:hover, .event-info:hover {
		background-color: var(--color-bg-gray);
		cursor: pointer;

		.event-info__status-info {
			background-color: var(--color-bg-gray)
		}

		.image-scale-wrapper {
			background-color: var(--color-bg-gray);
			cursor: pointer;
			transition: transform 0.2s;
			transform: scale(0.95, 0.95)
		}

		.event-info__title {
			max-height: 300px;
			-webkit-line-clamp: none;
			border-bottom: none;
			-webkit-box-orient: horizontal;
			transition: max-height 1.2s;
			background-color: var(--color-bg-gray)
		}

		.event-info__dates-and-title__text--gratimo-regular-32 {
			height: auto;
			max-height: -moz-max-content;
			max-height: max-content;
			background-color: var(--color-bg-gray)
		}
	}
}

@media (max-width: 414px) {
	.event-info-big:active, .event-info:active {
		background-color: var(--color-bg-gray);
		cursor: pointer;

		.event-info__status-info {
			background-color: var(--color-bg-gray)
		}

		.image-scale-wrapper {
			background-color: var(--color-bg-gray);
			cursor: pointer;
			transition: transform 0.2s;
			transform: scale(0.95, 0.95)
		}

		.event-info__title {
			max-height: 300px;
			-webkit-line-clamp: none;
			border-bottom: none;
			-webkit-box-orient: horizontal;
			transition: max-height 1.2s;
			background-color: var(--color-bg-gray)
		}

		.event-info__dates-and-title__text--gratimo-regular-32 {
			height: auto;
			max-height: -moz-max-content;
			max-height: max-content;
			background-color: var(--color-bg-gray)
		}
	}
}

@media (max-width: 618px) {
	.event-info-big {
		width: 100%
	}
}

.event-info__dates-and-title__text--gratimo-regular-32 {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 100%;
	height: auto;
	max-height: 126px;
	width: 100%
}

.event-info__title {
	max-height: 86px;
	min-height: clamp(60px, 8vw, 77px);
	position: static;
	width: 100%;
	max-width: 22.5ch;
	z-index: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.big-image-title {
	bottom: clamp(-90px, -3.5vw, -70px)
}

@media (max-width: 1024px) {
	.big-image-title {
		bottom: clamp(-90px, -3.5vw, -50px)
	}
}

.event-info__title::-webkit-scrollbar {
	display: none
}

.events_frame {
	display: flex;
	flex-direction: column;
	row-gap: 48px
}

.event-info {
	& [class*="__cover"] {
		position: relative
	}

	& [class*="__status-info"] {
		position: absolute;
		bottom: 0;
		background: var(--color-bg-dust);
		padding: 4px 8px 0 0
	}

	& [class*="__details"] {
		display: flex;
		flex-direction: column;
		gap: 12px
	}
}

.buy-button {
	& [class*="__label"] {
		display: inline-block;
		color: var(--color-bg-dust);
		padding: 2px 12px 0 12px
	}
}

.event-info-big {
	& [class*="__cover"] {
		position: relative
	}

	& [class*="__status-info"] {
		position: absolute;
		bottom: 0;
		background: var(--color-bg-dust);
		padding: 4px 8px 0 0
	}
}

@media (max-width: 414px) {
	.buy-button {
		& [class*="__label"] {
			display: inline-block;
			color: var(--color-bw-black);
			padding: 2px 12px 0 12px
		}
	}
}

.buy-button__button__text--gratimo-medium-18 {
	display: inline-block;
	color: var(--color-bw-black);
	background-color: var(--color-bg-dust);
	width: 164px;
	padding: 8px 0;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	border: 2px solid var(--color-bw-black)
}

@media (max-width: 414px) {
	.buy-button__button__text--gratimo-medium-18 {
		color: var(--color-bw-white);
		background-color: var(--color-bw-black);
		width: 100%;
		padding: 8px 0;
		border: 2px solid var(--color-bw-black)
	}
}

.buy-button__button__text--gratimo-medium-18:hover {
	background-color: var(--color-as-yellow);
	border-color: var(--color-as-yellow)
}

.buy-button__button__text--gratimo-medium-18:active {
	background-color: var(--color-bw-black);
	color: var(--color-bw-white);
	border-color: var(--color-bw-black)
}

.month-schedule__button {
	border: none;
	background-color: transparent;
	cursor: pointer
}

@media (max-width: 1024px) {
	.month-schedule__button {
		display: none
	}
}

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

.icon-search {
	width: 18px;
	height: 18px
}

.icons-arrow-right {
	width: 24px;
	height: 24px
}

@media (max-width: 1024px) {
	.icons-arrow-right {
		width: 14px;
		height: 13px
	}
}

@media (max-width: 1024px) {
	.icons-arrow-left {
		width: 14px;
		height: 13px
	}
}



.month-schedule__date {
	--dateNumberBg: transparent;
}

.month-schedule__number {
	height: 40px;
	width: 40px;
	min-width: 40px;
	border-radius: 100%;
	display: flex;
	place-items: center;
	justify-content: center;
	background-color: var(--dateNumberBg);
	transition: background-color .2s;
}

.month-schedule__date.date-isSelected {
	--dateNumberBg: var(--colorGreen8);
}

.month-schedule__date:hover {
	--dateNumberBg: var(--color-as-yellow);
}

.month-schedule__date:active {
	--dateNumberBg: var(--color-bw-gray-dark);
}

.month-schedule__date.date-between-selected {
	--dateNumberBg: var(--color-bw-white);
}

.without-margin {
	margin-bottom: 0
}

.event-info__details {
	position: relative
}

.event-info__cover {
	margin-bottom: clamp(85px, 12vw, 115px)
}

@media (max-width: 375px) {
	.event-info__cover {
		min-width: 343px;
		height: 284px;
		position: relative;
		overflow: hidden;
	}
}

@media (max-width: 374px) {
	.event-info__cover {
		width: 300px;
		height: 284px;
		position: relative;
		overflow: hidden;
	}
}

.date__text--gratimo-medium-18 {
	background-color: var(--color-bg-dust);
	border: none;
	cursor: pointer;
	max-width: 406px
}

.date__text--gratimo-medium-18::-webkit-input-placeholder {
	opacity: 1
}

.date-container {
	width: 406px;
	height: 554px;
	border: 2px solid var(--color-bw-black)
}

.air-datepicker {
	--adp-day-name-color: var(--color-bw-black)
}

.air-datepicker {
	width: 406px;
	height: 554px;
	border: 2px solid var(--color-bw-black);
	border-radius: 0;
	padding: 20px;
	box-sizing: border-box;
	background-color: var(--color-bg-dust)
}

.air-datepicker-body--day-name {
	width: 40px;
	height: 40px;
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-size: 18px;
	font-weight: 500
}

.air-datepicker-nav {
	padding: 0;
	border-bottom: none
}

.air-datepicker-nav--action:hover {
	background-color: transparent
}

.air-datepicker-nav--action svg {
	width: 27px
}

.air-datepicker-nav--action path {
	fill: var(--color-bw-black);
	stroke: none
}

.air-datepicker-nav--title {
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-size: 24px;
	color: var(--color-bw-black);
	padding: 0;
	font-weight: 500;
	display: flex;
	-moz-column-gap: 20px;
	column-gap: 20px;
	cursor: default
}

.air-datepicker-nav--title:hover {
	background-color: var(--color-as-yellow);
	cursor: pointer
}

.air-datepicker-nav--title p, .air-datepicker-nav--title span {
	padding: 4px 8px
}

.air-datepicker-nav--title p:hover, .air-datepicker-nav--title span:hover, .air-datepicker-cell:hover, .air-datepicker-cell.-selected-:hover {
	background-color: var(--color-as-yellow);
	cursor: pointer;
	border-radius: 0
}

.air-datepicker-cell.-selected- {
	color: var(--color-bw-black)
}

.air-datepicker-cell.-selected-.-current- {
	background-color: var(--color-as-yellow)
}

.air-datepicker-cell {
	width: 40px;
	height: 40px;
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-size: 18px;
	color: var(--color-bw-black);
	font-weight: 400
}

.-month-, .-year- {
	font-weight: 500;
	padding: 24px 20px;
	width: 100%
}

.air-datepicker-body.-months-, .air-datepicker-body.-years- {
	margin-top: 68px
}

.air-datepicker-cell.-month-.-selected-.-in-range- {
	background-color: transparent;
	box-shadow: none
}

.air-datepicker-cell.-month-.-in-range- {
	background-color: transparent;
	box-shadow: none
}

.air-datepicker-cell.-day-.-other-month- {
	opacity: 0;
	pointer-events: none
}

.air-datepicker-cell.-day-.-other-month-:hover {
	background-color: transparent
}

.air-datepicker-cell.-range-to-, .air-datepicker-cell.-range-from- {
	border-radius: 0;
	background-color: var(--color-bw-gray-dark)
}

.air-datepicker-cell.-month-.-selected-.-in-range-.-range-to- {
	background-color: var(--color-bw-gray-dark)
}

.air-datepicker-cell.-month-.-selected-.-range-from-- {
	background-color: transparent;
	box-shadow: none
}

.air-datepicker-cell.-in-range- {
	background: var(--color-bw-white);
	box-shadow: 10px 0 0 var(--color-bw-white), -10px 0 0 var(--color-bw-white)
}

.air-datepicker-cell.-in-range-:hover {
	background: var(--color-bw-gray-light)
}

.air-datepicker-cell.-range-to- {
	border: none
}

.air-datepicker-cell.-range-to-:hover {
	background-color: var(--color-as-yellow)
}

.air-datepicker-cell.-month-.-range-from-:hover {
	background-color: var(--color-as-yellow)
}

.air-datepicker-cell.-range-from- {
	border: none
}

.air-datepicker-cell.-range-to-.-range-from- {
	background-color: var(--color-bw-gray-dark);
	border-radius: 0
}

.air-datepicker-cell.-current- {
	color: var(--color-as-red)
}

.air-datepicker-cell.-current-.-in-range- {
	color: var(--color-as-red)
}

.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
	opacity: 0
}

.air-datepicker-cell.-year-.-in-range- {
	background: transparent;
	box-shadow: none
}

.air-datepicker-cell.-year-.-selected-.-in-range-.-range-to- {
	background-color: var(--color-bw-gray-dark)
}

.air-datepicker-cell.-year-.-range-from-:hover {
	background-color: var(--color-as-yellow)
}

.air-datepicker-body--cells {
	row-gap: 12px
}

.air-datepicker-body--cells.-days- {
	grid-auto-rows: 40px
}

.air-datepicker--content {
	margin-bottom: 20px;
	min-height: 352px;
	padding: 0
}

.air-datepicker--buttons {
	padding: 0
}

.air-datepicker-buttons {
	display: flex;
	flex-wrap: wrap;
	font-family: "Gratimo Grotesk CY", sans-serif;
	font-size: 18px;
	color: var(--color-bw-black);
	font-weight: 500;
	gap: 10px;
	justify-content: space-between
}

.custom-button {
	color: inherit;
	border-radius: 0;
	cursor: pointer;
	height: auto;
	border: 2px solid var(--color-bw-black);
	background: transparent;
	padding: 8px 10px
}

.custom-button:hover {
	border: 2px solid var(--color-as-yellow);
	background: var(--color-as-yellow)
}

.custom-button-clear {
	width: 100%;
	color: var(--color-bw-white);
	border-radius: 0;
	cursor: pointer;
	height: auto;
	border: 2px solid var(--color-bw-black);
	background: var(--color-bw-black);
	padding: 8px 10px
}

.custom-button-clear:hover {
	color: var(--color-bw-black);
	border: 2px solid var(--color-bw-black);
	background: transparent
}

.air-datepicker-nav--title-disabled-:hover {
	cursor: default;
	background-color: transparent
}

.-is-mobile- {
	padding: 10px;
	width: 350px
}

@media (max-width: 968px) {
	.date-container {
		height: 527px;
		border: 2px solid var(--color-bw-black)
	}

	.air-datepicker-nav {
		width: 100%
	}

	.air-datepicker-buttons {
		width: 100%;
		font-size: 16px;
		gap: 9px
	}

	.custom-button {
		padding: 8px 5px
	}

	.air-datepicker--content {
		width: 100%
	}

	.air-datepicker-nav--title {
		-moz-column-gap: 0;
		column-gap: 0
	}

	.air-datepicker-cell.-year- {
		padding: 24px 16px
	}

	.air-datepicker-cell.-in-range- {
		background: var(--color-bw-white);
		box-shadow: 10px 0 0 var(--color-bw-white), -5px 0 0 var(--color-bw-white)
	}

	.air-datepicker {
		height: 80vh;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		border: 1px solid var(--color-bw-black);
		padding: 10px;
		overflow: auto;
		z-index: 2000
	}
}

.air-datepicker--pointer::after {
	content: none
}

@media (max-width: 767px) {
	.event-info__cover {
		margin-bottom: 8px
	}

	.event-info__dates-and-title__text--gratimo-regular-32 {
		position: static
	}

	.event-info__title {
		min-height: 0;
		max-height: 42px
	}

	.event-info__dates-wrapper {
		margin-bottom: 4px
	}

	.image-scale-wrapper .event-info__details {
		display: block
	}

	.event-info__title {
		margin-bottom: 8px;
		max-width: none
	}

	.event-info__dates-wrapper {
		display: block
	}

	.event-info__dates-wrapper span:last-of-type {
		position: relative;
		top: -4px;
		margin-left: 5px
	}
}

@media (max-width: 617px) {
	.events__top-container {
		margin-bottom: 20px
	}
}

.buy-button, .slide-info {
	& [class*="__label_black"] {
		background: var(--color-bw-black);
		color: var(--color-bg-dust)
	}

	& [class*="__label_gray-dark"] {
		background: var(--color-bw-gray-dark);
		color: var(--color-bw-black)
	}

	& [class*="__label_mint"] {
		background: var(--color-bg-mint);
		color: var(--color-bw-black)
	}

	& [class*="__label_brown"] {
		background: var(--color-bg-brown)
	}

	& [class*="__label_green"] {
		background: var(--color-bg-grean);
		color: var(--color-bw-black)
	}
}

@media (max-width: 414px) {
	.buy-button, .slide-info {
		& [class*="__label_black"] {
			color: var(--color-bw-black);
			background: transparent;
			border: 1px solid var(--color-bw-black)
		}
	}
}

.date-selection__filters-container {
	width: 100%;
	display: flex;
	justify-content: start;
	column-gap: 20px;
}

.filter-checkbox {
	position: relative;
}

.filter-checkbox__header {
	display: flex;
	column-gap: 10px;
	align-items: center;
	justify-content: space-between;
	padding: 8px 12px;
	cursor: pointer;
	background-color: var(--color-bw-white);
}

.filter-checkbox__body {
	min-width: max-content;
	max-height: 410px;
	overflow-y: scroll;
	display: none;
	flex-direction: column;
	position: absolute;
	top: calc(100% + 5px);
	z-index: 10;
	background-color: var(--color-bw-white);

	scrollbar-width: none;
	-ms-overflow-style: none;
}

.filter-checkbox__body::-webkit-scrollbar {
	display: none;
}

.filter-checkbox__body.show {
	display: flex;
}

.filter-checkbox__body-wrapper .filter-checkbox__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.filter-checkbox__body-wrapper-title {
	padding: 12px 13px;
}

.filter-checkbox__header-triangle {
	width: 0;
	height: 0;
	rotate: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 9px solid var(--color-bw-black);
	transition: 0.2s;
}

.filter-checkbox__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.filter-checkbox__item {
	padding: 13px 12px;
}

.checkbox {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 10px;
}

.checkbox-label {
	cursor: pointer;
}

.checkbox-input {
	appearance: none;
	position: relative;
	width: 24px;
	height: 24px;
	background: transparent;
	border: 2px solid var(--color-bw-black);
	transition: 0.2s;
	cursor: pointer;
	overflow: hidden;
}

.checkbox-input::after {
	content: url("../../static/img/events/checked.svg");
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -90%;
	width: 0px;
	height: 0px;
}

.checkbox-input:checked::after {
	width: 16px;
	height: 12px;
}

.checkbox-input[disabled] {
	border: 2px solid var(--color-bg-gray);
}

.checkbox-input[disabled] + .checkbox-label {
	color: var(--color-bg-gray);
}

.checkbox-input[disabled],
.checkbox-input[disabled] + .checkbox-label {
	cursor: none;
	pointer-events: none;
}

@media screen and (max-width: 768px) {
	.filter-checkbox__item {
		padding: 8px;
	}

	.checkbox-input {
		width: 20px;
		height: 20px;
	}
}

.newsletter-popup {
	position: fixed;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	z-index: 999;
	width: 80vw;
	min-width: 375px;
	max-width: 798px;
	padding: 44px 31px;
	background: var(--color-bw-black);

	@media screen and (max-width: 768px) {
		padding: 35px 35px;
	}

	@media screen and (max-width: 480px) {
		padding: 23px 23px;
	}

	@media screen and (max-width: 430px) {
		width: 100vw;
		min-height: 460px;
		min-width: unset;
		max-width: unset;
		padding: 48px 32px;
	}
}

.newsletter-popup__close-btn {
	position: absolute;
	top: 23px;
	right: 28px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;

	@media screen and (max-width: 480px) {
		top: 20px;
		right: 17px;
	}
}

.newsletter-popup__close-btn img {
	width: 20px;
	height: 20px;

	@media screen and (max-width: 480px) {
		width: 17px;
		height: 17px;
	}
}

.newsletter-popup__title {
	margin-bottom: clamp(20px, 1.6vw, 24px);
	text-align: center;
	color: var(--color-accent-hover);
	text-transform: uppercase;
	margin-top: 0 !important;
}


@media screen and (max-width: 430px) {
	.newsletter-popup__title {
		font-size: 40px;
		line-height: 115%;
	}
}

@media screen and (max-width: 375px) {
	.newsletter-popup__title {
		margin-bottom: 37px;
		font-size: 32px;
		line-height: 115%;
	}
}

.newsletter-popup__title .nowrap {
	white-space: nowrap;
	display: inline;
}

.newsletter-popup__subtitle {
	margin-bottom: clamp(20px, 1.6vw, 24px);
	color: var(--color-accent-active);
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 430px) {
	.newsletter-popup__subtitle {
		line-height: 110%;
		margin-bottom: 35px;
	}
}
.newsletter-popup__form {
	width: 100%
}

.newsletter-popup__label {
	display: flex;
	align-items: center;
	width: 100%;
	height: 56px;
}

@media screen and (max-width: 500px) {
	.newsletter-popup__label {
		flex-direction: column;
		height: auto;
		gap: 29px;
	}
}

.newsletter-popup__input {
	width: 100%;
	height: 100%;
	background: var(--color-bw-black);
	padding: 8px 12px;
	border: 2px solid var(--color-bg-gray);
	box-sizing: border-box;
	color: var(--color-bw-white);
}

.newsletter-popup__input::-moz-placeholder {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 123%;
	color: var(--color-bw-white);
	opacity: 1;

	@media screen and (max-width: 768px) {
		font-size: 18px;
	}

	@media screen and (max-width: 481px) {
		font-size: 17px;
	}
}

.newsletter-popup__input::placeholder {
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 123%;
	color: var(--color-bg-dust);
}

@media screen and (max-width: 768px) {
	.newsletter-popup__input::placeholder {
		font-size: 14px;
	}
}

@media screen and (max-width: 500px) {
	.newsletter-popup__input::placeholder {
		font-size: 18px;
		text-decoration: underline;
		opacity: 0.5;
	}
}

.accented-subscribe-button {
	background: var(--color-bg-grean);
	padding: 8px 12px;
	color: var(--color-bw-white);
	border: none;
	cursor: pointer;
	height: inherit;
}

@media screen and (max-width: 500px) {
	.accented-subscribe-button {
		font-size: 18px;
		line-height: 123%;
		padding: 11px 8px;
		width: 100%;
	}
}

.accented-subscribe-button:disabled {
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}


.newsletter-policy {
	display: flex;
	padding: 12px 0;
	color: var(--color-bw-white);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.newsletter-policy__input {
	visibility: hidden;
	height: 0;
	width: 0
}

.policy {
	display: flex;
	padding: 12px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	color: var(--color-bg-dust);
}

@media screen and (max-width: 430px) {
	.policy label{
		font-size: 11px;
		line-height: 135%;
	}
}

.policy__input {
	visibility: hidden;
	height: 0;
	width: 0
}

.policy__link {
	color: var(--color-bg-dust);
	text-decoration: underline;
}

.policy__icon {
	position: relative;
	display: flex;
	align-items: center;
	width: 32px;
	min-width: 32px;
	height: 32px;
	min-height: 32px;
	margin: 3px 12px 3px 0;
	border: 2px solid var(--color-bg-dust);
	cursor: pointer;

	& img {
		display: none;
		width: 70%;
		margin: 0 auto;
	}

	&.policy__icon_checked img {
		display: block;
		filter: invert(100%);
	}
}

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


.newsletter-successful-subscription {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	position: fixed;
	top: 50%; left: 50%; transform: translate(-50%, -50%);
	z-index: 999;
	width: 82vw;
	min-width: 375px;
	max-width: 913px;
	min-height: 471px;
	padding: 23px 86px;
	background: var(--color-bw-black);

	@media screen and (max-width: 840px) {
		padding: 23px 40px;
		min-height: 375px;
	}

	@media screen and (max-width: 500px) {
		min-width: unset;
		max-width: unset;
		width: 100vw;
		padding: 23px 23px;
	}
}

.newsletter-successful-subscription__title {
	text-align: center;
	text-transform: uppercase;
	color: var(--color-accent-hover);
	margin-bottom: clamp(20px, 1.6vw, 24px);

	@media screen and (max-width: 500px) {
		font-size: 40px;
	}

	@media screen and (max-width: 375px) {
		font-size: 24px;
	}
}

.newsletter-successful-subscription__close-btn {
	position: absolute;
	top: 23px;
	right: 28px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.newsletter-successful-subscription__back-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	color: var(--color-bw-white);
	width: 238px;
	height: 50px;
	cursor: pointer;
	background: var(--color-bg-grean);
	border: 2px solid var(--color-bg-grean);

	@media screen and (max-width: 500px) {
		font-size: 18px;
	}

	@media screen and (max-width: 375px) {
		font-size: 14px;
	}
}

.info-list__content.show {
	max-height: 500px;
	opacity: 1;
}

.swiper-button * {
	pointer-events: none;
}