html, body {padding: 0; margin: 0; font-family: 'Arsenal';}
p {padding: 0; margin:0; margin-bottom: 1em;}
img {max-width: 100%;}

.page_wrap {max-width: 1000px; margin: auto; padding: 0 1rem 1rem 1rem;}
#logo {xbackground: #e8e8e8; padding: 0.5rem; width: calc(100% - 1rem); text-align: center;}
#logo img {width: 255px; max-width: 100%;}
#header {}
#hdr_line {background: #e8e8e8 url('../img/bg3.jpg'); display: flex; justify-content: space-between; align-items: center;}
#logo_text {text-align: center; font-family: 'Oswald'; font-size: 14px; padding: 0 1rem 0 1rem; border-bottom: 2px solid #e8e8e8; color: #808080;}
#footer {background: #e8e8e8; padding: 1rem;}
#footer_in {max-width: 1000px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
#footer_in div {font-size: 0.9em; padding-right: 1rem;}
#footer_logo img {width: 100px; max-width: 100%;}
#nav {margin-top: 2rem;}
#top_menu {}
#hdr_line .soc_icon {display: none;}
#menuCloseBtn {display: none;}
#nav_logo {display: none;}

#footer_in div .icon {display: inline-block; font-size: 1.4rem; padding: 0.3rem;}

@media screen and (max-width: 600px) {
	
	#logo img {width: 125px;}
	#footer_in {display: block; text-align: center;}
	#footer_in div {padding-right: 0; text-align: center;}
	.sp #title_ext {display: none;}
	.fp .intro_ext {display: none;}
}

@media screen and (max-width: 900px) {
	#hdr_line .soc_icon {display: inline-block; color: #000000; font-size: 1.5rem; margin: 1rem;}
	#top_menu {position: absolute; top: 0; left: 0; width: 100vw; z-index: 998; display: none; background: #f7f7f7;}
	#menuCloseBtn {display: block; color: #000000; font-size: 1.5rem; position: absolute; left: calc(100% - 3rem); top: 1rem; z-index: 999;}
	#nav_logo {display: block;}
	#nav_logo img {margin: 1rem; height: 50px; filter: grayscale(100%);}
}

#splash {text-align: center;}
#splash img {width: 1000px; max-width: 100%;}
@media screen and (max-width: 400px) {
	#splash {height: 406px; background: url(../img/splash.jpg) no-repeat 65% center;} 
	#splash img {display: none} 
}


.items-row.cols-2 {display: flex; justify-content: center;}
.blog-featured .items-row.cols-2 .item.column-1 {width: calc(50% - 1rem); margin-right: 1rem;}
.blog-featured .items-row.cols-2 .item.column-2 {width: calc(50% - 1rem); margin-left: 1rem;}
.items-row.cols-2 .span6 {width: 50%;}
.blog .items-row.cols-2 .item.column-1 {width: calc(100% - 1rem); margin-right: 1rem;}
.blog .items-row.cols-2 .item.column-2 {width: calc(100% - 1rem); margin-left: 1rem;}

.items-row.cols-3 {display: flex; justify-content: center;}
.blog-featured .items-row.cols-3 .item.column-1 {width: calc(33.33% - 1rem); margin-left: 0.5rem;  margin-right: 0.5rem;}
.blog-featured .items-row.cols-3 .item.column-2 {width: calc(33.33% - 1rem); margin-left: 0.5rem;  margin-right: 0.5rem;}
.blog-featured .items-row.cols-3 .item.column-3 {width: calc(33.33% - 1rem); margin-left: 0.5rem;  margin-right: 0.5rem;}

@media screen and (max-width: 750px) {
	.items-row.cols-3 {display: block;}
	.blog-featured .items-row.cols-3 .item.column-1 {width: 100%; margin-left: 0; margin-right: 0;}
	.blog-featured .items-row.cols-3 .item.column-2 {width: 100%; margin-left: 0; margin-right: 0;}
	.blog-featured .items-row.cols-3 .item.column-3 {width: 100%; margin-left: 0; margin-right: 0;}
}

@media screen and (max-width: 680px) {

	.items-row.cols-2 {display: block;}
	.items-row.cols-2 .span6 {width: 100%;}
	.items-row.cols-2 .item.column-1 {width: 100%; margin-right: 0;}
	.items-row.cols-2 .item.column-2 {width: 100%; margin-left: 0;}
	.blog .items-row.cols-2 .item.column-1 {width: calc(100%); margin-right: 0;}
	.blog .items-row.cols-2 .item.column-2 {width: calc(100%); margin-left: 0;}

}

h1 {font-size: 2em; font-weight: normal;}
h2, h3 {font-size: 1.5em; font-weight: normal;}
.blog-featured h2, .blog h2 {margin-bottom: 0;}
.blog-featured h1 {margin-bottom: 0;}

.fp h2 {font-size: 2em; margin-bottom: 0;}
.fp h2.item-title {font-size: 1.3em; line-heigth: 1em;}

h2.item-title a {text-decoration: none; color: #000000;}

.fp .blog-featured h2.item-title.compact {font-size: 1.2rem;}

.fp .content_wrap {background: linear-gradient(#f8f8f8, #ffffff, #ffffff, #ffffff);}

.fp p.morenews {text-align: center; margin: 0; padding: 0;}
.fp p.morenews a {display: inline-block; padding: 1rem 2rem 1rem 2rem; background-color: #e8e8e8; color: #808080; font-weight: bold; text-decoration: none; border: 2px solid #d0d0d0; margin: 1rem;}
.fp p.morenews a:hover {box-shadow: 0 0 5px #c0c0c0;}

.program_item img {filter: grayscale(100%);}
.program_item img:hover {filter: none;}

.expert_portrait img {text-align: center; width: 100px; border-radius: 50%; margin: 1rem 4.3rem 1rem 4.3rem; border: 2px solid #e8e8e8;}
.expert_name {text-align: center;}

dl.article-info {margin: 0.5rem 0 0.5rem 0;}
dl.article-info dd {margin: 0;}
dd.published {font-style: italic;}

div[itemprop="articleBody"] {font-size: 1.2em;}





.subheader {
	display: block;
	padding: 0;
	padding-top: 0.5em;
	margin: 0;
	font-family: font-family: 'Open Sans', sans-serif;
	font-size: 2rem;
	line-height: 1.5em;
	text-align: left;
}


p.subheader {
	padding-bottom: 0.5em;
	text-align: left;
}


img.fullscreen, .fullscreen img,
img.imgcenter, .imgcenter img {
	padding: 0;
	xborder: solid 1px #000000;
	width: calc(100% - 8px);
	height: auto;
	border: solid 4px #ddd;
}

.imgcaption {
	text-align: right;
	color: #87847f;
	font-style: Italic;
	font-weight: normal;
	font-family: Georgia, Times New Roman, serif;
	xfont-size: 0.85em;
	line-height: 1em;
	width: auto;
	xmargin-top: -0.4em;
	xfont-family: Arial, Helvetica, Tahoma, sans-serif;
	xfont-style: normal;
	color: #606060;
}

.imgleft .imgcaption {
	text-align: left;
} 

.galleryTitle {
	text-align: right !important;
	font-family: Georgia, Times New Roman, serif !important;
	font-style: italic !important;
	color: #606060 !important; 
}

.frame {
	width: calc(100% - 8px);
	height: 400px;
	border: solid 4px #ddd;
}

@media screen and (max-width: 480px) {

	.frame {height: 250px;}
	.page-header h2 {font-size: 1.7rem;}
	.subheader {font-size: 1.7rem;}
		
}

@media screen and (max-width: 380px) {
	.frame {height: 200px;}
}

a.introtextreadmore {color: #333; font-size: 1rem;}

.vrezka_line {
	display: block;
	margin-left: 25%;
	border-left: 8px solid #e85122;
	padding-left: 1.6rem;
	font-family: Georgia, Times New Roman, serif;
	font-style: italic;
	font-size: 1.2em;
	color: #87847f;
	text-align: left;
}

.vrezka_quotes {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.2em;
	font-style: italic;
	padding: 0.8rem 0 0.8rem 29%;
	color: #87847f;
	text-align: left;
}

.vrezka_quotes:before {
	font-family: Georgia, Times New Roman, serif;
	content: "\201C";
	font-size: 8em;
	line-height: 0.1em;
	vertical-align: -.28em;
	color: #e85122;
	position: absolute;
	margin-left: -90px;
	margin-top: 36px;

}
 
.vrezka_quotes:after {
	font-family: Georgia, Times New Roman, serif;
	content: "\201D";
	font-size: 8em;
	line-height: 0.1em;
	vertical-align: -.65em;
	color: #e85122;
	display: block;
	float: right;
	margin-top: 40px;
	margin-right: -55px;
}

	.vrezka_quotes {
		padding-right: 0;
	}

	.vrezka_quotes:after {
		display: none;
		content: '';
	}


.vrezka_line b, b .vrezka_line, .vrezka_quotes b, b .vrezka_quotes, .vrezka_line strong, strong .vrezka_line, .vrezka_quotes strong, strong .vrezka_quotes {
	font-weight: normal;
} 


@media screen and (max-width: 900px) {

	.vrezka_quotes {
		padding: 0.8rem 5rem 0.8rem 5rem;
	}
	
	.vrezka_quotes:after {
	}
}

@media screen and (max-width: 730px) {
	.vrezka_line {
		margin-left: 15%;
	}
}

@media screen and (max-width: 500px) {

	.vrezka_quotes {
		padding-right: 0;
	}

	.vrezka_quotes:after {
		display: none;
		content: '';
	}
	
}


a.phone, .phone a,
a.phone:hover, .phone a:hover,
a.phone:visited, .phone a:visited {
}

@media (max-width:730px) {
	a.phone, .phone a,
	a.phone:hover, .phone a:hover,
	a.phone:visited, .phone a:visited {
		display: inline-block;
		color: #404040 !important;
		text-decoration: none !important;
		padding: 0.4rem;
		border: solid 1px #3fc646;
		border-radius: 1.1em 1.1em 1.1em 1.1em;
		padding-right: 46px;
		background: #efffef url('../img/phone.png') calc(100% - 2px) center no-repeat;
	}

}

#mynavwraper, #mysearchwraper {
	display: none;
	position: fixed;
	z-index: 994;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.7;
}

div.imgportrait {width: 100%; text-align: center;}
div.imgportrait img {width: calc(50%); border-radius: 50%; border: solid 4px #ddd;}
.blog.coordinators .item h2 {margin-top: 0; text-align: center;}
.blog.coordinators div[itemprop="blogPost"] {text-align: center; margin-top: 2rem;}
.blog.coordinators p {margin-bottom: 0;}

ul.breadcrumb {margin: 0; padding: 0; list-style-type: none;}
ul.breadcrumb li {display: inline-block;}
ul.breadcrumb a {color: #000000;}
.breadcrumbs a {color: #000000;}
@media (max-width:900px) {
	.breadcrumbs {margin-top: 1rem;}
}

.fp p a {color: #000000; text-decoration: underline;}
.fp p a:hover {text-decoration: none;}

.fp .expert_item a {color: #000000; text-decoration: underline;}
.fp .expert_item a:hover {text-decoration: none;}

ul.tags {list-style-type: none; padding: 0; margin: 2rem 0 2rem 0;}
ul.tags li {display: inline-block; margin-right: 0.5rem; font-size: 0.85rem; color: #ffffff; background-color: #808080; padding: 0.2rem 0.5rem 0.2rem  0.5rem;}
ul.tags li a {color: #ffffff; text-decoration: none;}
ul.tags li a:hover {color: #ffffff; text-decoration: none;}
ul.tags li:hover {background-color: #b0b0b0;}

.pagination ul {list-style-type: none; padding: 0; margin: 0 0 2rem 0;}
.pagination ul li {display: inline-block; margin-right: 0.2rem; font-size: 0.85rem; color: #d0d0d0; background-color: #808080; padding: 0.5rem;}
.pagination ul li a {color: #ffffff; text-decoration: none;}
.pagination ul li a:hover {color: #ffffff; text-decoration: none;}



.mytagitem {width: 100%; display: flex; flex-direction: row; padding-bottom: 1.5rem;}
.mytagitem_image {width: 25%;}
.mytagitem_image img {width: calc(100% - 8px); height: auto; border: solid 4px #ddd;}
.mytagitem_text {padding-left: 1rem; width: calc(75% - 1rem);}
.mytagitem_title {font-size: 1.2rem;}
.mytagitem_date {font-style: italic; font-size: 0.85rem;}
.mytagitem a {color: #000000;}

@media (max-width:500px) {
	.mytagitem {display: block;}
	.mytagitem_image {width: 100%;}
	.mytagitem_text {padding-left: 0; width: 100%;}
}

#footer a {color: #000000; text-decoration: underline;}
#footer a:hover {text-decoration: none;}