/*!
Theme Name: nmiu
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nmiu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

nmiu is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
	--main-black: #000000;
	--main-white: #ffffff;
	--main-gray: #666666;
	--main-light-gray: #f2f2f2;
	--main-yellow: #dacc41;
	--main-blue: #7798e1;
	--main-green: #4db3a5;
	--main-red: #d94f58;
	--main-orange: #f98443;
	--main-purple: #6f3460;
	--fast: color 200ms ease-in-out,
        	background-color 200ms ease-in-out,
        	filter 200ms ease-in-out;
	--slow: color 375ms ease-in-out,
        	background-color 375ms ease-in-out,
        	filter 375ms ease-in-out;
	/* all */
}

* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

html {
	scroll-behavior: initial!important;
	margin-top: 0px!important;
	scrollbar-gutter: stable;
}

.no-scroll {
  overflow: hidden;
}

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9 {
	opacity: 0;
	transform: translateX(-120px);
}
.x1 {
	transition: transform ease .7s .1s, opacity ease .7s .1s;
}
.x2 {
	transition: transform ease .7s .2s, opacity ease .7s .2s;
}
.x3 {
	transition: transform ease .7s .3s, opacity ease .7s .3s;
}
.x4 {
	transition: transform ease .7s .4s, opacity ease .7s .4s;
}
.x5 {
	transition: transform ease .7s .5s, opacity ease .7s .5s;
}
.x6 {
	transition: transform ease .7s .6s, opacity ease .7s .6s;
}
.x7 {
	transition: transform ease .7s .7s, opacity ease .7s .7s;
}
.x8 {
	transition: transform ease .7s .8s, opacity ease .7s .8s;
}
.x9 {
	transition: transform ease .7s .9s, opacity ease .7s .9s;
}
.ready .visible.x1, 
.ready .visible.x2, 
.ready .visible.x3, 
.ready .visible.x4, 
.ready .visible.x5, 
.ready .visible.x6,
.ready .visible.x7, 
.ready .visible.x8, 
.ready .visible.x9 {
	opacity: 1;
	transform: translateX(0px);
}

.y1, .y2, .y3, .y4, .y5, .y6, .y7, .y8, .y9 {
	opacity: 0;
	transform: translateY(120px);
}
.y1 {
	transition: transform ease .7s .1s, opacity ease .7s .1s;
}
.y2 {
	transition: transform ease .7s .2s, opacity ease .7s .2s;
}
.y3 {
	transition: transform ease .7s .3s, opacity ease .7s .3s;
}
.y4 {
	transition: transform ease .7s .4s, opacity ease .7s .4s;
}
.y5 {
	transition: transform ease .7s .5s, opacity ease .7s .5s;
}
.y6 {
	transition: transform ease .7s .6s, opacity ease .7s .6s;
}
.y7 {
	transition: transform ease .7s .7s, opacity ease .7s .7s;
}
.y8 {
	transition: transform ease .7s .8s, opacity ease .7s .8s;
}
.y9 {
	transition: transform ease .7s .9s, opacity ease .7s .9s;
}
.ready .visible.y1, 
.ready .visible.y2, 
.ready .visible.y3, 
.ready .visible.y4, 
.ready .visible.y5, 
.ready .visible.y6, 
.ready .visible.y7, 
.ready .visible.y8, 
.ready .visible.y9 {
	opacity: 1;
	transform: translateX(0px);
}

body {
	font-size: 16px;
	font-family: 'Daikon', sans-serif;
}

body.overflow {
  overflow: hidden;
  padding-right: 15px;
}

.site#page {
	overflow: clip;
	background-color: var(--main-white);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-top: 130px;
}

.container-fluid {
  padding: 0px 0px;
  max-width: 1440px;
}

.container-fluid .row {
  margin-left: -15px;
  margin-right: -15px;
}

.container-fluid .row [class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

img {
	height: auto;
	max-width: 100%;
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
  display: none;
  width : 0;
  height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

header.header {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: var(--main-white);
}

header.header .header-wrap {
	display: flex;
	justify-content: space-between;
	background: var(--main-white);
	width: 100%;
	border: 2px solid var(--main-black);
}

header.header .header-wrap .logos-wrap {
	width: 30%;
	display: flex;
	align-items: center;
	transition: var(--slow);
}

header.header .header-wrap .logos-wrap a.logos {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	padding: 26px 22px;
	transition: var(--slow);
}

header.header .header-wrap .logos-wrap a.logos::before {
	content: '';
	width: 2px;
	height: 74px;
	background: #999999;
	opacity: 0.5;
	order: 2;
}

header.header .header-wrap .logos-wrap a.logos .main-logo {
	height: 74px;
	width: auto;
	display: flex;
	align-items: center;
	transition: var(--slow);
	order: 1;
}

header.header .header-wrap .logos-wrap a.logos .main-logo img {
	width: auto;
	height: 100%;
	object-fit: contain;
	/* object-view-box: xywh(0px 0px 54px 68px); */
	aspect-ratio: 279 / 74;
	object-fit: cover;
  object-position: 0px 0px;
}

.site#page:has(.open-museum-logo) header.header .header-wrap .logos-wrap a.logos .main-logo img {
	aspect-ratio: 1 / 1.27;
}

header.header .header-wrap .logos-wrap a.logos .side-logo {
	height: 74px;
	width: auto;
	display: flex;
	align-items: center;
	transition: var(--slow);
	order: 3;
}

header.header .header-wrap .logos-wrap a.logos .side-logo img {
	width: auto;
	height: 100%;
	object-fit: contain;
	/* object-view-box: xywh(0px 0px 68px 68px); */
	aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 0px 0px;
}

.site#page:has(.open-museum-logo) header.header .header-wrap .logos-wrap a.logos .side-logo img {
	aspect-ratio: 303 / 74;
}

header.header .header-wrap .content-wrap {
	display: flex;
	flex-direction: column;
	width: 70%;
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap {
	display: flex;
	width: 100%;
	min-height: 62px;
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .search {
	display: flex;
	width: 40%;
	width: calc(40% - 62px);
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form {
	display: flex;
	align-items: center;
	width: 100%;
	background: var(--main-white);
	transition: var(--fast);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="search"] {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	width: 100%;
	height: 100%;
	background: var(--main-white);
	border: none;
	box-shadow: none;
	outline: none;
	padding: 16px 0px 16px 32px;
	transition: var(--fast);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="search"]::placeholder {
	color: #999999;
	transition: var(--fast);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="submit"] {
	height: 100%;
	max-height: 62px;
	width: auto;
	aspect-ratio: 1/1;
	background: var(--main-white);
	border: none;
	box-shadow: none;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	background-image: url(assets/img/search-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40% 40%;
	transition: var(--fast);
}

header.header .header-wrap .content-wrap .top-wrap .accessibility-menu {
	display: flex;
	width: auto;
	height: 100%;
	aspect-ratio: 1/1;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .accessibility-menu .accessibility-btn {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

header.header .header-wrap .content-wrap .top-wrap .accessibility-menu .accessibility-btn span {
	display: none;
}

header.header .header-wrap .content-wrap .top-wrap .accessibility-menu .accessibility-btn::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: transparent;
	background-image: url(assets/img/accesibility-eye-icon-black.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0px;
}

header.header .header-wrap .content-wrap .top-wrap .tickets {
	display: flex;
	width: 23%;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .tickets .tickets-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
}

header.header .header-wrap .content-wrap .top-wrap .tickets .tickets-link::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: transparent;
	background-image: url(assets/img/tickets-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 8px;
}

header.header .header-wrap .content-wrap .top-wrap .support {
	display: flex;
	width: 26%;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .support .support-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
}

header.header .header-wrap .content-wrap .top-wrap .support .support-link::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: transparent;
	background-image: url(assets/img/support-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 8px;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu {
	display: flex;
	width: 11.1%;
	min-width: 11.1%;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu {
	display: flex;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	background: var(--main-white);
	text-decoration: none;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li:hover > a {
		background: var(--main-black);
		color: var(--main-white);
	}
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > a::after {
	content: '';
	width: 13px;
	min-width: 13px;
	aspect-ratio: 13/9;
	background-color: transparent;
	background-image: url(assets/img/menu-arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li:hover > a::after {
	transform: rotate(-180deg);
	filter: invert(1);
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > ul.sub-menu {
	position: absolute;
	z-index: 1;
	right: -2px;
	top: 100%;
	width: calc(100% + 4px);
	padding: 0px;
	margin: 0px;
	list-style: none;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: var(--slow);
	border: 2px solid var(--main-black);
	background: var(--main-white);
	display: flex;
	flex-direction: column;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li:hover > ul.sub-menu {
	opacity: 1;
	user-select: auto;
	pointer-events: all;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > ul.sub-menu > li.current-lang {
	display: none;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > ul.sub-menu > li {
	min-height: 62px;
	display: flex;
	width: 100%;
}

header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > ul.sub-menu > li > a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	background: var(--main-white);
	text-decoration: none;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .content-wrap .top-wrap .languages-menu ul.menu > li > ul.sub-menu > li > a:hover {
		background: var(--main-blue);
	}
}

header.header .header-wrap .content-wrap .top-wrap .menu-burger {
	display: none;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .top-wrap .menu-burger .menu-burger-btn {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 0px;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-black);
	background: var(--main-white);
	background-image: url(assets/img/menu-burger.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24% 33%;
	cursor: pointer;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .search {
	width: 100%;
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form:has(input[type="search"]:focus) {
	background: var(--main-black);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="search"]:focus {
	background: var(--main-black);
	color: var(--main-white);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="search"]:focus::placeholder {
	color: var(--main-white);
}

header.header .header-wrap .content-wrap .top-wrap .search .search-form:has(input[type="search"]:focus) input[type="submit"] {
	filter: invert(1);
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .tickets {
	width: auto;
	height: 100%;
	aspect-ratio: 1/1;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .tickets .tickets-link::before {
	margin-right: 0px;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .tickets .tickets-link span {
	display: none;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .support {
	width: auto;
	height: 100%;
	aspect-ratio: 1/1;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .support .support-link::before {
	margin-right: 0px;
}

header.header .header-wrap .content-wrap .top-wrap:has(.search-form input[type="search"]:focus) .support .support-link span {
	display: none;
}

header.header .header-wrap .content-wrap .bottom-wrap {
	display: flex;
	width: 100%;
	min-height: 64px;
	border-top: 2px solid var(--main-black);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu {
	display: flex;
	border-left: 2px solid var(--main-black);
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(1) {
	width: 40%;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(2) {
	width: 23%;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(3) {
	width: 37.1%;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu {
	display: flex;
	width: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li:nth-child(1n + 2) {
	border-left: 2px solid var(--main-black);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	background: var(--main-white);
	text-decoration: none;
	transition: var(--slow);
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li:hover > a {
		background: var(--main-black);
		color: var(--main-white);
	}
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > a::after {
	content: '';
	width: 13px;
	min-width: 13px;
	aspect-ratio: 13/9;
	background-color: transparent;
	background-image: url(assets/img/menu-arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
	transition: var(--slow);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li:hover > a::after {
	transform: rotate(-180deg);
	filter: invert(1);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > ul.sub-menu {
	position: absolute;
	z-index: 1;
	left: -2px;
	top: 100%;
	max-width: 150%;
	width: 100vw;
	max-height: calc(100svh - 128px);
	overflow-y: auto;
	padding: 0px;
	margin: 0px;
	list-style: none;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: var(--slow);
	border: 2px solid var(--main-black);
	background: var(--main-white);
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > ul.sub-menu::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li:hover > ul.sub-menu {
	opacity: 1;
	user-select: auto;
	pointer-events: all;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(3) ul.menu > li:nth-child(2) > ul.sub-menu {
	left: auto;
	right: -2px;
	column-count: 2;
	-moz-column-count: 2;
  -webkit-column-count: 2;
	column-gap: 0px;
	max-width: 300%;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > ul.sub-menu > li {
	display: flex;
	width: 100%;
}

header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > ul.sub-menu > li > a {
	display: flex;
	width: 100%;
	align-items: center;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	background: var(--main-white);
	text-decoration: none;
	transition: var(--slow);
	padding: 16px 24px;
}

@media screen and (min-width: 576px) {
	header.header .header-wrap .content-wrap .bottom-wrap .header-menu ul.menu > li > ul.sub-menu > li > a:hover {
		background: var(--main-blue);
	}
}

header.header::before {
	content: '';
	position: fixed;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25);
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: var(--slow);
}

header.header:has(.header-menu .menu:hover)::before,
header.header:has(.languages-menu .menu:hover)::before,
header.header.menu-open::before {
	opacity: 1;
	user-select: auto;
	pointer-events: all;
}

header.header.fixed .header-wrap .logos-wrap {
	width: 20%;
}

header.header.fixed .header-wrap .logos-wrap a.logos {
	padding: 10px 22px;
}

header.header.fixed .header-wrap .logos-wrap a.logos::before {
	height: 46px;
}

header.header.fixed .header-wrap .logos-wrap a.logos .main-logo {
	height: 46px;
}

header.header.fixed .header-wrap .logos-wrap a.logos .side-logo {
	height: 46px;
}

header.header.fixed .header-wrap .content-wrap {
	width: 80%;
}

header.header.fixed .header-wrap .content-wrap .top-wrap {
	min-height: 66px;
	height: 100%;
}

header.header.fixed .header-wrap .content-wrap .top-wrap .search {
	width: 47.47%;
	width: calc(47.47% - 62px);
}

header.header.fixed .header-wrap .content-wrap .top-wrap .accessibility-menu {
	width: 62px;
}

header.header.fixed .header-wrap .content-wrap .top-wrap .tickets {
	width: 20.103%;
}

header.header.fixed .header-wrap .content-wrap .top-wrap .support {
	width: 22.725%;
}

header.header.fixed .header-wrap .content-wrap .top-wrap .languages-menu {
	width: 9.712%;
	min-width: 9.712%;
	display: none;
}

header.header.fixed .header-wrap .content-wrap .top-wrap .menu-burger {
	width: 9.712%;
	min-width: 9.712%;
	display: flex;
}

header.header.fixed .header-wrap .content-wrap .bottom-wrap {
	height: 0px;
	min-height: 0px;
	border-top-width: 0px;
	overflow: hidden;
}

header.header.fixed .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(1) {
	width: 47.47%;
}

header.header.fixed .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(2) {
	width: 20.103%;
}

header.header.fixed .header-wrap .content-wrap .bottom-wrap .header-menu:nth-child(3) {
	width: 32.437%;
}

header.header .mobile-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1440px;
	max-height: calc(100svh - 70px);
	overflow-y: auto;
	background: var(--main-white);
	border: 2px solid var(--main-black);
	border-top: none;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: var(--fast);
}

header.header .mobile-menu::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

header.header.menu-open .mobile-menu {
	opacity: 1;
	user-select: auto;
	pointer-events: all;
}

header.header.menu-open .header-wrap .content-wrap .top-wrap .menu-burger .menu-burger-btn {
	background-image: url(assets/img/close-icon.svg);
}

header.header .mobile-menu .search {
	padding: 20px 20px 0px;
	display: flex;
	display: none;
	flex-direction: column;
}

header.header .mobile-menu .search .search-form {
	display: flex;
	align-items: center;
	width: 100%;
	background: var(--main-white);
	transition: var(--fast);
	border: 2px solid var(--main-black);
}

header.header .mobile-menu .search .search-form input[type="search"] {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	width: 100%;
	height: 100%;
	background: var(--main-white);
	border: none;
	box-shadow: none;
	outline: none;
	padding: 16px 0px 16px 20px;
	transition: var(--fast);
}

header.header .mobile-menu .search .search-form input[type="search"]::placeholder {
	color: #999999;
	transition: var(--fast);
}

header.header .mobile-menu .search .search-form input[type="submit"] {
	height: 53px;
	width: auto;
	aspect-ratio: 1/1;
	background: var(--main-white);
	border: none;
	box-shadow: none;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	background-image: url(assets/img/search-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 35% 35%;
	transition: var(--fast);
}

header.header .mobile-menu .search .search-form:has(input[type="search"]:focus) {
	background: var(--main-black);
}

header.header .mobile-menu .search .search-form input[type="search"]:focus {
	background: var(--main-black);
	color: var(--main-white);
}

header.header .mobile-menu .search .search-form input[type="search"]:focus::placeholder {
	color: var(--main-white);
}

header.header .mobile-menu .search .search-form:has(input[type="search"]:focus) input[type="submit"] {
	filter: invert(1);
}

header.header .mobile-menu .menus-wrap {
	display: flex;
	border-bottom: 2px solid var(--main-black);
}

header.header .mobile-menu .menus-wrap .header-menu {
	width: 100%;
	display: flex;
	flex-direction: column;
}

header.header .mobile-menu .menus-wrap .header-menu:first-child {
	order: 1;
}

header.header .mobile-menu .menus-wrap .header-menu:last-child {
	order: 3;
}

header.header .mobile-menu .menus-wrap::before {
	content: '';
	width: 2px;
	min-width: 2px;
	height: auto;
	order: 2;
	background: var(--main-black);
}

header.header .mobile-menu .menus-wrap .header-menu > ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	flex-direction: column;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li {
	display: flex;
	flex-direction: column;
	padding: 30px;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li:not(:first-child) {
	padding-top: 0px;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li > a {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li > a::after {
	content: '';
	width: 13px;
	min-width: 13px;
	aspect-ratio: 13 / 9;
	background-color: transparent;
	background-image: url(assets/img/menu-arrow-down.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 6px;
	transition: var(--slow);
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li > ul.sub-menu {
	display: none;
	flex-direction: column;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li.open > ul.sub-menu {
	display: flex;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li.open > a::after {
	transform: rotate(-180deg);
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li > ul.sub-menu > li {
	display: flex;
	align-items: center;
	padding-top: 20px;
}

header.header .mobile-menu .menus-wrap .header-menu > ul > li > ul.sub-menu > li > a {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 400;
	width: 100%;
	color: var(--main-black);
	text-decoration: none;
	display: flex;
	align-items: center;
}

header.header .mobile-menu .buttons-wrap {
	display: flex;
	border-bottom: 2px solid var(--main-black);
}

header.header .mobile-menu .buttons-wrap .accessibility-menu {
	display: flex;
	width: 100%;
	transition: var(--slow);
	order: 1;
	display: none;
}

header.header .mobile-menu .buttons-wrap .accessibility-menu .accessibility-btn {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 16px 30px;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
}

header.header .mobile-menu .buttons-wrap .accessibility-menu .accessibility-btn::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: var(--main-white);
	background-image: url(assets/img/accesibility-eye-icon-black.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}

header.header .mobile-menu .buttons-wrap .tickets {
	display: flex;
	width: 100%;
	transition: var(--slow);
	order: 1;
}

header.header .mobile-menu .buttons-wrap .tickets .tickets-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 16px 30px;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
}

header.header .mobile-menu .buttons-wrap .tickets .tickets-link::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: var(--main-white);
	background-image: url(assets/img/tickets-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}

header.header .mobile-menu .buttons-wrap .support {
	display: flex;
	width: 100%;
	transition: var(--slow);
	order: 3;
}

header.header .mobile-menu .buttons-wrap .support .support-link {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	padding: 16px 30px;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	white-space: nowrap;
}

header.header .mobile-menu .buttons-wrap .support .support-link::before {
	content: '';
	position: relative;
	width: 26px;
	min-width: 26px;
	aspect-ratio: 1/1;
	background: var(--main-white);
	background-image: url(assets/img/support-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
}

header.header .mobile-menu .buttons-wrap::before {
	content: '';
	width: 2px;
	min-width: 2px;
	height: auto;
	order: 2;
	background: var(--main-black);
}

header.header .mobile-menu .languages-menu {
	display: flex;
	flex-direction: column;
	padding: 15px;
}

header.header .mobile-menu .languages-menu > ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	flex-direction: column;
}

header.header .mobile-menu .languages-menu > ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
}

header.header .mobile-menu .languages-menu > ul > li > a {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: underline;
}

header.header .mobile-menu .languages-menu > ul > li > ul.sub-menu {
	display: flex;
	align-items: center;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

header.header .mobile-menu .languages-menu > ul > li > ul.sub-menu > li.current-lang {
	display: none;
}

header.header .mobile-menu .languages-menu > ul > li > ul.sub-menu > li {
	margin-left: 10px;
	border-left: 2px solid var(--main-light-gray);
	padding-left: 10px;
	display: flex;
	align-items: center;
}

header.header .mobile-menu .languages-menu > ul > li > ul.sub-menu > li > a {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
}

section {
	display: flex;
	flex-direction: column;
	padding-bottom: 78px;
	background-color: var(--main-white);
}

section.main .main-wrap {
	display: flex;
	flex-direction: column;
}

section.main .main-wrap .main-slider {
	position: relative;
	padding-bottom: 20px;
}

section.main .main-wrap .main-slider ul.slick-dots {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: fit-content;
	right: 15px;
	bottom: 35px;
	transform: translateY(50%);
	padding: 0px;
	margin: 0px;
	list-style: none;
	gap: 15px;
}

section.main .main-wrap .main-slider ul.slick-dots li {
	display: flex;
	align-items: center;
	justify-content: center;
}

section.main .main-wrap .main-slider ul.slick-dots li button {
	border: none;
	box-shadow: none;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	width: 14px;
	height: auto;
	aspect-ratio: 14/22;
	background: transparent;
	background-image: url(assets/img/slider-dots.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section.main .main-wrap .main-slider ul.slick-dots li.slick-active button {
	transform: scale(1.3);
	background-image: url(assets/img/slider-dots-full.svg);
}

section.main .main-wrap .main-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.main .main-wrap .main-item .item-link {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding-bottom: 50px;
}

section.main .main-wrap .main-item .item-link .thumbnail {
	border: 2px solid var(--main-black);
	border-top: none;
	aspect-ratio: 1440/656;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section.main .main-wrap .main-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section.main .main-wrap .main-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.main .main-wrap .main-item .item-link .caption {
	position: absolute;
	bottom: 0px;
	left: 30px;
	max-width: 950px;
	width: 100%;
	background: var(--main-white);
	display: flex;
	flex-direction: column;
}

section.main .main-wrap .main-item .item-link .caption a.caption-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	padding: 50px;
	border: 2px solid var(--main-black);
	width: 100%;
	height: 100%;
	position: relative;
}

section.main .main-wrap .main-item .item-link .caption a.caption-link span.tag {
	position: absolute;
	left: 50px;
	top: -25px;
	display: flex;
	align-items: center;
	border: 2px solid var(--main-black);
	padding: 13px 24px;
	background-color: var(--main-yellow);
	font-size: 1.25em;
	line-height: 100%;
	font-weight: 700;
	color: var(--main-black);
	text-transform: uppercase;
}

section.main .main-wrap .main-item .item-link .caption a.caption-link span.date {
	font-size: 1.25em;
	line-height: 160%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 10px;
}

section.main .main-wrap .main-item .item-link .caption a.caption-link p.h2,
section.main .main-wrap .main-item .item-link .caption a.caption-link h1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 3em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section.exhibitions .exhibitions-wrap {
	display: flex;
	flex-direction: column;
}

section .title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 30px;
}

section .title-wrap:has(a.button.white) {
	padding-right: 0px;
}

section h2.section-title {
	font-size: 3em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section .title-wrap a.button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 2px solid transparent;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	background-color: var(--main-white);
	text-decoration: none;
	text-transform: uppercase;
	transition: var(--fast);
}

section .title-wrap a.button::after {
	content: '';
	width: 14px;
	height: auto;
	aspect-ratio: 14/22;
	background: transparent;
	background-image: url(assets/img/slider-dots.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 20px;
}

section .title-wrap a.button.white {
	border-color: var(--main-black);
	border-bottom: none;
	padding: 25px 50px;
}

@media screen and (min-width: 576px) {
	section .title-wrap a.button.white:hover {
		background-color: var(--main-black);
		color: var(--main-white);
	}
}

section.exhibitions .exhibitions-wrap .exhibitions-list {
	display: flex;
	flex-direction: column;
}

section.exhibitions .exhibitions-wrap .exhibitions-list.grid-tab {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 30px;
}

section .exhibitions-list .exhibitions-item {
	display: flex;
	flex-direction: column;
}

section .exhibitions-list .exhibitions-item .item-link {
	border: 2px solid var(--main-black);
	display: flex;
	text-decoration: none;
}

section .exhibitions-list .exhibitions-item:nth-child(1n + 2) .item-link {
	border-top: none;
}

section .exhibitions-list .exhibitions-item:nth-child(2n + 2) .item-link {
	flex-direction: row-reverse;
}

section .exhibitions-list .exhibitions-item .item-link .caption {
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: transparent;
	transition: var(--fast);
}

section .exhibitions-list .exhibitions-item:nth-child(2n + 1) .item-link .caption {
	width: 43%;
	border-right: 2px solid var(--main-black);
}

section .exhibitions-list .exhibitions-item:nth-child(2n + 2) .item-link .caption {
	width: 57.01%;
}

@media screen and (min-width: 576px) {
	section .exhibitions-list .exhibitions-item:nth-child(3n + 1) .item-link:hover .caption {
		background-color: var(--main-blue);
	}

	section .exhibitions-list .exhibitions-item:nth-child(3n + 2) .item-link:hover .caption {
		background-color: var(--main-orange);
	}

	section .exhibitions-list .exhibitions-item:nth-child(3n + 3) .item-link:hover .caption {
		background-color: var(--main-green);
	}
}

section .exhibitions-list .exhibitions-item .item-link .caption .tag {
	width: fit-content;
	background: linear-gradient(225deg, transparent 12px, var(--main-black) 0) 100%, linear-gradient(45deg, transparent 12px, var(--main-black) 0) 0;
	background-size: 52% 100%;
	background-repeat: no-repeat;
	padding: 2px;
	margin-bottom: 30px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .tag span {
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	font-size: 1.125em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

section .exhibitions-list .exhibitions-item:nth-child(3n + 1) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-blue) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-blue) 0) left / 52% 100% no-repeat;
}

section .exhibitions-list .exhibitions-item:nth-child(3n + 2) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-orange) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-orange) 0) left / 52% 100% no-repeat;
}

section .exhibitions-list .exhibitions-item:nth-child(3n + 3) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-green) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-green) 0) left / 52% 100% no-repeat;
}

section .exhibitions-list .exhibitions-item .item-link .caption p.h2 {
	font-size: 2.25em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .place {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .exhibitions-list .exhibitions-item .item-link .caption .place .info {
	display: flex;
	flex-direction: column;
}

section .exhibitions-list .exhibitions-item .item-link .caption .place .info p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .place .info p.address {
	text-decoration: underline;
}

section .exhibitions-list .exhibitions-item .item-link .caption .dates {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .dates::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/dates-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .exhibitions-list .exhibitions-item .item-link .caption .dates span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .exhibitions-list .exhibitions-item .item-link .caption .dates span.past {
	display: none;
}

section .exhibitions-list .exhibitions-item .item-link .thumbnail {
	display: flex;
	flex-direction: column;
}

section .exhibitions-list .exhibitions-item:nth-child(2n + 1) .item-link .thumbnail {
	width: 57.01%;
	aspect-ratio: 818/380;
}

section .exhibitions-list .exhibitions-item:nth-child(2n + 2) .item-link .thumbnail {
	width: 43%;
	border-right: 2px solid var(--main-black);
	aspect-ratio: 617/380;
}

section .exhibitions-list .exhibitions-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section .exhibitions-list .exhibitions-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.events .events-wrap {
	display: flex;
	flex-direction: column;
}

section.events .events-wrap .title-wrap {
	margin-bottom: 30px;
}

section .events-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

section .events-list .events-item {
	min-width: calc((100% - 48px) / 3);
	display: flex;
	flex-direction: column;
	flex: 1;
}

section .events-list .events-item .item-link {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	position: relative;
	padding-top: 70px;
	user-select: none;
	pointer-events: none;
	text-decoration: none;
}

section .events-list .events-item .item-link .thumbnail {
	border: 2px solid var(--main-black);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
	width: 100%;
	max-width: calc(100% - 60px);
	height: 100%;
	max-height: 180px;
	aspect-ratio: 380/180;
	user-select: auto;
	pointer-events: all;
}

section .events-list .events-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section .events-list .events-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section .events-list .events-item .item-link .caption {
	border: 2px solid var(--main-black);
	background: transparent;
	transition: var(--fast);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 140px 30px 30px;
	user-select: text;
	pointer-events: all;
	flex: 1;
}

@media screen and (min-width: 576px) {
	section .events-list .events-item:nth-child(1) .item-link:hover .caption {
		background-color: var(--main-blue);
	}

	section .events-list .events-item:nth-child(2) .item-link:hover .caption {
		background-color: var(--main-orange);
	}

	section .events-list .events-item:nth-child(3) .item-link:hover .caption {
		background-color: var(--main-green);
	}
}

section .events-list .events-item .item-link .caption p.h2 {
	font-size: 1.75em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

section .events-list .events-item .item-link .caption .place {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

section .events-list .events-item .item-link .caption .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .events-list .events-item .item-link .caption .place .info {
	display: flex;
	flex-direction: column;
}

section .events-list .events-item .item-link .caption .place .info p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .events-list .events-item .item-link .caption .place .info p.address {
	text-decoration: underline;
}

section .events-list .events-item .item-link .caption .dates {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
	margin-bottom: 14px;
}

section .events-list .events-item .item-link .caption .dates::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/dates-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .events-list .events-item .item-link .caption .dates span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .events-list .events-item .item-link .caption .tag {
	width: fit-content;
	background: linear-gradient(225deg, transparent 12px, var(--main-black) 0) 100%, linear-gradient(45deg, transparent 12px, var(--main-black) 0) 0;
	background-size: 52% 100%;
	background-repeat: no-repeat;
	padding: 2px;
	margin-top: auto;
}

section .events-list .events-item .item-link .caption .tag span {
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	font-size: 1.125em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

section .events-list .events-item:nth-child(3n + 1) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-blue) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-blue) 0) left / 52% 100% no-repeat;
}

section .events-list .events-item:nth-child(3n + 2) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-orange) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-orange) 0) left / 52% 100% no-repeat;
}

section .events-list .events-item:nth-child(3n + 3) .item-link .caption .tag span {
	background: linear-gradient(225deg, transparent 11.4px, var(--main-green) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-green) 0) left / 52% 100% no-repeat;
}

section.visit .visit-wrap {
	display: flex;
	flex-direction: column;
}

section.visit .visit-wrap .title-wrap {
	margin-bottom: 30px;
}

section .visit-list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

section .visit-list .visit-item {
	min-width: calc((100% - 30px) / 2);
	display: flex;
	flex-direction: column;
	flex: 1;
}

section .visit-list .visit-item .item-link {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	position: relative;
	padding-top: 110px;
	user-select: none;
	pointer-events: none;
}

section .visit-list .visit-item .item-link .thumbnail {
	border: 2px solid var(--main-black);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
	width: 100%;
	max-width: calc(100% - 80px);
	height: 100%;
	max-height: 280px;
	aspect-ratio: 600/280;
	user-select: auto;
	pointer-events: all;
}

section .visit-list .visit-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section .visit-list .visit-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section .visit-list .visit-item .item-link .caption {
	border: 2px solid var(--main-black);
	background: var(--main-white);
	transition: var(--fast);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 200px 40px 40px;
	user-select: text;
	pointer-events: all;
	flex: 1;
}

@media screen and (min-width: 576px) {
	section .visit-list .visit-item.museum .item-link:hover .caption {
		background-color: var(--main-blue);
	}

	section .visit-list .visit-item.treasury .item-link:hover .caption {
		background-color: var(--main-yellow);
	}
}

section .visit-list .visit-item .item-link .caption p.h2 {
	font-size: 2.25em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section .visit-list .visit-item .item-link .caption .place {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

section .visit-list .visit-item .item-link .caption .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .visit-list .visit-item .item-link .caption .place .info {
	display: flex;
	flex-direction: column;
}

section .visit-list .visit-item .item-link .caption .place .info p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .visit-list .visit-item .item-link .caption .place .info p.address {
	text-decoration: underline;
}

section .visit-list .visit-item .item-link .caption .schedule {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
	margin-bottom: auto;
}

section .visit-list .visit-item .item-link .caption .schedule::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/time-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .visit-list .visit-item .item-link .caption .schedule .info {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

section .visit-list .visit-item .item-link .caption .schedule .info .open {
	display: flex;
	flex-direction: column;
}

section .visit-list .visit-item .item-link .caption .schedule .info .open span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .visit-list .visit-item .item-link .caption .schedule .info .closed {
	display: flex;
	flex-direction: column;
}

section .visit-list .visit-item .item-link .caption .schedule .info .closed span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-red);
	margin: 0px;
}

section .visit-list .visit-item .item-link .caption a.button.black {
	font-size: 1.25em;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-white);
	background: var(--main-black);
	border: 2px solid var(--main-black);
	text-decoration: none;
	padding: 16px 40px;
	margin-top: 30px;
}

section.exhibits .exhibits-wrap {
	display: flex;
	flex-direction: column;
}

section.exhibits .exhibits-wrap .title-wrap {
	margin-bottom: 30px;
}

section .exhibits-list {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

section .exhibits-list .exhibits-item {
	min-width: calc((100% - 48px) / 3);
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	z-index: 2;
}

section .exhibits-list .exhibits-item .item-link {
	border: 2px solid var(--main-black);
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px 26px;
	text-decoration: none;
}

section .exhibits-list .exhibits-item .item-link .caption {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 14px;
}

section .exhibits-list .exhibits-item .item-link .caption p.h2 {
	font-size: 1.75em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px;
}

section .exhibits-list .exhibits-item .item-link .thumbnail {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: relative;
	padding-top: 60px;
}

section .exhibits-list .exhibits-item .item-link .thumbnail::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: calc(100% + 60px);
	background: var(--main-light-gray);
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section .exhibits-list .exhibits-item:nth-child(1) .item-link:hover .thumbnail::before {
		background: var(--main-red);
	}

	section .exhibits-list .exhibits-item:nth-child(2) .item-link:hover .thumbnail::before {
		background: var(--main-yellow);
	}

	section .exhibits-list .exhibits-item:nth-child(3) .item-link:hover .thumbnail::before {
		background: var(--main-orange);
	}
}

section .exhibits-list .exhibits-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	aspect-ratio: 1/1.2;
}

section .exhibits-list .exhibits-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(0.8);
	transition: all 375ms ease-in-out;
}

@media screen and (min-width: 576px) {
	section .exhibits-list .exhibits-item .item-link:hover .thumbnail .img-wrap img {
		transform: scale(0.95);
	}
}

section.history .history-wrap {
	display: flex;
	flex-direction: column;
}

section.history .history-wrap .title-wrap {
	margin-bottom: 30px;
}

section.history .history-wrap .history-list {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--main-black);
	background: var(--main-white);
	padding-left: 43px;
	position: relative;
}

section.history .history-wrap .history-list::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 43px;
	height: 100%;
	background: var(--main-purple);
	border-right: 2px solid var(--main-black);
}

section.history .history-wrap .history-list .history-item {
	display: flex;
	flex-direction: column;
}

section.history .history-wrap .history-list .history-item:not(:first-child) {
	border-top: 2px solid var(--main-black);
}

section.history .history-wrap .history-list .history-item .item-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	background: var(--main-white);
	text-decoration: none;
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section.history .history-wrap .history-list .history-item .item-link:hover {
		background: var(--main-red);
	}
}

section.history .history-wrap .history-list .history-item .item-link span {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
	padding: 24px 18px;
}

section.history .history-wrap a.button.history-link {
	display: flex;
	border: 2px solid var(--main-black);
	background: var(--main-white);
	text-decoration: none;
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section.history .history-wrap a.button.history-link:hover {
		background: var(--main-red);
	}
}

section.history .history-wrap a.button.history-link::before {
	content: '';
	width: 43px;
	min-width: 43px;
	background-color: var(--main-red);
	border-right: 2px solid var(--main-black);
}

section.history .history-wrap a.button.history-link span {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	margin: 0px;
	text-transform: uppercase;
	padding: 24px 18px;
}

section.materials .materials-wrap {
	display: flex;
	flex-direction: column;
}

section.materials .materials-wrap .title-wrap:first-child {
	margin-bottom: 30px;
}

section.materials .materials-wrap .title-wrap:has(.nav-tabs) {
	padding-left: 0px;
}

section.materials .materials-wrap .title-wrap .nav-tabs {
	display: flex;
	align-items: center;
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item {
	display: flex;
	align-items: center;
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item button.nav-link {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	border: 2px solid var(--main-black);
	border-bottom: 0px;
	padding: 25px 50px;
	background: var(--main-white);
	transition: var(--fast);
	border-radius: 0px;
	text-transform: uppercase;
	box-shadow: none;
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(1n + 2) button.nav-link {
	border-left: none;
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(1) button.nav-link.active {
	background: var(--main-yellow);
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(2) button.nav-link.active {
	background: var(--main-blue);
}

section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(3) button.nav-link.active {
	background: var(--main-orange);
}

@media screen and (min-width: 576px) {
	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(1) button.nav-link:hover {
		background: var(--main-yellow);
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(2) button.nav-link:hover {
		background: var(--main-blue);
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item:nth-child(3) button.nav-link:hover {
		background: var(--main-orange);
	}
}

section.materials .materials-wrap .tab-content .tab-pane .materials-list:not(:has(*)) {
	border-top: 2px solid var(--main-black);
}

section.materials .materials-wrap .materials-list {
	display: flex;
	flex-direction: column;
}

section.materials .materials-wrap .materials-list p.nothing-found {
	border-top: 2px solid var(--main-black);
	padding-top: 12px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	padding-top: 20px;
	margin: 0px;
}

section .materials-list .post-item {
	display: flex;
	flex-direction: column;
}

section .materials-list .post-item .item-link {
	display: flex;
	text-decoration: none;
	border: 2px solid var(--main-black);
}

section .materials-list .post-item:nth-child(1n + 2) .item-link {
	border-top: none;
}

section .materials-list .post-item .item-link .thumbnail {
	width: 36%;
	display: flex;
	flex-direction: column;
	position: relative;
}

section .materials-list .post-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	aspect-ratio: 516/324;
}

section .materials-list .post-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section .materials-list .post-item .item-link .thumbnail .img-wrap img[src=""],
section .materials-list .post-item .item-link .thumbnail .img-wrap img:not([src]) {
	opacity: 0;
}

section .materials-list .post-item.video .item-link .thumbnail .play-icon {
	position: absolute;
	left: calc(50% - 33px);
	top: calc(50% - 17px);
	width: 0;
	height: 0;
	border-color: transparent transparent var(--main-black);
	border-style: solid;
	border-width: 0 33px 33px;
	transform: rotate(90deg);
	z-index: 1;
}

section .materials-list .post-item.video .item-link .thumbnail .play-icon::after {
	content: '';
	position: absolute;
	left: calc(50% - 31px);
	top: calc(50% + 1px);
	width: 0;
	height: 0;
	border-color: transparent transparent var(--main-white);
	border-style: solid;
	border-width: 0 31px 31px;
	transform: rotate(0deg);
	z-index: 2;
}

section .materials-list .post-item .item-link .caption {
	width: 64%;
	border-left: 2px solid var(--main-black);
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: transparent;
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section .materials-list .post-item .item-link:hover .caption {
		background: var(--main-yellow);
	}
}

section .materials-list .post-item .item-link .caption span.date {
	font-size: 1.125em;
	line-height: 160%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 10px;
}

section .materials-list .post-item .item-link .caption p.h2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 2em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section .materials-list .post-item .item-link .caption p.text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 0px;
	margin-top: 20px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
}

footer.footer {
	border-top: 2px solid var(--main-black);
	display: flex;
	flex-direction: column;
	background-color: var(--main-white);
}

footer.footer .footer-wrap {
	padding: 36px 28px;
}

footer.footer .footer-wrap .logo-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 68px;
	width: auto;
	margin-bottom: 34px;
}

footer.footer .footer-wrap .logo-wrap img {
	width: auto;
	height: 100%;
	object-fit: contain;
}

footer.footer .footer-wrap .place {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

footer.footer .footer-wrap .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

footer.footer .footer-wrap .place .info {
	display: flex;
	flex-direction: column;
}

footer.footer .footer-wrap .place .info p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

footer.footer .footer-wrap .place .info p.address {
	text-decoration: underline;
}

footer.footer .footer-wrap .schedule {
	display: flex;
	align-items: flex-start;
	margin-top: 14px;
}

footer.footer .footer-wrap .schedule::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/time-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

footer.footer .footer-wrap .schedule .info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

footer.footer .footer-wrap .schedule .info .open {
	display: flex;
	flex-direction: column;
}

footer.footer .footer-wrap .schedule .info .open span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

footer.footer .footer-wrap .schedule .info .closed {
	display: flex;
	flex-direction: column;
}

footer.footer .footer-wrap .schedule .info .closed span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-red);
	margin: 0px;
}

footer.footer .footer-wrap .contacts-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 40px;
}

footer.footer .footer-wrap .contacts-wrap p.title {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 20px;
}

footer.footer .footer-wrap .contacts-wrap a.contacts-item {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	text-decoration: none;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}

footer.footer .footer-wrap .contacts-wrap a.contacts-item:last-child {
	margin-bottom: 0px;
}

@media screen and (min-width: 576px) {
	footer.footer .footer-wrap .contacts-wrap a.contacts-item:hover {
		text-decoration: underline;
	}
}

footer.footer .footer-wrap .socials-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0px;
}

footer.footer .footer-wrap .socials-wrap p.title {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 20px;
}

footer.footer .footer-wrap .socials-wrap .socials-list {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 5px;
}

footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item {
	width: 34px;
	min-width: 34px;
	aspect-ratio: 1/1;
	text-decoration: none;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	background: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
}

footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item::after {
	content: '';
	width: 100%;
	height: 100%;
	background: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item[href*="instagram.com"]::after {
	background-image: url(assets/img/instagram-icon.svg);
}

footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item[href*="facebook.com"]::after {
	background-image: url(assets/img/facebook-icon.svg);
}

footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item[href*="youtube.com"]::after {
	background-image: url(assets/img/youtube-icon.svg);
}

footer.footer .partners-box {
	border-top: 2px solid var(--main-black);
}

footer.footer .partners-wrap {
	padding: 30px 28px;
	display: flex;
	flex-direction: column;
}

footer.footer .partners-wrap p.h2 {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 20px;
}

footer.footer .partners-wrap .partners-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

footer.footer .partners-wrap .partners-list .partners-item {
	display: flex;
	flex-direction: column;
}

footer.footer .partners-wrap .partners-list .partners-item img {
	height: 45px;
	width: auto;
	object-fit: contain;
}

footer.footer .copyright-box {
	border-top: 2px solid var(--main-black);
	border-bottom: 2px solid var(--main-black);
}

footer.footer .copyright-wrap {
	padding: 30px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer.footer .copyright-wrap .copyright {
	display: flex;
	align-items: flex-start;
}

footer.footer .copyright-wrap .copyright::before {
	content: '';
	width: 32px;
	min-width: 32px;
	aspect-ratio: 1/1;
	background-image: url(assets/img/copyright.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 5px;
	margin-right: 15px;
}

footer.footer .copyright-wrap .copyright .info {
	display: flex;
	flex-direction: column;
}

footer.footer .copyright-wrap .copyright .info p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

footer.footer .copyright-wrap .developed {
	display: flex;
	flex-direction: column;
}

footer.footer .copyright-wrap .developed p {
	font-size: 0.75em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

footer.footer .copyright-wrap .developed p:has(a) {
	font-size: 1.5em;
}

footer.footer .copyright-wrap .developed p a {
	font-size: 1em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
}

@media screen and (max-width: 1439px) {
	.site#page {
		padding-top: 70px;
	}

	header.header .header-wrap .logos-wrap {
		width: 25%;
	}

	header.header .header-wrap .logos-wrap a.logos {
		padding: 10px 22px;
	}

	header.header .header-wrap .logos-wrap a.logos::before {
		height: 46px;
	}

	header.header .header-wrap .logos-wrap a.logos .main-logo {
		height: 46px;
	}

	header.header .header-wrap .logos-wrap a.logos .side-logo {
		height: 46px;
	}

	header.header .header-wrap .content-wrap {
		width: 80%;
	}

	header.header .header-wrap .content-wrap .top-wrap {
    min-height: 66px;
    height: 100%;
	}

	header.header .header-wrap .content-wrap .top-wrap .search {
		width: 100%;
	}

	header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="search"] {
		font-size: 1.125em;
		padding: 16px 0px 16px 20px;
	}

	header.header .header-wrap .content-wrap .top-wrap .search .search-form input[type="submit"] {
		max-height: none;
		background-size: 35% 35%;
	}

	header.header .header-wrap .content-wrap .top-wrap .tickets {
		display: none;
	}
	
	header.header .header-wrap .content-wrap .top-wrap .support {
		display: none;
	}

	header.header .header-wrap .content-wrap .top-wrap .languages-menu {
		display: none;
	}

	header.header .header-wrap .content-wrap .top-wrap .menu-burger {
		display: flex;
		width: auto;
		min-width: auto;
	}

	header.header .header-wrap .content-wrap .top-wrap .menu-burger .menu-burger-btn {
		aspect-ratio: 1/1;
		background-size: 35% 35%;
	}

	header.header .header-wrap .content-wrap .bottom-wrap {
		display: none;
	}

	header.header.fixed .header-wrap .logos-wrap {
		width: 25%;
	}

	header.header.fixed .header-wrap .content-wrap .top-wrap .search {
		width: 100%;
	}

	header.header.fixed .header-wrap .content-wrap .top-wrap .accessibility-menu {
		width: auto;
	}

	header.header.fixed .header-wrap .content-wrap .top-wrap .menu-burger {
		width: auto;
		min-width: auto;
	}

	section {
		padding-bottom: 70px;
	}

	section .exhibits-list .exhibits-item .item-link .thumbnail .img-wrap img {
		transform: scale(0.9);
	}
}

@media screen and (max-width: 1199px) {
	.container-fluid {
		padding: 0px 20px;
	}

	header.header .header-wrap .logos-wrap {
		min-width: 290px;
	}

	header.header .mobile-menu {
		width: calc(100% - 40px);
	}

	section {
		padding-bottom: 60px;
	}

	section.main .main-wrap .main-item .item-link .thumbnail {
		aspect-ratio: 950/460;
	}

	section.main .main-wrap .main-item .item-link .caption {
		left: 20px;
		max-width: 515px;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link {
		padding: 32px 16px 24px;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link span.tag {
		left: 16px;
		top: -22px;
		padding: 10px 20px;
		font-size: 1em;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link span.date {
		font-size: 1em;
		margin-bottom: 6px;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link p.h2,
	section.main .main-wrap .main-item .item-link .caption a.caption-link h1 {
		font-size: 1.75em;
	}

	section .title-wrap {
		padding: 0px;
	}

	section h2.section-title {
		font-size: 1.75em;
	}

	section .title-wrap a.button {
		font-size: 1em;
	}

	section .title-wrap a.button::after {
		width: 10px;
		margin-left: 15px;
	}

	section .title-wrap a.button.white {
		padding: 20px 40px;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption {
		padding: 30px 20px;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption .tag {
		margin-bottom: 24px;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption .tag span {
		font-size: 1em;
		padding: 10px 12px;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption p.h2 {
		font-size: 1.375em;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption .place .info p {
		font-size: 1em;
	}

	section .exhibitions-list .exhibitions-item .item-link .caption .dates span {
		font-size: 1em;
	}

	section.events .events-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section .events-list {
		gap: 20px;
	}

	section .events-list .events-item {
		min-width: calc((100% - 20px) / 2);
	}

	section .events-list .events-item .item-link {
		padding-top: 50px;
	}

	section .events-list .events-item .item-link .thumbnail {
		max-width: calc(100% - 40px);
		max-height: 140px;
	}

	section .events-list .events-item .item-link .caption {
		padding: 110px 20px 20px;
	}

	section .events-list .events-item .item-link .caption p.h2 {
		font-size: 1.375em;
	}

	section .events-list .events-item .item-link .caption .place .info p {
		font-size: 1em;
	}

	section .events-list .events-item .item-link .caption .dates span {
		font-size: 1em;
	}

	section .events-list .events-item .item-link .caption .tag span {
		font-size: 1em;
    padding: 10px 12px;
	}

	section.visit .visit-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section .visit-list {
		gap: 20px;
	}

	section .visit-list .visit-item {
		min-width: calc((100% - 20px) / 2);
	}

	section .visit-list .visit-item .item-link {
		padding-top: 80px;
	}

	section .visit-list .visit-item .item-link .thumbnail {
		max-width: calc(100% - 40px);
		max-height: 170px;
	}

	section .visit-list .visit-item .item-link .caption {
		padding: 100px 20px 20px;
	}

	section .visit-list .visit-item .item-link .caption p.h2 {
		font-size: 1.375em;
	}

	section .visit-list .visit-item .item-link .caption .place .info p {
		font-size: 1em;
	}

	section .visit-list .visit-item .item-link .caption .schedule .info .open span {
		font-size: 1em;
	}

	section .visit-list .visit-item .item-link .caption .schedule .info .closed span {
		font-size: 1em;
	}

	section .visit-list .visit-item .item-link .caption a.button.black {
		margin-top: 20px;
		font-size: 1em;
		padding: 14px 20px;
		text-align: center;
		width: 100%;
	}

	section.exhibits .exhibits-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section .exhibits-list {
		gap: 20px;
	}

	section .exhibits-list .exhibits-item {
		min-width: calc((100% - 40px) / 3);
	}

	section .exhibits-list .exhibits-item .item-link {
		padding: 22px 20px;
	}

	section .exhibits-list .exhibits-item .item-link .caption p.h2 {
		font-size: 1.25em;
	}

	section .exhibits-list .exhibits-item .item-link .thumbnail {
		padding-top: 40px;
	}

	section .exhibits-list .exhibits-item .item-link .thumbnail::before {
		height: calc(100% + 40px);
	}

	section.history .history-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.history .history-wrap .history-list {
		padding-left: 30px;
	}

	section.history .history-wrap .history-list::before {
		width: 30px;
	}

	section.history .history-wrap .history-list .history-item .item-link span {
		font-size: 1em;
		padding: 15px;
	}

	section.history .history-wrap a.button.history-link::before {
		width: 30px;
		min-width: 30px;
	}

	section.history .history-wrap a.button.history-link span {
		font-size: 1em;
		padding: 15px;
	}

	section.materials .materials-wrap .title-wrap:first-child {
		margin-bottom: 20px;
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item button.nav-link {
		font-size: 1em;
		padding: 20px 40px;
	}

	section.materials .materials-wrap .materials-list p.nothing-found {
		font-size: 1.125em;
	}

	section .materials-list .post-item .item-link .caption {
		padding: 20px;
	}

	section .materials-list .post-item .item-link .caption span.date {
		font-size: 1em;
	}

	section .materials-list .post-item .item-link .caption p.h2 {
		font-size: 1.125em;
	}

	section .materials-list .post-item .item-link .caption p.text {
		font-size: 0.875em;
		margin-top: 14px;
	}

	section .materials-list .post-item.video .item-link .thumbnail .play-icon {
		left: calc(50% - 28px);
		top: calc(50% - 14px);
		border-width: 0 28px 28px;
	}

	section .materials-list .post-item.video .item-link .thumbnail .play-icon::after {
		left: calc(50% - 26px);
		border-width: 0 26px 26px;
	}

	footer.footer .footer-wrap {
		padding: 32px 0px;
	}

	footer.footer .footer-wrap .logo-wrap {
		height: 48px;
		margin-bottom: 26px;
	}

	footer.footer .footer-wrap .place .info p {
		font-size: 1em;
	}

	footer.footer .footer-wrap .schedule .info .open span {
		font-size: 1em;
	}

	footer.footer .footer-wrap .schedule .info .closed span {
		font-size: 1em;
	}

	footer.footer .footer-wrap .contacts-wrap {
		padding: 26px 26px 0px;
		margin-bottom: 0px;
	}

	footer.footer .footer-wrap .contacts-wrap p.title {
		font-size: 1em;
		margin-bottom: 14px;
	}

	footer.footer .footer-wrap .contacts-wrap a.contacts-item {
		font-size: 1em;
		margin-bottom: 10px;
	}

	footer.footer .footer-wrap .socials-wrap {
		padding: 26px 26px 0px;
	}

	footer.footer .footer-wrap .socials-wrap p.title {
		font-size: 1em;
		margin-bottom: 14px;
	}

	footer.footer .footer-wrap .socials-wrap .socials-list {
		gap: 14px;
		padding: 2px;
	}

	footer.footer .footer-wrap .socials-wrap .socials-list a.socials-item {
		width: 32px;
		min-width: 32px;
	}

	footer.footer .partners-wrap {
		padding: 30px 0px;
	}

	footer.footer .partners-wrap p.h2 {
		font-size: 1em;
		margin-bottom: 14px;
	}

	footer.footer .partners-wrap .partners-list {
		gap: 14px;
	}

	footer.footer .partners-wrap .partners-list .partners-item img {
		height: 42px;
	}

	footer.footer .copyright-wrap {
		padding: 30px 0px;
	}

	footer.footer .copyright-wrap .copyright::before {
		width: 24px;
		min-width: 24px;
		margin-right: 10px;
	}

	footer.footer .copyright-wrap .copyright .info p {
		font-size: 0.875em;
	}
}

@media screen and (max-width: 991px) {
	section .title-wrap a.button.white {
		padding: 15px 30px;
	}

	section .visit-list .visit-item .item-link .caption .schedule .info {
		flex-direction: column;
	}

	section .exhibits-list .exhibits-item {
		min-width: calc((100% - 20px) / 2);
	}

	section .exhibits-list .exhibits-item:nth-child(1n + 3) {
		display: none;
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item button.nav-link {
		padding: 15px 30px;
	}

	section .materials-list .post-item .item-link .caption span.date {
		font-size: 0.875em;
	}
}

@media screen and (max-width: 767px) {
	.site#page {
		padding-top: 64px;
	}

	.container-fluid {
		padding: 0px 15px;
	}

	header.header .header-wrap .logos-wrap {
		min-width: 260px;
	}

	header.header .header-wrap .logos-wrap a.logos {
		padding: 8px 20px;
	}

	header.header .header-wrap .logos-wrap a.logos::before {
		height: 44px;
		width: 1px;
	}

	header.header .header-wrap .logos-wrap a.logos .main-logo {
		height: 44px;
	}

	header.header .header-wrap .logos-wrap a.logos .side-logo {
		height: 44px;
	}

	header.header .header-wrap .content-wrap .top-wrap {
		min-height: 60px;
	}

	header.header .header-wrap .content-wrap .top-wrap .search {
		display: none;
	}

	header.header .header-wrap .content-wrap .top-wrap .accessibility-menu {
		display: none;
	}

	header.header .header-wrap .content-wrap .top-wrap .menu-burger {
		margin-left: auto;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos {
		padding: 8px 20px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos::before {
		height: 44px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos .main-logo {
		height: 44px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos .side-logo {
		height: 44px;
	}

	header.header.fixed .header-wrap .content-wrap .top-wrap {
		min-height: 60px;
	}

	header.header .mobile-menu {
		width: calc(100% - 30px);
		max-height: calc(100svh - 64px);
	}

	header.header .mobile-menu .search {
		display: flex;
	}

	header.header .mobile-menu .menus-wrap {
		flex-direction: column;
	}

	header.header .mobile-menu .menus-wrap::before {
		display: none;
	}

	header.header .mobile-menu .menus-wrap .header-menu > ul > li {
		padding: 20px;
	}

	header.header .mobile-menu .menus-wrap .header-menu:nth-child(1n + 2) > ul > li {
		padding-top: 0px;
	}

	header.header .mobile-menu .menus-wrap .header-menu > ul > li > ul.sub-menu > li {
		padding-top: 14px;
	}

	header.header .mobile-menu .buttons-wrap {
		flex-direction: column;
	}

	header.header .mobile-menu .buttons-wrap::before {
		display: none;
	}

	header.header .mobile-menu .buttons-wrap .accessibility-menu {
		display: flex;
		border-bottom: 2px solid var(--main-black);
	}

	header.header .mobile-menu .buttons-wrap .accessibility-menu .accessibility-btn {
		padding: 15px 20px;
	}

	header.header .mobile-menu .buttons-wrap .tickets .tickets-link {
		padding: 15px 20px;
	}

	header.header .mobile-menu .buttons-wrap .support {
		border-top: 2px solid var(--main-black);
	}

	header.header .mobile-menu .buttons-wrap .support .support-link {
		padding: 15px 20px;
	}

	section {
		padding-bottom: 45px;
	}

	section.main .main-wrap .main-slider {
		padding-bottom: 0px;
	}

	section.main .main-wrap .main-slider .slick-list .slick-track {
		display: flex;
	}

	section.main .main-wrap .main-slider .slick-list .slick-track .slick-slide {
		height: auto;
	}

	section.main .main-wrap .main-slider .slick-list .slick-track .slick-slide > div {
		height: 100%;
	}

	section.main .main-wrap .main-slider .slick-list .slick-track .slick-slide > div .main-item {
		height: 100%;
	}

	section.main .main-wrap .main-slider .slick-list .slick-track .slick-slide > div .main-item .item-link {
		height: 100%;
		padding: 0px;
	}

	section.main .main-wrap .main-item .item-link .thumbnail {
		height: 230px;
		aspect-ratio: revert;
	}

	section.main .main-wrap .main-item .item-link .caption {
		position: relative;
		left: 0px;
		top: -2px;
		width: 100%;
		bottom: auto;
		max-width: 100%;
		flex: 1;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link span.tag {
		font-size: 0.875em;
		padding: 8px 14px;
		top: -18px;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link span.date {
		font-size: 0.875em;
	}

	section.main .main-wrap .main-item .item-link .caption a.caption-link p.h2, 
	section.main .main-wrap .main-item .item-link .caption a.caption-link h1 {
		font-size: 1.5em;
	}

	section.main .main-wrap .main-slider ul.slick-dots {
		position: relative;
		left: auto;
		bottom: auto;
		right: auto;
		transform: none;
		width: 100%;
		justify-content: center;
		padding-top: 20px;
	}

	section.exhibitions .exhibitions-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section .exhibitions-list {
		gap: 20px;
	}

	section .exhibitions-list .exhibitions-item:nth-child(1n + 1) .item-link {
		flex-direction: column-reverse;
		border: 2px solid var(--main-black);
	}

	section .exhibitions-list .exhibitions-item:nth-child(1n + 1) .item-link .caption {
		width: 100%;
		border: none;
		border-top: 2px solid var(--main-black);
		padding: 20px;
	}

	section .exhibitions-list .exhibitions-item:nth-child(1n + 1) .item-link .thumbnail {
		width: 100%;
		aspect-ratio: revert-rule;
		height: 150px;
		border: none;
	}

	section .exhibitions-list .exhibitions-item:nth-child(1n + 1) .item-link .caption .tag {
		order: 2;
		margin: 20px 0px 0px;
	}

	section .buttons-wrap {
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	section .buttons-wrap a.button {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: 2px solid var(--main-black);
		font-size: 0.875em;
		line-height: 150%;
		font-weight: 700;
		color: var(--main-white);
		background: var(--main-black);
		text-decoration: none;
		text-transform: uppercase;
		transition: var(--fast);
		padding: 15px 30px;
		width: 100%;
	}

	section .buttons-wrap a.button::after {
		content: '';
		width: 10px;
		height: auto;
		aspect-ratio: 14/22;
		background: transparent;
		background-image: url(assets/img/slider-dots.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-left: 15px;
	}

	section .events-list {
		flex-direction: column;
	}

	section .events-list .events-item {
		min-width: 100%;
	}

	section .visit-list {
		flex-direction: column;
	}

	section .visit-list .visit-item {
		min-width: 100%;
	}

	section .exhibits-list {
		padding-bottom: 20px;
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	section .exhibits-list::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}

	section .exhibits-list .exhibits-item:nth-child(1n + 3) {
		display: flex;
	}

	section .exhibits-list .exhibits-item {
		min-width: 290px;
	}

	section .exhibits-list .exhibits-item .item-link .thumbnail .img-wrap {
		aspect-ratio: 1/1;
	}

	section.history .history-wrap a.button.history-link span {
		font-size: 0.875em;
	}

	section.history .history-wrap a.button.history-link::before {
		width: 16px;
		min-width: 16px;
	}

	section.history .history-wrap .history-list {
		padding-left: 16px;
	}

	section.history .history-wrap .history-list::before {
		width: 16px;
	}

	section.materials .materials-wrap .title-wrap .nav-tabs {
		width: 100%;
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item {
		flex: 1;
	}

	section.materials .materials-wrap .title-wrap .nav-tabs .nav-item button.nav-link {
		font-size: 0.875em;
		width: 100%;
		padding: 15px;
	}

	section.materials .materials-wrap .materials-list {
		gap: 20px;
	}

	section.materials .materials-wrap .materials-list p.nothing-found {
		font-size: 1em;
		padding-top: 14px;
	}

	section .materials-list .post-item:nth-child(1n + 1) .item-link {
		border: 2px solid var(--main-black);
	}

	section .materials-list .post-item .item-link {
		flex-direction: column;
	}

	section .materials-list .post-item .item-link .thumbnail {
		width: 100%;
		height: 210px;
		aspect-ratio: revert-rule;
	}

	section .materials-list .post-item.video .item-link .thumbnail .play-icon {
		left: calc(50% - 22px);
		top: calc(50% - 11px);
		border-width: 0 22px 22px;
	}

	section .materials-list .post-item.video .item-link .thumbnail .play-icon::after {
		left: calc(50% - 20px);
		border-width: 0 20px 20px;
	}

	section .materials-list .post-item .item-link .caption {
		width: 100%;
		border: none;
		border-top: 2px solid var(--main-black);
		padding: 20px 15px;
	}

	section .materials-list .post-item .item-link .caption p.text {
		display: none;
	}

	footer.footer .footer-wrap .logo-wrap {
		height: 60px;
	}

	footer.footer .footer-wrap .col-12:has(.logo-wrap):not(:first-child) .logo-wrap {
		margin-top: 30px;
		border-top: 2px solid var(--main-light-gray);
		padding-top: 30px;
		height: 92px;
	}

	footer.footer .partners-box {
		border: none;
	}

	footer.footer .partners-wrap {
		border-top: 2px solid var(--main-light-gray);
	}

	footer.footer .partners-wrap .partners-list {
		justify-content: space-around;
	}

	footer.footer .partners-wrap .partners-list .partners-item img {
		height: 40px;
	}

	footer.footer .copyright-wrap {
		flex-direction: column;
	}

	footer.footer .copyright-wrap .copyright {
		width: 100%;
		padding-bottom: 24px;
		border-bottom: 2px solid var(--main-light-gray);
		margin-bottom: 24px;
		justify-content: center;
	}
}

@media screen and (max-width: 575px) {
	section {
		padding-bottom: 30px;
	}

	section h2.section-title {
		font-size: 1.5em;
	}

	footer.footer .partners-wrap .partners-list .partners-item img {
		height: 38px;
	}
}

@media screen and (max-width: 380px) {
	header.header .header-wrap .logos-wrap {
		min-width: 224px;
	}

	header.header .header-wrap .logos-wrap a.logos {
		padding: 10px;
	}

	header.header .header-wrap .logos-wrap a.logos::before {
		height: 40px;
	}

	header.header .header-wrap .logos-wrap a.logos .main-logo {
		height: 40px;
	}

	header.header .header-wrap .logos-wrap a.logos .side-logo {
		height: 40px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos {
		padding: 10px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos::before {
		height: 40px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos .main-logo {
		height: 40px;
	}

	header.header.fixed .header-wrap .logos-wrap a.logos .side-logo {
		height: 40px;
	}

	footer.footer .partners-wrap .partners-list .partners-item img {
		height: 36px;
	}
}








































section.archive-post {
	padding: 80px 0px;
	margin: 0px;
}

section.archive-post section:last-child {
	padding-bottom: 0px;
}

section.archive-post section.history .history-wrap {
	padding: 0px 30px;
}

section.archive-post section .title-wrap {
	padding: 0px;
}

section.archive-post section .title-wrap:has(.page-content) {
	flex-direction: column;
	align-items: flex-start;
}

section.archive-post section .title-wrap .page-content {
	margin-top: 20px;
	max-width: 800px;
}

section.archive-post section.materials .materials-wrap {
	padding: 0px 30px;
}

section.archive-post section.materials .materials-wrap:has(.materials-categories) .title-wrap {
	margin-bottom: 20px;
}

section.archive-post section.materials .materials-wrap .materials-categories {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	padding: 8px 22px;
	border: 2px solid var(--main-black);
	text-transform: uppercase;
	text-decoration: none;
	transition: var(--fast);
	background: transparent;
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button:not(:first-child) {
	border-left: none;
}

@media screen and (min-width: 576px) {
	section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(1):hover {
		background: var(--main-yellow);
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(2):hover {
		background: var(--main-blue);
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(3):hover {
		background: var(--main-orange);
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(4):hover {
		background: var(--main-green);
	}
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(1).active {
	background: var(--main-yellow);
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(2).active {
	background: var(--main-blue);
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(3).active {
	background: var(--main-orange);
}

section.archive-post section.materials .materials-wrap .materials-categories a.category-button:nth-child(4).active {
	background: var(--main-green);
}

section.materials .materials-wrap .materials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 30px;
}

section .materials-grid .post-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .materials-grid .post-item .item-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	width: 100%;
}

section .materials-grid .post-item .item-link .thumbnail {
	display: flex;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 442/328;
	border: 2px solid var(--main-black);
	position: relative;
	background: var(--main-light-gray);
}

section .materials-grid .post-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section .materials-grid .post-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section .materials-grid .post-item .item-link .thumbnail .img-wrap img[src=""],
section .materials-grid .post-item .item-link .thumbnail .img-wrap img:not([src]) {
	opacity: 0;
}

section .materials-grid .post-item.video .item-link .thumbnail .play-icon {
	position: absolute;
	left: calc(50% - 33px);
	top: calc(50% - 17px);
	width: 0;
	height: 0;
	border-color: transparent transparent var(--main-black);
	border-style: solid;
	border-width: 0 33px 33px;
	transform: rotate(90deg);
	z-index: 1;
}

section .materials-grid .post-item.video .item-link .thumbnail .play-icon::after {
	content: '';
	position: absolute;
	left: calc(50% - 31px);
	top: calc(50% + 1px);
	width: 0;
	height: 0;
	border-color: transparent transparent var(--main-white);
	border-style: solid;
	border-width: 0 31px 31px;
	transform: rotate(0deg);
	z-index: 2;
}

section .materials-grid .post-item .item-link .caption {
	padding: 20px 0px 0px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .materials-grid .post-item .item-link .caption span.number {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 14px;
}

section .materials-grid .post-item .item-link .caption span.date {
	display: flex;
	align-items: flex-start;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin-bottom: 14px;
}

section .materials-grid .post-item .item-link .caption span.date::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/dates-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .materials-grid .post-item .item-link .caption p.h2 {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0px;
}

@media screen and (min-width: 576px) {
	section .materials-grid .post-item a.item-link:hover .caption p.h2 {
		text-decoration: underline;
	}
}

section .materials-grid .post-item .item-link .caption p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin: 16px 0px 0px;
}

section .materials-grid .post-item:not(.podcast) .item-link .caption p.text {
	display: none;
}

section.materials .materials-wrap .materials-grid:has(.post-item.podcast) {
	grid-template-columns: repeat(1, 1fr);
}

section .materials-grid .post-item.podcast .item-link {
	flex-direction: row;
	border: 2px solid var(--main-black);
	padding: 40px;
	gap: 40px;
}

section .materials-grid .post-item.podcast .item-link .thumbnail {
	aspect-ratio: 1/1;
	border: none;
	width: 20%;
	min-width: 20%;
}

section .materials-grid .post-item.podcast .item-link .caption {
	width: 80%;
	padding: 0px;
}

section .materials-grid .post-item.podcast .item-link .caption span.date {
	color: var(--main-gray);
	margin: 14px 0px 0px;
}

section .materials-grid .post-item.podcast .item-link .caption span.date::before {
	display: none;
}

section.materials .materials-wrap .materials-grid:has(p.nothing-found) {
	display: flex;
}

section.materials .materials-wrap .materials-grid p.nothing-found {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section.materials .materials-wrap .materials-grid .pagination {
	grid-column: 1 / -1;
}

section .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

section .pagination a,
section .pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-color: var(--main-white);
	border: 2px solid var(--main-black);
	font-size: 0.875em;
	line-height: 120%;
	font-weight: 600;
	color: var(--main-black);
	text-decoration: none;
	transition: var(--fast)
}

section .pagination a.current,
section .pagination span.current {
	background-color: var(--main-black);
	border-color: var(--main-black);
	color: var(--main-white)
}

@media screen and (min-width: 576px) {
  section .pagination a:hover {
		background-color:var(--main-black);
		border-color: var(--main-black);
		color: var(--main-white)
  }
}

section .pagination a.direction-page,
section .pagination span.direction-page {
	font-size: 0;
	color: var(--main-black);
	border-color: var(--main-black);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60% 60%;
	position: relative
}

section .pagination a.direction-page.prev-page,
section .pagination span.direction-page.prev-page {
  background-image: url(assets/img/pagination-left-black.svg)
}

section .pagination a.direction-page.next-page,
section .pagination span.direction-page.next-page {
  background-image: url(assets/img/pagination-right-black.svg)
}

section .pagination a.direction-page::after,
section .pagination span.direction-page::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60% 60%;
	opacity: 0;
	transition: var(--fast)
}

@media screen and (min-width: 576px) {
  section .pagination a.direction-page:hover::after {
    opacity:1
  }
}

section .pagination a.direction-page.prev-page::after,
section .pagination span.direction-page.prev-page::after {
  background-image: url(assets/img/pagination-left-white.svg)
}

section .pagination a.direction-page.next-page::after,
section .pagination span.direction-page.next-page::after {
  background-image: url(assets/img/pagination-right-white.svg)
}

section .pagination a.disabled,
section .pagination span.disabled {
	opacity: 0.5;
}

@media screen and (max-width: 1439px) {
	section.archive-post {
		padding: 70px 0px;
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
		font-size: 1.125em;
	}

	section .pagination {
		gap: 12px;
	}
	
	section .pagination a,
	section .pagination span {
		width: 36px;
		min-width: 36px;
		height: 36px;
	}
}

@media screen and (max-width: 1199px) {
	section.archive-post {
		padding: 60px 0px;
	}

	section.archive-post section.history .history-wrap {
		padding: 0px;
	}

	section.archive-post section.materials .materials-wrap {
		padding: 0px;
	}

	section.archive-post section.materials .materials-wrap .materials-categories {
		margin-bottom: 20px;
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
		font-size: 1em;
	}

	section.materials .materials-wrap .materials-grid {
		gap: 30px 30px;
	}

	section .materials-grid .post-item.video .item-link .thumbnail .play-icon {
		left: calc(50% - 28px);
		top: calc(50% - 14px);
		border-width: 0 28px 28px;
	}

	section .materials-grid .post-item.video .item-link .thumbnail .play-icon::after {
		left: calc(50% - 26px);
		border-width: 0 26px 26px;
	}

	section .materials-grid .post-item .item-link .caption span.number {
		font-size: 1em;
	}

	section .materials-grid .post-item .item-link .caption span.date {
		font-size: 1em;
	}

	section .materials-grid .post-item .item-link .caption p.h2 {
		font-size: 1.125em;
	}

	section .materials-grid .post-item .item-link .caption p.text {
		font-size: 0.875em;
		margin-top: 14px;
	}

	section .materials-grid .post-item.podcast .item-link {
		padding: 20px;
		gap: 20px;
	}

	section.materials .materials-wrap .materials-grid p.nothing-found {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 991px) {
	section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
		font-size: 0.875em;
	}

	section.materials .materials-wrap .materials-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	section.archive-post {
		padding: 45px 0px;
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
		flex: 1;
		text-align: center;
	}

	section .materials-grid .post-item.video .item-link .thumbnail .play-icon {
		left: calc(50% - 22px);
		top: calc(50% - 11px);
		border-width: 0 22px 22px;
	}

	section .materials-grid .post-item.video .item-link .thumbnail .play-icon::after {
		left: calc(50% - 20px);
		border-width: 0 20px 20px;
	}

	section .materials-grid .post-item.podcast .item-link .thumbnail {
		display: none;
	}

	section .materials-grid .post-item.podcast .item-link .caption {
		width: 100%;
	}

	section .materials-grid .post-item.podcast .item-link .caption p.text {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	section.archive-post {
		padding: 30px 0px;
	}

	section.archive-post section.materials .materials-wrap .materials-categories {
		flex-wrap: wrap;
		border: 1px solid var(--main-black);
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button {
		border: 1px solid var(--main-black);
		min-width: 50%;
	}

	section.archive-post section.materials .materials-wrap .materials-categories a.category-button:not(:first-child) {
		border-left: 1px solid var(--main-black);
	}

	section.materials .materials-wrap .materials-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	section .pagination {
		gap: 6px;
	}

	section .pagination a,
	section .pagination span {
		width: 28px;
		min-width: 28px;
		height: 28px;
	}
}








































section.single-post {
	padding: 42px 0px 100px;
	margin: 0px;
}

section.single-post .row > .col-12.col-post {
	max-width: 950px;
}

section.single-post .single-caption {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom: 28px;
}

section.single-post .single-caption a.tag {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-gray);
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 14px;
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section.single-post .single-caption a.tag:hover {
		color: var(--main-black);
	}
}

section.single-post .single-caption h1 {
	font-size: 2.25em;
	line-height: 125%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 0px;
}

section.single-post .single-caption .meta {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-gray);
	margin-top: 18px;
}

section.single-post .single-caption .meta span {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-gray);
}

section.single-post .single-caption .excerpt {
	margin-top: 18px;
}

section.single-post .single-caption .excerpt p {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 16px;
}

section.single-post .single-caption .excerpt p:last-child {
	margin-bottom: 0px;
}

section.single-post .single-thumbnail {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 30px;
}

section.single-post .single-thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.single-post .single-thumbnail .img-wrap img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

section.single-post .single-thumbnail .img-wrap span.img-title {
	font-size: 0.875em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-gray);
	margin-top: 10px;
}

section.single-post .single-thumbnail .img-wrap .video-wrap {
	display: flex;
	flex-direction: column;
	aspect-ratio: 16/9;
	border: 2px solid var(--main-gray);
}

section.single-post .single-thumbnail .img-wrap .video-wrap iframe {
	width: 100%;
	height: 100%;
}

section.single-post .page-content {
	margin-bottom: 78px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
}

section.single-post .page-content:last-child {
	margin-bottom: 0px;
}

section.single-post .share-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

section.single-post .share-wrap h2 {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .addtoany_shortcode {
	display: flex;
	align-items: center;
}

section .addtoany_shortcode .addtoany_list {
	display: flex;
	align-items: center;
	gap: 20px;
}

section .addtoany_shortcode .addtoany_list a {
	padding: 0px;
	display: flex;
	align-items: center;
}

section .addtoany_shortcode .addtoany_list a .a2a_label {
	display: none;
}

section.registration {
	display: flex;
	flex-direction: row;
	padding: 0px;
	border-top: 2px solid var(--main-black);
}

section.registration:has(.registration-wrap:nth-child(2))::before {
	content: '';
	width: 2px;
	min-width: 2px;
	height: auto;
	background-color: var(--main-black);
	order: 2;
}

section.registration .registration-wrap {
	width: 100%;
	display: flex;
}

section.registration .registration-wrap:first-child {
	order: 1;
	background: var(--main-green);
	justify-content: flex-end;
}

section.registration .registration-wrap:last-child {
	order: 3;
	background: var(--main-orange);
	justify-content: flex-start;
}

section.registration .registration-wrap .page-content {
	width: 1440px;
	padding: 90px 50px;
	margin: 0px auto;
}

section.registration:has(.registration-wrap:nth-child(2)) .registration-wrap .page-content {
	width: calc(1440px / 2);
	margin: 0px;
}

@media screen and (max-width: 1439px) {
	section.single-post {
		padding: 36px 0px 80px;
	}

	section.single-post .page-content {
		margin-bottom: 70px;
	}

	section.single-post .page-content:last-child {
		margin-bottom: 0px;
	}

	section.registration .registration-wrap .page-content {
		width: 100%;
	}

	section.registration:has(.registration-wrap:nth-child(2)) .registration-wrap .page-content {
		width: calc(100vw / 2);
	}
}

@media screen and (max-width: 1199px) {
	section.single-post {
		padding: 32px 0px 60px;
	}

	section.single-post .single-caption {
		margin-bottom: 24px;
	}

	section.single-post .single-caption a.tag {
		font-size: 1em;
	}

	section.single-post .single-caption h1 {
		font-size: 1.375em;
	}

	section.single-post .single-caption .meta {
		margin-top: 16px;
	}

	section.single-post .single-caption .excerpt {
		margin-top: 16px;
	}

	section.single-post .single-caption .excerpt p {
		font-size: 1.125em;
		margin-bottom: 14px;
	}

	section.single-post .single-caption .excerpt p:last-child {
		margin-bottom: 0px;
	}

	section.single-post .single-thumbnail {
		margin-bottom: 26px;
	}

	section.single-post .page-content {
		margin-bottom: 60px;
	}

	section.single-post .page-content:last-child {
		margin-bottom: 0px;
	}

	section.registration .registration-wrap .page-content {
		padding: 30px 20px;
	}
}

@media screen and (max-width: 767px) {
	section.single-post {
		padding: 28px 0px 45px;
	}

	section.single-post .single-caption {
		margin-bottom: 18px;
	}

	section.single-post .single-caption a.tag {
		font-size: 0.875em;
		margin-bottom: 12px;
	}

	section.single-post .single-caption h1 {
		font-size: 1.25em;
	}

	section.single-post .single-caption .meta {
		margin-top: 12px;
	}

	section.single-post .single-caption .meta span {
		font-size: 0.875em;
	}

	section.single-post .single-caption .excerpt {
		margin-top: 12px;
	}

	section.single-post .single-caption .excerpt p {
		font-size: 1em;
		margin-bottom: 12px;
	}

	section.single-post .single-caption .excerpt p:last-child {
		margin-bottom: 0px;
	}

	section.single-post .single-thumbnail {
		margin-bottom: 20px;
	}

	section.single-post .page-content {
		margin-bottom: 45px;
	}

	section.single-post .page-content:last-child {
		margin-bottom: 0px;
	}

	section.single-post .share-wrap {
		gap: 14px;
	}

	section.single-post .share-wrap h2 {
		font-size: 1em;
	}

	section .addtoany_shortcode .addtoany_list {
		gap: 14px;
	}

	section .addtoany_shortcode .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	section.registration {
		flex-direction: column;
	}

	section.registration:has(.registration-wrap:nth-child(2))::before {
		width: 100%;
		min-width: none;
		height: 2px;
	}

	section.registration .registration-wrap .page-content {
		width: 100%;
		padding: 20px 15px;
	}

	section.registration:has(.registration-wrap:nth-child(2)) .registration-wrap .page-content {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	section.single-post {
		padding: 24px 0px 30px;
	}

	section.single-post .single-caption .excerpt p {
		font-size: 0.875em;
	}

	section.single-post .page-content {
		margin-bottom: 30px;
	}

	section.single-post .page-content:last-child {
		margin-bottom: 0px;
	}
}








































section.single-post .history-dates-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.single-post .history-dates-list .history-day-section {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.single-post .history-dates-list .history-day-section:not(:first-child) {
	border-top: 2px solid var(--main-light-gray);
}

section.single-post .history-dates-list .history-day-section .day-header {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px 0px;
}

section.single-post .history-dates-list .history-day-section.current .day-header {
	display: none;
}

section.single-post .history-dates-list .history-day-section .day-header h2 {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section.single-post .history-dates-list .history-day-section .day-posts {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	padding: 20px 0px;
}

section.single-post .history-dates-list .history-day-section:not(.current:first-child) .day-posts .history-post-item {
	border-top: 2px solid var(--main-light-gray);
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-meta {
	display: flex;
	flex-direction: column;
	margin-bottom: 4px;
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-meta .post-date {
	display: flex;
	align-items: center;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-meta .post-date::before {
	content: '';
	width: 16px;
	min-width: 16px;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-right: 6px;
	background: transparent;
	mask-image: url(assets/img/dates-icon.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: var(--main-orange);
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-link {
	text-decoration: none;
	display: flex;
	flex-direction: column;
}

section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-link p.h3 {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

@media screen and (min-width: 576px) {
	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-link:hover p.h3 {
		text-decoration: underline;
	}
}

@media screen and (max-width: 1439px) {
	section.single-post .history-dates-list .history-day-section .day-header {
		padding: 18px 0px;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item {
		padding: 18px 0px;
	}
}

@media screen and (max-width: 1199px) {
	section.single-post .history-dates-list .history-day-section .day-header {
		padding: 16px 0px;
	}

	section.single-post .history-dates-list .history-day-section .day-header h2 {
		font-size: 1.25em;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item {
		padding: 16px 0px;
	}
}

@media screen and (max-width: 991px) {
	section.single-post .history-dates-list .history-day-section .day-header {
		padding: 14px 0px;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item {
		padding: 14px 0px;
	}
}

@media screen and (max-width: 767px) {
	section.single-post .history-dates-list .history-day-section .day-header {
		padding: 12px 0px;
	}

	section.single-post .history-dates-list .history-day-section .day-header h2 {
		font-size: 1.125em;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item {
		padding: 12px 0px;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-meta .post-date {
		font-size: 0.875em;
	}

	section.single-post .history-dates-list .history-day-section .day-posts .history-post-item .post-link p.h3 {
		font-size: 1em;
	}
}








































.page-content .content ul li,
.page-content .content ol li {
	font-size: 1.125em;
}

.page-content h2 {
  font-size: 1.5em;
	line-height: 120%;
	font-weight: 600;
  color: var(--main-black);
  margin-bottom: 20px;
}

.page-content h2 a {
  color: var(--main-red);
}

.page-content h3 {
  font-size: 1.375em;
	line-height: 120%;
	font-weight: 500;
  color: var(--main-black);
  margin-bottom: 16px;
}

.page-content h3 a {
  color: var(--main-red);
}

.page-content h4 {
	font-size: 1.125em;
	line-height: 120%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 12px;
}

.page-content h4 a {
  color: var(--main-red);
}

.page-content blockquote {
	padding: 20px;
	background-color: var(--main-light-gray);
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
}

.page-content blockquote p {
	font-size: 1.25em;
	font-weight: 500;
}

.page-content > div.block {
	padding: 20px;
	background-color: var(--main-light-gray);
	display: flex;
	flex-direction: column;
	margin-bottom: 16px;
}

.page-content > div.block a {
	color: var(--main-red);
}

.page-content > div.block:last-child {
	margin-bottom: 0px;
}

.page-content ul,
.page-content ol {
	margin-bottom: 16px;
	padding-left: 24px;
}

.page-content ul li,
.page-content ol li {
  font-size: 1em;
  line-height: 150%;
	font-weight: 400;
  margin-bottom: 8px;
  color: var(--main-black);
}

.page-content p {
  font-size: 1em;
  line-height: 150%;
	font-weight: 400;
  color: var(--main-black);
	margin-bottom: 16px;
}

.page-content a {
  text-decoration: underline;
  color: var(--main-red);
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	.page-content a:hover {
		color: var(--main-red);
	}
}

.page-content p:has(a.button.black) {
	font-size: 1em;
	display: flex;
	align-items: flex-start;
}

.page-content a.button.black {
	font-size: 1.25em;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-white);
	background: var(--main-black);
	border: 2px solid var(--main-black);
	text-decoration: none;
	padding: 16px 40px;
}

.page-content p span.star {
	color: var(--main-red);
}

.page-content p:has(.alignright) {
  clear: both;
  margin-bottom: 0px;
}

.page-content p img {
	max-width: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.page-content p img.alignright {
  float: right;
	max-width: 100%;
  margin-left: 16px;
  margin-bottom: 16px;
}

.page-content p:has(.alignleft) {
  clear: both;
  margin-bottom: 0px;
}

.page-content p img.alignleft {
  float: left;
	max-width: 100%;
  margin-right: 16px;
  margin-bottom: 16px;
}

.page-content p:has(.aligncenter) {
  clear: both;
}

.page-content p img.aligncenter {
	max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.page-content p:has(iframe),
.page-content .sketchfab-embed-wrapper {
  clear: both;
  padding-top: 56.25%;
  position: relative;
}

.page-content p iframe,
.page-content .sketchfab-embed-wrapper iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
	border-radius: 16px;
	overflow: hidden;
}

.page-content p b,
.page-content p strong {
	font-weight: 600;
}

.page-content *:last-child {
	margin-bottom: 0px;
}

.page-content * + p:has(iframe),
.page-content * + .sketchfab-embed-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
}

.page-content * + p:has(img.alignright),
.page-content * + p:has(img.alignleft),
.page-content * + p:has(img.alignnone),
.page-content * + p:has(img.aligncenter) {
  margin-top: 16px;
}

.page-content figure {
  width: 100%!important;
  position: relative;
  margin-top: 16px;
  clear: both;
}

.page-content figure img {
	max-width: 100%;
}

.page-content figure figcaption {
	font-size: 0.875em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-gray);
	margin-top: 10px;
}

.page-content figure.aligncenter {
	max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.page-content figure.aligncenter img {
	display: block;
	margin: 0px auto;
}

.page-content figure.aligncenter figcaption {
	text-align: center;
}

.page-content figure.alignleft {
	max-width: 100%;
  margin-right: 16px;
  float: left;
}

.page-content figure.alignleft + p {
  margin-top: 16px;
}

.page-content figure.alignright {
	max-width: 100%;
  margin-left: 16px;
  float: right;
}

.page-content figure.alignright + p {
  margin-top: 16px;
}

.page-content figure.alignright:first-child,
.page-content figure.alignleft:first-child {
  margin-top: 0px;
}

.page-content figure.alignright:first-child + p,
.page-content figure.alignleft:first-child + p {
  margin-top: 0px;
}

.page-content .gallery {
	margin: 16px -16px;
	overflow-x: clip;
}

.page-content .gallery .slick-slide {
	padding: 0px 16px;
	display: flex;
}

.page-content .gallery .slick-slide > div {
	display: flex;
	width: 100%;
}

.page-content .gallery figure {
	margin: 0px;
	padding: 0px;
	max-width: none;
	position: relative;
}

.page-content .gallery figure .gallery-icon {
	width: 100%;
	padding-top: 75%;
	position: relative;
}

.page-content .gallery figure .gallery-icon img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slick-slider .slick-dots {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 8px;
}

.slick-slider .slick-dots li {
	margin: 8px;
	display: flex;
}

.slick-slider .slick-dots li button {
	width: 20px;
	min-width: 20px;
	height: 20px;
	border: 1px solid var(--main-black);
	background-color: var(--main-white);
	font-size: 0px;
	color: transparent;
	transition: var(--fast);
}

.slick-slider .slick-dots li.slick-active button {
	background-color: var(--main-black);
}

@media screen and (max-width: 1439px) {
  .page-content h2 {
    font-size: 1.375em;
  }

	.page-content h3 {
		font-size: 1.25em;
	}

	.page-content blockquote {
		padding: 16px;
	}

	.page-content blockquote p {
		font-size: 1.125em;
	}

	.page-content blockquote::after,
	.page-content blockquote::before {
		width: 20px;
		min-width: 20px;
		height: 20px;
	}

	.page-content > div.block {
		padding: 16px;
	}

	.page-content .gallery {
		margin: 16px -12px;
	}
	
	.page-content .gallery .slick-slide {
		padding: 0px 12px;
	}

	.slick-slider .slick-dots {
		margin-top: 10px;
	}
	
	.slick-slider .slick-dots li {
		margin: 6px;
	}
	
	.slick-slider .slick-dots li button {
		width: 16px;
		min-width: 16px;
		height: 16px;
	}
}

@media screen and (max-width: 1199px) {
	.page-content .gallery {
		margin: 16px -10px;
	}
	
	.page-content .gallery .slick-slide {
		padding: 0px 10px;
	}

	.slick-slider .slick-dots li button {
		width: 14px;
		min-width: 14px;
		height: 14px;
	}

	.page-content a.button.black {
		font-size: 1em;
		padding: 14px 20px;
		text-align: center;
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.page-content ul li,
	.page-content ol li {
		margin-bottom: 6px;
	}

	.page-content .gallery {
		margin: 16px -8px;
	}
	
	.page-content .gallery .slick-slide {
		padding: 0px 8px;
	}

	.slick-slider .slick-dots li button {
		width: 12px;
		min-width: 12px;
		height: 12px;
	}
}

@media screen and (max-width: 767px) {
	.page-content h2 {
    font-size: 1.25em;
  }

	.page-content h3 {
		font-size: 1.125em;
	}

	.page-content h4 {
		font-size: 1em;
	}

  .page-content p img.alignright {
    float: none;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content p img.alignleft {
    float: none;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content .center-column {
    width: 100%;
  }

  .page-content p img.alignnone {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content p img.aligncenter {
    width: 100%;
  }

  .page-content figure {
    margin-top: 14px;
		margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
  }

  .page-content figure.aligncenter {
    width: 100%!important;
  }

  .page-content figure.alignleft {
    width: 100%!important;
    margin-right: auto;
    float: none;
  }

  .page-content figure.alignright {
    width: 100%!important;
    margin-left: auto;
    float: none;
  }
}

@media screen and (max-width: 575px) {
	.page-content h2 {
		margin-bottom: 14px;
  }

	.page-content h3 {
		margin-bottom: 12px;
	}

	.page-content h4 {
		margin-bottom: 12px;
	}

  .page-content p {
		margin-bottom: 12px;
		font-size: 0.875em;
	}

	.page-content blockquote p {
		font-size: 0.875em;
	}

	.page-content .content ul li, 
	.page-content .content ol li {
		font-size: 0.875em;
	}

	.page-content figure figcaption {
		font-size: 0.75em;
	}

	.page-content ul, 
	.page-content ol {
		padding-left: 18px;
	}

	.slick-slider .slick-dots li button {
		width: 10px;
		min-width: 10px;
		height: 10px;
	}
}

.cf7-row {
	display: flex;
	gap: 30px;
	margin-bottom: 20px;
}

form .cf7-row:nth-last-child(2) {
	margin-bottom: 0px;
}

.cf7-col {
  flex: 1;
}

.cf7-col input,
.cf7-col textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .cf7-row {
    flex-direction: column;
    gap: 16px;
		margin-bottom: 16px;
  }
}

.page-content form .cf7-row p {
	font-size: 1em;
}

.page-content form label {
	font-size: 0.875em;
	line-height: 150%;
	font-weight: 600;
	color: #666666;
	margin: 0px;
}

.page-content form .wpcf7-form-control-wrap {
	display: flex;
	flex-direction: column;
}

.page-content form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	font-size: 0.875em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-red);
	margin: 0px;
}

.page-content form input:not([type="submit"]),
.page-content form textarea {
	border: 2px solid #4f4f4f;
	padding: 15px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	box-shadow: none;
	background: transparent;
	outline: none;
	resize: none;
}

.page-content form input:not([type="submit"])::placeholder,
.page-content form textarea::placeholder {
	color: #666666;
}

.page-content form input[type="submit"] {
	font-size: 1.25em;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-white);
	background: var(--main-black);
	border: 2px solid var(--main-black);
	text-decoration: none;
	padding: 16px 40px;
	box-shadow: none;
	outline: none;
}

.page-content form p:has(.wpcf7-spinner) {
	position: relative;
}

.page-content form p .wpcf7-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: 0px;
}

.page-content .wpcf7 form .wpcf7-response-output {
	margin: 20px 0px 0px;
	border-color: var(--main-black);
	padding: 20px 15px;
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
}

@media screen and (max-width: 1199px) {
	.page-content form input[type="submit"] {
		font-size: 1em;
    padding: 14px 20px;
    text-align: center;
    width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.page-content .wpcf7 form .wpcf7-response-output {
		font-size: 0.875em;
		margin-top: 16px;
	}
}








































section.archive-exhibitions {
	padding-top: 60px;
}

section.archive-exhibitions .events-tabs {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap-reverse;
  align-items: flex-end;
	margin-top: 20px;
}

section.archive-exhibitions .events-tabs .tabs-nav {
	margin: 0px 0px 30px;
	padding: 0px 0px 0px 30px;
	display: flex;
	align-items: center;
}

section.archive-exhibitions .events-tabs .tabs-nav a.tab-link {
	border: 2px solid var(--main-black);
	padding: 8px 22px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	transition: var(--fast);
}

section.archive-exhibitions .events-tabs .tabs-nav a.tab-link:not(:first-child) {
	border-left: none;
}

section.archive-exhibitions .events-tabs .tabs-nav a.tab-link .tab-count {
	display: none;
}

section.archive-exhibitions .events-tabs .tabs-nav a.tab-link:nth-child(1).is-active {
	background: var(--main-yellow);
}

section.archive-exhibitions .events-tabs .tabs-nav a.tab-link:nth-child(2).is-active {
	background: var(--main-blue);
}

@media screen and (min-width: 576px) {
	section.archive-exhibitions .events-tabs .tabs-nav a.tab-link:nth-child(1):hover {
		background: var(--main-yellow);
	}

	section.archive-exhibitions .events-tabs .tabs-nav a.tab-link:nth-child(2):hover {
		background: var(--main-blue);
	}
}

section .filter-select-wrap {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 100%;
	min-height: 70px;
}

section .filter-select-wrap select {
	opacity: 0;
}

section .filter-select-wrap .select2-container {
	width: auto!important;
	/* width: 100%!important; */
	max-width: 100%;
	display: flex;
	align-items: center;
	left: auto!important;
	right: 0px!important;
}

section .filter-select-wrap .select2-container .selection {
	display: flex;
	align-items: center;
	max-width: 100%;
}

section .filter-select-wrap .select2-container .selection .select2-selection {
	display: flex;
	align-items: center;
	border: none;
	border: 2px solid transparent;
	padding: 18px;
	background: transparent;
	border-radius: 0px;
	height: auto;
}

section .filter-select-wrap .select2-container.select2-container--open .selection .select2-selection {
	border-color: var(--main-black);
}

section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__rendered {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	padding: 0px;
}

section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__arrow {
	position: relative;
	background: none;
	background-image: url(assets/img/slider-dots-full.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	min-width: 10px;
	height: auto;
	top: auto;
	right: auto;
	aspect-ratio: 10/16;
	margin-left: 10px;
	transform: rotate(90deg);
	transition: transform 375ms ease-in-out;
}

section .filter-select-wrap .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow {
	transform: rotate(-90deg);
}

section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__arrow b {
	display: none;
}

section .filter-select-wrap .select2-container:has(.select2-dropdown) {
	margin-top: -2px;
	z-index: 90;
	width: auto!important;
	max-width: none;
}

section .filter-select-wrap.on-left .select2-container:has(.select2-dropdown) {
	left: 0px!important;
	right: auto!important;
}

/* section .exhibitions-filters .filter-select-wrap:first-child .select2-container:has(.select2-dropdown) {
	left: 0px!important;
	right: auto!important;
} */

section .filter-select-wrap .select2-container:has(.select2-dropdown.select2-dropdown--above) {
	margin-top: 2px;
	z-index: 110;
}

section .filter-select-wrap .select2-container .select2-dropdown {
	position: relative;
	width: auto!important;
	border: 2px solid var(--main-black);
	border-radius: 0px;
}

section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option {
	padding: 18px 38px 18px 18px;
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	white-space: nowrap;
	color: var(--main-black);
	background: var(--main-white);
	transition: var(--fast);
	word-break: break-word;
}

section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
	background: var(--main-white);
}

@media screen and (min-width: 576px) {
	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option:hover,
	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted:hover {
		background: var(--main-blue);
	}
}

section.archive-exhibitions .exhibitions-wrap .title-wrap + .exhibitions-list {
	margin-top: 30px;
}

section.archive-exhibitions .exhibitions-wrap .exhibitions-list p.events-empty,
section.archive-exhibitions .exhibitions-wrap .exhibitions-grid p.events-empty {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section.archive-exhibitions .exhibitions-wrap:has(.exhibitions-filters) {
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

section.archive-exhibitions .exhibitions-wrap:has(.exhibitions-filters) .title-wrap {
	width: auto;
	margin-bottom: 30px;
}

section.archive-exhibitions .exhibitions-wrap .exhibitions-filters {
	width: auto;
	margin-bottom: 30px;
}

section.archive-exhibitions .exhibitions-wrap .exhibitions-list {
	width: 100%;
}

section.archive-exhibitions .exhibitions-wrap .exhibitions-filters {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

section.exhibitions .exhibitions-wrap .exhibitions-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 30px;
}

section .exhibitions-grid .exhibitions-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .exhibitions-grid .exhibitions-item .item-link {
	display: flex;
	flex-direction: column-reverse;
	text-decoration: none;
	width: 100%;
}

section .exhibitions-grid .exhibitions-item .item-link .thumbnail {
	display: flex;
	flex-direction: column;
	width: 100%;
	aspect-ratio: 442/328;
	border: 2px solid var(--main-black);
	position: relative;
	background: var(--main-light-gray);
}

section .exhibitions-grid.past-tab .exhibitions-item .item-link .thumbnail {
	opacity: 0.5;
}

section .exhibitions-grid .exhibitions-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section .exhibitions-grid .exhibitions-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section .exhibitions-grid .exhibitions-item .item-link .thumbnail .img-wrap img[src=""],
section .exhibitions-grid .exhibitions-item .item-link .thumbnail .img-wrap img:not([src]) {
	opacity: 0;
}

section .exhibitions-grid .exhibitions-item .item-link .caption {
	padding: 20px 0px 0px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .tag {
	display: none;
}

section .exhibitions-grid .exhibitions-item .item-link .caption p.h2 {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0px;
	order: 2;
}

@media screen and (min-width: 576px) {
	section .exhibitions-grid .exhibitions-item a.item-link:hover .caption p.h2 {
		text-decoration: underline;
	}
}

section .exhibitions-grid .exhibitions-item .item-link .caption .place {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .place .info {
	display: flex;
	flex-direction: column;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .place .info p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .place .info p.address {
	text-decoration: underline;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .dates {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .dates::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/dates-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .dates span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section .exhibitions-grid .exhibitions-item .item-link .caption .dates span.present {
	display: none;
}

@media screen and (max-width: 1439px) {
	section.archive-exhibitions {
		padding-top: 50px;
	}

	section.archive-exhibitions .events-tabs .tabs-nav a.tab-link {
		font-size: 1.125em;
	}

	section .filter-select-wrap {
		min-height: 67px;
	}

	section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__rendered {
		font-size: 1.125em;
	}

	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option {
		font-size: 1.125em;
	}

	section.archive-exhibitions .exhibitions-wrap .exhibitions-list p.events-empty,
	section.archive-exhibitions .exhibitions-wrap .exhibitions-grid p.events-empty {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 1199px) {
	section.archive-exhibitions {
		padding-top: 45px;
	}

	section.archive-exhibitions .events-tabs .tabs-nav {
		padding: 0px;
		margin: 0px 0px 20px;
	}

	section.archive-exhibitions .events-tabs .tabs-nav a.tab-link {
		font-size: 1em;
	}

	section .filter-select-wrap {
		min-height: 64px;
	}

	section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__rendered {
		font-size: 1em;
	}

	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option {
		font-size: 1em;
	}

	section.archive-exhibitions .exhibitions-wrap .title-wrap + .exhibitions-list {
		margin-top: 20px;
	}

	section.archive-exhibitions .exhibitions-wrap .exhibitions-list p.events-empty,
	section.archive-exhibitions .exhibitions-wrap .exhibitions-grid p.events-empty {
		font-size: 1em;
	}

	section.archive-exhibitions .exhibitions-wrap:has(.exhibitions-filters) .title-wrap {
		margin-bottom: 20px;
	}

	section.archive-exhibitions .exhibitions-wrap .exhibitions-filters {
		margin-bottom: 20px;
	}

	section.exhibitions .exhibitions-wrap .exhibitions-grid {
		gap: 30px 30px;
	}

	section .exhibitions-grid .exhibitions-item .item-link .caption p.h2 {
		font-size: 1.125em;
	}

	section .exhibitions-grid .exhibitions-item .item-link .caption .place .info p {
		font-size: 1em;
	}

	section .exhibitions-grid .exhibitions-item .item-link .caption .dates span {
		font-size: 1em;
	}
}

@media screen and (max-width: 991px) {
	section.archive-exhibitions {
		padding-top: 35px;
	}

	section.archive-exhibitions .exhibitions-wrap .title-wrap {
		margin-bottom: 0px;
	}

	section.archive-exhibitions .events-tabs .tabs-nav a.tab-link {
		font-size: 0.875em;
	}

	section .filter-select-wrap {
		min-height: 45px;
	}

	section .filter-select-wrap .select2-container .selection .select2-selection {
		padding: 10px 14px;
	}

	section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__rendered {
		font-size: 0.875em;
	}

	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option {
		font-size: 0.875em;
		padding: 10px 34px 10px 14px;
	}

	section.archive-exhibitions .exhibitions-wrap .exhibitions-list p.events-empty,
	section.archive-exhibitions .exhibitions-wrap .exhibitions-grid p.events-empty {
		font-size: 0.875em;
	}

	section.exhibitions .exhibitions-wrap .exhibitions-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	section.archive-exhibitions {
		padding-top: 30px;
	}

	section.archive-exhibitions .exhibitions-wrap .exhibitions-filters {
		width: 100%;
		justify-content: space-between;
	}
}

@media screen and (max-width: 575px) {
	section.archive-exhibitions .exhibitions-wrap:has(.exhibitions-filters) .title-wrap {
		margin-bottom: 14px;
	}

	section.archive-exhibitions .events-tabs {
		flex-wrap: wrap-reverse;
		align-items: flex-end;
		margin: 14px 0px;
	}

	section.archive-exhibitions .events-tabs .tabs-nav {
		margin: 0px;
	}

	/* section.archive-exhibitions .events-tabs .filter-select-wrap .select2-container:has(.select2-dropdown) {
		left: 0px!important;
		right: auto!important;
	} */

	section.archive-exhibitions .exhibitions-wrap .exhibitions-filters {
		margin-bottom: 0px;
		flex-wrap: wrap;
	}

	/* section .filter-select-wrap {
		width: 100%;
	} */

	section .filter-select-wrap .select2-container .selection .select2-selection {
		padding: 10px 6px 10px 0px;
		max-width: 100%;
	}

	section .filter-select-wrap .select2-container .selection .select2-selection .select2-selection__arrow {
		width: 6px;
		min-width: 6px;
		margin-left: 6px;
	}

	section .filter-select-wrap .select2-container:has(.select2-dropdown) {
		min-width: 290px;
		user-select: none;
		pointer-events: none;
	}

	section .filter-select-wrap .select2-container .select2-dropdown {
		user-select: auto;
		pointer-events: all;
	}

	section .filter-select-wrap .select2-container .select2-dropdown .select2-results__options .select2-results__option {
		white-space: normal;
		padding: 6px 12px 6px 6px;
	}

	section.exhibitions .exhibitions-wrap .exhibitions-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}






































section.single-exhibitions {
	display: flex;
	flex-direction: column;
}

section.single-exhibitions .single-thumbnail {
	aspect-ratio: 1905/630;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

section.single-exhibitions .single-thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section.single-exhibitions .single-thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.single-exhibitions .caption-box {
	border: 2px solid var(--main-black);
	background-color: var(--main-blue);
}

section.single-exhibitions .caption-box .single-caption {
	padding: 35px 30px;
}

section.single-exhibitions .caption-box .single-caption .single-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}

section.single-exhibitions .caption-box .single-caption .single-title h1 {
	font-size: 3em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 0px;
}

section.single-exhibitions .caption-box .single-caption .single-title .tag {
	width: fit-content;
	background: linear-gradient(225deg, transparent 12px, var(--main-black) 0) 100%, linear-gradient(45deg, transparent 12px, var(--main-black) 0) 0;
	background-size: 52% 100%;
	background-repeat: no-repeat;
	padding: 2px;
	margin-bottom: 0px;
	text-decoration: none;
}

section.single-exhibitions .caption-box .single-caption .single-title .tag span {
	width: 100%;
	height: 100%;
	padding: 12px 16px;
	font-size: 1.125em;
	line-height: 100%;
	font-weight: 400;
	color: var(--main-black);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: linear-gradient(225deg, transparent 11.4px, var(--main-yellow) 0) right / 52% 100% no-repeat, linear-gradient(45deg, transparent 11px, var(--main-yellow) 0) left / 52% 100% no-repeat;
}

section.single-exhibitions .caption-box .single-caption .place {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
}

section.single-exhibitions .caption-box .single-caption .place::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/place-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section.single-exhibitions .caption-box .single-caption .place .info p {
	display: inline;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .place .info a.address {
	display: inline;
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
	text-decoration: underline;
}

section.single-exhibitions .caption-box .single-caption .meta {
	display: flex;
	gap: 30px;
	margin-bottom: 14px;
}

section.single-exhibitions .caption-box .single-caption .meta .dates {
	display: flex;
	align-items: flex-start;
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .meta .dates::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/dates-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section.single-exhibitions .caption-box .single-caption .meta .dates span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .meta .times {
	display: flex;
	align-items: flex-start;
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .meta .times::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/time-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}


section.single-exhibitions .caption-box .single-caption .meta .times span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .price {
	display: flex;
	align-items: flex-start;
	margin-bottom: 14px;
}

section.single-exhibitions .caption-box .single-caption .price::before {
	content: '';
	width: 18px;
	min-width: 18px;
	height: auto;
	aspect-ratio: 1/1;
	margin-top: 5px;
	margin-right: 8px;
	background: transparent;
	background-image: url(assets/img/tickets-icon.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

section.single-exhibitions .caption-box .single-caption .price .info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

section.single-exhibitions .caption-box .single-caption .price .info span {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-black);
	margin: 0px;
}

section.single-exhibitions .caption-box .single-caption .buy-button {
	padding: 8px 16px;
	border: 2px solid var(--main-black);
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 500;
	color: var(--main-white);
	background: var(--main-black);
	box-shadow: none;
	pointer-events: none;
}

section.single-exhibitions .row > .col-12.col-post {
	max-width: 1150px;
}

section.single-exhibitions .page-content {
 	padding: 80px 0px 0px;
}

section.gallery-box {
	background: #2c2c2c;
	padding-bottom: 0px;
}

section.gallery-box + section {
	padding-top: 78px;
}

section.gallery-box .gallery-wrap {
	padding: 60px 0px;
	display: flex;
	flex-direction: column;
}

section.gallery-box .gallery-wrap .title-wrap {
	margin-bottom: 30px;
}

section.gallery-box .gallery-wrap .title-wrap h2 {
	color: var(--main-white);
}

section.gallery-box .gallery-wrap .gallery-slider {
	display: flex;
	align-items: center;
	padding: 0px 20px;
	gap: 20px;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-list {
	height: 100%;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-list .slick-track {
	display: flex;
	height: auto;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-list .slick-track .slick-slide {
	height: 100%;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-list .slick-track .slick-slide > div {
	height: 100%;
	display: flex;
	flex-direction: column;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-list .slick-track .slick-slide > div .slider-item {
	height: 100%;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item .thumbnail {
	/* height: 650px; */
	aspect-ratio: 1326 / 650;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption {
	padding-top: 35px;
	display: flex;
	flex-direction: column;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption p {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	text-align: center;
	margin-bottom: 16px;
}

section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption p:last-child {
	margin-bottom: 0px;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-arrow {
	width: 17px;
	min-width: 17px;
	aspect-ratio: 17/28;
	border: none;
	background: none;
	box-shadow: none;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: transparent;
	overflow: hidden;
}

section.gallery-box .gallery-wrap .gallery-slider .slick-arrow.slick-prev {
	background-image: url(assets/img/slider-arrow-left.svg);
}

section.gallery-box .gallery-wrap .gallery-slider .slick-arrow.slick-next {
	background-image: url(assets/img/slider-arrow-right.svg);
}

section.gallery-box .gallery-wrap .gallery-slider .slick-arrow.slick-disabled {
	opacity: 0.5;
	user-select: none;
	pointer-events: none;
}

section.media .media-wrap .title-wrap {
	margin-bottom: 30px;
}

section.media .media-wrap .materials-list {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--main-black);
	padding: 40px 40px 20px;
}

section.media .media-wrap .materials-list ul {
	column-count: 2;
	-moz-column-count: 2;
  -webkit-column-count: 2;
	column-gap: 20px;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

section.media .media-wrap .materials-list ul li {
	display: flex;
	margin-bottom: 20px;
	break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

section.media .media-wrap .materials-list ul li a {
	display: flex;
	align-items: center;
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
}

section.media .media-wrap .materials-list ul li a::before {
	content: '';
	width: 17px;
	min-width: 17px;
	aspect-ratio: 17/28;
	border: none;
	background: none;
	box-shadow: none;
	background-image: url(assets/img/slider-arrow-right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: transparent;
	overflow: hidden;
	margin-right: 20px;
}

@media screen and (max-width: 1439px) {
	section.single-exhibitions .page-content {
		padding: 70px 0px 0px;
	}

	section.gallery-box + section {
		padding-top: 70px;
	}
}

@media screen and (max-width: 1199px) {
	section.single-exhibitions .caption-box .single-caption {
		padding: 25px 0px;
	}

	section.single-exhibitions .caption-box .single-caption .single-title {
		flex-direction: column;
	}

	section.single-exhibitions .caption-box .single-caption .single-title h1 {
		font-size: 1.75em;
	}

	section.single-exhibitions .caption-box .single-caption .single-title .tag {
		margin-bottom: 14px;
	}

	section.single-exhibitions .caption-box .single-caption .single-title .tag span {
		font-size: 1em;
		padding: 10px 12px;
	}

	section.single-exhibitions .caption-box .single-caption .place .info p {
		font-size: 1em;
	}

	section.single-exhibitions .caption-box .single-caption .place .info a.address {
		font-size: 1em;
	}

	section.single-exhibitions .caption-box .single-caption .meta {
		gap: 24px;
	}

	section.single-exhibitions .caption-box .single-caption .meta .dates span {
		font-size: 1em;
	}

	section.single-exhibitions .caption-box .single-caption .meta .times span {
		font-size: 1em;
	}

	section.single-exhibitions .caption-box .single-caption .price .info span {
		font-size: 1em;
	}

	section.single-exhibitions .caption-box .single-caption .buy-button {
		padding: 6px 12px;
		font-size: 1em;
	}

	section.single-exhibitions .page-content {
		padding: 60px 0px 0px;
	}

	section.gallery-box + section {
		padding-top: 60px;
	}

	section.gallery-box .gallery-wrap {
		padding: 45px 0px;
	}
	
	section.gallery-box .gallery-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.gallery-box .gallery-wrap .gallery-slider {
		padding: 0px;
		gap: 16px;
	}

	section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption {
		padding-top: 20px;
	}

	section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption p {
		font-size: 1em;
	}

	section.media .media-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.media .media-wrap .materials-list {
		padding: 25px 20px 20px;
	}

	section.media .media-wrap .materials-list ul {
		column-gap: 15px;
	}

	section.media .media-wrap .materials-list ul li {
		margin-bottom: 15px;
	}

	section.media .media-wrap .materials-list ul li a {
		font-size: 1.125em;
	}

	section.media .media-wrap .materials-list ul li a::before {
		margin-right: 12px;
	}
}

@media screen and (max-width: 991px) {
	section.single-exhibitions .caption-box .single-caption .meta {
		flex-direction: column;
		gap: 14px;
	}

	section.media .media-wrap .materials-list {
		padding: 25px 20px 10px;
	}

	section.media .media-wrap .materials-list ul {
		column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
	}
}

@media screen and (max-width: 767px) {
	section.single-exhibitions .page-content {
		padding: 45px 0px 0px;
	}

	section.gallery-box + section {
		padding-top: 45px;
	}

	section.gallery-box .gallery-wrap {
		padding: 30px 0px;
	}

	section.gallery-box .gallery-wrap .gallery-slider {
		display: block;
	}

	section.media .media-wrap .materials-list ul li a::before {
		width: 12px;
		min-width: 12px;
		margin-right: 8px;
	}

	section.media .media-wrap .materials-list ul li a {
		font-size: 1em;
	}
}

@media screen and (max-width: 575px) {
	section.single-exhibitions .single-thumbnail {
		aspect-ratio: 4/2;
	}

	section.single-exhibitions .caption-box .single-caption .single-title h1 {
		font-size: 1.375em;
	}

	section.single-exhibitions .page-content {
		padding: 30px 0px 0px;
	}

	section.gallery-box + section {
		padding-top: 30px;
	}

	section.gallery-box .gallery-wrap .gallery-slider .slider-item .thumbnail {
		aspect-ratio: 4/3;
	}

	section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption {
		padding-top: 12px;
	}

	section.gallery-box .gallery-wrap .gallery-slider .slider-item .caption p {
		font-size: 0.875em;
	}

	section.media .media-wrap .materials-list {
		padding: 20px 15px 10px;
	}
}






































.museums-tabs-page section.museum-history:first-child {
	padding-top: 78px;
}

section.museum-history .history-wrap .title-wrap {
	margin-bottom: 30px;
}

.museums-tabs-page section .page-tabs {
	display: flex;
	justify-content: space-between;
}

.museums-tabs-page section .page-tabs .tab-button {
	border: 2px solid var(--main-black);
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 700;
	color: var(--main-black);
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	flex: 1;
	padding: 28px;
	background: transparent;
	transition: var(--fast);
	display: flex;
	align-items: center;
	justify-content: center;
}

.museums-tabs-page section .page-tabs .tab-button:not(:first-child) {
	border-left: none;
}

@media screen and (min-width: 576px) {
	.museums-tabs-page section .page-tabs .tab-button:nth-child(1):hover {
		background: var(--main-blue);
	}

	.museums-tabs-page section .page-tabs .tab-button:nth-child(2):hover {
		background: var(--main-yellow);
	}
}

.museums-tabs-page section .page-tabs .tab-button.active:nth-child(1) {
	background: var(--main-blue);
}

.museums-tabs-page section .page-tabs .tab-button.active:nth-child(2) {
	background: var(--main-yellow);
}

section.museum-history .history-wrap .simple-box {
	border: 2px solid var(--main-black);
	padding: 40px 0px 40px 30px;
	display: flex;
	justify-content: space-between;
}

section.museum-history .history-wrap .simple-box .caption {
	display: flex;
	flex-direction: column;
	width: 51%;
	padding-right: 50px;
}

section.museum-history .history-wrap .caption h3 {
	font-size: 1.75em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin-bottom: 20px;
}

section.museum-history .history-wrap .caption p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin-bottom: 16px;
}

section.museum-history .history-wrap .caption p:last-child {
	margin-bottom: 0px;
}

section.museum-history .history-wrap .caption .img-title {
	display: flex;
	align-items: center;
	margin-top: auto;
}

section.museum-history .history-wrap .caption .img-title span {
	font-size: 0.875em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	text-transform: uppercase;
}

section.museum-history .history-wrap .caption .img-title::after {
	content: '';
	width: 19px;
	min-width: 19px;
	aspect-ratio: 1/1;
	background: transparent;
	background-image: url(assets/img/slider-arrow-right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 25px;
}

section.museum-history .history-wrap .simple-box .thumbnail {
	display: flex;
	flex-direction: column;
	width: 49%;
	height: 100%;
}

section.museum-history .history-wrap .simple-box .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section.museum-history .history-wrap .simple-box .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

section.museum-history .history-wrap .thumbnail .img-title {
	display: none;
}

section.museum-history .history-wrap .columns-box {
	border: 2px solid var(--main-black);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 30px 30px 0px;
	gap: 60px 30px;
}

section.museum-history .history-wrap .columns-box .columns-item {
	width: calc((100% - 60px) / 3);
	display: flex;
	flex-direction: column;
	margin-bottom: -30px;
}

section.museum-history .history-wrap .columns-box .columns-item .caption {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 30px;
}

section.museum-history .history-wrap .columns-box .columns-item .thumbnail {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.museum-history .history-wrap .columns-box .columns-item .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	aspect-ratio: 3/4;
}

section.museum-history .history-wrap .columns-box .columns-item .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.museum-history .history-wrap .cards-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

section.museum-history .history-wrap .cards-box .cards-item {
	border: 2px solid var(--main-black);
	width: calc((100% - 30px) / 2);
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .cards-box .cards-item .thumbnail {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.museum-history .history-wrap .cards-box .cards-item .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	aspect-ratio: 675/430;
}

section.museum-history .history-wrap .cards-box .cards-item .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.museum-history .history-wrap .cards-box .cards-item .caption {
	border-top: 2px solid var(--main-black);
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .variable-box {
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .variable-box .variable-item {
	border: 2px solid var(--main-black);
	display: flex;
	justify-content: space-between;
}

section.museum-history .history-wrap .variable-box .variable-item:nth-child(2n + 2) {
	flex-direction: row-reverse;
}

section.museum-history .history-wrap .variable-box .variable-item:not(:first-child) {
	border-top: none;
}

section.museum-history .history-wrap .variable-box .variable-item .thumbnail {
	width: 41%;
	border-right: 2px solid var(--main-black);
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .variable-box .variable-item:nth-child(2n + 2) .thumbnail {
	border-right: none;
	border-left: 2px solid var(--main-black);
}

section.museum-history .history-wrap .variable-box .variable-item .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

section.museum-history .history-wrap .variable-box .variable-item .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.museum-history .history-wrap .variable-box .variable-item .caption {
	width: 59%;
	padding: 30px 40px;
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .variable-box .variable-item:nth-child(2n + 1) .caption .img-title {
	flex-direction: row-reverse;
	justify-content: flex-end;
}

section.museum-history .history-wrap .variable-box .variable-item:nth-child(2n + 1) .caption .img-title::after {
	background-image: url(assets/img/slider-arrow-left.svg);
	margin: 0px;
	margin-right: 25px;
}

section.museum-history .history-wrap .history-box {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--main-black);
	padding: 40px 40px 20px;
}

section.museum-history .history-wrap .history-box ul {
	column-count: 2;
	-moz-column-count: 2;
  -webkit-column-count: 2;
	column-gap: 20px;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

section.museum-history .history-wrap .history-box ul li {
	display: flex;
	margin-bottom: 20px;
	break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

section.museum-history .history-wrap .history-box ul li .list-item {
	display: flex;
	align-items: flex-start;
}

section.museum-history .history-wrap .history-box ul li .list-item::before {
	content: '';
	width: 17px;
	min-width: 17px;
	aspect-ratio: 17/28;
	border: none;
	background: none;
	box-shadow: none;
	background-image: url(assets/img/slider-arrow-right.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0px;
	line-height: 100%;
	font-weight: 400;
	color: transparent;
	overflow: hidden;
	margin-right: 20px;
	margin-top: 8px;
}

section.museum-history .history-wrap .history-box ul li .list-item .caption {
	display: flex;
	flex-direction: column;
}

section.museum-history .history-wrap .history-box ul li .list-item .caption span.dates {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
}

section.museum-history .history-wrap .history-box ul li .list-item .caption h3 {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

@media screen and (max-width: 1439px) {
	.museums-tabs-page section.museum-history:first-child {
		padding-top: 70px;
	}

	.museums-tabs-page section .page-tabs .tab-button {
		font-size: 1.125em;
		padding: 20px;
	}
}

@media screen and (max-width: 1199px) {
	.museums-tabs-page section.museum-history:first-child {
		padding-top: 60px;
	}

	section.museum-history .history-wrap .title-wrap {
		margin-bottom: 20px;
	}

	.museums-tabs-page section .page-tabs .tab-button {
		font-size: 1em;
		padding: 16px 8px;
	}

	section.museum-history .history-wrap .simple-box {
		padding: 20px;
		flex-direction: column;
	}

	section.museum-history .history-wrap .simple-box .caption {
		padding: 0px;
		width: 100%;
	}

	section.museum-history .history-wrap .caption h3 {
		font-size: 1.25em;
		margin-bottom: 18px;
	}

	section.museum-history .history-wrap .caption p:last-child {
		margin-bottom: 0px;
	}

	section.museum-history .history-wrap .caption .img-title {
		display: none;
	}

	section.museum-history .history-wrap .simple-box .thumbnail {
		width: 100%;
	}

	section.museum-history .history-wrap .thumbnail .img-title {
		display: flex;
		align-items: center;
		padding-top: 10px;
	}

	section.museum-history .history-wrap .thumbnail .img-title {
		font-size: 0.875em;
		line-height: 150%;
		font-weight: 400;
		color: var(--main-black);
		text-transform: uppercase;
	}

	section.museum-history .history-wrap .columns-box {
		padding: 30px 20px 0px;
		gap: 40px 20px;
	}

	section.museum-history .history-wrap .columns-box .columns-item {
		width: calc((100% - 20px) / 2);
		margin-bottom: -20px;
	}

	section.museum-history .history-wrap .columns-box .columns-item .caption {
		padding-bottom: 20px;
	}

	section.museum-history .history-wrap .cards-box {
		gap: 20px;
	}

	section.museum-history .history-wrap .cards-box .cards-item {
		width: calc((100% - 20px) / 2);
	}

	section.museum-history .history-wrap .variable-box {
		gap: 20px;
	}

	section.museum-history .history-wrap .variable-box .variable-item:nth-child(1n + 1) {
		flex-direction: column;
		border: 2px solid var(--main-black);
	}

	section.museum-history .history-wrap .variable-box .variable-item:nth-child(1n + 1) .thumbnail {
		width: 100%;
		border: none;
	}

	section.museum-history .history-wrap .variable-box .variable-item .thumbnail .img-title {
		padding: 10px 20px 0px;
	}

	section.museum-history .history-wrap .variable-box .variable-item .caption {
		width: 100%;
		padding: 20px;
	}

	section.museum-history .history-wrap .history-box {
		padding: 25px 20px 20px;
	}

	section.museum-history .history-wrap .history-box ul {
		column-gap: 15px;
	}

	section.museum-history .history-wrap .history-box ul li {
		margin-bottom: 15px;
	}

	section.museum-history .history-wrap .history-box ul li .list-item::before {
		margin-right: 12px;
		margin-top: 6px;
	}

	section.museum-history .history-wrap .history-box ul li .list-item .caption h3 {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 991px) {
	.museums-tabs-page section .page-tabs .tab-button {
		font-size: 0.875em;
		padding: 8px;
	}

	section.museum-history .history-wrap .history-box ul {
		column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
	}

	section.museum-history .history-wrap .history-box {
		padding: 25px 20px 10px;
	}

	section.museum-history .history-wrap .history-box ul li .list-item .caption h3 {
		font-size: 1.125em;
	}
}

@media screen and (max-width: 767px) {
	.museums-tabs-page section.museum-history:first-child {
		padding-top: 45px;
	}

	section.museum-history .history-wrap .columns-box .columns-item {
		width: 100%;
	}

	section.museum-history .history-wrap .cards-box .cards-item {
		width: 100%;
	}

	section.museum-history .history-wrap .history-box ul li .list-item::before {
		width: 12px;
    min-width: 12px;
    margin-right: 8px;
		margin-top: 6px;
	}

	section.museum-history .history-wrap .history-box ul li .list-item .caption span.dates {
		font-size: 0.875em;
	}

	section.museum-history .history-wrap .history-box ul li .list-item .caption h3 {
		font-size: 1em;
	}
}

@media screen and (max-width: 575px) {
	.museums-tabs-page section.museum-history:first-child {
		padding-top: 30px;
	}

	.museums-tabs-page section .page-tabs {
		flex-direction: column;
	}

	.museums-tabs-page section .page-tabs .tab-button:not(:first-child) {
		border-left: 2px solid var(--main-black);
		border-top: none;
	}

	section.museum-history .history-wrap .simple-box {
		padding: 20px 15px;
	}

	section.museum-history .history-wrap .caption h3 {
		font-size: 1.125em;
		margin-bottom: 16px;
	}

	section.museum-history .history-wrap .caption p {
		font-size: 0.875em;
		margin-bottom: 14px;
	}

	section.museum-history .history-wrap .caption p:last-child {
		margin-bottom: 0px;
	}

	section.museum-history .history-wrap .thumbnail .img-title {
		font-size: 0.75em;
	}

	section.museum-history .history-wrap .columns-box {
		padding: 20px 15px;
	}

	section.museum-history .history-wrap .variable-box .variable-item .thumbnail .img-title {
		padding: 10px 15px 0px;
	}

	section.museum-history .history-wrap .variable-box .variable-item .caption {
		padding: 20px 15px;
	}

	section.museum-history .history-wrap .history-box {
		padding: 20px 15px 10px;
	}
}






































section.coworkers .coworkers-wrap .title-wrap {
	margin-bottom: 30px;
}

section.coworkers .coworkers-wrap .coworkers-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px 30px;
	padding: 0px 30px;
}

section .coworkers-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .coworkers-item .item-link {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .coworkers-item .item-link .thumbnail {
	border: 2px solid var(--main-black);
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .coworkers-item .item-link .thumbnail .img-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .coworkers-item .item-link .thumbnail .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 324/280;
}

section .coworkers-item .item-link .caption {
	padding: 20px 0px 0px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .coworkers-item .item-link .caption p.h2 {
	font-size: 1.5em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 0px;
}

section .coworkers-item .item-link .caption p.position {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	opacity: 0.7;
	margin: 12px 0px 0px;
}

section .coworkers-item .item-link .caption p.phone {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 12px 0px 0px;
}

section .coworkers-item .item-link .caption p.email {
	font-size: 1.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	margin: 12px 0px 0px;
}

@media screen and (max-width: 1199px) {
	section.coworkers .coworkers-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.coworkers .coworkers-wrap .coworkers-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px 30px;
		padding: 0px;
	}

	section .coworkers-item .item-link .caption {
		padding-top: 14px;
	}

	section .coworkers-item .item-link .caption p.h2 {
		font-size: 1.125em;
	}

	section .coworkers-item .item-link .caption p.position {
		font-size: 0.875em;
		margin-top: 8px;
	}

	section .coworkers-item .item-link .caption p.phone {
		font-size: 0.875em;
		margin-top: 8px;
	}

	section .coworkers-item .item-link .caption p.email {
		font-size: 0.875em;
		margin-top: 8px;
	}
}

@media screen and (max-width: 991px) {
	section.coworkers .coworkers-wrap .coworkers-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 575px) {
	section.coworkers .coworkers-wrap .coworkers-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}






































section.materials .materials-wrap .materials-grid:has(.page-item) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 30px;
}

section .materials-grid .page-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .materials-grid .page-item .item-link {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	width: 100%;
	height: 100%;
	border: 2px solid var(--main-black);
	background: transparent;
	transition: var(--fast);
	position: relative;
	clip-path: polygon(
    0 0,
    calc(100% - 50px) 0,
    100% 50px,
    100% 100%,
    100% 100%,
    50px 100%,
    0 calc(100% - 50px),
    0 0
  );
	overflow: hidden;
}

section .materials-grid .page-item .item-link::before {
	content: '';
	width: 0;
	height: 0;
	left: -2px;
	bottom: -2px;
	position: absolute;
	border-style: solid;
	border-width: 53px 0 0 53px;
	border-color: transparent transparent transparent var(--main-black);
}

section .materials-grid .page-item .item-link::after {
	content: '';
	width: 0;
	height: 0;
	right: -2px;
	top: -2px;
	position: absolute;
	border-style: solid;
	border-width: 0 53px 53px 0;
	border-color: transparent var(--main-black) transparent transparent;
}

section .materials-grid .page-item .item-link .caption {
	padding: 50px 30px 50px 60px;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .materials-grid .page-item .item-link .caption p.h2 {
	font-size: 2.25em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0px;
}

section .materials-grid .page-item .item-link .caption p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-gray);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 16px 0px 0px;
	transition: var(--fast);
}

@media screen and (min-width: 576px) {
	section .materials-grid .page-item .item-link:hover {
		background: var(--main-orange);
	}

	section .materials-grid .page-item .item-link:hover .caption p.text {
		color: var(--main-black);
	}
}

@media screen and (max-width: 1199px) {
	section.materials .materials-wrap .materials-grid:has(.page-item) {
		gap: 30px 20px;
	}

	section .materials-grid .page-item .item-link {
		clip-path: polygon(
			0 0,
			calc(100% - 30px) 0,
			100% 30px,
			100% 100%,
			100% 100%,
			30px 100%,
			0 calc(100% - 30px),
			0 0
		);
	}

	section .materials-grid .page-item .item-link::before {
		border-width: 33px 0 0 33px;
	}

	section .materials-grid .page-item .item-link::after {
		border-width: 0 33px 33px 0;
	}

	section .materials-grid .page-item .item-link .caption {
		padding: 30px 20px;
	}

	section .materials-grid .page-item .item-link .caption p.h2 {
		font-size: 1.375em;
	}

	section .materials-grid .page-item .item-link .caption p.text {
		font-size: 0.875em;
		margin-top: 14px;
	}
}

@media screen and (max-width: 767px) {
	section.materials .materials-wrap .materials-grid:has(.page-item) {
		gap: 20px;
	}

	section.materials .materials-wrap .materials-grid:has(.page-item) {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 575px) {
	section .materials-grid .page-item .item-link {
		clip-path: polygon(
			0 0,
			calc(100% - 20px) 0,
			100% 20px,
			100% 100%,
			100% 100%,
			20px 100%,
			0 calc(100% - 20px),
			0 0
		);
	}

	section .materials-grid .page-item .item-link::before {
		border-width: 23px 0 0 23px;
	}

	section .materials-grid .page-item .item-link::after {
		border-width: 0 23px 23px 0;
	}

	section .materials-grid .page-item .item-link .caption {
		padding: 20px 15px;
	}

	section .materials-grid .page-item .item-link .caption p.text {
		margin-top: 12px;
	}
}






































section .materials-list .page-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section .materials-list .page-item .item-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	width: 100%;
	border: 2px solid var(--main-black);
	background: transparent;
	transition: var(--fast);
	position: relative;
}

section .materials-list .page-item:not(:first-child) .item-link {
	border-top: none;
}

section .materials-list .page-item .item-link .caption {
	padding: 24px 20px;
	display: flex;
	align-items: center;
	width: 100%;
	gap: 20px;
}

section .materials-list .page-item .item-link .caption p.h2 {
	font-size: 2em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0px;
	width: 45%;
}

section .materials-list .page-item .item-link .caption p.text {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0px;
	width: calc(55% - 20px);
}

@media screen and (min-width: 576px) {
	section .materials-list .page-item .item-link:hover {
		background: var(--main-green);
	}
}

@media screen and (max-width: 1199px) {
	section .materials-list .page-item .item-link .caption {
		flex-direction: column;
		gap: 14px;
	}

	section .materials-list .page-item .item-link .caption p.h2 {
		font-size: 1.375em;
		width: 100%;
	}

	section .materials-list .page-item .item-link .caption p.text {
		font-size: 0.875em;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	section.materials .materials-wrap .materials-list:has(.page-item) {
		gap: 0px;
	}
}

@media screen and (max-width: 575px) {
	section .materials-list .page-item .item-link .caption {
		padding: 20px 15px;
		gap: 12px;
	}

	section .materials-list .page-item .item-link .caption p.h2 {
		font-size: 1.125em;
	}
}






































section.public-procurement-page {
	padding-top: 78px;
}

section.public-procurement-page .procurement-wrap {
	padding: 0px 30px;
}

section.public-procurement-page .procurement-wrap .title-wrap {
	margin-bottom: 30px;
	padding: 0px;
}

section.public-procurement-page .procurement-wrap .years-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 40px;
	margin-top: 70px;
}

section.public-procurement-page .procurement-wrap .years-list .years-item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.public-procurement-page .procurement-wrap .years-list .years-item h2.title {
	font-size: 1.75em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	padding-bottom: 20px;
	border-bottom: 2px solid #d9d9d9;
	margin: 0px;
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: flex;
	flex-direction: column;
	width: 100%;
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0px;
	border-bottom: 2px solid #d9d9d9;
	gap: 10px;
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item a.file-link {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	text-decoration: none;
	margin: 0px;
	display: flex;
	align-items: center;
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item span.status {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	margin: 0px;
	display: flex;
	align-items: center;
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item span.status.active {
	color: var(--main-green);
}

section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item span.status.done {
	color: var(--main-red);
}

@media screen and (max-width: 1439px) {
	section.public-procurement-page {
		padding-top: 70px;
	}

	section.public-procurement-page .procurement-wrap .years-list {
		margin-top: 60px;
		gap: 35px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item h2.title {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 1199px) {
	section.public-procurement-page {
		padding-top: 60px;
	}

	section.public-procurement-page .procurement-wrap {
		padding: 0px;
	}

	section.public-procurement-page .procurement-wrap .title-wrap {
		margin-bottom: 20px;
	}

	section.public-procurement-page .procurement-wrap .years-list {
		margin-top: 50px;
		gap: 30px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item h2.title {
		font-size: 1.25em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	section.public-procurement-page {
		padding-top: 45px;
	}

	section.public-procurement-page .procurement-wrap .years-list {
		margin-top: 40px;
		gap: 30px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item h2.title {
		padding-bottom: 10px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item {
		padding: 10px 0px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item a.file-link {
		font-size: 0.875em;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item span.status {
		font-size: 0.875em;
	}
}

@media screen and (max-width: 575px) {
	section.public-procurement-page {
		padding-top: 30px;
	}

	section.public-procurement-page .procurement-wrap .years-list {
		margin-top: 20px;
		gap: 20px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item {
		gap: 6px;
	}

	section.public-procurement-page .procurement-wrap .years-list .years-item ul.file-list li.file-item span.status {
		font-size: 0.75em;
	}
}






































section.error-404 {
	flex: 1;
	margin: 0px;
	align-items: center;
	justify-content: center;
}

section.error-404 .error-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

section.error-404 .error-wrap h1 {
	font-size: 5em;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-purple);
	text-align: center;
	margin-bottom: 30px;
}

section.error-404 .error-wrap h2 {
	font-size: 2.375em;
	line-height: 150%;
	font-weight: 600;
	color: var(--main-black);
	text-align: center;
	margin-bottom: 14px;
}

section.error-404 .error-wrap p {
	font-size: 1em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-black);
	max-width: 600px;
	text-align: center;
	margin-bottom: 40px;
}

section.error-404 .error-wrap a.button {
	font-size: 1.25em;
	line-height: 100%;
	font-weight: 600;
	color: var(--main-white);
	background: var(--main-black);
	border: 2px solid var(--main-black);
	text-decoration: none;
	text-align: center;
	padding: 16px 40px;
}

@media screen and (max-width: 1199px) {
	section.error-404 .error-wrap h1 {
		font-size: 3.5em;
		margin-bottom: 20px;
	}

	section.error-404 .error-wrap h2 {
		font-size: 1.375em;
	}

	section.error-404 .error-wrap p {
		font-size: 0.875em;
		margin-bottom: 30px;
	}

	section.error-404 .error-wrap a.button {
		font-size: 1em;
		padding: 14px 20px;
		text-align: center;
	}
}






































/* ПАНЕЛЬ */
#a11y-panel {
	position: fixed;
	right: 20px;
	bottom: 20px;
	max-width: 500px;
	width: 100%;
	max-height: calc(100svh - 100px);
	overflow-y: auto;
	background: var(--main-white);
	border-radius: 0px;
	padding: 20px;
	display: none;
	z-index: 9999;
	flex-wrap: wrap;
	gap: 20px;
	border: 2px solid var(--main-black);
	box-shadow: 0 0 10px #0000001a;
	font-size: 100%!important;
	line-height: 1!important;
	letter-spacing: 0rem!important;
}

#a11y-panel * {
	line-height: 1!important;
	letter-spacing: 0rem!important;
}

#a11y-panel.open {
	display: flex;
}

#a11y-panel .top-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 20px;
}

#a11y-panel .top-wrap .a11y-close {
	width: 48px;
	min-width: 48px;
	height: 48px;
	background-image: url(assets/img/menu-burger-close-white.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40% 40%;
	border: none;
	background-color: var(--main-black);
	border-radius: 0px;
}

#a11y-panel .top-wrap p.h2 {
	font-size: 1.125em;
	line-height: 150%;
	font-weight: 400;
	color: var(--main-white);
	background-color: var(--main-black);
	padding: 15px 16px;
	flex: 1;
	text-align: center!important;
	border-radius: 0px;
	margin: 0px;
}

/* КНОПКИ */
.a11y-btn {
	width: calc((100% - 40px) / 3);
	background: var(--main-white);
	border-radius: 0px;
	padding: 25px 12px 12px;
	color: var(--main-black);
	border: 2px solid var(--main-black);
	text-align: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 576px) {
	.a11y-btn:hover {
		box-shadow: 0 0 5px #00000080;
	}
}

.a11y-btn::before {
	content: '';
	width: 30px;
	min-width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(assets/img/a11y-text-icon-black.svg);
	margin-bottom: 10px;
}

.a11y-btn.text::before {
	background-image: url(assets/img/a11y-text-icon-black.svg);
}

.a11y-btn.line::before {
	background-image: url(assets/img/a11y-line-icon-black.svg);
}

.a11y-btn.letter::before {
	background-image: url(assets/img/a11y-letter-icon-black.svg);
}

.a11y-btn.align::before {
	background-image: url(assets/img/a11y-align-icon-black.svg);
}

.a11y-btn.align.center::before {
	background-image: url(assets/img/a11y-align-center-icon-black.svg);
}

.a11y-btn.align.right::before {
	background-image: url(assets/img/a11y-align-right-icon-black.svg);
}

.a11y-btn.invert::before {
	background-image: url(assets/img/a11y-invert-icon-black.svg);
}

.a11y-btn.grayscale::before {
	background-image: url(assets/img/a11y-grayscale-icon-black.svg);
}

.a11y-btn.saturation::before {
	background-image: url(assets/img/a11y-saturation-icon-black.svg);
}

.a11y-btn.contrast::before {
	background-image: url(assets/img/a11y-contrast-icon-black.svg);
}

.a11y-btn.images::before {
	background-image: url(assets/img/a11y-images-icon-black.svg);
}

.a11y-btn.videos::before {
	background-image: url(assets/img/a11y-videos-icon-black.svg);
}

.a11y-btn.cursor::before {
	background-image: url(assets/img/a11y-cursor-icon-black.svg);
}

.a11y-btn.highlight::before {
	background-image: url(assets/img/a11y-highlight-icon-black.svg);
}

.a11y-btn.text:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-text-icon-white.svg);
}

.a11y-btn.line:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-line-icon-white.svg);
}

.a11y-btn.letter:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-letter-icon-white.svg);
}

.a11y-btn.align:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-align-icon-white.svg);
}

.a11y-btn.align.center:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-align-center-icon-white.svg);
}

.a11y-btn.align.right:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-align-right-icon-white.svg);
}

.a11y-btn.invert:has(.indicator.single).active::before {
	background-image: url(assets/img/a11y-invert-icon-white.svg);
}

.a11y-btn.grayscale:has(.indicator.single).active::before {
	background-image: url(assets/img/a11y-grayscale-icon-white.svg);
}

.a11y-btn.saturation:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-saturation-icon-white.svg);
}

.a11y-btn.contrast:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-contrast-icon-white.svg);
}

.a11y-btn.highlight:has(.indicator.single).active::before {
	background-image: url(assets/img/a11y-highlight-icon-white.svg);
}

.a11y-btn.images:has(.indicator.single).active::before {
	background-image: url(assets/img/a11y-images-icon-white.svg);
}

.a11y-btn.videos:has(.indicator.single).active::before {
	background-image: url(assets/img/a11y-videos-icon-white.svg);
}

.a11y-btn.cursor:has(.indicator span.active)::before {
	background-image: url(assets/img/a11y-cursor-icon-white.svg);
}

.a11y-btn .label {
	font-size: 1em;
	line-height: 120%;
	font-weight: 500;
	word-break: break-word;
	text-align: center!important;
}

/* ІНДИКАТОР */
.indicator {
	width: 100%;
	margin: 10px auto 0;
	display: flex;
	gap: 6px;
	justify-content: center;
}

.indicator span {
	height: 3px;
	width: 100%;
	flex: 1;
	background: rgba(255,255,255,.35);
	border-radius: 0px;
}

.indicator span.active {
	background: var(--main-white);
}

.a11y-btn:has(.indicator span.active) {
	background-color: var(--main-black);
	color: var(--main-white);
}

/* ОДИНАРНИЙ ІНДИКАТОР */
.indicator.single {
	width: 100%;
	height: 3px;
	background: rgba(255,255,255,.35);
	border-radius: 0px;
	margin: 10px auto 0;
}

.a11y-btn:has(.indicator.single).active {
	background-color: var(--main-black);
	color: var(--main-white);
}

.a11y-btn.active .indicator.single {
	background: var(--main-white);
}

/* RESET */
#a11y-reset {
	width: 100%;
	background: var(--main-black);
	color: var(--main-white);
	border: none;
	border-radius: 0px;
	padding: 1.25em 1em;
	cursor: pointer;
	text-align: center!important;
}

/* ===== ACCESSIBILITY CLASSES ===== */

.a11y-text-1 > * { font-size: 110%!important; }
.a11y-text-2 > * { font-size: 120%!important; }
.a11y-text-3 > * { font-size: 130%!important; }

.a11y-line-1 * { line-height: 1.5!important; }
.a11y-line-2 * { line-height: 1.8!important; }
.a11y-line-3 * { line-height: 2!important; }

.a11y-letter-1 * { letter-spacing: .1rem!important; }
.a11y-letter-2 * { letter-spacing: .15rem!important; }
.a11y-letter-3 * { letter-spacing: .2rem!important; }

.a11y-align-1 * { text-align: left!important; }
.a11y-align-2 * { text-align: center!important; }
.a11y-align-3 * { text-align: right!important; }

.a11y-highlight-links *:not(.thumbnail) > a { background: yellow!important; color: black!important; outline: 2px solid #000!important; }

.a11y-contrast-1 > * { filter: contrast(0.8)!important; }
.a11y-contrast-2 > * { filter: contrast(1.5)!important; }
.a11y-contrast-3 > * { filter: contrast(2)!important; }

.a11y-sat-low > * { filter: saturate(0.2)!important; }
.a11y-sat-high > * { filter: saturate(2)!important; }

.a11y-invert > * { filter: invert(1) hue-rotate(180deg)!important; }
.a11y-grayscale > * { filter: grayscale(1)!important; }

.a11y-contrast-1.a11y-sat-low > * { filter: contrast(0.8) saturate(0.2)!important; }
.a11y-contrast-1.a11y-sat-high > * { filter: contrast(0.8) saturate(2)!important; }
.a11y-contrast-2.a11y-sat-low > * { filter: contrast(1.5) saturate(0.2)!important; }
.a11y-contrast-2.a11y-sat-high > * { filter: contrast(1.5) saturate(2)!important; }
.a11y-contrast-3.a11y-sat-low > * { filter: contrast(2) saturate(0.2)!important; }
.a11y-contrast-3.a11y-sat-high > * { filter: contrast(2) saturate(2)!important; }

.a11y-contrast-1.a11y-invert > * { filter: contrast(0.8) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-2.a11y-invert > * { filter: contrast(1.5) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-3.a11y-invert > * { filter: contrast(2) invert(1) hue-rotate(180deg)!important; }

.a11y-contrast-1.a11y-grayscale > * { filter: contrast(0.8) grayscale(1)!important; }
.a11y-contrast-2.a11y-grayscale > * { filter: contrast(1.5) grayscale(1)!important; }
.a11y-contrast-3.a11y-grayscale > * { filter: contrast(2) grayscale(1)!important; }

.a11y-sat-low.a11y-invert > * { filter: saturate(0.2) invert(1) hue-rotate(180deg)!important; }
.a11y-sat-high.a11y-invert > * { filter: saturate(2) invert(1) hue-rotate(180deg)!important; }

.a11y-sat-low.a11y-grayscale > * { filter: saturate(0.2) grayscale(1)!important; }
.a11y-sat-high.a11y-grayscale > * { filter: saturate(2) grayscale(1)!important; }

.a11y-invert.a11y-grayscale > * { filter: invert(1) hue-rotate(180deg) grayscale(1)!important; }

.a11y-contrast-1.a11y-sat-low.a11y-invert > * { filter: contrast(0.8) saturate(0.2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-1.a11y-sat-high.a11y-invert > * { filter: contrast(0.8) saturate(2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-1.a11y-sat-low.a11y-grayscale > * { filter: contrast(0.8) saturate(0.2) grayscale(1)!important; }
.a11y-contrast-1.a11y-sat-high.a11y-grayscale > * { filter: contrast(0.8) saturate(2) grayscale(1)!important; }
.a11y-contrast-1.a11y-invert.a11y-grayscale > * { filter: contrast(0.8) invert(1) hue-rotate(180deg) grayscale(1)!important; }
.a11y-contrast-2.a11y-sat-low.a11y-invert > * { filter: contrast(1.5) saturate(0.2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-2.a11y-sat-high.a11y-invert > * { filter: contrast(1.5) saturate(2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-2.a11y-sat-low.a11y-grayscale > * { filter: contrast(1.5) saturate(0.2) grayscale(1)!important; }
.a11y-contrast-2.a11y-sat-high.a11y-grayscale > * { filter: contrast(1.5) saturate(2) grayscale(1)!important; }
.a11y-contrast-2.a11y-invert.a11y-grayscale > * { filter: contrast(1.5) invert(1) hue-rotate(180deg) grayscale(1)!important; }
.a11y-contrast-3.a11y-sat-low.a11y-invert > * { filter: contrast(2) saturate(0.2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-3.a11y-sat-high.a11y-invert > * { filter: contrast(2) saturate(2) invert(1) hue-rotate(180deg)!important; }
.a11y-contrast-3.a11y-sat-low.a11y-grayscale > * { filter: contrast(2) saturate(0.2) grayscale(1)!important; }
.a11y-contrast-3.a11y-sat-high.a11y-grayscale > * { filter: contrast(2) saturate(2) grayscale(1)!important; }
.a11y-contrast-3.a11y-invert.a11y-grayscale > * { filter: contrast(2) invert(1) hue-rotate(180deg) grayscale(1)!important; }

.a11y-hide-images img { display: none; }

.a11y-hide-videos video { display: none; }
.a11y-hide-videos iframe[src*="youtube.com"] { display: none; }

#cursor {
	position: fixed;
	z-index: 999999999;
	pointer-events: none;
	top: 0;
	left: 0;
}

.a11y-cursor-1 #cursor {
	width: 50px;
	height: 50px;
	aspect-ratio: 1 / 1;
	background: #ff000080;
	border: 2px solid #fff;
	box-shadow: 0 0 20px 0 #fff;
	border-radius: 50%;
	/* mix-blend-mode: difference; */
	/* transition: all .1s ease; */
	transform-origin: center;
	transform: translate(-50%, -50%);
}

.a11y-cursor-2 #cursor {
	width: 100%;
	height: 15vh;
	background: transparent;
	border: 10px solid #fff;
	border-left: 0;
	border-right: 0;
	box-shadow: 0 0 0 100vh #0000007f;
	transition: none;
	transform: translateY(-50%);
}

.a11y-cursor-3 #cursor {
	width: 25vw;
	height: 8px;
	background: #000;
	border: yellow 2px solid;
	/* transition: all .1s ease; */
	transform-origin: center;
	transform: translate(-50%, 50%);
}

.a11y-cursor-3 #cursor::before {
	content: '';
	width: 1px;
	height: 1px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid yellow;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	/* transition: all .1s ease; */
	z-index: 999999998;
	pointer-events: none;
}

html:has(.a11y-cursor-3) { cursor: none; }

@media screen and (max-width: 1199px) {
	#a11y-panel {
		right: 15px;
		bottom: 15px;
		max-height: calc(100svh - 90px);
	}

	.a11y-btn::before {
		width: 28px;
		min-width: 28px;
		height: 28px;
	}
}

@media screen and (max-width: 767px) {
	#a11y-panel {
		left: 10px;
		right: 10px;
		bottom: 10px;
		max-width: none;
		width: auto;
		padding: 16px;
		gap: 16px;
	}

	.a11y-btn {
		width: calc((100% - 32px) / 3);
	}

	#a11y-panel .top-wrap {
		gap: 16px;
	}

	.a11y-btn::before {
		width: 26px;
		min-width: 26px;
		height: 26px;
	}
}

@media screen and (max-width: 575px) {
	#a11y-panel {
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 0px;
		padding: 12px;
		gap: 12px;
		max-height: none;
		flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
		width: 100%;
    border-radius: 0px;
	}

	#a11y-panel .top-wrap {
		gap: 12px;
	}

	#a11y-panel .top-wrap .a11y-close {
		width: 35px;
		min-width: 35px;
		height: 35px;
	}

	#a11y-panel .top-wrap p.h2 {
		font-size: 1em;
		padding: 9.5px 10px;
	}

	.a11y-btn {
		width: calc((100% - 12px) / 2);
		font-size: 0.875em;
		padding: 16px 8px 8px;
		border-radius: 0px;
	}

	.a11y-btn::before {
		width: 24px;
		min-width: 24px;
		height: 24px;
	}

	.indicator {
		margin-top: 6px;
	}

	.indicator span {
		height: 2px;
	}

	.indicator.single {
		height: 2px;
		margin-top: 6px;
	}

	#a11y-reset {
		font-size: 0.875em;
		padding: 0.875em 0.875em;
	}
}