@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/helvetica_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/helvetica_medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('../fonts/helvetica_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


body {
	background-color: white;
	margin: 0px 0px 0px 0px;
}

h1 {
	text-align: left;
	font-family: 'HelveticaNeueCyr', sans-serif;
	color: #111111;
	font-size: 2.1em;
	font-weight: 700;
	line-height: 120%;
	margin: 0px 0px 4% 0px;
}

h2 {
	font-family: 'HelveticaNeueCyr', sans-serif;
	font-weight: 700;
	font-size: 1.4em;
	line-height: 120%;
	margin-top: 34px;
	margin-bottom: 25px;
}

h3 {

}

#header h1 {
	margin: 0px 0px 12px 0px;
}

#indcard h1 {
	font-size: 100px;
	line-height: 1;
	color: #fef1ee;
	text-align: right;
	margin-right: 85px;
	margin-bottom: 0;
	padding-top: 10%;
}

#header h2 {
	font-weight: 700;
	font-size: 1em;
	line-height: 142%;
	color: #111111;
	margin: 19px 0px 0px 0px;
}

#indcard h2 {
	font-size: 29px;
	font-weight: 400;
	line-height: 2.5;
	color: #fef1ee;
	text-align: right;
	margin-right: 0px;
	margin-top: 0;
	padding-bottom: 10%;
}

#header h3 {
	font-size: 1em;
	font-weight: 400;
	line-height: 142%;
	margin: 0px 0px 0px 0px;
	color: #111111;
}

#maintext h3 {
	margin-top: 34px;
	font-size: 1em;
	font-weight: 700;
	line-height: 120%;
}

.tray {
	color: #9c9c9c;
	height: 20px;
	padding: 17px 0px 7px 0px;
	margin: 0px 20px 0px 1%;

	display: inline-block;
	text-align: center;
	font: 13px 'HelveticaNeueCyr', sans-serif;
	font-weight: 400;
    vertical-align: center;
}


p {
	font-family: HelveticaNeueCyr, sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 179%;
	margin: 34px 0px 34px 0px;
	color: #111111;
}

.p_last {
	margin-bottom: 80px;
}

.flat {
	margin-bottom: -34px;
}

.formula {
	font-size: 1.5em;
	line-height: 130%;
}

.punct {
	text-indent: -9px;
	margin-bottom: -32px;
}

.sign {
	text-align: center;
	font-size: 0.7em;
	color: #575757;
	margin-top: 10px;
	line-height: 130%;
}

span {
	background-color: #FFF6C9;
}

.hiding {
	background-color: white;
}

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

ol {
	margin: 0 0;
	padding: 0 0;
	line-height: 1.5;
}

ol h2 {
	text-indent: 0pt;
	margin: 30pt 10pt 10pt 0pt;
}

p + ol { margin-top: 0pt;}

ul {
	text-indent: 0pt;
	margin: 0pt;
}

ul.content {
	margin-left: 5pt;
  list-style-type: none;
}

li {
}

li::marker {
	font-family: 'HelveticaNeueCyr', sans-serif;
	font-weight: 400;
	font-size: 1.4em;
	line-height: 120%;
	color: #bbbbbb;
}

li.ct1 {
  margin-left: 0pt;
  padding: 2pt; 
}

li.ct2 {
  margin-left: 20pt;
  padding: 2pt; 
}

a {
	text-decoration: none;
	color: #0071f2;
}

a:hover {
	text-decoration: underline;
}

button {
	text-decoration: none;
	color: #0071f2;
	background: white;
	border: none;
}

#ph {
	cursor: pointer;
}



#phbackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
  	height: 100vh;
  	text-align: center;
  	vertical-align: middle;
  	display: none;
  	background-color: rgba(5, 5, 5, 0.8);
  	z-index: 1000000000000000000000;
  	cursor: pointer;
}

.ph_big {
	margin-top: 4%;
	cursor: default;
}

.ph_close {
	width: 100%;
	background-color: rgba(0, 0, 0, 0) !important;
	color: #FFFFFF !important;
	text-align: right !important;
	padding: 20px 20px;
	font-size: 20px !important;
}

#space {
	height: 19px;
	display: none;
}

#spaceham {
	height: 18px;
}

.container {
	max-width: 1060px;
	padding: 0px 4% 0px 4%;
	margin:0 auto;
	font-family: 'HelveticaNeueCyr', sans-serif;
	font-size: 19px;
}

#card .container {
	padding-right: 0px;
}

.longread {
	max-width: 1920px;
	padding: 0px 5% 0px 5%;
}

.cont_image {
	max-width: 720px;
	padding: 0 0;
	text-align: center;
}

.cont_image_wide {
	max-width: 1368px;
	padding: 0 0;
}

#card {
	background: white;
	width: 100%;
	padding: 5.5% 0px 5.5% 0px;
}

#indcard {
	background-image: url("../ind/images/banner.jpg");
	max-width: 1368px;
	height: 516px;
	background-size: cover;
	background-position-x: right;
	margin: 0 auto;
	padding-right: 113px;
	padding-left: 30px;
	box-sizing: border-box;
}

#indheader {
	background-color: white !important;
	clear: both;
	padding: 50px 5% 0px 5%;
	background: #f1f1f1;
	min-height: 481px;

}

#topblock {
	height: 30px;	
	width: 100%;	
  	border-bottom: solid 1px #eeeeee;
  	padding-top: 8px;
}

#toplink {
	float: right;
	color: #757575;
	margin: 0px 27px 0px 30px;
}

#toplink a {
	font: 12px 'HelveticaNeueCyr', sans-serif;
	font-weight: 400;
	color: #757575;
	margin-left: 15px;
}

#menu {
	height: 52px;
	background-color: #efefef;
	clear: both;
	text-align: justify;
	padding: 0 0;
    line-height: 0;
    font-size: 1px;
    text-justify: newspaper;
    zoom:1;
    text-align-last: justify;
}


#hamburger {
	display: none;
	border-bottom: solid 1px #eeeeee;
	position: fixed;
	width: 100%;
	background: white;
	top: 0px;*/
}

#menuham {
	padding-top: 16px;
	padding-bottom: 16px;
	position: fixed;
	z-index: 1000000;
	background-color: white;
	width: 100%;
	border-bottom: solid 1px #eeeeee;
	transition: height .3s linear;
	overflow: hidden;
	visibility: hidden;
	top: 53px;*/
}

#photomag {
	float: left;
	margin: 0px 40px 6% 0px;
	width: 312px;
	height: 312px;
}

#header {
	clear: both;
	padding: 30px 5% 30px 5%;
	background: #efefef;
}

.round {
	border-radius: 192px;
	object-fit: cover;
	width: 100%
	height: 100%;
}

#headertext {
	padding: 40px 0px 40px 0px;
	margin: 0px 3% 0px 3%;/*1%;*/

}

#middleblock {
	
}


.menua {
  	width: 100%;
    background: #efefef;
  	position: relative;
}

.menub {
  	height: 52px;
  	background: #111111;
  	padding: 10px 0px 10px 0px;
}

#maintext {
	padding: 7% 0px 12% 1%;
}

.ind {
	padding: 15px 0px 12% 0px !important;
}

.long {
	padding: 5% 0px 12% 0px !important;
	text-indent: 20px;
}


.imgcaption {
 font: italic 15pt/120% Times New Roman, serif;
 margin: 0pt 0pt 0pt 0pt;
 padding: 2pt 15pt 3pt 15pt;
 text-align: center;
}

.comment {
  background: lightsteelblue; 
  color: white; 
  font-size: 12pt; 
  margin: 0pt 20pt 0pt 20pt; 
  padding: 10pt 10pt 10pt 10pt; 
  text-indent: 0;
}

.cntr { text-align: center; }
.bld {font-weight: bold;}
.itl {font-style: italic;}


table#resume {
	border-spacing: 0px 40px;
	max-width: 915px;
}

table#resume tr td {
}

table#resume td.c1 {
  	width: 39%; 
  	max-width: 336px;
  	text-align: left; 
	vertical-align: top;
  	padding-right: 10pt; 
	font-size: 1em;
	font-weight: 400;
	line-height: 160%;
	margin: 0px 0px 0px 0px;
	color: #808080;
}

table#resume td.c2 {
	font-size: 1em;
	font-weight: 400;
	line-height: 160%;
	max-width: 576px;
	margin: 0px 0px 0px 0px;
	color: #111111;
}



.lib {
	margin: 35px 0 70px 0;
	max-width: 800px;
}

.lib p {
	line-height: 150%;
	margin: 12px 0 12px 0;
}

.p_lib_flat {
	margin-bottom: -12px !important;
}

.lib a {
	font-weight: 400;
	font-size: 1.4em;
	line-height: 120%;
	margin-top: 34px;
	margin-bottom: 25px;
}


.cat {
	margin-top: 60px;
	margin-bottom: 100px;
}

.art {
	margin: 0px 0 0px 0;
}

.backtolib {
	padding-top: 20px;
	margin-bottom: 100px;
}

.art_des {
	margin-top: 0px;
	margin-bottom: 100px;
}

#totop {
	visibility: hidden;
	position: fixed;
	top: 30px;
	left: 40px;
	font-size: 2.8em;
	color: #eeeeee;
	cursor: pointer;
}

#totop:hover {
	color: #cccccc;
}



.list { margin: 5pt 0pt 12pt 25pt; }

.list p {
	text-indent: 0pt;
	margin: 4pt 0pt 0pt 0pt;
}

.list .cat {
	color: green;
	font-weight: bold;
}


table.search {
	width: 100%;
	border-collapse:collapse;
	padding:0px;
	text-align: center;
}

.box {
	width: 100%;
	margin-bottom: 80px;
}

table.search tr td {
  border-bottom: 1px solid #b9b9b9;
} 

table.search td.c1 {
  width: 40%;
  min-width: 240px; 
  text-align: left; 
  vertical-align: top;
  padding: 12px 20px 50px 0px; 
  color: #111111; 
  line-height: 140%;
  font-size: 1em;
}
  
table.search td.cn {
  width: 15%; 
  min-width: 77px;
  text-align: left;
  padding: 12px 20px 50px 0px;
  vertical-align: top;
  line-height: 140%;
}

table.search td.cspan {
	vertical-align: bottom;
	padding: 8px 0px 20px 0px;
}

table.search td.last {
	border-bottom: none;
}

table.search tr.odd { background-color: white; }
table.search tr.even { background-color: white;}

table.search td.cspan p {
  color: #111111; 
  font: 700 1em 'HelveticaNeueCyr', sans-serif; 
  margin: 0;
}
  
table.search td.cn a {
  font-size: 1em;
  color: #0071f2;
}  

table.search td.cn a:visited { color: #0071f2; }
table.search td.cn a:hover { text-decoration: underline; }



.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	font: 15px 'HelveticaNeueCyr', sans-serif;
	font-weight: 400;
	color: #111111;
    line-height: normal;
    vertical-align: top;
}

.buttona {
	margin: 0px 0px 0px 0px;
	padding: 19px 1% 7px 1%;
	height: 27px;
	color: #606060;
	font: 15px 'HelveticaNeueCyr', sans-serif;
	font-weight: 500;
}

.currenta {
	padding: 19px 27px 7px 27px;
	background: white;
	color: #111111;
	height: 26px;
}

.button:hover { 
	text-decoration: none;  
	color: #111111;  
}


.buttonb {
	color: #9c9c9c;
	font-size: 13px;
	height: 20px;
	padding: 17px 0px 7px 0px;
	margin: 0px 20px 0px 1%;
}

.buttonb:hover {
	text-decoration: none;	
	color: white;
	box-sizing: content-box;
	border: none;
}

.buttonham {
	height: 52px;
	color: #111111;
	width: 100px;
	text-align: left;
	padding: 0px 1% 0px 1%;
	margin: 0 0;
	font-size: 17px;
}

.buttonham:hover {
	border: none;
	text-decoration: none;
}

.buttonhamclose {
	height: 52px;
	width: 100px;
	text-align: left;
	color: #111111;
	padding: 0px 1% 0px 1%;
	margin: 0 0;
	font-size: 17px;
	display: none;
}

.buttonhamclose:hover {
	border: none;
	text-decoration: none;
}

.buttonc {
	font-size: 17px;
	display: block;
	float: none;
	margin: 12px 0px 12px 0px;
	padding: 4px 1% 4px 1%;
	text-align: left;
	width: 230px;
}

.buttonc:hover {
	border: none;
}

.buttond {
	color: #808080;
}



@media (max-width: 1350px) {

	#header {
		padding: 2% 0px 2% 0px;
	}

	#indheader {
		padding: 2% 0px 2% 0px;
	}
}

@media (max-width: 1190px) {
	.container {
		font-size: 18px;
	}
}

@media (max-width: 1070px) {
	#header h1 {
		font-size: 1.9em;
	}
}



@media (max-width: 1025px) {

	#card .container {
		font-size: 18px;
		padding-right: 4%
	}

	#header {
		margin-top: 52px;
	}

	#indheader {
		min-height: inherit;
		padding: 0 0;
	}

	#photomag {
		float: none;
		margin: 3% auto;
	}

	#headertext {
		text-align: center;
		padding: 7px 1% 24px 1%;
	}

	#header h1 {
		text-align: center;
		font-size: 2.1em;
	}

	#card {
		padding: 3% 0px 3% 0px;
	}

	#maintext { 
		padding: 12% 0px 12% 1%;
	}

	.long { 
		padding: 12% 0px 12% 0% !important;
	}

	#topblock {
		display: none;
	}

	#hamburger {
		display: block;
	}	

	.menua {
		display: none;
		text-align: left;
		height: auto;
	}

	.buttona {
		margin: 0 0;
		padding: 19px 1% 5px 1%;
	}

	.buttonafix {
		display: block;
		text-align: left;
		width: 100px;
		height: 10px;
		padding: 8px 0px 8px 0px;
	}

	#indcard {
		height: auto;
		background: linear-gradient(to top right, #9d3e43, #182224);
		padding: 5% 5% 5% 5%;
	}

	#indcard h1 {
		text-align: center;
		margin-right: 0;
	}

	#indcard h2 {
		text-align: center;
		margin-bottom: 0;
	}
}

@media (max-width: 1060px) {
	li::marker {
		color: white;
	}
}

@media (max-width: 940px) {
	#totop {
		display: none;
	}
}

@media (max-width: 810px) {
	.menub {
		text-align: left;
		height: auto;
		padding: 5% 0px 5% 0px;
	}

	.buttonb {
		display: block;
		text-align: left;
		width: 100px;
		height: 10px;
		padding: 8px 0px 8px 0px;
	}

	#indcard h1 {
		font-size: 80px;
	}

	#indcard h2 {
		font-size: 23px;
	}

}

@media (max-width: 730px) {
	#header {
		padding: 3% 0px 3% 0px;
	}

	#indcard h1 {
		font-size: 70px;
		margin-right: 0px;
	}

	#indcard h2 {
		font-size: 19px;
	}

	.box {
		overflow-x: scroll;
	}
}

@media (max-width: 480px) {
	
	#maintext {
		padding: 13% 0px 12% 1%;
	}

	.long {
		padding: 13% 0px 12% 0% !important;
	}

	#photomag {
		width: 80%;
		height: 80%
	}

	table#resume tr td {
		display: block;
	}

	table#resume td.c1 {
		width: 100%;
	}

	

	.hiding {
		display: none;
	}

	#headertext {
		text-align: left;
		margin: 0 0;

	}

	#header h1 {
		text-align: left;
	}

	#space {
	display: block;

	}

	#card {
		padding: 15px 0px 15px 0px;
	}

	#indcard h1 {
		text-align: left;
	}

	#indcard h2 {
		text-align: left;
	}

	.ph_big {
		margin-top: 0;
	}
}

@media (max-width: 350px) {
	.container {
		font-size: 17px;
	}

	#indcard h1 {
		font-size: 60px;
		margin-right: 0;
	}

	#indcard h2 {
		font-size: 17px;
	}

	.buttonb {
		font-size: 11px;
		padding: 6px 0px 6px 0px;
	}
}

@media (min-width: 1537px) {
	#card {
		padding: 72px 0px 72px 0px;
		width: 1368px;
		margin: 0 auto;
	}

	#indcard {
		width: 1368px;
	}

}