@charset "UTF-8";
@import "swiper-bundle.min.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
}

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

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

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

.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-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-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 {
	font-weight: 500;
}

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

h1, h2, h3, h4 {
	margin: 0
}

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

.container {
	&.flex {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	&.container_pt-72 {
		padding-top: 72px
	}

	&.container-home:not(:last-child) {
		margin-bottom: 72px
	}
}

@media screen and (min-width: 1441px) {
	.container-home {
		max-width: 1920px;
	}
}



.about-museums__description {
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-column-gap: 24px;
	max-width: 916px;
	margin: 0 auto;
	font-size: 18px;

	.museum-description__wrapper {
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}
}

@media screen and (min-width: 1441px) {
	.about-museums__description {
		grid-template-columns:repeat(2, auto);
		max-width: unset;
		width: 100%;
		padding: 0 20px;
		grid-column-gap: 50px;
		justify-content: center;

		p {
			max-width: 666px;
		}

		.museum-description__wrapper {
			max-width: 666px;
		}
	}
}


.section-catalog {
	position: relative;

	.link__text--gratimo-medium-24 {
		margin-left: auto
	}
}

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

.news__wrapper {
	display: flex;
	flex-direction: column;

	.news__item__link {
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
		transition: all 0.2s;
		overflow: hidden
	}

	.news__item {
		position: relative;
		height: 416px;
		box-sizing: border-box;
		transition: all 0.2s;

		&:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			transition: all 0.2s;
			z-index: -1
		}

		@media screen and (min-width: 1440px) {
			&:hover {
				padding: 12px;

				&:before, .news-descriptions, .news-descriptions span {
					background-color: var(--color-bg-gray);
					transition: all 0.2s
				}

				.news-descriptions, .news-descriptions p {
					max-height: 100%;
					-webkit-line-clamp: none;
					border-bottom: none;
					-webkit-box-orient: horizontal;
					transition: max-height 1.2s;

					&:after {
						display: none
					}
				}
			}
		}

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

	.news__item-bottom, .news-item-bottom__left {
		display: flex;
		gap: 24px;

		& > div {
			width: calc(50% - 12px)
		}
	}

	.news-descriptions {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		max-width: 708px;
		padding: 12px 0;
		background-color: var(--color-bg-dust);
		@media screen and (min-width: 1440px) {
			max-height: 96px;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical
		}
		@media screen and (max-width: 1439px) {
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical
		}

		&:after {
			content: "";
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 12px;
			background-color: var(--color-bg-dust)
		}

		.news-descriptions__date__text--gratimo-regular-18 {
			position: absolute;
			top: 1px;
			left: 0;
			transform: translateY(-100%);
			background-color: var(--color-bg-dust);
			padding: 4px 8px 0 0
		}

		.news-descriptions__text__text--gratimo-regular-18 {
			margin-top: 12px
		}
	}

	@media screen and (min-width: 1440px) {
		.news__item-top {
			.news-descriptions {
				display: flex;
				flex-direction: column;
				max-height: 120px;
				padding: 12px 12px 12px 0;
				-webkit-line-clamp: none;

				& p {
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden
				}
			}
		}
	}
	@media screen and (max-width: 1439px) {
		.news__item-top {
			.news-descriptions {
				display: flex;
				flex-direction: column;
				max-height: 100%;
				padding: 12px 12px 12px 0;
				-webkit-line-clamp: none;

				& p {
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden
				}
			}
		}
	}

	.link__text--gratimo-medium-24 {
		margin-top: 26px;
		margin-left: auto
	}
}

.section-subscribe {
	max-width: 735px;
	margin-bottom: 72px
}

.subscribe__form {
	width: 100%
}

.subscribe__label {
	display: flex;
	align-items: center;
	width: 100%;
	height: 50px;

	.subscribe__input {
		width: 100%;
		height: 100%;
		padding: 8px 12px;
		border: 2px solid var(--color-bw-black);
		outline: none;
		box-sizing: border-box;
		margin-right: 8px;

		&::-moz-placeholder {
			font-size: 24px;
			font-style: normal;
			font-weight: 400;
			line-height: 123%;
			color: var(--color-bw-black)
		}

		&::placeholder {
			font-size: 24px;
			font-style: normal;
			font-weight: 400;
			line-height: 123%;
			color: var(--color-bw-black)
		}
	}

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

	.subscribe__button__text--gratimo-medium-24 {
		padding: 8px 12px 12px 12px;
		background-color: var(--color-bw-black);
		border: 2px solid transparent;
		height: 100%;
		color: var(--color-bw-white);
		cursor: pointer;
		transition: all 0.2s;

		&:hover {
			background-color: var(--color-bg-dust);
			border: 2px solid var(--color-bw-black);
			color: var(--color-bw-black)
		}

		&:disabled {
			background-color: var(--color-bw-gray-light);
			color: var(--color-bw-white);
			cursor: default
		}
	}
}

#policy[type="checkbox"] {
	display: none
}

.policy {
	display: flex;
	padding: 12px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

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

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

		& img {
			display: none;
			width: 22px;
			height: 16px
		}

		&.policy__icon_checked img {
			display: block
		}
	}

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

@media screen and (max-width: 1024px) {
	.container {
		&.section-subscribe {
			display: none
		}
	}
}

@media only screen and (max-width: 799px) {
	.container {
		&.container_pt-72 {
			padding-top: 0
		}

		&.container-home:not(:last-child) {
			margin-bottom: 40px
		}
	}

	.about-museums__description {
		width: 92%
	}

	.news {
		gap: 34px
	}

	.news__wrapper {
		width: 100%;

		.news__item-top {
			margin-bottom: 16px
		}

		.news__item-top, .news__item-bottom {
			margin-bottom: 0
		}

		.news__item-bottom, .news-item-bottom__left {
			& > div {
				width: 100%
			}
		}

		.news__item {
			height: 164px;
			border: none;

			&:hover {
				border: none
			}
		}

		.news__item-top .news-descriptions .news-descriptions__text__text--gratimo-regular-18 {
			display: none
		}

		.news__item-bottom {
			display: flex;
			flex-direction: column;
			width: 100%;
			gap: 34px;

			.news-item-bottom__left {
				flex-direction: column;
				gap: 34px;
				width: 100%
			}
		}

		.news-descriptions, .news__item-top .news-descriptions {
			right: 0;
			bottom: 0;
			margin-left: 74px;
			margin-bottom: -2px;
			padding: 8px 12px 10px;
			width: calc(100% - 74px);

			.news-descriptions__date__text--gratimo-regular-18 {
				position: static;
				width: 100%;
				font-size: 16px;
				transform: translateY(0)
			}
		}

		.link__text--gratimo-medium-24 {
			margin-top: 40px
		}
	}
}

@media only screen and (max-width: 639px) {
	.container {
		min-width: 100%;
		padding: 0 16px;

		&.container_without-padding {
			padding: 0 16px
		}

		&.container_pt-72 {
			padding-top: 0
		}

		&.container_mt-72 {
			margin-top: 40px
		}

		&.container_mb-72 {
			margin-bottom: 40px
		}
	}

	.about-museums__description {
		grid-template-columns: 1fr;
		grid-row-gap: 24px;
		width: 100%;

		.museum-description__wrapper {
			.link__text--gratimo-medium-24 {
				margin-top: 10px;
				margin-left: auto
			}
		}
	}
}

@media screen and (min-width: 1441px) {
	.museum-description__wrapper {
		max-width: 666px;
	}
}


.section-title__text--cofo-regular-60 {
	width: 100%
}

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

.input-error {
	opacity: 1
}

.section-subscribe-success {
	width: 50%;
	margin-bottom: 72px
}

@media (max-width: 1024px) {
	.container {
		&.section-subscribe-success {
			display: none
		}
	}
}

@media (min-width: 768px) {
	.only-mobile {
		display: none
	}
}

@media (max-width: 767px) {
	.only-tablet-desktop {
		display: none
	}
}

@media (max-width: 1399px) {
	.container.container--partly {
		margin: 0;
		padding-right: 0
	}
}

@media (min-width: 1400px) {
	.container.container--partly {
		max-width: calc(100% - ((100% - 1440px) / 2));
		margin-left: calc((100% - 1440px) / 2);
		margin-right: 0;
		padding-right: 0
	}
}

.about-museums-swiper__pagination {
	text-align: center;
	height: 8px;
	margin: 12px 0 0
}

@media (min-width: 639px) {
	.about-museums-swiper__pagination {
		display: none
	}
}

.about-museums-swiper__pagination .swiper-pagination-bullet {
	opacity: 1;
	background: var(--color-bw-gray-light)
}

.about-museums-swiper__pagination .swiper-pagination-bullet-active {
	background: var(--color-bw-gray-dark)
}

.slider-arrow {
	cursor: pointer;
	width: 23px;
	height: 23px
}

@media (max-width: 638px) {
	.slider-arrow {
		display: none
	}
}

@media (min-width: 639px) {
	.about-museums-swiper__arrow-container {
		display: grid;
		grid-template-columns:23px 1fr 23px;
		padding-top: 24px;
		width: 100%
	}
}

.swiper-button-disabled {
	color: var(--color-bg-gray);
	cursor: default
}

.collection-swiper {
	.collection-swiper__slide {
		display: block;
		width: 716px;
		min-height: 674px;

		& a {
			&:hover {
				.slide-info__date-wrapper, .slide-info__date__text--gratimo-regular-32, .slide-info__time__text--gratimo-regular-18, .slide-info__title__text--gratimo-regular-32 {
					font-weight: 500;
					letter-spacing: -0.2px
				}
			}

			&:active {
				.slide-info__date-wrapper, .slide-info__date__text--gratimo-regular-32, .slide-info__time__text--gratimo-regular-18, .slide-info__title__text--gratimo-regular-32 {
					font-weight: 500;
					letter-spacing: -0.2px
				}
			}
		}

		.slide-img-wrapper {
			height: 436px;
			width: 100%;

			.slide__img {
				width: 100%;
				height: 100%;
				-o-object-fit: contain;
				object-fit: contain
			}
		}

		.slide-info__date__text--gratimo-regular-32 {
			white-space: nowrap
		}
	}
}

@media (max-width: 767px) {
	.collection-swiper {
		& .collection-swiper__slide:nth-of-type(odd) {
			& .slide-img-wrapper {
				.slide__img {
					-o-object-fit: cover;
					object-fit: cover
				}
			}
		}

		& .collection-swiper__slide:nth-of-type(even) {
			& .slide-img-wrapper {
				.slide__img {
					-o-object-fit: contain;
					object-fit: contain
				}
			}
		}
	}
}

.slide-info {
	padding-right: 300px;
	margin-top: auto
}

.slide-info__date-wrapper {
	display: flex;
	margin-top: 8px;

	.slide-info__time__text--gratimo-regular-18 {
		margin-left: 12px
	}
}

.slide-info__title__text--gratimo-regular-32 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 4px
}

@media (max-width: 767px) {
	h3.slide-info__title__text--gratimo-regular-32 {
		font-size: 18px;
		line-height: 24px;
		height: 47px;
		-webkit-line-clamp: 2;
		margin-bottom: 12px
	}
}

@media (min-width: 768px) and (max-width: 1399px) {
	h3.slide-info__title__text--gratimo-regular-32 {
		font-size: 28px;
		-webkit-line-clamp: 2;
		margin-bottom: 10px;
		height: 65px
	}
}

@media (min-width: 1400px) {
	h3.slide-info__title__text--gratimo-regular-32 {
		-webkit-line-clamp: 3;
		height: 115px
	}
}

.slide-info__label {
	display: flex;
	width: -moz-max-content;
	width: max-content;
	height: 26px;
	margin-top: auto;
	padding: 0 12px 2px 12px
}

.slide-info__button__text--gratimo-medium-18 {
	display: inline-block;
	height: 40px;
	padding: 8px 12px 8px 12px;
	border: 2px solid var(--color-bw-black);
	background-color: var(--color-bg-dust);
	color: var(--color-bw-black);
	cursor: pointer;
	transition: all 0.2s;

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

	&:focus {
		border: 2px solid var(--color-bw-black);
		background-color: var(--color-bw-black);
		color: var(--color-bg-dust);

		&:hover {
			border: 2px solid var(--color-as-yellow);
			background-color: var(--color-as-yellow);
			color: var(--color-bw-black)
		}
	}

	&:disabled {
		border: 2px solid var(--color-bg-dust);
		background-color: inherit;
		color: var(--color-bg-dust);
		cursor: default
	}
}

.collection-more {
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
	margin-top: 48px;
	max-width: 1392px;

	.link__text--gratimo-medium-24 {
		position: absolute;
		top: 0
	}
}

@media (max-width: 1399px) {
	.collection-more .link__text--gratimo-medium-24 {
		right: 24px
	}
}

@media (min-width: 1400px) {
	.collection-more .link__text--gratimo-medium-24 {
		right: 0
	}
}

@media only screen and (max-width: 799px) {
	.collection-swiper {
		margin-right: -16px;

		.collection-swiper__slide {
			width: 90%;
			min-height: 458px;

			.slide-img-wrapper {
				height: 297px
			}
		}
	}
}

@media only screen and (max-width: 639px) {
	.slide-info {
		padding-right: 40px
	}

	.slide-info__title__text--gratimo-regular-32 {
		margin-top: 0;
		margin-bottom: 12px
	}

	.slide-info__title__text--gratimo-regular-32 {
		min-height: 48px
	}

	.slide-info__label {
		height: 30px;
		padding: 6px 6px 8px 6px
	}

	.collection-more {
		margin-top: 24px;
		padding-right: 16px;

		.link__text--gratimo-medium-24 {
			position: static;
			margin-left: auto
		}
	}

	.collection-more__count__text--gratimo-medium-24 {
		display: none
	}
}

.catalog__items {
	margin-bottom: 24px;
	width: 100%;
	transition: all 0.2s;

	.catalog__item-link {
		position: relative;
		display: block;
		width: calc((100% - 72px) / 4);
		margin-bottom: 24px;
		box-sizing: border-box;
		color: var(--color-bw-black);
		-moz-column-break-inside: avoid;
		break-inside: avoid-column;
		text-decoration: none;
		cursor: pointer;

		&:before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			transition: all 0.2s;
			z-index: -1
		}

		@media screen and (min-width: 1440px) {
			&:hover {
				&:before {
					background-color: var(--color-bg-gray)
				}

				.catalog__item {
					transform: scale(0.93)
				}
			}
		}
		@media screen and (max-width: 1439px) {
			&:active {
				&:before {
					background-color: var(--color-bg-gray)
				}

				.catalog__item {
					transform: scale(0.93)
				}
			}
		}
		@media screen and (max-width: 999px) {
			width: calc((100% - 48px) / 3)
		}
		@media screen and (max-width: 698px) {
			width: calc((100% - 16px) / 2)
		}
		@media screen and (max-width: 389px) {
			width: 100%
		}
	}

	.catalog__item {
		display: flex;
		flex-direction: column;
		transition: all 0.3s;

		.catalog__item__year {
			margin-top: 12px
		}
	}
}

.section-catalog {
	.link.link__text--gratimo-medium-24 {
		margin-left: auto
	}
}

.slider {
	width: 100%
}

.museum-center__slider {
	list-style: none;
	margin: 0;
	padding: 0
}

.museum-center__picture {
	display: flex;
	width: 100%
}

@media screen and (min-width: 1441px) {
	.museum-center__picture {
		max-width: 1920px;
		width: 1920px;
	}
}

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

@media (max-width: 638px) {
	.museum-center__picture {
		height: 100%
	}

	.museum-center__slide {
		transform: none !important
	}

	.museum-center__slide:not(:last-of-type) {
		padding-right: 12px
	}

	.slider-pagination__bullet {
		display: inline-block;
		background-color: var(--color-bw-gray-light);
		border-radius: 50%;
		line-height: 8px;
		width: 8px;
		height: 8px
	}

	.slider-pagination__bullet:not(:last-of-type):not(:only-child) {
		margin-right: 4px
	}

	.slider-pagination__bullet.active {
		background-color: var(--color-bw-gray-dark)
	}

	.slider {
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		touch-action: pan-y;
		margin: 0 auto
	}

	.slider img {
		poiner-events: none
	}

	.slider-list {
		overflow: hidden
	}

	.slider-list.grab {
		cursor: grab
	}

	.slider-list.grabbing {
		cursor: grabbing
	}

	.slider-track {
		display: flex
	}

	.slide {
		flex-shrink: 0;
		width: 92%;
		min-width: 332px;
		height: 343px
	}

	.slide:last-of-type {
		width: 100%;
		padding-right: 16px
	}

	.slider-pagination {
		display: flex;
		justify-content: center;
		padding: 12px 0
	}
}

@media (min-width: 639px) {
	.museum-center__slider {
		position: relative;
		width: 100%;
		max-width: 1440px;
		height: 444px;
		overflow: hidden
	}

	.museum-center__slide {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		transition: transform 0.5s ease-in-out
	}

	.museum-center__slide {
		transform: translate(-100px, 100%)
	}

	.museum-center__slide.prev {
		z-index: 4
	}

	.museum-center__slide.first {
		z-index: 3
	}

	.museum-center__slide.first {
		transform: translate(-60px, 60px)
	}

	.museum-center__slide.second {
		z-index: 2
	}

	.museum-center__slide.second {
		transform: translate(-30px, 30px)
	}

	.museum-center__slide.second + .museum-center__slide {
		z-index: 1;
		transform: translate(0, 0)
	}

	.three-images-slider-wrapper {
		width: 100%
	}

	.museum-center__picture {
		height: 444px
	}

	.slider-arrow.disabled {
		color: var(--color-bg-gray);
		cursor: default
	}

	.slider-track {
		transform: unset !important
	}
}

@media screen and (min-width: 1441px) {
	.museum-center__slider {
		max-width: 1920px;
	}
}

@media screen and (min-width: 639px) {
	.slider-pagination {
		display: none
	}
}

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