/* Start:/bitrix/templates/en.vkovrigin.ru/components/bitrix/news.line/posts-line/style.css?164659158833*/
.news-date-time {
	color:#444;
}

/* End */


/* Start:/bitrix/templates/en.vkovrigin.ru/styles.css?1755543471403*/
.publications{margin:0 15px 5px 0;
	width:30%; height:auto;}
.detail_picture{
    width:45%;
    height:auto;
}
@media all and (max-width : 600px){
.publications{margin:0 15px 5px 0; width:95%; height:auto;}
}
@media all and (max-width : 400px){
.publications{margin:0 15px 5px 0;width:95%; height:auto;}
}
@media all and (max-width : 320px){
.publications{margin:0 15px 5px 0;width:95%; height:auto;}
}
/* End */


/* Start:/bitrix/templates/en.vkovrigin.ru/template_styles.css?17555434717683*/
h1{
	font-size:24px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	margin:0 0 5px 0;
	color: #444;
}

h2{
	font-size:22px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	margin:0;
	color: #444;
}

h3,h4,h5,h6{
	font-size:18px;
	font-weight:normal;
	font-family: 'Lato', sans-serif;
	margin:0;
	color: #444;
}

a{
	text-decoration:none;
	color: #4341a3;
}

html {overflow-y: scroll;}

.line{
 clear:both;
 width:100%;
}
.subline-left{
height:2px;
width:75%;
background-color:#4341a3;
border-radius:1px;
}

.subline-right{
height:2px;
width:75%;
margin-left:25%;
background-color:#4341a3;
border-radius:1px;
}

.page{
	display: flex;
	flex-direction: column;
	align-items: center;
    }

.header{
	height: 80px;
	width: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	font-family: 'Lato', sans-serif;
}

.header__a{
	text-decoration:none;
}

.head{
	max-width:1160px;
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.headname{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-left:8px;
}

.avatar{margin-top:85px;}

.mainphoto{
	width: 140px;
	height: 140px;
	padding-top: 15px;
}

.name{
	display:flex;
	flex-direction: column;
	margin:0 15px;
}

.myname{font-size: 24px;}

.namesite{
	font-size:16px;
	margin-top:4px;
}

.languages{
	float:right;
	margin-right:23px;
}

.subheader{
	display:flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	height:auto;
	width:100%;
	max-width: 1160px;
	margin-top:14px;
}

.subhead{
	display:flex;
	flex-direction: column;
	ustify-content: space-between;
	padding-left:160px;
}

.socialnets{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:150px;
	margin: 6px 0;
}

.iconsocialnet{
	height: 32px;
	width: 32px;
}

.menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:490px;
	list-style:none;
	padding:0;
	margin:6px 0;
	font-weight: bold;
	font-size: 15px;
	color: #444;
	font-family: 'Lato', sans-serif;
}

.menu__a{
	color: #444;
	text-decoration:none;
	margin-right:10px;
}

.search{
	float:right;
	margin-right:23px;
}

main{
	min-height: calc(98vh - 268px);
	display:flex;
	width: 100%;
	max-width:1160px;
	margin:60px 0;
	line-height: 2;
	color:#444;
	font-family: acumin-pro-semi-condensed, sans-serif;
}

.article{
	width:75%;
	margin-left: 8px;
	font-size:16px;
}

.article li{
	margin-top: 1em;
	margin-bottom: 1em;
}

.mainblock{
	margin: 0 0 50px 0;
}

.rightarea{
	width:22%;
	padding-left:25px;
	margin-top:10px;
	font-size:13px;
}

.rightblock{
	margin: 0 0 40px 0;
}

.button {
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border: 1px solid #4341a3;
	color: #4341a3;
	cursor: pointer;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	-webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
	transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
}

.button:hover, .button:focus {
	color: #fff;
	outline: 0;
	box-shadow: 0 0 40px 40px #4341a3 inset;
}

.button__cut{
	border-radius: 0.6em;
	padding: 0.8em 2em;
	display: inline-block;

}

.button__search{border-radius: 0.3em;}

.form-search{
	border: 1px solid #D0D0D0;
	border-radius: 0.3em;
	margin-right:5px;
}

.footer{
	height: 74px;
	width: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	font-family: acumin-pro-semi-condensed, sans-serif;
}

.footer__link a{
	font-size:14px;
}

.footer__metrica{margin: 5px 0;}

#upbutton {
	background: url("/images/up.png") no-repeat top left;
	height: 60px;
	width: 60px;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	display: none;
	position: fixed;
	z-index: 999;
}

@media all and (max-width : 900px){
	.subheader{display:block;}
	.search{float:left;}
}

@media all and (max-width : 768px){
	.rightarea{display:none;}
	.article{width:99%;}
	.menu{width:90%}
	.myname{font-size: 20px;}
	.namesite{font-size:14px;}
	.menu{flex-wrap:wrap; justify-content:left; line-height:1.5;}
	.languages{font-size:14px;}
}

@media all and (max-width : 600px){
	.subhead{padding-left:8px; margin-top:20px;}
	.languages{font-size:12px; margin-right:0;}
	.avatar{margin-top:25px;}
	.mainphoto{width: 90px; height: 90px;padding:0;}
	.publications{margin:0 15px 5px 0; width:95%; height:auto;}
}

@media all and (max-width : 400px){
	.myname{font-size: 16px;}
	.namesite{font-size:12px;}
	.container {width:98%}
	.timeline__img{width:95%;}
	.detail_picture{width:90%;height:auto;}
}

@media all and (max-width : 320px){
	.myname{font-size: 15px;}
	.namesite{font-size:11px;}
	.detail_picture{width:90%;height:auto;}
}

.publications{
	margin:0 15px 5px 0;
	width:30%; height:auto;
}

.detail_picture{
	width:45%;
	height:auto;
}

.timeline__img{
	width:30%;
	height:auto;
	float:left;
	margin-right:10px;
	max-width:150px;
}

.r-title{
	margin-top: var(--rTitleMarginTop, 0) !important;
	margin-bottom: var(--rTitleMarginBottom, 0) !important;
}

p:not([class]){
	line-height: var(--cssTypographyLineHeight, 1.78);
	margin-top: var(--cssTypographyBasicMargin, 1em);
	margin-bottom: 0;
}

p:not([class]):first-child{
	margin-top: 0;
}

.text{
	display: var(--textDisplay, inline-flex);
	font-size: var(--textFontSize, 1rem);  
}

.time{
	display: var(--timeDisplay, inline-flex);
}

.time__month{
	margin-left: var(--timelineMounthMarginLeft, .25em);
}

.time{
	padding: var(--timePadding, .25rem 1.25rem .25rem);
	background-color: var(--timeBackgroundColor, #f0f0f0);
	font-size: var(--timeFontSize, .75rem);
	font-weight: var(--timeFontWeight, 700);
	text-transform: var(--timeTextTransform, uppercase);
	color: var(--timeColor, currentColor);
}

.card{
	padding: var(--timelineCardPadding, 1.5rem 1.5rem 1.25rem);
}

.card__content{
	margin-top: var(--cardContentMarginTop, .5rem);
}

.card{
	border-radius: var(--timelineCardBorderRadius, 2px);
	border-left: var(--timelineCardBorderLeftWidth, 3px) solid var(--timelineCardBorderLeftColor, var(--uiTimelineMainColor));
	box-shadow: var(--timelineCardBoxShadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
	background-color: var(--timelineCardBackgroundColor, #fff);
}

.card__title{
	--rTitleMarginTop: var(--cardTitleMarginTop, 1rem);
	font-size: var(--cardTitleFontSize, 1.25rem);
}

.timeline{
	display: var(--timelineDisplay, grid);
	grid-row-gap: var(--timelineGroupsGap, 2rem);
}

.timeline__year{
	margin-bottom: 1.25rem;
}

.timeline__cards{
	display: var(--timeloneCardsDisplay, grid);
	grid-row-gap: var(--timeloneCardsGap, 1.5rem);
}

.timeline{
	--uiTimelineMainColor: var(--timelineMainColor, #222);
	--uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);
	border-left: var(--timelineLineWidth, 3px) solid var(--timelineLineBackgroundColor, var(--uiTimelineMainColor));
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}

.timeline__year{
	--timePadding: var(--timelineYearPadding, .5rem 1.5rem);
	--timeColor: var(--uiTimelineSecondaryColor);
	--timeBackgroundColor: var(--uiTimelineMainColor);
	--timeFontWeight: var(--timelineYearFontWeight, 400);
}

.timeline__card{
	position: relative;
	margin-left: var(--timelineCardLineGap, 1rem);
}

.timeline__cards{
	overflow: hidden;
	padding-top: .25rem; /* 1 */
	padding-bottom: .25rem; /* 1 */
}

.timeline__card::before{
	content: "";
	width: 100%;
	height: var(--timelineCardLineWidth, 2px);
	background-color: var(--timelineCardLineBackgroundColor, var(--uiTimelineMainColor));
	position: absolute;
	top: var(--timelineCardLineTop, 1rem);
	left: -50%;
	z-index: -1;
}

.timeline{
	--timelineMainColor: #4341a3;
}
/* End */
/* /bitrix/templates/en.vkovrigin.ru/components/bitrix/news.line/posts-line/style.css?164659158833 */
/* /bitrix/templates/en.vkovrigin.ru/styles.css?1755543471403 */
/* /bitrix/templates/en.vkovrigin.ru/template_styles.css?17555434717683 */