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

html {
	height: 100%;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
}

body {
	height: 100%;
	overflow-x: hidden;
	background: #f0f0f5;
}

ul {
	list-style: none;
}
ul.list_dots {
	/list-style-type:disc;
	list-style-type:circle;
	list-style-position: inside;
}

#page_loader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #f0f0f5;
	z-index: 1000;
}

.spinner_loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -7px;

	width: 70px;
	text-align: center;
}

.spinner_loader > div {
	width: 14px;
	height: 14px;
	background-color: #bbb;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner_loader .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner_loader .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}

.nav_wrapper {
	position: fixed;
	top: -2px;
	right: -2px;
	width: 0;
	height: 100%;
	/background: #fbcb5d;
	/background: #f08f06;
	background: #f2e3d5;
	z-index: 998;
}

.nav_content {
	width: 100%;
	height: inherit;
	padding: 18%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: flex-start;
	opacity: 0;
}

.flex_row {
	flex: 0 1 auto;
	align-self: stretch;
	z-index: 100;
}

.menu_item {
	display: inline-block;
	position: relative;
	font: 400 28px/1.4 'Fira Sans Condensed', sans-serif;
	color: #006e81;
	text-transform: uppercase;
	overflow: hidden;
}

.menu_item:after {
	content: attr(data-text);
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 0;
	color: #000;
	text-decoration: none;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	overflow: hidden;
}

.menu_item:hover {
	color: #006e81;
	text-decoration: none;
}

.menu_item:hover:after {
	color: #000;
	width: 100%;
}

.lang_item_wrapper {
	display: inline-block;
	position: relative;
	margin-right: 14px;
	list-style-type: none;
	overflow: hidden;
}

.lang_item_wrapper:last-of-type {
	margin-right: 0;
}

.language {
	display: inline-block;
	position: relative;
	font: 400 14px/1.5 Roboto, sans-serif;
	color: #006e81;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

/*
BEFORE - маска текста
*/
.language:before {
	content: attr(data-text);
	color: #000;
	position: absolute;
	display: inline-block;
	left: 0;
	top: 100%;
/ width: 100 %;
/ overflow: hidden;
	transition: all 0.4s cubic-bezier(.5, 0, 0, 1);
}

.language:hover {
	text-decoration: none;
	color: #006e81;
}

.language:hover:before {
	color: #000;
	width: 100%;
	transition: all 0.6s cubic-bezier(.5, 0, 0, 1);
}

.lang_item_wrapper:hover .language {
	-moz-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.l_active .language {
	pointer-events: none;
	color: #000 !important;
}

.lang_item_wrapper.l_active {
	pointer-events: none;
}

.lang_item_wrapper.l_active .language:before {
	display: none;
}

.content_mask {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	visibility: hidden;
	z-index: 996;
}

.menu_trigger_wrapper {
	position: fixed;
	background: #fff;
	outline: none;
	width: 44px;
	height: 42px;
	top: 10%;
	right: 5%;
	cursor: pointer;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	z-index: 997;
}

.menu_trigger {
	position: absolute;
	width: 24px;
	height: 20px;
	top: 50%;
	left: 50%;
	overflow: hidden;
	background: none;
	z-index: 1;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.menu_trigger span {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px; /* высота линии */
	background: #000;

	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;

	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

.menu_trigger span:nth-child(1) {
	top: 0;
	margin-top: 1px;
	-webkit-transition-property: all, -webkit-transform;
	transition-property: all, transform;
}

.menu_trigger span:nth-child(2) {
	top: 50%;
	right: 0;
	margin-top: -1px; /* центрируем middle line = (line height / 2) */
	-webkit-transition-property: all, -webkit-transform;
	transition-property: all, transform;
}

.menu_trigger span:nth-child(3) {
	top: 100%;
	margin-top: -3px; /* центрируем bottom line = (- line_height) */
	-webkit-transition-property: all, -webkit-transform;
	transition-property: all, transform;
}

/* ---------- after hover ---------- */
.menu_trigger_wrapper:hover {
}

.menu_trigger_wrapper:hover span {
}

.menu_trigger_wrapper:hover span:nth-child(1) {
}

.menu_trigger_wrapper:hover span:nth-child(2) {
	transform-origin: right center;
	transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
/ transform: translateX(4 px); /* полная ширина линии .menu_trigger (минус) ширина необходимая тут (делить на 2) */
	width: 16px;
}

.menu_trigger_wrapper:hover span:nth-child(3) {
}

/* ---------- after click ---------- */
.menu_trigger_wrapper.active {
	background: rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

/* ---------- after active --------- */
.menu_trigger_wrapper.active {
	background: rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-delay: 0s, 0s;
	transition-delay: 0s, 0s;
}

/* ---------- after active --------- */
.menu_trigger_wrapper.active span {
	background: #000;
	-webkit-transition-duration: 0.3s;
	transition-duration: 1.2s;
}

.menu_trigger_wrapper.active span:nth-child(1) {
	top: 50%;
	margin-top: -1px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	-webkit-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}

.menu_trigger_wrapper.active span:nth-child(2) {
	transform-origin: center center;
/ transform: translateX(11 px); /* полная ширина линии .menu_trigger (минус) ширина необходимая тут (делить на 2) */
	width: 0;
	transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

.menu_trigger_wrapper.active span:nth-child(3) {
	top: 50%;
	margin-top: -1px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}

/* ---------- after active hover --------- */

/*.menu_trigger_wrapper.active:hover {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}*/

.menu_trigger_wrapper.active:hover span {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	animation: none !important;
}

/* ---------- closed --------- */
.menu_trigger_closed {
	display: inline-block;
	position: relative;
	width: 26px;
	height: 26px;
	overflow: hidden;
	background: none;
	z-index: 1;
	cursor: pointer;
}

.menu_trigger_closed span {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px; /* высота линии */
	background: #000;
	top: 50%;

	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.menu_trigger_closed span:nth-child(1) {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.menu_trigger_closed span:nth-child(2) {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.start_page_media_wrapper {
	position: relative;
	width: 100%;
	height: 50vh;
	-webkit-clip-path: polygon(0 0, 0 100%, 100% 75%, 100% 0);
	clip-path: polygon(0 0, 0 100%, 100% 75%, 100% 0);
}

/*without clip-pass
transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
transform-origin: 100% 0;
position: absolute;
background: inherit;
background: white;
content: '';
position: absolute;
right: 0;
left: 0px;
bottom: -35px;
height: 100px;
z-index: 5;
-webkit-backface-visibility: hidden;*/

.video_player_mask {
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(135deg, #006e81 0%, rgba(131, 184, 194, 0.83) 50%, rgba(255, 255, 255, 0.6) 100%);
	z-index: 1;
}

.main_content {
	margin: 6%;
}

.footer_wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(131, 184, 194, 1) 50%, #006e81 100%);
	height: 300px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	-webkit-clip-path: polygon(0 50%, 0 100%, 100% 100%, 100% 0);
	clip-path: polygon(0 50%, 0 100%, 100% 100%, 100% 0);
}

.footer_content {
	order: 1;
	flex: 0 1 auto;
	align-self: flex-end;
	width: 80%;
	text-align: right;
	margin-right: 5%;
	margin-bottom: 3%;
}

.footer_content div a {
	display: inline-block;
	vertical-align: bottom;
}

.footer_contacts {
	margin-bottom: 50px;
}

.footer_contacts p {
	font: 400 13px/1.1 'Roboto', sans-serif;
/ font: 400 13 px / 1.3 'Fira Sans Condensed', sans-serif;
	color: #ddd;
}

/*.footer_content {
	display: inline-block;
}*/

.footer_logo_museum {
	max-height: 45px;
}

.footer_logo_institute {
	max-height: 25px;
	margin-right: 50px;
}

.background_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(/assets/svg/earth1.svg) no-repeat;
	background-size: contain;
	opacity: 0;
	z-index: 3;
}

.logo_wrapper {
	position: absolute;
	top: 20%;
	left: 5%;
	/*transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);*/
	z-index: 4;
}

.logo {
	padding: 16px 0 16px 20px;
	display: inline-block;
	position: relative;
}

.border {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border: 1px solid #fff;
	border-right: 0 !important;
	width: 0;
}

.logo_text {
	margin-top: 8%;
	font: 400 14px/1.5 'Rubik', sans-serif;
/ font: 400 14 px / 1.5 'Fira Sans Condensed', sans-serif;
	letter-spacing: 0.05rem;
	color: #d0eafc;
}

.splited_text {
/ font: 500 22 px 'Rubik', sans-serif;
	font: 400 22px 'Playfair Display', serif;
/ font: 400 22 px / 1.5 'Tinos', serif;
	letter-spacing: 2px;
	color: #fff;
}

.splited_text span {
	display: inline-block;
	opacity: 1;
}

.slided_text_container {
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
}

.slided_text {
	display: inline-block;
	opacity: 0;
}

.title {
	font: 400 20px/1.2 'Rubik', sans-serif;
	color: #006e81;
}
.title_archive {
	font: 400 18px/1.2 'Rubik', sans-serif;
	color: #006e81;
}
.title_rubrics {
	font: 400 18px/1.2 'Rubik', sans-serif;
	color: #006e81;
}

.main_text {
	font: 400 16px/1.4 'Roboto', sans-serif;
}
.articles_container {
	margin-bottom: 30px;
}
.title_author {
	font: 400 14px/1.4 'Roboto', sans-serif;
	margin-bottom: 5px;
}

.title_article {
	font: 400 14px/1.4 'Roboto', sans-serif;
}
.articles_container .title_article_pdf_link:last-child {
	position: relative;
	padding-bottom: 30px;
	/border-bottom: 1px solid #b8b8b8;
	border-bottom: 1px solid rgba(0,110,129,0.4);
}
.title_article_pdf_link {
	margin-bottom: 20px;
}
.title_article_pdf_link:hover .pdf_icon_article {
	transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 1;
}


.cover {
	position: relative;
	display: block;
	/*-moz-transform: translate(0, -10%);
	-webkit-transform: translate(0, -10%);
	-o-transform: translate(0, -10%);
	-ms-transform: translate(0, -10%);
	transform: translate(0, -10%);*/
}

.cover:hover .img_cover img {
	transform: scale(1.05);
	opacity: 1;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.cover .img_cover {
	overflow: hidden;
}

.img_cover img {
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0.9;
	/max-width: 100%;
	object-fit: contain;
}

.relative {
	position: relative !important;
}

.inline {
	display: inline;
}
.pdf_icon {
	max-width: 60px;
	text-align: center;
	/margin: 0 auto;
}
.pdf_icon_article {
	transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
	margin-top: 4px;
	max-width: 30px;
	opacity: 0.7;
}
.pdf_icon_article_big {
	margin-top: 4px;
	max-width: 40px;
}
.load_pdf {
	position: relative;
	display: block;
	/width: 20%;
}

.load, .load_big {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	font: 400 13px 'Roboto', sans-serif;
	line-height: 10px;
	margin-top: -2px;
	margin-left: 34px;
}
.load_big {
	margin-top: -2px;
	margin-left: 44px;
}
.sectionContainerMap {
	position: relative;
	width: 100%;
	height: 400px;
}
.googleMaps {
	position: absolute;
	width: 100%;
	height: 100%;
}

/*
---------------------- bootstrap modifiers
 */
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

a, a:hover {
	text-decoration: none;
}

p {
	margin-top: 0;
	margin-bottom: 0.3rem;
}

b {
	font-weight:bold;
	color: #f07400;
}


.col-5column,
.col-sm-5column,
.col-md-5column,
.col-lg-5column,
.col-xl-5column {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-5column {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
@media (min-width: 540px) {
	.col-sm-5column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 720px) {
	.col-md-5column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 960px) {
	.col-lg-5column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1140px) {
	.col-xl-5column {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}


img {max-width: 100%}

/* --------------------------------- My flex-box Grid -------------------------------------- */

/* --- IMG RESPONSIVE IMPORTANT--- */
img {max-width: 100%}

/* --- 6 элементов --- */
.box_grid_6 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.items_6 {
	flex: 0 1 auto;
	align-self: auto;
	width: calc(16.6666% - 25px);
	min-height: auto;
	margin-bottom: 40px;
	margin-right: 25px;
}
.items_6:nth-child(6n+6) {
	margin-right: 0;
}

/* --- 5 элементов --- */
.box_grid_5 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.items_5 {
	flex: 0 1 auto;
	align-self: auto;
	width: calc(20% - 25px);
	min-height: auto;
	margin-bottom: 40px;
	margin-right: 25px;
}
.items_5:nth-child(5n+5) {
	margin-right: 0;
}


/* --- 4 элемента --- */
.box_grid_4 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.items_4 {
	flex: 1 1 auto;
	align-self: auto;
	width: calc(25% - 20px);
	min-height: auto;
	margin-bottom: 40px;
	margin-right: 20px;
}
.items_4:nth-child(4n+4) {
	margin-right: 0;
}

/* --- 3 элемента --- */
.box_grid_3 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.items_3 {
	flex: 1 1 auto;
	align-self: auto;
	width: calc(33.3333% - 20px);
	min-height: auto;
	margin-bottom: 40px;
	margin-right: 20px;
}
.items_3:nth-child(3n+3) {
	margin-right: 0;
}

/* --- 2 элемента --- */
.box_grid_2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: center;
	align-items: flex-start;
}
.items_2 {
	flex: 1 1 auto;
	align-self: auto;
	width: calc(50% - 20px);
	min-height: auto;
	margin-bottom: 40px;
	margin-right: 20px;
}
/* odd - нечетные элементы, even - четные */
.items_2:nth-child(even) {
	margin-right: 0;
}


@media (min-width: 1366px) {
	.container {
		max-width: 1240px;
	}
}