/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,figcaption,figure,footer,header,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}

ol,ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,p {
	margin: 0;
}
html, body {
	height: 100%;
}
html {
	font-size: .15625vw;
}
@media (max-height: 360px) and (min-width: 641px) {
	html {
		// font-size: .2778vh;
		font-size: 1px;
	}
}

@media (min-width: 641px) and (min-height: 361px) {
	html {
		//font-size: .07692307692307692vw;
		font-size: .0769vw;
	}
}
@media (min-width: 1300px) {
	html {
		font-size: 1.3px;
	}
}
body {
	// background-color: #292321;
	background-color: #101010;
	color: #fff;
}
	body:after {
		display: none;
	}

@media (max-width: 640px), (max-height: 360px) {
	body:after {
		content: "phone";
	}
}
@media (min-width: 641px) and (min-height: 361px) {
	body:after {
		content: "desktop";
	}
}

a {
	text-decoration: none;
	color: inherit;
}

.hl {
	color: #e0b800;
}
.ol {
	outline: 1px dashed red;
}
.ol-g {
	outline: 1px dashed green;
}
.ol-b {
	outline: 1px dashed blue;
}
.ol-y {
	outline: 1px dashed yellow;
}

.vc:before {
	height: 100%;
	width: 0;
	content: '';
	vertical-align: middle;
	display: inline-block;
}
.hc {
	text-align: justify;
}
	.hc:after {
		width: 100%;
		content: '';
		display: inline-block;
	}
.hide {
	display: none!important;
}
@media (max-width: 640px), (max-height: 360px) {
	.hide_mobile {
		display: none!important;
	}
}
@media (min-width: 641px) and (min-height: 361px) {
	.hide_desktop {
		display: none!important;
	}
}

.modal.modal.modal.modal.modal {
	font: 0/0 a;
	position: fixed;
	//position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
			box-sizing: border-box;
	max-width: none;
	width: 100%;
	min-height: 100%;
	max-height: 100%; /* make scroll visible */
	padding: 0;
	text-align: center;
	// background-color: #000;
	display: block;
}
@media (min-width: 641px) and (min-height: 361px) {
	.modal:before {
		display: inline-block;
		width: 0;
		height: 100%;
		content: '';
		vertical-align: middle;
	}
	.modal.modal.modal.modal.modal .modal_item {
		display: inline-block;
		vertical-align: middle;
	}
}

.modal.modal.modal.modal.modal .hide_modal {
	display: none!important;
}

@media (max-width: 640px), (max-height: 360px) {
	.modal.modal.modal.modal.modal {
		padding: 0;
	}
}

@media (min-width: 641px) and (min-height: 361px) {
	.modal.modal.modal.modal.modal {
		padding: 0;
		height: 100%;
		overflow: hidden;
	}
}
.vc_item {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
.vc_item img {
	width: 100%;
	height: auto;
}
.modal.modal.modal.modal.modal .lazyload {
	display: inline-block;
	vertical-align: middle;
}

/* icons */
.icon {
	fill: #e0b802;
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	transition: fill .2s linear;
}
.icon--alternate {
	fill: #fff;
}
.icon--tw,
.icon--vk,
.icon--ok,
.icon--fb {
//	font-size: 54rem;
	font-size: 8.4375vw;
	width: 8.4375vw;
}
.icon--tw:hover,
.icon--vk:hover,
.icon--ok:hover,
.icon--fb:hover {
	fill: #fff;
}

@media (min-width: 641px) and (min-height: 361px) {
	.icon--tw,
	.icon--vk,
	.icon--ok,
	.icon--fb {
		font-size: 25px;
		width: 25px;
	}
}

.icon--info {
	//font-size: 32rem;
	font-size: 2.4615vw;
	width: 2.4615vw;
}
.icon--button_arrow {
	width: 47rem;
	height: 19rem;
}
.icon--quote {
	//font-size: 35rem;
	font-size: 2.6923vw;
	width: 2.6923vw;
}
.icon--pin {
	//font-size: 24rem;
	font-size: 1.8461vw;
	width: 1.8461vw;
}
.icon--kommersant_logo {
	//font-size: 70rem;
	font-size: 10.9375vw;
	width: 10.9375vw;

}
@media (min-width: 641px) and (min-height: 361px) {
	.icon--kommersant_logo {
		//font-size: 52rem;
		font-size: 4vw;
		width: 4vw;
	}
}
.icon--next,
.icon--back {
	//font-size: 32rem;
	font-size: 2.4615vw;
	width:  2.4615vw;
	height: 2.4615vw;
}
.icon--close,
.icon--close_solid {
	font-size: 2.8461vw;
	width: 2.8461vw;
}
@media (max-width: 640px), (max-height: 360px) {
	.icon--pin {
		//font-size: 24rem;
		font-size: 3.75vw;
		width: 3.75vw;
	}
/*	.icon--info {
		//font-size: 32rem;
		font-size: 5vw;
		width: 5vw;
	}
*/
	.icon--quote {
		//font-size: 35rem;
		font-size: 5.4687vw;
		width: 5.4687vw;
	}
	.icon--close,
	.icon--close_solid {
		//font-size: 37px;
		font-size: 40px;
		width: 40px;
	}
}
@media (min-width: 1301px) and (min-height: 361px) {
	.icon--close,
	.icon--close_solid {
		//font-size: 48rem;
		font-size: 3.6923vw;
		width: 3.6923vw;
	}
}

.icon--photo {
	//font-size: 64rem;
	font-size: 4.923vw;
	width: 4.923vw;
}

.figure_plane {
	width: 51rem;
	height: 51rem;
	position: relative;
	display: inline-block;
	line-height: 1;
}
	.figure_plane__plane {
		fill: #e0b802;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.figure_plane__plane_tail {
		display: block;
		height: 3rem;
		width: 9999rem;
		background-color: #e0b802;
		right: 30rem;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
@media (max-width: 640px), (max-height: 360px) {
	.figure_plane {
		transform: rotate(90deg);
		transform-origin: 50% 50%;
	}
		.figure_plane__plane_tail {
			position: absolute;
			width: 195rem;
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -webkit-linear-gradient(left, hsla(49, 98%, 44%, 0) 0%,hsla(49, 98%, 44%, 1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, hsla(49, 98%, 44%, 0) 0%,hsla(49, 98%, 44%, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#e0b802',GradientType=1 ); /* IE6-8 */
		}
}

/* icons */

.layout {
	width: 100%;
	height: 100%;
	position: relative;
}
.layout_inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/* Fonts */
@font-face {
	font-family: 'Open Sans';
	font-weight: normal;
	font-style: normal;
	src: url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Regular.woff?1) format('woff'),
		url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Regular.ttf?1) format('truetype');
}
@font-face {
	font-family: 'Open Sans';
	font-weight: bold;
	font-style: normal;
	src: url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Bold.woff?1) format('woff'),
		url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Bold.ttf?1) format('truetype');
}
@font-face {
	font-family: 'Open Sans Semibold';
	font-weight: normal;
	font-style: normal;
	src: url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Semibold.woff?1) format('woff'),
		url(//im.kommersant.ru/ContentFlex/ajax/fonts/OpenSans-Semibold.ttf?1) format('truetype');
}
/* Fonts end */

	.nano {
		padding-right: 17px;
	}
	.nano > .nano-content:focus {
		outline: none;
	}
@media (min-width: 641px) and (min-height: 361px) {
/** nano_scroller **/
	.nano {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		padding-right: 0;
	}
	.nano > .nano-content {
		position: absolute;
		overflow: scroll;
		overflow-x: hidden;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;

		/* thanks to Lea :) */
	/*
		background:
			Shadow covers
			linear-gradient(rgba(228,228,220,1) 30%, rgba(228,228,220,0)),
			linear-gradient(rgba(228,228,220,0), rgba(228,228,220,1) 70%) 0 100%,

			Shadows
			radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
			radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
		background:
			Shadow covers
			linear-gradient(rgba(228,228,220,1) 30%, rgba(228,228,220,0)),
			linear-gradient(rgba(228,228,220,0), rgba(228,228,220,1) 70%) 0 100%,

			Shadows
			radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
			radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	*/

		background-repeat: no-repeat;
		background-color: #fff;
		background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
		background-attachment: local, local, scroll, scroll;
		-webkit-overflow-scrolling: touch;
		padding-right: 30rem;
		padding-left: 48rem;
	}
	.nano > .nano-content:focus {
		outline: none;
	}
	.nano > .nano-content::-webkit-scrollbar {
		display: none;
	}
	.has-scrollbar > .nano-content::-webkit-scrollbar {
		display: block;
	}
	.nano > .nano-pane {
		background: rgba(20,24,31,.2);
		position: absolute;
		width: 10px;
		right: 0;
		top: 0;
		bottom: 0;
		visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
		opacity: .01;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.nano > .nano-pane > .nano-slider {
		background: #e0b800;
		position: relative;
		margin: 0;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.nano:hover > .nano-pane,
	.nano-pane.active,
	.nano-pane.flashed {
		visibility: visible\9; /* Target only IE7 and IE8 with this hack */
		opacity: 0.99;
	}
/** nano_scroller end **/
}


/* -------------------- slider.css -------------------- */
.slider-canvas {
	outline: none;
}

.slider-draggable > .slider-canvas {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.slider-item {
	visibility: hidden;
}

.slider-item:first-child,
.slider-ready > .slider-canvas > .slider-item {
	visibility: visible;
}

.slider-3d > .slider-canvas > .slider-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	will-change: transform;
}

.slider-nav-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
	.slider-link,
	.slider-link:focus {
		outline: none;
	}
/* -------------------- slider.css -------------------- */

@media (max-width: 640px), (max-height: 360px) {
	.container-16x9_mobile {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	.container-16x9_wh_mobile {
		position: relative;
		width: 100vw; /* 100% of viewport vidth */
		max-width: 177.7778vh; /* 16/9 * 100 = 177.7778 */
		height: 56.25vw; /* ratio = 9/16 * 100 */
		max-height: 100vh;
		margin: auto;
	}
}
@media (min-width: 641px) and (min-height: 361px) {
	.container-16x9_desktop {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	.container-16x9_wh_desktop {
		width: 30.92307692307692vw; /* 30.9230% of viewport vidth */
		height: 17.3941875vw; /* ratio = 9/16 * 30.92307692307692 = 54 */
		max-height: 30.92307692307692vh;
		max-width: 54.97422222222222vh; /* 16/9 * 30.92307692307692 = 170.6666666666667 */
	}
	.modal .container-16x9_wh_desktop {
		position: relative;
		width: 96vw; /* 96% of viewport vidth */
		height: 54vw; /* ratio = 9/16 * 96 = 54 */
		max-height: 96vh;
		max-width: 170.6667vh; /* 16/9 * 96 = 170.6666666666667 */
		margin: auto;
	}
}

.stop_animation {
	transition: none!important;
}

/* main start */
.kommersant_logo {
	position: absolute;
	top: 3.125vw;
	left: 6.25vw;
}
@media (min-width: 641px) and (min-height: 361px) {
	.kommersant_logo {
		position: absolute;
		top: 24rem;
		left: 24rem;
		z-index: 1;
	}
}

.crocodile_button {
	height: 69rem;
	font: 24rem/69rem Open Sans, Arial, sans-serif;
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 0 40rem;
	text-transform: uppercase;
	display: inline-block;
}
	.crocodile_button::before,
	.crocodile_button::after {
		position: absolute;
		border: 1px solid #e0b800;
		box-sizing: border-box;
		left: 0;
		right: 0;
		content: '';
		height: 28.98550724637681%;
	}
	.crocodile_button::before {
		top: 0;
		border-bottom: 0;
	}
	.crocodile_button::after {
		bottom: 0;
		border-top: 0;
	}

	@media (min-width: 641px) and (min-height: 361px) {
		.crocodile_button {
			height: 58rem;
			line-height: 58rem;
			font-size: 15rem;
			padding: 0 24rem 0 36rem;
			min-width: 170rem;
			text-align: center;
		}
		.crocodile_button__arrow {
			margin-right: 13px;
			position: absolute;
			top: 0;
			bottom: 0;
			margin: auto 0;
			left: -20rem;
		}
	}

.index_page {
	text-align: center;
}

@media (min-width: 641px) {
	.index_page {
		text-align: left;
		width: 100%;
		height: 100%;
		position: relative;
	}
		.index_page:before {
			height: 100%;
			width: 0;
			content: '';
			vertical-align: middle;
			display: inline-block;
		}
}

.eye {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	.eye__bg {
		background: no-repeat 77% 50%;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		transform-origin: 69.7% 50%;
		z-index: 0;
	}
	@media (max-width: 640px) {
		.eye__bg {
			height: 534rem;
		}
	}
	.eye__bg--center_top {
		background: no-repeat center 0;
		background-size: contain;
	}


.socials {
	font-size: 0;
	text-align: justify;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 402rem;
	max-width: 100%;
}
	@media (min-height: 361px) and (min-width: 641px) {
		.socials {
			width: 128px;
		}
	}
	@media (min-width: 1301px) and (min-height: 361px) {
		.socials {
			width: 9.8461vw;
		}
	}
	.socials:after {
		width: 100%;
		content: '';
		display: inline-block;
	}
	.socials__item {
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	.socials__item .number {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		font: 10px/1.5 Open Sans, Arial, sans-serif;
		color: #fff;
		text-shadow: 1px 1px rgba(0,0,0,.4);
	}
@media (max-width: 640px), (max-height: 360px) {
	.credits_and_socials {
		position: absolute;
		left: 110rem;
		right: 0;
		top: 3.125vw;
		height: 10.9375vw;
	}
	.socials {
		font-size: 0;
		position: absolute;
		width: 80%;
		max-width: 512px;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: 54rem;
	}
	.socials__item {
		display: inline-block;
		width: 25%;
		text-align: center;
	}
}

@media (min-height: 361px) and (min-width: 641px)  {
	.credits_and_socials {
		text-align: right;
		right: 0;
		top: 0;
		position: absolute;
		margin: 24rem 18rem 0 0;
		z-index: 1;
	}
}

.project_menu {
	text-align: center;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
	@media (max-width: 640px), (max-height: 360px) {
		.project_menu {
			width: 100%;
		}
	}
	.project_menu__item {
		font: 21rem/1 Open Sans Semibold, Arial, sans-serif;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}

	@media (min-height: 361px) and (min-width: 641px) {
		.project_menu__item {
			font: 11px/18rem Open Sans Semibold, Arial, sans-serif;
			color: #fff;
			position: relative;
			top: -1px;
			width: auto;
			}
		.project_menu + .socials {
			border-left: 1px solid hsla(0, 0%, 100%, .3);
			padding-left: 18px;
			margin-left: 25px;
		}
	}
	@media only screen and (min-width: 1301px) and (min-height: 361px) {
			.project_menu__item {
				font: 11rem/18rem Open Sans Semibold, Arial, sans-serif;
			}
	}
	@media (max-width: 640px), (max-height: 360px) {
		.project_menu {
			margin: 45rem 0 30rem 0;
		}
	}

.copyright {
	font: 16rem/1 Open Sans, Arial, sans-serif;
	color: #8a8a8a;
	text-align: center;
}
	@media (min-height: 361px) and (min-width: 641px) {
		.copyright {
			position: absolute;
			right: 24rem;
			bottom: 30rem;
			font-size: 11px;
			text-align: right;
			z-index: 1;
		}
		.copyright--vp {
			margin-bottom: 60rem;
		}
		.copyright--hero {
			margin-top: -30rem;
			bottom: auto;
			margin-bottom: 0;
		}
	}
	@media only screen and (min-width: 1301px) and (min-height: 361px) {
		.copyright {
			font-size: 11rem;
		}
	}
	@media (max-width: 640px), (max-height: 360px) {
		.copyright {
			margin-bottom: 30rem;
		}
	}

.index_page__content {
	position: relative;
	z-index: 1;
	margin-top: 534rem;
	display: inline-block;
}
@media (max-width: 640px) {
	.index_page__content {
		width: 100%;
	}
}
	.index_page__owner {
		font: bold 15rem/27rem Open Sans Semibold, Arial, sans-serif;
		color: #e0b800;
		// text-shadow: 2rem 2rem 2rem #000;
		margin-bottom: 6rem;
	}
	.index_page__header_name {
		font: bold 58rem/72rem Open Sans, Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 6rem;
	}
	.index_page__subheader_name {
		font: bold 15rem/27rem Open Sans Semibold, Arial, sans-serif;
		color: #fff;
		margin-bottom: 100rem;
	}
	.index_page__plane {
		display: inline-block;
		margin: 0 auto;
		font-size: 54rem;
	}
@media (max-width: 640px) {
	.index_page__plane {
		position: absolute;
		top: 244rem;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}
	.index_page__mdash {
		width: 37rem;
		height: 0;
		display: inline-block;
		vertical-align: middle;
		background-color: #e0b800;
		position: relative;
		left: -49rem;
		margin-right: -37rem;
		top: -2rem;
		overflow: hidden;
		padding-bottom: 3rem;
		box-sizing: border-box;
	}
	.index_page__aside {
		width: 102rem;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		border-right: 2px solid hsla(0, 0%, 100%, .3);
		padding: 24rem 0 24rem 24rem;
		text-align: left;
		box-sizing: border-box;
	}
.mute_button {
	position: absolute;
	bottom: 30rem;
	left: 30rem;
	z-index: 1;
}
.mute_button--upper {
	bottom: auto;
	top: 90rem;
}

.mute_button .icon--sound_off {
	display: none;
}
.mute_button.muted .icon--sound_off {
	display: inline-block;
}
.mute_button .icon--sound_on {
	display: inline-block;
}
.mute_button.muted .icon--sound_on {
	display: none;
}

.deti:before {
	top: 0;
	content: '';
	z-index: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	position: absolute;
}
@media (min-width: 641px) {
	.shadow_blind:before,
	.shadow_blind:after {
		position: absolute;
		left: 0;
		right: 0;
		height: 70rem;
		content: '';
		z-index: 1;
	}
		.shadow_blind:before {
			top: 0;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, rgba(0,0,0,.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		.shadow_blind:after {
			bottom: 0;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
	.shadow_curtain:before {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		content: '';
		background-color: rgba(0,0,0,.25);
	}
	.index_page__plane {
		position: relative;
		top: 2rem;
		vertical-align: middle;
		margin-left: 15rem;
	}
	.index_page__content {
		position: relative;
		margin: 0 0 0 137rem;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		max-height: 407rem;
		top: 0;
	}
	.index_page__owner {
		margin-bottom: 16px;
		font-size: 12px;
		line-height: 1;
//		text-shadow: 2px 2px 2px #000;
	}
	.index_page__header_name {
		font-size: 62rem;
		line-height: 74rem;
		margin: -17rem 0 15rem 0;
	}
	.index_page__subheader_name {
		font-size: 16px;
		line-height: 25px;
		padding-left: 102rem;
		margin-bottom: 0;
	}
	.index_page__button {
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

@media only screen and (min-width: 1301px) {
	.index_page__owner {
		font-size: 12rem;
		line-height: 1;
		margin-bottom: 16rem;
	}
}

@keyframes eye_animation1 {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(1.3);
	}
}

	.eye_under_animation1 {
		animation: eye_animation1 20s infinite linear;
		animation-delay: 0s;
	}
	.eye_under_animation2 {
		animation: eye_animation1 20s infinite linear;
		animation-delay: -5s;
	}
	.eye_under_animation3 {
		animation: eye_animation1 20s infinite linear;
		animation-delay: -10s;
	}
	.eye_under_animation4 {
		animation: eye_animation1 20s infinite linear;
		animation-delay: -15s;
	}
.bg_cover {
	object-fit: cover;
	font-family: 'object-fit: cover';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.story_frame {
	display: none;
}

@media (max-width: 640px) {
.story_frame {
	width: 87.5vw;
	margin: 0 auto;
	max-width: 640px;
}
	.story_frame_16x9 {
		width: 87.5vw; /* 87.5% of viewport vidth */
		height: 49.21875vw; /* 9/16 * 87.5 */
		max-height: 87.5vh;
		max-width: 155.5556vh; /* 16/9 * 87.5 */
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1301px) {
	.story_frame {
		display: none;
	}
	.story_frame--text.activeStory {
		width: 50% !important;
	}
}

.backlayer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.gallery {
	position: relative;
	bottom: 0;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
	.gallery__body {
		position: relative;
		text-align: left;
	}
	.gallery__canvas {
		box-sizing: border-box;
		position: relative;
		font: 0/0 a;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
		.gallery__canvas:before {
			height: 100%;
			width: 0;
			content: '';
			vertical-align: middle;
			display: inline-block;
		}

	.gallery__legend { /* иконка галереи в канвасе в мобильной версии */
		position: absolute;
		left: 3.75%;
		bottom: 6.3492%;
	}
	.gallery .gallery__item {
		display: inline-block;
		margin-right: -100%;
		vertical-align: top;
		width: 100%;
		box-sizing: border-box;
	}

/* галерея в десктопе */
@media (min-width: 641px) and (min-height: 361px) {
	.gallery {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		padding: 0 0;
		font-size: 0;
		z-index: 1;
	}
		.gallery:before {
			height: 100%;
			width: 0;
			content: '';
			vertical-align: middle;
			display: inline-block;
		}
		/* shadow blind */
		.gallery:after {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			content: '';
			background-color: rgba(0,0,0,.6);
			z-index: -1;
		}

		.gallery__body {
			width: 100%;
			height: 100%;
			display: inline-block;
			vertical-align: middle;
		}
		.gallery__canvas {
			height: 100%;
		}
			.modal .gallery__canvas {
				width: 96vw;
				margin: 0 auto;
			}
		.gallery .gallery__item {
			position: absolute;
			width: 30.92307692307692vw; /* 30.9230% of viewport vidth */
			height: 17.3941875vw; /* ratio = 9/16 * 30.92307692307692 = 54 */
			max-height: 30.92307692307692vh;
			max-width: 54.97422222222222vh; /* 16/9 * 30.92307692307692 = 170.6666666666667 */
			top: 0;
			bottom: 0;
			margin: auto 0;
		}
			.modal .gallery__item {
				position: absolute;
				width: 100%;
				height: 100%;
				max-width: none;
				max-height: none;
			}
			.modal .gallery__item .photo {
				margin: auto;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
			}
			.gallery__item .index_page__mdash {
				display: none;
			}
			.gallery__item.slider-item-current .index_page__mdash {
				display: inline-block;
			}

	.modal .gallery__pic_info_item {
		display: block;
	}

	.gallery .header_name {
		position: absolute;
		top: -100rem;
		left: 0;
		text-transform: uppercase;
		font-size: 28rem;
		line-height: 1.2;
	}
	.index_page__mdash {
		left: -52rem;
		margin-right: -46rem;
	}
}

	.gallery__item .photo > img,
	.gallery__item .video > video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		border: 4rem solid #fff;
	}

	.gallery__fullscreen_trigger {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
@media (max-width: 640px), (max-height: 360px) {
	.gallery__fullscreen_trigger {
		display: none;
	}
	.gallery__item .photo > img,
	.gallery__item .video > video {
		border-width: 0;
	}
}
/* навигация */
/*
.modal .container-16x9 {
	position: absolute;
	top: 0;
	left: 0;
}
*/
.gallery__nav {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	display: block;
	margin: auto 2.04%;
	-webkit-transition: opacity .3s ease-out 0s;
	-moz-transition: opacity .3s ease-out 0s;
	transition: opacity .3s ease-out 0s;
	opacity: .86;
	z-index: 2;
	height: 32rem;
}
	.gallery .gallery__nav:hover {
		opacity: 1;
	}

.heroes .gallery__nav {
	bottom: 30rem;
}
/* inactive controls */
.gallery__nav.slider-inactive {
	opacity: .2;
}

/* previuos control */
.gallery__previous {
	left: 20rem;
}
/* next control */
.gallery__next {
	right: 20rem;
}

.heroes .gallery__previous {
	left: 0;
}
/* next control */
.heroes .gallery__next {
	right: 0;
}

.gallery__close {
	display: none;
}
	.modal .gallery__close {
		display: block;
	}
.gallery__pic_info {
	display: none;
}
.modal .gallery__pic_info {
	margin-top: 15rem;
	padding: 0 20rem;
	font-size: 0;
	position: relative;
	display: inline-block;
}

.gallery__pic_info_item {
	white-space: normal;
	display: none;
}
@media (max-width: 640px), (max-height: 360px) {
	.gallery__pic_info_item {
		margin: 15rem 20rem 0 20rem;
		display: block;
	}
}
@media (min-width: 641px) and (min-height: 361px) {
	.modal .gallery__pic_info_item {
		position: absolute;
		z-index: 1;
		padding: 4.6875%;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,.5);
		transition: opacity .4s ease-out 0s, visibility 0s ease-out .4s;
		visibility: hidden;
		opacity: 0;
		width: 96vw;
		max-width: 170.6667vh;
		margin: 0 auto;
		box-sizing: border-box;
		border: 4px solid transparent;
	}
	.gallery__body.slider-hover .gallery__pic_info_item {
		opacity: 1;
		visibility: visible;
		transition: opacity .4s ease-out 0s, visibility 0s ease-in 0s;
	}
}

.gallery__picture_sign {
	font: 12px/1.6875 Open Sans, Arial, sans-serif;
	color: #fff;
	margin: 0;
}
@media (min-width: 641px) and (min-height: 361px) {
	.gallery__picture_sign {
		font-size: 16px;
	}
}
@media only screen and (min-width: 1301px) and (min-height: 361px) {
	.gallery__picture_sign {
		font-size: 16rem;
	}
}

.section_header_name {
	font: bold 32rem/1.157 Open Sans, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 23rem;
}
.header_name {
	font: bold 16rem/1.6875 Open Sans, Arial, sans-serif;
	color: #fff;
	margin-bottom: 20rem;
}

/* some gallery hacks end */

/* gallery end */

.activeStory {
	overflow: hidden;
}
@media (max-width: 640px), (max-height: 360px) {
	.activeStory {
		overflow: auto;
	}
}
.experts_main {
	display: block;
	font-size: 0;
	text-align: center;
	height: 100%;
	background: url(//im.kommersant.ru/CorpImages/Projects/su24/content/1920w/KMO_152742_01347_1h-2.jpg?20160728134600) no-repeat 100% 0;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.experts_main:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
	z-index: -1;
}
	.experts_main__body {
		display: inline-block;
		vertical-align: middle;
		width: 75%;
	}
	.experts_main__item {
		width: 30%;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		max-width: 25vw;
	}
	.experts_main__photo {
		display: block;
		margin: 0 0 10rem 0;
		width: 100%;
	}
	.experts_main__image {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		border: 4rem solid #fff;
	}
@media (max-width: 640px), (max-height: 360px) {
	.experts_main__image {
		border: none;
	}
}
.experts_main .experts__content {
	margin-bottom: 30rem;
	position: static;
	padding: 0;
}
.experts_main .experts__header {
	margin-bottom: 0;
}
.experts_main .expert__quote,
.heroes .expert__quote {
	color: #fff;
	font: bold 16rem/1.5 Open Sans, Arial, sans-serif;
	text-transform: uppercase;
}

.experts_main .expert {
	display: block;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 10rem;
}
.experts_main .expert__about {
	padding-left: 70rem;
}

.experts_main .text_block__expert {
	padding: 0 40rem 40rem;
}

.experts_main .expert__pic {
	width: 55rem;
	height: 55rem;
	left: 0;
	margin-top: 8rem;
	border-radius: 50%;
	border: 2px solid #e0b802;
}
.experts_main .expert__name {
	font-size: 16rem;
	color: rgba(165, 165, 165, 1);
}

.media__materials .text_block__expert__pic {
	width: 21.875%;
	height: auto;
	border: 2px solid #e0b802;
	box-sizing: border-box;
	border-radius: 50%;
}
.media__materials  .text_block__expert__about {
	padding-left: 25vw;
}

@media (max-width: 640px), (max-height: 360px) {
	.header {
		height: 70rem;
	}
}

.expert_dig {
	display: block;
	padding: 0;
	box-sizing: border-box;
	vertical-align: top;
	margin-top: 10rem;
	margin-bottom: 40rem;
}

	.expert_dig__header_name {
		color: #fff;
		font: bold 13rem/19rem Open Sans, Arial, sans-serif;
		text-shadow: 1rem 1.7rem 0 rgba(0, 0, 0, 0.27);
		position: relative;
	}
	.expert_dig__about {
		padding-left: 70rem;
		position: relative;
		padding-top: 8rem;
		min-height: 55rem;
	}
	.expert_dig__pic {
		width: 55rem;
		height: 55rem;
		left: 0;
		top: 8rem;
		border-radius: 50%;
		border: 2px solid #e0b802;
		box-sizing: border-box;
		position: absolute;
	}
	.expert_dig__name {
		font: bold 13rem/1.4616 Open Sans, Arial, sans-serif;
		color: rgba(165, 165, 165, 1);
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.56);
	}
	.expert_dig__activities {
		font: 13rem/19rem Open Sans, Arial, sans-serif;
		color: #e0b800;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56);
		margin-bottom: 6rem;
	}

.text_block__holder .expert_dig {
	padding: 0 48rem;
}
.text_block__holder .expert_dig__header_name {
	color: #000;
	text-shadow: none;
}
.text_block__holder .expert_dig__name,
.text_block__holder .expert_dig__activities {
	text-shadow: none;
}

/* style.css */
h2 {
font: bold 32rem/1.16 Open Sans Semibold, Arial, sans-serif;
color: #fff;
margin-bottom: 30rem;
text-transform: uppercase;
}
h3 {
font: bold 16rem/1.69 Open Sans, Arial, sans-serif;
color: #fff;
margin-bottom: 24rem;
}
.heroes {
width: 100%;
height: 0;
padding-bottom: 62.4615%;
position: relative;
}
@media (max-width: 640px), (max-height: 360px) {
.heroes {
	height: auto;
	padding-bottom: 0;
}
}

.heroes__inner {
font: 0/0 a;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.hero {
width: 33.3%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.experts {
width: 33.3333%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.hero__photo {
position: relative;
width: 100%;
height: 100%;
background: no-repeat 50% 0;
background-size: auto 100%;
}
.experts__bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
object-position: 80% 0;
}
.hero__img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/*
.hero__photo--1 {
background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero1.jpg?20160728134600);
}
.hero__photo--2 {
background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero2.jpg?20160728134600);
}
.hero__photo--3 {
background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero3.jpg?20160728134600);
}
.hero__photo--4 {
background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero4.jpg?20160728134600);
}
.hero__photo--5 {
background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero5.jpg?20160728134600);
}
*/
.hero__content {
position: absolute;
top: 53%;
left: 60rem;
z-index: 1;
}
.experts__content {
position: absolute;
top: 26%;
padding: 0 5%;
box-sizing: border-box;
}
.yellow_stripe {
width: 44rem;
height: 3rem;
background-color: #e0b800;
margin-bottom: 18rem;
}
.yellow_stripe--large {
	width: 100rem;
	margin-bottom: 24rem;
}
.text_block__holder .yellow_stripe {
	margin-left: 48rem;
}
.expert {
display: block;
padding: 0 2%;
box-sizing: border-box;
margin-bottom: 9%;
vertical-align: top;
}
.hero__about {
position: relative;
margin-bottom: 6rem;
}
.expert__about {
position: relative;
padding-left: 90rem;
}
.hero__location {
font: bold 13rem/19rem Open Sans, Arial, sans-serif;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.56);
}
.expert__name {
font: bold 19rem/1.68 Open Sans, Arial, sans-serif;
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.56);
}
.hero__activities,
.expert__activities {
font: 13rem/19rem Open Sans, Arial, sans-serif;
color: #e0b800;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.56);
}
.expert__activities {
margin-bottom: 6rem;
}
.hero__name {
color: #fff;
font: bold 25rem/1.2 Open Sans, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2rem 3.5rem 0 rgba(0, 0, 0, 0.27);
max-width: 190rem;
margin-bottom: 12rem;
}
.experts__header {
color: #fff;
font: bold 25rem/1.25 Open Sans, Arial, sans-serif;
text-transform: uppercase;
text-shadow: 2rem 3.5rem 0 rgba(0, 0, 0, 0.27);
margin-bottom: 9%;
}
.hero__quote {
color: #fff;
font: italic 13rem/1.5 Open Sans, Arial, sans-serif;
text-shadow: 1rem 1.7rem 0 rgba(0, 0, 0, 0.27);
max-width: 200rem;
padding-left: 40rem;
position: relative;
}
.expert__quote {
color: #fff;
font: italic 13rem/1.5 Open Sans, Arial, sans-serif;
text-shadow: 1rem 1.7rem 0 rgba(0, 0, 0, 0.27);
position: relative;
}
.hero .crocodile_button {
opacity: 0;
visibility: hidden;
margin-top: 32rem;
transition: opacity .25s ease-out 0s, visibility .25s ease-out .25s;
}
.hero:hover .crocodile_button {
display: inline-block;
opacity: 1;
visibility: visible;
transition: opacity .25s ease-out 0s, visibility 0s ease-out 0s;
}
.crocodile_button--small {
font: 15rem/44rem Open Sans, Arial, sans-serif;
height: 44rem;
}
.hero--disabled .disabled {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
z-index: 1;
cursor: default;
}
.hero--disabled .disabled .see_later {
position: absolute;
top: 47%;
left: 60rem;
font: bold 19rem/1.3 Open Sans, Arial, sans-serif;
color: #fff;
opacity: 0;
visibility: hidden;
}
.hero--disabled:hover .see_later {
display: inline-block;
opacity: 1;
visibility: visible;
transition: opacity .25s ease-out 0s, visibility 0s ease-out 0s;
}
@media (max-width: 640px), (max-height: 360px) {
.hero--disabled .disabled .see_later {
	top: 84%;
	display: inline-block;
	opacity: 1;
	visibility: visible;
	transition: opacity .25s ease-out 0s, visibility 0s ease-out 0s;
	}
}
.hero--disabled:hover .crocodile_button {
display: none;
}
.heroes__rails_holder {
position: absolute;
z-index: 1;
width: 100%;
top: 80rem;
text-align: center;
}
.heroes__rails {
position: relative;
display: inline-block;
border-bottom: 1px solid #aea9a6;
border-top: 1px solid #aea9a6;
font: 0/0 a;
width: 60%;
}
.heroes__rails:before,
.heroes__rails:after {
position: absolute;
border: 1px solid #e0b800;
box-sizing: border-box;
right: 0;
content: '';
height: 28.98550724637681%;
width: 50%;
transition: transform .25s ease-in, width .25s ease-in;
}
.heroes_nav__rimma.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:before,
.heroes_nav__rimma.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:after {
	transform: translate3d(-100.0002%,0,0);
}
.heroes_nav__mustafa.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:before,
.heroes_nav__mustafa.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:after {
	transform: translate3d(-66.6668%,0,0);
}
.heroes_nav__abdurrahman.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:before,
.heroes_nav__abdurrahman.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:after {
	transform: translate3d(-33.3334%,0,0);
}
.heroes_nav__elena_and_erdal.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:before,
.heroes_nav__elena_and_erdal.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:after {
	transform: translate3d(0,0,0);
}
.heroes_nav__hikamettin.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:before,
.heroes_nav__hikamettin.slider-nav-item-current ~ .heroes__rails_holder .heroes__rails:after {
	transition: transform 0s ease-in, width .25s ease-in;
	transform: translate3d(0,0,0);
	width: 33.3334%;
	right: 0;
}

.heroes__rails:before {
top: -1px;
border-bottom: 0;
}
.heroes__rails:after {
bottom: -1px;
border-top: 0;
}
.heroes__rails__item {
font: bold 1vw/1.3846 Open Sans, Arial, sans-serif;
text-transform: uppercase;
color: #fff;
padding: 2%;
display: inline-block;
width: 16.6667%;
box-sizing: border-box;
text-align: center;
}
.expert__pic {
width: 72rem;
height: 72rem;
box-sizing: border-box;
position: absolute;
}
.hero .icon--quote {
left: -3rem;
right: auto;
top: -3rem;
position: absolute;
}
.hero .icon--pin {
position: absolute;
left: -30rem;
top: 1rem;
}

.text_block__holder {
position: absolute;
top: 0;
height: 100%;
background-color: #fff;
color: #000;
padding: 90rem 18rem 48rem 0;
width: 50%;
box-sizing: border-box;
text-align: left;
}

.gallery .closeEndpoint,
.story_frame--infographics .closeEndpoint,
.closeEndpoint,
.gallery__close {
position: fixed;
top: 38rem;
right: calc(17px + 37rem);
z-index: 2;
left: auto;
}

.text_block__holder--team {
height: auto;
}
.text_block__header {
font: bold 39rem/1.3 Open Sans, Arial, sans-serif;
padding: 0 48rem;
margin-bottom: 30rem;
}
.text_block__intro {
font: italic 20rem/1.7 Open Sans, Arial, sans-serif;
color: #e0b800;
padding: 0 48rem 30rem;
}
.text_block__quote {
position: relative;
padding: 50rem 48rem 25rem 85rem;
box-sizing: border-box;
font: italic 26rem/1.3 Open Sans, Arial, sans-serif;
}
.text_block__quote_text {
position: relative;
z-index: 5;
color: #e0b800;
}
.text_block__quote_who {
	font: 14rem/1.5 Open Sans, Arial, sans-serif;
	position: relative;
	z-index: 5;
	margin-top: 20rem;
}
.text_block__quote .icon--quote {
//  font-size: 200rem;
font-size: 12vw;
width: 12vw;
position: absolute;
left: 0;
top: 5rem;
}
.text_block__idea {
font: italic 15rem/1.68 Open Sans, Arial, sans-serif;
padding-left: 30rem;
margin: 50rem 0 25rem 48rem;
box-sizing: border-box;
border-left: 7px solid #e0b800;
}
.text_block__p {
font: 15rem/1.68 Open Sans, Arial, sans-serif;
padding: 0 48rem 15rem;
}
.text_block__event {
font: 15rem/1.68 Open Sans, Arial, sans-serif;
padding: 10rem 0;
box-sizing: border-box;
margin: 0;
}
.text_block__event--marked {
padding: 20rem 0;
background-color: #f2f2f2;
margin: 0;
}
.text_block__date {
font: bold 19rem/2 Open Sans, Arial, sans-serif;
padding: 0 48rem;
margin-bottom: 5rem;
}
.text_block__ul {
font: 15rem/1.68 Open Sans, Arial, sans-serif;
list-style: none;
margin: 40rem 0;
padding: 0 48rem;
}
.text_block__ul li {
position: relative;
margin-bottom: 10rem;
}
.text_block__ul li:before{
content: ' \2014';
font: bold 20rem/1.1 Open Sans, Arial, sans-serif;
color: #e0b800;
position: absolute;
left: -32rem;
top: 0;
}
.text_block__ol {
font: 15rem/1.68 Open Sans, Arial, sans-serif;
list-style: none;
counter-reset: li;
margin: 40rem 0;
padding: 0 48rem;
}
.text_block__ol li {
position: relative;
margin-bottom: 10rem;
}
.text_block__ol li:before{
content: counter(li)'.';
counter-increment: li;
font: bold 19rem/1.2 Open Sans, Arial, sans-serif;
color: #e0b800;
position: absolute;
left: -27rem;
top: 0;
}
.text_block__team_item {
font: 15rem/1.7 Open Sans, Arial, sans-serif;
margin-bottom: 20rem;
padding: 0 48rem;
}
.text_block__image {
width: auto;
margin: 25rem 48rem 15rem;
}
.text_block__event .text_block__image_label {
	padding-bottom: 0;
}
.text_block__image img {
width: 100%;
}
.text_block__expert {
padding: 0 48rem 40rem;
min-height: 120rem;
margin-top: 30rem;
}
.media__materials .text_block__expert {
margin-bottom: 30rem;
}
@media (max-width: 640px), (max-height: 360px) {
.media__materials .text_block__expert {
	margin-bottom: 60rem;
	margin-top: -30rem;
}
}

.text_block__expert__about {
position: relative;
padding-left: 150rem;
padding-top: 15rem;
}
.text_block__expert--large .text_block__expert__about {
padding: 0;
}
.text_block__expert__name {
font: bold 19rem/1.68 Open Sans, Arial, sans-serif;
color: #000;
}
.text_block__expert__activity {
color: #000;
font: 17rem/1.67 Open Sans, Arial, sans-serif;
}

.media__materials .text_block__expert__activity {
color: #fff;
}
.media__materials .text_block__expert__name {
color: #e0b800;
}
.text_block__expert__pic {
width: 120rem;
height: 120rem;
box-sizing: border-box;
position: absolute;
border-radius: 60rem;
border: 3px solid #e0b800;
}
.text_block__expert--large .text_block__expert__pic {
width: 100%;
height: auto;
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
position: static;
margin-bottom: 16rem;
}
.text_block__image_label {
font: 12rem/1.5 Open Sans, Arial, sans-serif;
padding: 0 48rem 30rem;
}
.text_block__image_label__author {
font-style: italic;
}
.text_block__image_label__description {
margin-top: 8rem;
}
.text_block__opinion {
font: italic 12rem/2 Open Sans, Arial, sans-serif;
padding: 15rem 48rem;
}
.icon--grey {
fill: #f2f2f2;
}
.player__holder {
width: 100%;
height: 0;
padding-bottom: 62.4615%;
position: relative;
font: 15rem/1.2 Open Sans, Arial, sans-serif;
// background-image: url(../img/player_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
color: #fff;
}
.player__controls {
position: absolute;
width: 100%;
height: 8.5%;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
}
.icon--arrow_show {
	transform: rotate(180deg);
}
@media (min-width: 641px) and (min-height: 361px) {
.closeEndpoint {
	position: fixed;
	top: 38rem;
	left: calc(50% - 3.6923vw - 18rem);
	z-index: 2;
	right: auto;
}
/** nano_scroller **/
.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.nano > .nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	background-attachment: local, local, scroll, scroll;
	-webkit-overflow-scrolling: touch;
	padding-right: 30rem;
	padding-left: 48rem;
}
.nano > .nano-content:focus {
	outline: none;
}
.nano > .nano-content::-webkit-scrollbar {
	display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
	display: block;
}
.nano > .nano-pane {
	background: rgba(20,24,31,.2);
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.nano > .nano-pane > .nano-slider {
	background: #e0b800;
	position: relative;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
	visibility: visible\9; /* Target only IE7 and IE8 with this hack */
	opacity: 0.99;
}
/** nano_scroller end **/
}
.closeEndpoint--bg {
position: absolute;
z-index: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: default;
}

@media (min-height: 361px) and (min-width: 641px) and (max-width: 980px) {
.text_block__header {
	font-size: 58.5rem;
}
.text_block__intro {
	font-size: 30rem;
}
.text_block__quote {
	font-size: 39rem;
}
.text_block__quote_who {
	font: 21rem/1.5 Open Sans, Arial, sans-serif;
}

/*  .text_block__quote .icon--quote {
	//font-size: 300rem;
	font-size: 24vw;
	width: 24vw;
}
*/
.text_block__idea {
	font-size: 22.5rem;
}
.text_block__p {
	font-size: 22.5rem;
}
.text_block__event {
	font-size: 22.5rem;
}
.text_block__date {
	font-size: 28.5rem;
}
.text_block__ul {
	font-size: 22.5rem;
}
.text_block__ul li:before{
	font-size: 30rem;
}
.text_block__ol {
	font-size: 22.5rem;
}
.text_block__ol li:before{
	font-size: 28.5rem;
}
.text_block__team_item {
	font-size: 22.5rem;
}
.text_block__expert__name {
	font-size: 28.5rem;
}
.text_block__expert__activity {
	font-size: 25.5rem;
}
.text_block__image_label {
	font-size: 18rem;
}
.text_block__opinion {
	font-size: 18rem;
}
}
.experts .heroes_image {
	object-position: 80% 0;
}
@media (max-width: 640px), (max-height: 360px) {
.hero .icon--quote {
	position: absolute;
}
.hero .crocodile_button {
	display: inline-block;
	opacity: 1;
	visibility: visible;
}
.hero--disabled .crocodile_button {
	display: none;
}
.header {
	text-align: center;
}
.text_block__holder .yellow_stripe {
	margin-left: 38rem;
}
.heroes {
	margin-top: 50rem;
}
.heroes__inner {
	position: static;
	height: auto;
	padding-bottom: 0;
}
.hero,
.experts {
	width: 100%;
	height: 0;
	position: relative;
	top: auto;
	left: auto;
	padding-bottom: 86.5625%;
	//margin-bottom: 20rem;
}
.experts {
	padding-bottom: 149.375%;
}

.hero__content {
	top: 14%;
	left: 45%;
}
.experts__content {
	top: 9%;
}
.hero__content--left {
	left: 40rem;
}
.hero__content--left .hero__activities {
	max-width: none;
}
.hero__content--left .hero__quote {
	max-width: 62.5%;
}
.hero__photo {
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/*
.hero__photo--1 {
	background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero1_squared.jpg?20160728134600);
	background-position: 33% 0;
}
.hero__photo--2 {
	background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero2_squared.jpg?20160728134600);
	background-position: 20% 0;
}
.hero__photo--3 {
	background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero3_squared.jpg?20160728134600);
	background-position: 72% 0;
}
.hero__photo--4 {
	background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero4_squared.jpg?20160728134600);
	background-position: 0% 0;
}
.hero__photo--5 {
	background-image: url(//im.kommersant.ru/CorpImages/Projects/su24/heroes/hero5_squared.jpg?20160728134600);
	background-position: 68% 0;
}
*/
.hero__location {
	font: bold 16rem/1.6 Open Sans, Arial, sans-serif;
}
.hero__activities {
	font: 16rem/1.6 Open Sans, Arial, sans-serif;
	max-width: 240rem;
}
.hero__name {
	font: bold 42rem/1.2 Open Sans, Arial, sans-serif;
	max-width: 190rem;
	margin-bottom: 12rem;
}
.hero__quote {
	font: italic 16rem/1.6 Open Sans, Arial, sans-serif;
	max-width: 190rem;
}
.experts__header {
	font-size: 52rem;
}
.expert {
	width: 100%;
}
.text_block__holder {
	width: 100%;
	height: auto;
	padding: 85rem 0 48rem;
}
.text_block__header {
	padding: 0 38rem;
}
.text_block__expert {
	padding: 0 38rem 40rem;
}
.text_block__intro {
	padding: 0 38rem 30rem;
}
.text_block__quote {
	padding: 24rem 38rem 25rem;
	//left: 20px;
}
.text_block__idea {
	padding-left: 30rem;
	margin: 50rem 0 25rem 38rem;
}
.text_block__p {
	padding: 0 38rem 15rem;
}
.text_block__team_item {
	padding: 0 48rem;
}
.text_block__date {
	padding: 0 38rem;
}
.text_block__image {
	margin: 25rem 38rem 15rem;
}
.text_block__ol,
.text_block__ul {
	padding: 0 38rem;
}
.text_block__opinion {
	padding: 15rem 38rem 0;
}
.text_block__image_label {
	padding: 0 38rem 30rem;
}
h2,h3 {
	padding: 0 40rem;
}
.media__holder {
	border: 2px solid #fff;
	box-sizing: border-box;
	margin: 0 40rem 60rem;
	position: relative;
}
.media__holder__icon {
	position: absolute;
	bottom: 22rem;
	left: 22rem;
}
.media__holder__icon--tl {
	bottom: auto;
	top: 22rem;
}
.media__icons {
	font: 0/0 a;
}
.media__icon {
	display: inline-block;
	width: 20%;
	text-align: center;
}
.media__icon .icon--arrow {
	transform: rotate(270deg);
}
.media__holder_link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0 !important;
}
.icon--share {
	//font-size: 60rem;
	font-size: 9.375vw;
	width: 9.375vw;
}
.media__share {
	width: 100%;
	height: 160rem;
}
.show_social_icons .media__share__share,
.media__share__social {
	display: none;
}
.show_social_icons .media__share__social {
	display: block;
}
.media__share__share {
	position: absolute;
	top: 0;
	right: 40rem;
	top: 40rem;
}
.media__share__social {
	position: absolute;
	width: 72%;
	height: 100%;
	right: 0;
	top: 0;
}
.media__materials__list {
	padding: 30rem 40rem 40rem;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	margin-bottom: 60rem;
}
.media__materials__list h3 {
	padding: 0;
	margin-bottom: -6rem;
}
}
@media (min-width: 1301px) and (min-height: 361px) {
	.icon--tw,
	.icon--vk,
	.icon--ok,
	.icon--fb {
		//font-size: 25rem;
		font-size: 1.923vw;
		width: 1.923vw;
	}
}
@media (min-width: 641px) and (min-height: 361px)  {
	/* Rizaeva: streets of Stambul */
	#rimma_gallery_03 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_00298_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Rizaeva: story of Erdem Bekshad */
	#rimma_gallery_01 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/DN6R5810.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Rizaeva: cenruty of Russian emigration */
	#rimma_gallery_02 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_00265_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Karaman: from Laleli to Grand-Bazar */
	#mustafa_gallery_01 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_00120_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Bahadyr */
	#abdurrahman_gallery_01 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_00636_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Elena i Erdal */
	#demiral_gallery_01 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_01026_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Elena i Erdal */
	#demiral_gallery_02 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KMO_152742_01177_1h-2.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
	/* Shimshek */
	#hikamettin_gallery_01 {
		background: url(//im.kommersant.ru/CorpImages/Projects/su24/gallery/1600w/KKZ_000800_00001_1h.jpg?20160728134600) 50% 50%;
		background-size: cover;
	}
}
/* style.css end */

/* player.css */
.vp {
width: 100%;
height: 100%;
position: relative;
}
.vp__video {
}

/*.vp__player {

width: 100%;
height: 0;
padding-top: 56.25%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}*/

/*@media only screen and (orientation: portrait) {
.vp__player {
	width: 177%;
	height: 0;
	padding-top: 100%;
}
}*/

.vp__player {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.vp__video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.vp__timeline__stop_points {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 70rem;
}
	.vp__timeline__stop_point {
		width: 30rem;
		height: 30rem;
		cursor: pointer;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: none;
		z-index: 10;
		transition: opacity .25s ease-in, visibility 0s ease-in 0s;
	}

	@media (max-width: 640px), (max-height: 360px) {
		.vp__timeline__stop_point {
			left: 0 !important;
			visibility: visible;
			width: auto;
			height: auto;
			cursor: pointer;
			position: absolute;
			bottom: 0;
			display: block;
			z-index: auto;
		}
	}

.vp__player[vp-data-state=is_inactive] ~ .vp__timeline__stop_points .vp__timeline__stop_point {
	transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	opacity: 0;
	visibility: hidden;
}

.vp__controls {
position: absolute;
bottom: 0rem;
left: 0;
height: 70rem;
width: 100%;
background: rgba(0,0,0,.7);
z-index: 10;
transition: opacity .25s ease-in, visibility 0s ease-in 0s;
}
.vp__player[vp-data-state=is_inactive] .vp__controls {
	transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	opacity: 0;
	visibility: hidden;
}

.vp__timeline {
height: 4rem;
right: 126rem;
left: 408rem;
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
padding: 4rem 0;
cursor: pointer;
}

.vp__timeline__background,
.vp__timeline__progress {
display: block;
height: 4rem;
width: 100%;
position: absolute;
bottom: 0;
top: 0;
left: 0;
background: #666;
margin: auto 0;
}

.vp__timeline__progress {
width: 0;
background: #e0b800;
}

.vp__main_button {
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
width: 18vw;
height: 18vw;
max-width: 18vh;
max-height: 18vh;
position: absolute;
cursor: pointer;
z-index: 1;
}
.vp__main_button .icon--play_b,
.vp__main_button.icon--pause_b {
	width: 100%;
	height: 100%;
}
.vp__main_button--play .icon,
.vp__main_button--pause .icon {
position: absolute;
}
.vp__main_button--play .icon--pause_b,
.vp__main_button--pause .icon--play_b {
display: none;
}
.vp__player[vp-stoppoint-isactive=true] .vp__main_button {
left: 50%;
}



.vp__after {
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
height: 24rem;
position: absolute;
z-index: 10;
display: none;
text-align: center;
}
.vp__after__item {
display: inline-block;
padding: 0 10rem;
}
.vp__after__item .icon {
margin-right: 5rem;
}
.vp__after__item .icon--play_m,
.vp__after__item .icon--loop {
//font-size: 24rem;
font-size: 3.8461vw;
width: 3.8461vw;
cursor: pointer;
}

.vp__after__item__text {
font: bold 19rem/24rem Open Sans, Arial, sans-serif;
color: #fff;
vertical-align: middle;
display: inline-block;
}
.vp__control_button {
top: 0;
width: 36rem;
height: 36rem;
bottom: 0;
position: absolute;
cursor: pointer;
z-index: 1;
margin: auto 0;
}
.vp__control_button--play,
.vp__control_button--pause {
	left: 320rem;
	top: 0;
	width: 50rem;
	height: 50rem;
	bottom: 0;
	margin: auto 19rem;
}
.vp__control_button--play .icon,
.vp__control_button--pause .icon {
position: absolute;
}
.vp__control_button--play .icon--pause_m,
.vp__control_button--pause .icon--play_m {
display: none;
}
.vp__control_button--sound_on,
.vp__control_button--sound_off  {
right: 70rem;
}
.vp__control_button--sound_on .icon,
.vp__control_button--sound_off .icon {
position: absolute;
}
.vp__control_button--sound_on .icon--sound_off,
.vp__control_button--sound_off .icon--sound_on {
display: none;
}
.vp__control_button--fullscreen  {
right: 20rem;
}
.vp__player .icon--fullscreen_off {
display: none;
}
.vp__player[vp-isFullScreen=true] .icon--fullscreen_off {
display: block;
}
.vp__player .icon--fullscreen {
display: block;
}
.vp__player[vp-isFullScreen=true] .icon--fullscreen {
display: none;
}

.vp__endPoint {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
display: none;
}


.story_frame {
font: 0/0 a;
position: fixed;
z-index: 9;
top: 0;
left: 0;
bottom: 0;
overflow: auto;
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
width: 100%;
padding: 0;
display: block;
transition: opacity .4s ease-out,
			visibility 0s ease-out .4s;
opacity: 0;
visibility: hidden;
}
.story_frame--active {
opacity: 1;
transition: opacity .4s ease-in,
			visibility 0s ease-in 0s;
visibility: visible;
}
.story_frame.modal.modal.modal.modal.modal {
	opacity: 1;
	transition: opacity .4s ease-in,
				visibility 0s ease-in 0s;
	visibility: visible;
}

.story_frame.gallery {
	background-color: #000;
}

@media (min-width: 641px) and (min-height: 361px) {
.story_frame {
	bottom: 70rem;
}
}

.story_frame--infographics {
	background-color: rgba(0,0,0,.96);
	text-align: center;
	position: fixed;
}
	.infographics_image {
	position: absolute;
	width: 100vw;
	height: auto;
	max-height: 100vh;
	max-width: 142.8889vh;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}

.endpointContainer {
height: 480px;
}
.endPoint {
display: none;
}

.endpointLink {
cursor: pointer;
}

.endpointLink_next {
color: green;
}

.endpointLink_prev {
color: blue;
}

.endpointLink_play, .endpointLink_stop {
color: red;
}

.hidden {
display: none;
}

.icon--sound_on,
.icon--sound_off,
.icon--fullscreen,
.icon--fullscreen_off {
//font-size: 36rem;
//font-size: 2.7692vw;
//width: 2.7692vw;
width: 36rem;
height: 36rem;
}
.icon--play_m,
.icon--pause_m {
//font-size: 50rem;
//font-size: 3.8461vw;
//width: 3.8461vw;
height: 50rem;
width: 50rem;
}
.icon--play_b,
.icon--pause_b {
//font-size: 130rem;
font-size: 10vw;
width: 10vw;
}
.icon--info,
.icon--text,
.icon--photo,
.icon--expert {
//font-size: 30rem;
//font-size: 2.3076vw;
//width: 2.3076vw;
height: 30rem;
width: 30rem;
}
.icon--arrow {
//font-size: 18rem;
font-size: 1.3846vw;
width: 1.3846vw;
}

.vp__player ~ .copyright--vp {
transition: margin-bottom .25s ease-out;
}
.vp__player[vp-data-state=is_inactive] ~ .copyright--vp {
margin-bottom: 0;
transition: margin-bottom .25s ease-out;
}


@media (min-width: 641px) and (min-height: 361px) {
/* story_menu */
.story_menu {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 20;
	visibility: hidden;
	transition: opacity .25s ease-out;
	width: 320rem;
}
	.story_menu[data-state=is_expanded] {
	visibility: visible;
	}
.vp__player[vp-data-state=is_inactive] ~ .story_menu:not([data-state=is_expanded]) {
	opacity: 0;
}

	.story_menu .icon--arrow {
	transition: transform .2s ease-out;
	}
	.story_menu[data-state=is_expanded] .icon--arrow {
	transition: transform .2s ease-in;
	transform: rotate(180deg);
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	}
.story_menu__item {
	position: relative;
	width: 100%;
	height: 70rem;
	background-color: hsla(0, 0%, 0%, 1);
	margin-bottom: .1539vw;
	visibility: visible;
}
	.story_menu__item:not(.story_menu__item--current):hover {
	background: hsla(0, 0%, 10%, 1);
	}
	.story_menu__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	.story_menu__item--current .story_menu__link {
	display: none;
	}
	.story_menu .story_menu__item--current:hover {
	cursor: pointer;
	}

.story_menu__item:not(.story_menu__item--current):after {
	position: absolute;
	top: 100%;
	bottom: -3rem;
	left: 0;
	right: 0;
	content:'';
	z-index: -1;
	background-color: hsla(0, 0%, 0%, 1);
}

.story_menu__item--current {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	z-index: 1;
	background: hsla(0, 0%, 10%, .7);
}

.story_menu[data-state=is_expanded] .story_menu__item--current .story_menu__link {
	cursor: default;
}
.story_menu .story_menu__item:not(.story_menu__item--current) {
	opacity: 0;
	visibility: hidden;
	transition: transform .25s ease-out 0s,
		opacity .25s ease-out 0s,
		visibility .25s ease-out .25s;
	transform: translate3d(0, -2rem, 0);
}
.story_menu[data-state=is_expanded] .story_menu__item:not(.story_menu__item--current) {
	transform: translate3d(0, -70rem, 0);
	opacity: 1;
	visibility: visible;
	transition: transform .25s ease-out 0s,
		opacity .25s ease-out 0s,
		visibility .25s ease-out 0s;
}

.story_menu__item--disabled .disabled {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 100;
	cursor: default;
	top: 0;
	left: 0;
}
.story_menu__item--disabled .disabled .see_later {
	position: absolute;
	top: 12rem;
	left: 90rem;
	font: bold 14rem/1.2 Open Sans, Arial, sans-serif;
	color: #fff;
}
.story_menu__img {
	position: absolute;
	width: 70rem;
	height: 70rem;
}
	.story_menu__img img,
	.story_menu__img .icon {
	width: 100%;
	height: 100%;
	}
.story_menu__content {
	margin-left: 70rem;
	padding-top: 8rem;
	padding-left: 20rem;
}
.story_menu__place {
	color: #e0b800;
	font: 11rem/2.4 Open Sans, Arial, sans-serif;
}
.story_menu__name {
	color: #fff;
	font: bold 14rem/1.2 Open Sans, Arial, sans-serif;
}
.story_menu__more {
	position: absolute;
	right: 18rem;
	bottom: 26rem;
	z-index: 3;
	visibility: visible;
	cursor: pointer;
}
/* story_menu end */

.story_menu_close_layer {
	position: absolute;
	z-index: 19;
	top: 0;
	right: 0;
	bottom: 70rem;
	left: 0;
	visibility: hidden;
}
	.story_menu[data-state=is_expanded] ~ .story_menu_close_layer {
	visibility: visible;
	}
}

@media (max-width: 640px), (max-height: 360px) {
/* story_menu */
.story_menu {
	position: relative;
	transition: max-height .25s ease-out;
	width: 100%;
	max-height: 0;
	padding-top: 142rem;
	margin: 6.4616vw 0 60rem;
	overflow: hidden;
}
	.story_menu[data-state=is_expanded] {
		max-height: 700rem;
	}
	.story_menu__more {
		position: absolute;
		right: 40rem;
		top: 52rem;
		z-index: 3;
		visibility: visible;
		cursor: pointer;
	}
	.story_menu[data-state=is_expanded] .icon--arrow {
	transition: transform .2s ease-out;
	}
	.story_menu:not([data-state=is_expanded]) .icon--arrow {
	transition: transform .2s ease-in;
	transform: rotate(180deg);
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	}

.story_menu__item {
	position: relative;
	width: 100%;
	height: 21.875vw;
	background-color: #1a1a1a;
	margin-bottom: 2rem;
	font-size: 0;
	padding-left: 6.25%;
}
	.story_menu__link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	.story_menu__item--current .story_menu__link {
	display: none;
	}

.story_menu__item--current {
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.story_menu__item--disabled .disabled {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 100;
	cursor: default;
	top: 0;
	left: 0;
}
.story_menu__item--disabled .disabled .see_later {
	position: absolute;
	top: 12rem;
	left: 200rem;
	font: bold 14rem/1.2 Open Sans, Arial, sans-serif;
	color: #fff;
}
.story_menu__img {
	width: 21.875vw;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: -21.875vw;
}
	.story_menu__img .icon,
	.story_menu__img img {
	width: 100%;
	font-size: 140rem;
	}
.story_menu__content {
	vertical-align: middle;
	display: inline-block;
	padding-left: 25vw;
}
.story_menu__place {
	color: #e0b800;
	font: 22rem/1 Open Sans, Arial, sans-serif;
	margin-bottom: 14rem;
}
.story_menu__name {
	color: #fff;
	font: bold 28rem/1 Open Sans, Arial, sans-serif;
}
/* story_menu end */
}

@media (max-width: 640px), (max-height: 360px) {
.vp__player {
	width: auto;
	height: 0;
	padding-bottom: 56.25%;
	box-sizing: border-box;
	margin: 60rem 0;
	position: relative;
}
.icon--info,
.icon--text,
.icon--photo,
.icon--expert {
	//font-size: 60rem;
	font-size: 9.375vw;
	width: 9.375vw;
}
.icon--arrow {
	//font-size: 36rem;
	font-size: 5.625vw;
	width: 5.625vw;
}

	.media__holder_image {
		width: 100%;
		height: auto;
	}
}

.bg_modal_close {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media (max-width: 640px), (max-height: 360px) {
	.activeStory .header,
	.activeStory .story_menu,
	.activeStory .vp__player,
	.activeStory .media__materials,
	.activeStory .copyright,
	.activeStory .project_menu {
		display: none;
	}
	.activeStory .story_frame--infographics {
		position: static;
		height: auto;
	}
	.activeStory .story_frame {
		position: static;
		height: auto;
	}
}
/* player.css end */
.heroes_image {
	object-fit: cover;
	width: 100%;
	height: 100%;
}