@font-face
{
	font-family: web_spine;
	src: url('../fonts/web_spine.eot');
	src: url("../fonts/web_spine.eot?#iefix") format("embedded-opentype"), url("../fonts/web_spine.woff") format("woff"), url("../fonts/web_spine.ttf") format("truetype"), url("../fonts/web_spine.svg#web01") format("svg");
	font-weight: normal;
	font-style: normal;
}
body
{
	padding: 0;
	margin: 0;
}
body *
{
	font-family: web_spine, Arial;
	box-sizing: border-box;
}
a
{
	text-decoration: none;
	outline: none;
}
.header
{
	height: 15vh;
	color: #FFF;
	font: normal 8vh web_spine, Arial;
	line-height: 15vh;
	white-space: nowrap;
	margin: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);
}
.header a
{
	color: #FFF;
	display: block;
	position: relative;
	height: 100%;
}
.header b
{
	font-weight: normal;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 19vh;
}
.header a:before {
	content: "";
	width: 13vh;
	height: 13vh;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3e%3crect fill='%230B1D38' width='100' height='100'/%3e%3cpath fill='%23FFFFFF' d='M26.484,69.951c0-13.198,0-26.356,0-39.681c0.727-0.053,1.38-0.137,2.034-0.137 c11.322-0.009,22.644-0.019,33.965,0.011c1.343,0.003,2.7,0.144,4.023,0.375c3.973,0.692,6.945,3.306,7.407,7.401 c0.43,3.836,0.439,7.804-0.025,11.632c-0.544,4.46-2.313,5.857-7.845,7.716c3.076,4.177,6.122,8.31,9.368,12.719 c-3.906,0-7.452,0-11.241,0c-2.782-4.107-5.675-8.381-8.698-12.846c-3.055,0-6.186,0-9.318,0c-3.14,0-6.28,0-9.63,0 c0,4.301,0,8.459,0,12.811C33.084,69.951,29.849,69.951,26.484,69.951z M36.574,39.059c0,3.062,0,6.067,0,9.315 c0.869,0,1.674,0,2.478,0c6.369,0,12.736,0,19.104,0c6.178,0,6.352-0.22,6.125-6.285c-0.077-2.063-1.014-3.03-3.031-3.03 C53.086,39.058,44.92,39.059,36.574,39.059z'/%3e%3c/svg%3e") 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	left: 2vh;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	box-shadow: 0.2vh 0.2vh 0.2vh rgba(0,0,0,0.3);
}
table
{
	background: #f9f9f9;
	border-spacing: 0;
	width: 100%;
	position: relative;
	border-collapse: collapse;
	height: 100%;
}
table td
{
	border: 1px solid #c3c3c3;
}
.main_info
{
	vertical-align: middle;
	text-align: center;
	border-left: 0;
	border-right: 0;
}
.main_info a
{
	width: 29vh;
	height: 29vh;
	border-radius: 50%;
	border: 1px solid #e8e8e8;
	position: relative;
	display: inline-block;
}
.main_info a > span
{
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	border-radius: 50%;
	position: relative;
}
.main_info td.avatar
{
	height: 35vh;
}
.main_info .avatar
{
	width: 30%;
	border-left: 0;
}
.main_info .value
{
	height: 15vh;
	font-size: 6vh;
	font-weight: bold;
}
.main_info .value > span
{
	font-size: 4vh;
	display: block;
	color: #999;
	font-weight: normal;
}
.main_info .value
{
	width: 20%;
}
.view
{
	text-align: center;
	vertical-align: middle;
	border-right: 0;
}
.main_info > td:last-child
{
	border-right: 0;
}
.view > div
{
	min-height: 21vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 21vh;
}
.view a
{
	position: relative;
	margin: 0 auto;
	width: 64vw;
	display: block;
	height: 15vh;
	box-sizing: border-box;
	border-radius: 2vh;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #FFF;
}
.view a > b
{
	font-size: 6vh;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.img
{
	height: 100%;
	position: relative;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.img .publications
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: relative;
	height: 100%;
	width: 100%;
}
.publications > div
{
	position: relative;
}
.publications > div > a
{
	box-shadow: 0 1px 0 rgba(0,0,0,0.3);
	display: block;
	position: absolute;
	box-sizing: border-box;
	padding: 1.5vh;
	top: 1.5vh;
	left: 1.5vh;
	right: 1.5vh;
	bottom: 1.5vh;
}
.publications > div > a:hover,
.avatar > a:hover,
.view > div > a:hover
{
	opacity: 0.7;
}
.publications > div > a > span
{
	display: block;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-left-radius: 1.5vh;
	border-bottom-right-radius: 1.5vh;
	position: relative;
}
.publications > div > a:before,
.main_info a:before
{
	content: 'Loading';
	font: normal 4vh web_spine;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #555;
}
html[lang=ru] .publications > div > a:before,
html[lang=ru] .main_info a:before
{
	content: 'Загрузка';
}
.x0, .x1 {width: 100%;}
.x2 {width: 50%;}
.x3 {width: 33%;}
.x4 {width: 25%;}

/*error*/
.error
{
	text-align: center;
	vertical-align: middle;
	font: normal 6vh web_spine, Arial;
}
/*END error*/
.h100vh
{
	height: 100vh;
}
/*color*/
.header,
.view a
{
	background: #4e8ec6;/*#36a5d2;*/
}
/*color*/