html,body,ul,ol,p,h1,h2 {
	padding: 0;
	margin: 0;
}
html {
	font: 62.5%/1.25 Georgia, serif;
}
body,html {
	height: 100%;
}
h2 {
	font: bold 3rem/1.5 'Roboto', sans-serif;
	color: #2662bc;
	padding-left: 23%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-decoration: underline;
}
body {
	position: relative;
}
/* VICON */
.vicon {
    fill: currentcolor;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font: 22px/0 a;
}
.vicon__body {
    width: 1em;
    height: 1em;
    background: inherit;
    -webkit-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -ms-transform: translate(0.5px, -0.3px);
}
.vicon--refugees-fb, .vicon--refugees-vk, .vicon--refugees-ok, .vicon--refugees-tw  {
	background: #2662bc;
	color: #fff;
    font-size: 40px;
    width: 40px;
}
.refugees_layout {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 70px;
	position: relative;
	overflow: hidden;
}
.refugees_layout .vicon {
	fill: #fff;
}
/* VICON END */
/* POPUP MENU & SOCIALS */
.refugees_popup_menu__holder {
	position: relative;
	width: 355px;
}
.refugees_popup_menu {
	position: fixed;
	top: 0;
	bottom: 0;
	text-transform: uppercase;
	opacity: 1;
	will-change: transform;
	z-index: 11;
	width: 355px;
	left: -285px;
	transform: translate3d(0,0,0);
	-webkit-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	-o-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
}
.refugees_popup_menu--is_shown {
	left: 0;
	/* transform: translate(285px,0); */
}
.csstransforms3d .refugees_popup_menu--is_shown {
    transform: translate3d(285px,0,0);
	left: -285px;
   	-webkit-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
   	transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
   	-o-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
   	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s;
   	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
}
.refugees_popup_menu__inner {
	z-index: 3;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: #2662bc;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	padding-top: 180px;
}
.refugees_popup_menu--is_shown .refugees_popup_menu__inner {
	overflow: auto;
}
.refugees_popup_menu__list {
	list-style: none;
	padding-left: 62px;
	padding-right: 80px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.refugees_popup_menu__item {
	font: 1.5rem/1.25 'Roboto', sans-serif;
	margin-bottom: 30px;
	color: #2662bc;
}
.refugees_popup_menu--is_shown .refugees_popup_menu__item {
	color: #fff;
}
.refugees_popup_menu__item--current a {
	text-decoration: underline;
}
.refugees_popup_menu__item a {
	color: inherit;
	text-decoration: none;
}
.refugees_popup_menu__holder .vicon {
	font-size: 44px;
	width: 44px;
}
.socials {
	display: none;
	font-size: 0;
	text-align: justify;
	text-justify: distribute-all-lines;
	vertical-align: middle;
	position: absolute;
	bottom: 50px;
	width: 240px;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 12;
	height: 44px;
}
.socials:after {
    width: 100%;
    content: '';
    display: inline-block;
}
@media only screen and (max-height: 580px) {
	.socials {
		position: relative;
		bottom: auto;
		margin-bottom: 20px;
	}
}
.refugees_popup_menu--is_shown .socials {
	display: block;
}
.socials__item {
    display: inline-block;
    vertical-align: top;
    position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.socials__item .number {
    text-align: center;
    font: 1rem/1.5 Open Sans, Arial, sans-serif;
    color: #fff;
	display: block;
}
.social_link {
	display: block;
	text-align: center;
	text-decoration: none;
}
/* mobile buttons & socials */
.popup_menu_main_button .vicon {
	font-size: 36px;
}
.popup_menu_main_button {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #2662bc;
	padding: 6px;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	z-index: 12;
	opacity: .8;
}
	.refugees_popup_menu--is_shown ~ .popup_menu_main_button {
		left: 7px;
		top: 90px;
		opacity: 1;
	}
	.refugees_popup_menu--is_shown ~ .popup_menu_main_button .vicon {
		font-size: 44px;
	}
.popup_menu_logo_icon {
	position: fixed;
	left: 13px;
	top: 30px;
	z-index: 12;
	display: none;
}
	.refugees_popup_menu--is_shown ~ .popup_menu_logo_icon {
		display: block;
	}
.popup_menu_close_button {
	position: fixed;
    top: 92px;
    left: 290px;
	z-index: 12;
	display: none;
	cursor: pointer;
}
	.refugees_popup_menu--is_shown .popup_menu_close_button {
		display: block;
	}
.socials--fixed {
	display: none;
}
.socials--fixed.socials--off {
	display: none;
}
/* mobile buttons & socials end */
/* desktop buttons & socials */
@media only screen and (min-width: 780px) and (min-height: 360px) {
	.popup_menu_main_button {
		left: 7px;
		top: 90px;
		opacity: 1;
	}
	.popup_menu_main_button .vicon {
		font-size: 44px;
	}
	.popup_menu_logo_icon {
		display: block;
	}
	.socials--fixed {
		display: block;
		position: fixed;
		left: 9px;
		bottom: 20px;
		height: auto;
		width: auto;
		right: auto;
	}
	.socials--fixed .socials__item {
		display: block;
		width: 52px;
		padding: 5px;
		box-sizing: border-box;
	}
}
/* desktop buttons & socials end */
/* POPUP MENU & SOCIALS END */
.refugees_temp {
	color: red;
	font-size: 3rem;
	text-transform: uppercase;
	text-align: center;
	width: 80%;
	margin: 20px auto;
}
.refugees_iframe_holder {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	border: 0;
	width: 100%;
	display: block;
	margin: 0 auto 30px;
}
.refugees_iframe_holder iframe,.refugees_iframe_holder object,.refugees_iframe_holder embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.refugees_holder {
	margin: 20px auto;
	padding-left: 17.2473%;
	margin-right: 25.6097%;
}
.refugees_holder--large {
	padding-left: 0;
	margin-right: 0;
}
	.refugees_holder img {
		width: 100%;
		height: auto;
	}
.refugees_video_holder {
	text-align: center;
}
 .refugees_video {
	/* width: 100%;
	padding-top: 56.25%; */
	margin-bottom: 30px;
}
	.refugees_video--top,
	.refugees_video--bottom {
		margin-bottom: -3px;
	}
		.refugees_video--top .vicon,
		.refugees_top .vicon {
			font-size: 48px;
			margin: 0 auto;
			width: 48px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
		}
.refugees_video__text {
	color: #fff;
	position: absolute;
	bottom: 3%;
	left: 20%;
	width: 50%;
}
	.refugees_video--top .refugees_video__text {
		width: 100%;
		left: 0;
		bottom: 0;
		font: 0/0 a;
		padding-bottom: 6%;
		padding-top: 100px;
		box-sizing: border-box;
		background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(38,98,188,.85)));
		background: -webkit-linear-gradient(top, transparent, rgba(38,98,188,.85));
		background: -o-linear-gradient(top, transparent, rgba(38,98,188,.85));
		background: linear-gradient(to bottom, transparent, rgba(38,98,188,.85));
	}
	.refugees_video--top .refugees_video__title {
		display: inline-block;
		text-align: right;
		font: bold 6.2rem/1.25 'Roboto', sans-serif;
		width: 50%;
		padding-right: 25px;
		box-sizing: border-box;
		vertical-align: top;
		margin-top: -1.3rem;
		text-decoration: underline;
		text-transform: uppercase;
		margin-bottom: 20px;
		color: #fff;
	}
.refugees_video__description {
	font: 1.5rem/1.25 'Roboto', sans-serif;
}
	.refugees_video--top .refugees_video__description {
		display: inline-block;
		text-align: left;
		width: 50%;
		padding-left: 25px;
		padding-right: 15%;
		box-sizing: border-box;
		text-transform: uppercase;
		vertical-align: top;
	}
.refugees_content {
	width: 1078px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 2rem;
	margin: 0 auto;
}
.refugees_subtitle {
	padding-left: 8.5365%;
}
.refugees_content>p {
	margin-bottom: 20px;
	padding-left: 17.2473%;
	padding-right: 25.6097%;

}
.refugees_picture__holder {
	min-width: 300px;
	width: 33%;
	position: absolute;
	right: 0;
}
.refugees_picture {
	position: absolute;
	right: 0;
	z-index: -1;
	-webkit-transform: translate3d(100%,0,0);
	        transform: translate3d(100%,0,0);
	/* transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s; */
	background: transparent no-repeat 100% 0;
	background-size: contain;
}
	.refugees_picture--ship {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/dignity_new.png);
		width: 100%;
		height: 0;
		padding-bottom: 75.11%;
	}
	.refugees_picture--boat {
		-webkit-transform: translate3d(100%,0,0);
		        transform: translate3d(100%,0,0);
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/rubber_boat_empty.png);
		width: 100%;
		height: 0;
		padding-bottom: 126%;
	}
	.refugees_picture__inner {
		width: 100%;
		height: 0;
		padding-bottom: 132.6423%;
		background: transparent url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/rubber_boat_croud.png) no-repeat 100% 0;
		background-size: contain;
		opacity: 0;
		/* transition: opacity 1.5s ease 0.5s; */
	}
		.refugees_picture__inner--is_shown {
			opacity: 1;
			/* transition: opacity 1.5s ease 0.5s; */
		}
	.refugees_picture--engine {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/boat_engine_new.png);
		width: 60%;
		height: 0;
		padding-bottom: 100%;
	}
	.refugees_picture--is_shown {
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
		/* transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s; */
	}

.refugees_label {
	color: #2662bc;
	font: 1.5rem/1.2 'Roboto', sans-serif;
	text-transform: uppercase;
}
.refugees_content__quote {
	color: #2662bc;
	text-transform: uppercase;
	padding-left: 8.5365%;
	padding-right: 25.6097%;
	margin-bottom: 20px;
	margin-top: 40px;
}
	.refugees_content__quote--person {
		background: transparent no-repeat 100% 100%;
		background-size: 23.1707% auto;
		min-height: 260px;
		position: relative;
	}
	.refugees_content__quote--erdogan {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_erdogan.png);
	}
	.refugees_content__quote--may {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_may.png);
	}
	.refugees_content__quote--merkel {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_merkel.png);
	}
	.refugees_content__quote--obama {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_obama.png);
	}
	.refugees_content__quote--orban {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_orban.png);
	}
	.refugees_content__quote--gaddafi {
		background-image: url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/portrait_gaddafi.png);
	}
	.refugees_content__quote__text {
		font: bold 2.7rem/1.35 'Roboto', sans-serif;
		margin-bottom: 10px;
	}
	.refugees_content__quote__author {
		font: 1.5rem/1.5 'Roboto', sans-serif;
		text-align: right;
	}
.refugees_map {
	width: 100%;
	height: 500px;
	border: 0;
	margin-bottom: 30px;
}
.refugees_statistics {
	float: right;
	color: #2662bc;
	width: 23.1707%;
}
.refugees_statistics__title {
	font: bold 3.6rem/1 'Roboto', sans-serif;
	white-space: nowrap;
}
.refugees_statistics__text {
	font: 1.5rem/1.2 'Roboto', sans-serif;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.refugees_collapsed {
	background: #2662bc url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/map_bg.png) repeat-y 0 0;
	background-size: 100% auto;
	position: relative;
	margin-left: 8.5365%;
	margin-right: 25.6097%;
	margin-bottom: 30px;
	min-height: 45px;
}
.refugees_collapsed .vicon {
	font-size: 40px;
	position: absolute;
	right: 20px;
	top: 6px;
	-webkit-transition: -webkit-transform .3s ease-in 0s;
	transition: -webkit-transform .3s ease-in 0s;
	-o-transition: -o-transform .3s ease-in 0s;
	transition: transform .3s ease-in 0s;
	transition: transform .3s ease-in 0s, -webkit-transform .3s ease-in 0s, -o-transform .3s ease-in 0s;
	width: 40px;
	height: 40px;
}
.refugees_collapsed--is_shown .vicon {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
	-webkit-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
}
.refugees_collapsed__title {
	font: bold 3rem/1.25 'Roboto', sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: 20px;
	padding: 4px 60px 5px 20px;
	box-sizing: border-box;
}
.refugees_collapsed__text {
	color: #fff;
	font: 2rem/1.2 Georgia, serif;
	display: none;

}
.refugees_collapsed__text p {
	margin-right: 16px;
	padding-bottom: 30px;
}
.refugees_collapsed--is_shown .refugees_collapsed__text {
	display: block;
	padding-left: 13.1%;
}
/* gallery */
.refugees_gallery__title {
	font: bold 2.7rem/1.35 'Roboto', sans-serif;
	color: #2662bc;
	padding-left: 8.5365%;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-decoration: underline;
}
.refugees_gallery__body,
.refugees_fullscr_gallery__body {
    font: 0/0 a;
    position: relative;
    margin-bottom: 20px;
}
.refugees_content .refugees_gallery__body {
	padding-left: 17.2473%;
	padding-right: 4%;
}
.refugees_fullscr_gallery__body .refugees_gallery__list {
    position: relative;
    overflow: hidden;
}
.refugees_fullscr_gallery__body .refugees_gallery__item {
    float: left;
    position: relative;
    margin-right: -100%;
	margin-left: 0;
    width: 100%;
    vertical-align: top;
}
.refugees_fullscr_gallery__body a {
	border: 0;
}
.refugees_fullscr_gallery__body .photo img {
    display: block;
    width: 100%;
    height: auto;
	border: 0;
}
.refugees_gallery__body .refugees_gallery__list {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.refugees_gallery__body .refugees_gallery__item {
	width: 100%;
	position: relative;
	display: inline-block;
	margin: 0;
	margin-right: -100%;
	vertical-align: top;
}
.refugees_gallery__body .refugees_gallery__item__info {
	font: 1.5rem/1.2 'Roboto', sans-serif;
	text-transform: uppercase;
	color: #2662bc;
}
.refugees_gallery__body .photo img {
	width: 100%;
}
.refugees_gallery__body .refugees_gallery__picture_sign {
	margin-top: 20px;
}
.refugees_gallery__body .vicon--fullscreen {
	position: absolute;
	right: -webkit-calc(27.1707% + 14px);
	right: calc(27.1707% + 14px);
	bottom: 12px;
	font-size: 40px;
	cursor: pointer;
}
.refugees_gallery__body .vicon--close {
	display: none;
}
.refugees_gallery__body .vicon--fullscreen {
	display: block;
}
/* desktop */
@media (min-width: 780px) and  (min-height: 360px) {
	.refugees_gallery__body .refugees_gallery__item {
		padding-top: 54.5%;
		height: 0;
	}
	.refugees_gallery__body .photo {
		width: 72.5%;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	.refugees_gallery__body .refugees_gallery__picture_sign {
		position: absolute;
		top: 0;
		right: 0;
		width: 23.1707%;
		bottom: 0;
		overflow: hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		margin-top: 0;
	}
	.refugees_gallery__body .b-gallery__nav.b-gallery__next {
		margin-right: 27.5%;
	}
	.refugees_gallery__container--expanded {
		position: fixed;
		left: 70px;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 10;
		background-color: #2662bc;
	}
	.modal.modal.modal.modal.modal {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 70px;
		right: 0;
		/* width: 100%;
		height: 100%; */
		background-color: #2662bc;
		font: 0/0 a;
		z-index: 20;
	}
	.modal .refugees_gallery__body {
		/* display: none; */
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: -webkit-calc(100vw - 96px);
		width: calc(100vw - 96px); /* 96% of viewport width */
		height: -webkit-calc((100vw - 96px) * 0.545);
		height: calc((100vw - 96px) * 0.545); /* ratio = 2.18/4 * 100 = 54.5 */
		max-height: -webkit-calc(100vh - 96px);
		max-height: calc(100vh - 96px);
		max-width: -webkit-calc((100vh - 96px) * 1.8349);
		max-width: calc((100vh - 96px) * 1.8349); /* 4/2.18 * 100 = 176.1467889908257 */
		padding-left: 0;
		padding-right: 0;
		margin: auto;
	}
	.modal .refugees_gallery__body .refugees_gallery__list {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.modal .refugees_gallery__body .refugees_gallery__item {
		padding-top: 54.5%;
		height: 0;
	}
	.modal .refugees_gallery__body .photo {
		width: 75%;
	}
	.modal .refugees_gallery__body .refugees_gallery__picture_sign {
		width: 25%;
		padding: 30px 0 0;
	}
	.modal .refugees_gallery__body .refugees_gallery__item__info {
		color: #fff;
	}
	.modal .refugees_gallery__body .nano > .nano-content {
		background-color: #2662bc;
		padding: 0 20px 0 30px;
	}
	.modal .refugees_gallery__body .nano > .nano-pane {
		border-right: 1px solid #fff;
		background: #2662bc;
	}
	.modal .refugees_gallery__body .nano > .nano-pane > .nano-slider {
		background: #fff;
	}
	.modal .refugees_gallery__body .vicon {
		fill: #fff;
	}
	.modal .refugees_gallery__body .vicon--close {
		position: fixed;
		right: 25px;
		top: 25px;
		font-size: 48px;
		cursor: pointer;
	}
	.modal .refugees_gallery__body .b-gallery__nav.b-gallery__next {
		margin-right: 25%;
	}
	.modal .refugees_gallery__body .refugees_gallery__backlayer {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.modal .refugees_gallery__body .vicon--close {
		display: block;
	}
	.modal .refugees_gallery__body .vicon--fullscreen {
		display: none;
	}
}
.b-gallery-nav_lineup {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    font: 0/0 a;
    position: absolute;
	left: 0;
	z-index: 1;
	bottom: 20px;
}
.b-gallery-nav_lineup .b-gallery-nav_lineup_item {
    background-image: url(//im.kommersant.ru/ContentFlex/images/dots_4x.png);
    background-image: url(//im.kommersant.ru/ContentFlex/images/dots_1x.png)\9;
    background-size: auto 36px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1), only screen and (-o-max-device-pixel-ratio: 1/1), only screen and (max-resolution: 1dppx) {
	.b-gallery-nav_lineup .b-gallery-nav_lineup_item {
		background-image: url(//im.kommersant.ru/ContentFlex/images/dots_1x.png);
	}
}
.b-gallery-nav_lineup .b-gallery-nav_lineup_item {
    position: relative;
    display: inline-block;
    margin: 4px;
    width: 12px;
    height: 12px;
    background-position: 0 -12px;
    background-repeat: no-repeat;
}
.b-gallery-nav_lineup .slider-nav-item-current {
    background-position: 0 0;
}
.b-gallery-nav_lineup .b-gallery-nav_lineup_item:hover {
    background-position: 0 -24px;
}
.b-gallery-nav_lineup .b-gallery-nav_lineup_item .slider-link {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    display: block;
}
.b-gallery__nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 48px;
	height: 48px;
	margin: auto 0;
}
.b-gallery__nav.b-gallery__previous {
	left: 0;
}
.b-gallery__nav.b-gallery__next {
	right: 0;
}

.b-gallery__previous .slider-link, .b-gallery__next .slider-link {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.slider-link, .slider-link:focus {
    outline: none;
}
.refugees_vicon-left_arrow,
.refugees_vicon-right_arrow {
	font-size: 48px;
}
.refugees_vicon-right_arrow {
	-webkit-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
.refugees_vicon-left_arrow {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}
/* gallery end */

/* player */
.vp__player {
position: relative;
display: block;
background-color: #000;
}
.vp__video {
max-height: 100vh;
margin: 0 auto;
display: block;
max-width: 100vw;
}
.refugees_video--top .vp__video {
	max-height: none;
	max-width: none;
	height: 100vh;
	width: 100vw;
	object-fit: cover;
	-o-object-fit: cover;
}
.refugees_video--bottom .vp__video {
	max-height: none;
	max-width: none;
	height: 40vw;
	width: 100vw;
}
.vp__title {
color: #fff;
font: bold 3rem/1.5 'Roboto', sans-serif;
text-transform: uppercase;
background: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0,0,0,.7)));
background: -webkit-linear-gradient(bottom, transparent, rgba(0,0,0,.7));
background: -o-linear-gradient(bottom, transparent, rgba(0,0,0,.7));
background: linear-gradient(to top, transparent, rgba(0,0,0,.7));
position: absolute;
padding: 20px 50px 4px;
width: 100%;
top: 0;
left: 0;
box-sizing: border-box;
text-align: left;
}
.vp__timeline {
height: 20px;
right: 270px;
left: 120px;
position: absolute;
margin: auto 0;
top: 0;
bottom: 0;
padding: 20px 0;
cursor: pointer;
}
.vp__timeline__background,
.vp__timeline__progress {
display: block;
height: 6px;
width: 100%;
position: absolute;
bottom: 0;
top: 0;
left: 0;
background: #666;
margin: auto 0;
}
.vp__timeline__progress {
width: 0;
background: #2662bc;
}
.vp__timeline__duration {
 font: 2rem/1 'Roboto', sans-serif;
 color: #fff;
 z-index: 30;
 position: absolute;
 right: -120px;
 top: 0;
 padding: 20px 0;
}
.vp__player[vp-data-state=is_inactive] ~ .vp__timeline__stop_points .vp__timeline__stop_point {
	-webkit-transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	-o-transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	opacity: 0;
	visibility: hidden;
}
.vp__controls {
position: absolute;
bottom: 0;
left: 0;
height: 90px;
width: 100%;
background: rgba(0,0,0,.7);
z-index: 10;
-webkit-transition: opacity .25s ease-in, visibility 0s ease-in 0s;
-o-transition: opacity .25s ease-in, visibility 0s ease-in 0s;
transition: opacity .25s ease-in, visibility 0s ease-in 0s;
}
.vp__player[vp-data-state=is_inactive] .vp__controls {
	-webkit-transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	-o-transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	transition: opacity .25s ease-in, visibility .25s ease-in .25s;
	opacity: 0;
	visibility: hidden;
}
.vp__main_button {
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	width: 160px;
	height: 160px;
	position: absolute;
	cursor: pointer;
	z-index: 1;
}
.vp__main_button .vicon {
	font-size: 160px;
}
.vp__main_button:hover .vicon {
	fill: #2662bc;
}
.vp__main_button--play .vicon--pause_b,
.vp__main_button--pause .vicon--play_b {
	display: none;
}
.vp__player[vp-stoppoint-isactive=true] .vp__main_button {
	left: 50%;
}
.refugees_layout  .vicon--play_m,
.refugees_layout  .vicon--pause_m {
	fill: #2662bc;
}
.vp__after {
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	height: 24px;
	position: absolute;
	z-index: 10;
	display: none;
	text-align: center;
}
.vp__after__item {
	display: inline-block;
	padding: 0 10px;
}
.vp__after__item .vicon {
	margin-right: 5px;
}
.vp__after__item .vicon--play_m,
.vp__after__item .vicon--loop {
	font-size: 3rem;
	width: 3rem;
	cursor: pointer;
}
.vp__after__item__text {
	font: bold 19px/24px Open Sans, Arial, sans-serif;
	color: #fff;
	vertical-align: middle;
	display: inline-block;
}
.vp__control_button {
	top: 0;
	width: 40px;
	height: 40px;
	bottom: 0;
	position: absolute;
	cursor: pointer;
	z-index: 1;
	margin: auto 0;
}
.vp__control_button--play,
.vp__control_button--pause {
	margin: auto 19px;
	left: 30px;
}
.vp__control_button .vicon {
	font-size: 40px;
}
.vp__control_button--play .vicon--pause_m,
.vp__control_button--pause .vicon--play_m {
	display: none;
}
.vp__control_button--sound_on,
.vp__control_button--sound_off  {
	right: 90px;
}
.vp__control_button--sound_on .vicon--sound_off,
.vp__control_button--sound_off .vicon--sound_on {
	display: none;
}
.vp__control_button--fullscreen  {
	right: 30px;
}
.vp__player .vicon--fullscreen_off {
	display: none;
}
.vp__player[vp-isFullScreen=true] .vicon--fullscreen_off {
	display: block;
}
.vp__player .vicon--fullscreen {
	display: block;
	font-size: 32px;
	margin-top: 4px;
}
.vp__player[vp-isFullScreen=true] .vicon--fullscreen {
	display: none;
}
/* player end */

.refugees_credits {
	/* background: #2662bc url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/map_bg.png) repeat-y 0 0; */
	margin-top: 30px;
}
.refugees_credits__title {
	font: bold 2.7rem/1.35 'Roboto', sans-serif;
	color: #2662bc;
	padding-left: 8.5365%;
	text-transform: uppercase;
	text-decoration: underline;
}
.refugees_credits__inner {
	padding: 20px 25.6097% 30px 17.2473%;
	font: 1.5rem/1.25 'Roboto', sans-serif;
	text-transform: uppercase;
	color: #2662bc;
}
.refugees_credits__inner p {
	margin-bottom: 4px;
}
.refugees_anons {
	position: absolute;
	width: 25%;
	color: #fff;
	font: 1.5rem/1.2 'Roboto', sans-serif;
	text-transform: uppercase;
	bottom: 5%;
	right: 0;
	-webkit-transform: translate3d(100%,0,0);
	        transform: translate3d(100%,0,0);
	-webkit-transition: -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	-o-transition: -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
}
.refugees_anons a {
	color: #fff;
}
	.refugees_anons--is_shown {
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		-o-transition: -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	}
.refugees_anons	.vicon {
	font-size: 24px;
	position: absolute;
	right: 12px;
	top: 17px;
}
.refugees_anons img {
	width: 100%;
	height: auto;
	background-color: #2662bc;
	padding: 10px 0 0 10px;
}
.refugees_anons p {
	background-color: #2662bc;
	padding: 16px 44px 10px 10px;
	margin-top: -10px;
	position: relative;
	text-align: left;
}

@media only screen and (max-width: 479px) {
	.refugees_content__quote__author {
		margin-right: 0;
	}
}
@media only screen and (min-width: 780px) {
	.refugees_content__quote--erdogan .refugees_content__quote__author {
		position: absolute;
		bottom: 0;
		right: 25.6097%;
	}
}

/* mobile */
@media (max-width: 779px),(max-height: 359px) {
	html {
		font: 56.25%/1.25 Georgia, serif;
	}
	.hide_mobile {
		display: none !important;
	}
	.refugees_content {
		width: 100%;
		padding: 0 25px;
	}
	.refugees_layout {
		padding-left: 0;
	}
	.refugees_popup_menu {
		transform: translate3d(-355px,0,0);
		/* opacity: 0; */
	}
	.refugees_popup_menu--is_shown {
		-webkit-transform: translate3d(0,0,0);
		        transform: translate3d(0,0,0);
		left: 0;
		opacity: 1;
	}
	.refugees_subtitle,
	.refugees_content__quote,
	.refugees_collapsed,
	.refugees_gallery__title,
	.refugees_credits__title,
	.refugees_holder,
	.refugees_credits__inner {
		padding-left: 0;
	}
	.refugees_content .refugees_gallery__body,
	.refugees_content>p {
		padding: 0;
	}
	.refugees_statistics {
		float: none;
		width: 100%;
	}
	.refugees_statistics__title {
		font: bold 4rem/1 'Roboto', sans-serif;
		margin-bottom: 10px;
	}
	.refugees_video__title {
		padding: 0 25px;
		font: bold 2.7rem/1.35 'Roboto', sans-serif;
		color: #2662bc;
		margin-bottom: 20px;
		text-transform: uppercase;
		text-decoration: underline;
	}
	.refugees_content__quote .refugees_content__quote__author {
		text-align: left;
		font: 1.2rem/1.5 'Roboto', sans-serif;
	}
	.refugees_holder,
	.refugees_credits__inner {
		margin-right: 0;
	}
	.refugees_content__quote {
		padding-right: 0;
	}
	.refugees_collapsed {
		margin-right: 0;
		margin-left: 0;
	}
 	.refugees_content__quote .refugees_content__quote__text {
		margin-right: 0;
	}
 	.refugees_content__quote .refugees_content__quote__text {
		font: bold 1.8rem/1.25 'Roboto', sans-serif;
	}
	.refugees_content__quote--person {
		min-height: 200px;
	}
	.refugees_collapsed {
		min-height: 36px;
	}
	.refugees_collapsed .vicon {
		font-size: 30px;
		top: 5px;
		width: 30px;
		height: 30px;
	}
	.refugees_collapsed__title {
		font: bold 2.4rem/1.5 'Roboto', sans-serif;
	}
	.refugees_picture__holder {
		position: relative;
		float: right;
		margin-right: -25px;
	}
	.refugees_picture {
		position: static;
	}
	.nano-content {
		margin-right: 0 !important;
	}
	.b-gallery__nav {
		margin-top: 33%;
	}
		.refugees_fullscr_gallery__body .b-gallery__nav {
			margin-top: 16%;
		}
	.refugees_picture--engine {
		width: 100%;
	}
	.socials {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin: 0 0 30px 55px;
		width: auto;
		text-align: left;
	}
	.socials__item {
		left: auto;
		right: auto;
		margin: 0 10px 0 0;
	}
	.hide_kommersant_logo_icon {
		display: none;
	}
	.hide_burger_icon {
		display: none;
	}
	.show_icon {
		display: block;
	}
	.refugees_top .refugees_video__text {
		position: static;
		width: 100%;
		left: 0;
		bottom: 0;
		font: 0/0 a;
		box-sizing: border-box;
	}
	.refugees_top .refugees_video__title {
		width: auto;
		text-align: left;
		font: bold 6rem/1.25 'Roboto', sans-serif;
		padding-right: 0;
		padding-left: 15%;
		box-sizing: border-box;
		vertical-align: top;
		margin-top: 1.5rem;
		text-decoration: underline;
		padding-bottom: 20px;
		color: #fff;
	}
	.refugees_top .refugees_video__description {
		width: auto;
		padding-left: 15%;
		padding-right: 10%;
		box-sizing: border-box;
		text-transform: uppercase;
		font: 1.5rem/1.25 'Roboto', sans-serif;
	}
	.refugees_top {
		width: 100vw;
		background: #2662bc url(//im.kommersant.ru/CorpImages/Projects/deadlyroute/content/map_bg.png) no-repeat 0 50%;
		padding: 30px 0 40px;
		height: 100vh;
		position: relative;
		box-sizing: border-box;
	}
	.refugees_popup_menu__holder {
		width: 300px;
	}
	.refugees_popup_menu {
		width: 300px;
	}
	.refugees_anons {
		width: 40%;
	}
	.popup_menu_close_button {
		left: 235px;
	}
	.modal.modal.modal.modal.modal {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #2662bc;
		font: 0/0 a;
		z-index: 20;
	}
	.modal .refugees_gallery__body {
		position: absolute;
		left: 15px;
		top: 15px;
		width: 100%;
		height: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.modal .refugees_gallery__body .refugees_gallery__list {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.modal .refugees_gallery__body .photo {
		width: 85%;
	}
	.modal .refugees_gallery__body .refugees_gallery__picture_sign {
		padding: 10px 0 0;
		width: 85%;
	}
	.modal .refugees_gallery__body .refugees_gallery__item__info {
		color: #fff;
	}
	.modal .refugees_gallery__body .nano > .nano-content {
		background-color: #2662bc;
		padding: 0 20px 0 0;
	}
	.modal .refugees_gallery__body .nano > .nano-pane {
		border-right: 1px solid #fff;
		background: #2662bc;
	}
	.modal .refugees_gallery__body .nano > .nano-pane > .nano-slider {
		background: #fff;
	}
	.modal .refugees_gallery__body .vicon {
		fill: #fff;
	}
	.modal .refugees_gallery__body .vicon--close {
		position: fixed;
		right: 15px;
		top: 15px;
		font-size: 48px;
		cursor: pointer;
	}
	.modal .refugees_gallery__body .b-gallery__nav {
		margin-top: 27%;
	}
	.modal .refugees_gallery__body .b-gallery__nav.b-gallery__next {
		margin-right: 15%;
	}
	.modal .refugees_gallery__body .refugees_gallery__backlayer {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.modal .refugees_gallery__body .vicon--close {
		display: block;
	}
	.modal .refugees_gallery__body .vicon--fullscreen {
		display: none;
	}
}
@media (max-width: 639px) {
	.refugees_title {
		font: bold 1.8rem/2 'Roboto', sans-serif;
		padding-top: 0;
		padding-bottom: 0;
	}
	.refugees_collapsed .vicon {
		top: 3px;
	}
}
@media (min-width: 580px) and (max-width: 779px) {
	.refugees_top .refugees_video__title {
		font: bold 6rem/1.25 'Roboto', sans-serif;
	}
}
@media (min-width: 360px) and (max-width: 579px) {
	.refugees_top .refugees_video__title {
		font: bold 4rem/1.25 'Roboto', sans-serif;
	}
}
@media (max-width: 359px) {
	.refugees_top .refugees_video__title {
		font: bold 3.5rem/1.25 'Roboto', sans-serif;
	}
}
/* desktop small */
@media only screen and (min-width: 780px) and (max-width: 1199px), not screen {
	.refugees_content {
		width: 100%;
	}
}
@media only screen and (min-width: 980px) and (max-width: 1199px), not screen {
	.refugees_video--top .refugees_video__title {
		font: bold 5rem/1.25 'Roboto', sans-serif;
		margin-top: -1rem;
	}
	.refugees_video--top .refugees_video__description {
		padding-right: 10%;
	}
}
@media only screen and (min-width: 780px) and (max-width: 979px), not screen {
	.refugees_video--top .refugees_video__title {
		font: bold 3rem/1.25 'Roboto', sans-serif;
		margin-top: -.5rem;
	}
	.refugees_video--top .refugees_video__description {
		padding-right: 10%;
		font: 1.35rem/1.25 'Roboto', sans-serif;
	}
}
/* desktop */
@media (min-width: 780px) and  (min-height: 360px) {
	.hide_desktop {
		display: none;
	}
	  /** 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: 0 20px 0 0;
	  }
	  .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: #fff;
		  border-right: 1px solid #2662bc;
		  -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		          box-sizing: border-box;
		  padding: 0;
		  position: absolute;
		  width: 7px;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  visibility: hidden\9;
		  /* Target only IE7 and IE8 with this hack */
		  opacity: .01;
		  -webkit-transition: .2s;
		  -o-transition: .2s;
		  transition: .2s;
	  }
	  .nano > .nano-pane > .nano-slider {
		  background: #2662bc;
		  position: relative;
		  margin: 0;
		  -webkit-border-radius: 0;
		  border-radius: 0;
		  height: 220px;
	  }
	  .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.no_scroller {
		  height: auto;
		  position: static;
		  overflow-y: auto;
		  overflow-x: hidden;
	  }
	  /** nano_scroller end **/
	.refugees_picture {
		-webkit-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		-o-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) .3s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	}
	.refugees_picture__inner {
		-webkit-transition: opacity 1.5s ease 0.5s;
		-o-transition: opacity 1.5s ease 0.5s;
		transition: opacity 1.5s ease 0.5s;
	}
	.refugees_picture__inner--is_shown {
		-webkit-transition: opacity 1.5s ease 0.5s;
		-o-transition: opacity 1.5s ease 0.5s;
		transition: opacity 1.5s ease 0.5s;
	}
	.refugees_picture--is_shown {
		-webkit-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		-o-transition: visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s;
		transition: transform .3s cubic-bezier(.05, .69, .14, 1) 0s, visibility 0s cubic-bezier(.05, .69, .14, 1) 0s, opacity .3s cubic-bezier(.05, .69, .14, 1) 0s, -webkit-transform .3s cubic-bezier(.05, .69, .14, 1) 0s, -o-transform .3s cubic-bezier(.05, .69, .14, 1) 0s;
	}
}
@media only screen and (min-width: 860px) {
	.refugees_content__quote--obama .refugees_content__quote__author {
		position: absolute;
		bottom: 0;
		right: 25.6097%;
	}
}