/*weather-block*/
.head_weather_block {
	margin-bottom: 20px;
	font-family: "PT Serif Caption", sans-serif;
	position: relative;
}
.head_weather_block > span {
	display: inline-block;
	font-size: 18px;
	padding: 10px 18px;
	background: #044088;
}
.head_weather_block > span a {
	color: #fff !important;
	font-weight: bold;
	text-decoration: none !important;
}
.head_gis-logo {
	position: absolute;
	top: 0;
	right: 0;
}
.after_weather-block_gis-logo {
	margin-bottom: 20px;
}
.sel_city_weather .selectric-wrapper {
	width: 150px;
	font-size: 15px;
	margin: 0 !important;
}
.sel_city_weather {
	min-height: 40px;
}
.wrapper_weather {
	overflow: hidden;
}
.wrapper_weather > div {
	overflow: hidden;
	background: #fff;
}
.weather_container {
	padding: 30px 30px 15px;
	background: #fff;
	width: 66%;
	float: left;
}
.gis-weather_block {
	margin: 20px 0 40px;
}
.weather_info-container {
	display: table;
	width: 100%;
	font-size: 12px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}
.weather_info-container > div {
	display: table-row;
}
.weather_info-container > div > div {
	display: table-cell;
	text-align: center;
	width: 15.5%;
	color: #044088;
	padding-left: 1%;
}
.weather_info-container .now {
	width: 38%;
	padding: 0;
}
.weather_info-container > div > div > div:first-child {
	min-height: 35px;
}
.weather_info-container .temperature-info {
	font-size: 22px;
	font-family: "PT Serif Caption", sans-serif;
	min-height: 65px;
	position: relative;
	line-height: 1;
	margin-bottom: 3px;
}
.weather_info-container .now .temperature-info {
	font-size: 64px;
}
.weather_info-container .now .temperature-info > div:first-child {
	float: left;
	width: 73%;
	line-height: 0.9;
	padding-top: 2%;
}
.weather_info-container .now .temperature-info > div:nth-of-type(2) {
	float: left;
	width: 27%;
	padding-left: 3%;
}
.weather_info-container .temperature-info img {
	width: 100%;
	max-width: 35px;
}
.weather_info-container .now .temperature-info img {
	max-width: 50px;
}
.weather_info-container .night .temperature-info > div:first-child, .weather_info-container .morning .temperature-info > div:first-child,
.weather_info-container .day .temperature-info > div:first-child, .weather_info-container .evening .temperature-info > div:first-child {
	height: 40px;
	overflow: hidden;
	padding: 0 15%;
	margin-bottom: 2px;
}
.weather_info-container > div > div:first-child > div:first-child {
	font-weight: bold;
}
.weather_info-other_days .temperature-info, .weather_info-other_days .temperature-info + div {
	color: #292929;
}
.weather_info-container .temperature-info span {
	position: absolute;
	width: 100%;
	background: #e9ebef;
	z-index: -1;
	left: 0;
}
.weather_info-container .now .info-day1 span {
	bottom: 0;
	height: 30%;
}
.weather_info-container .night .info-day1 span {
	bottom: -8%;
	height: 8%;
}
.weather_info-container .morning .info-day1 span {
	bottom: 0;
	height: 20%;
}
.weather_info-container .day .info-day1 span {
	bottom: 0;
	height: 36%;
}
.weather_info-container .evening .info-day1 span {
	bottom: 0;
	height: 26%;
}
.weather_info-container .now .info-day2 span {
	bottom: 0;
	height: 20%;
}
.weather_info-container .night .info-day2 span {
	bottom: -12%;
	height: 12%;
}
.weather_info-container .morning .info-day2 span {
	bottom: 0;
	height: 10%;
}
.weather_info-container .day .info-day2 span {
	bottom: 0;
	height: 20%;
}
.weather_info-container .evening .info-day2 span {
	bottom: 0;
	height: 14%;
}
.weather_info-container .now .info-day3 span {
	bottom: 0;
	height: 16%;
}
.weather_info-container .night .info-day3 span {
	bottom: -16%;
	height: 16%;
}
.weather_info-container .morning .info-day3 span {
	bottom: 0;
	height: 6%;
}
.weather_info-container .day .info-day3 span {
	bottom: 0;
	height: 16%;
}
.weather_info-container .evening .info-day3 span {
	bottom: 0;
	height: 8%;
}
.weather_info-container .now .info-day4 span {
	bottom: 0;
	height: 24%;
}
.weather_info-container .night .info-day4 span {
	bottom: 0%;
	height: 14%;
}
.weather_info-container .morning .info-day4 span {
	bottom: 0;
	height: 28%;
}
.weather_info-container .day .info-day4 span {
	bottom: 0;
	height: 46%;
}
.weather_info-container .evening .info-day4 span {
	bottom: 0;
	height: 38%;
}
.weather_info-container .now .info-day5 span {
	bottom: 0;
	height: 50%;
}
.weather_info-container .night .info-day5 span {
	bottom: 0%;
	height: 34%;
}
.weather_info-container .morning .info-day5 span {
	bottom: 0;
	height: 50%;
}
.weather_info-container .day .info-day5 span {
	bottom: 0;
	height: 50%;
}
.weather_info-container .evening .info-day5 span {
	bottom: 0;
	height: 40%;
}
.weather_info-container .now .info-day6 span {
	bottom: 0;
	height: 62%;
}
.weather_info-container .night .info-day6 span {
	bottom: 0%;
	height: 44%;
}
.weather_info-container .morning .info-day6 span {
	bottom: 0;
	height: 56%;
}
.weather_info-container .day .info-day6 span {
	bottom: 0;
	height: 64%;
}
.weather_info-container .evening .info-day6 span {
	bottom: 0;
	height: 14%;
}
.weather_info-container .now .info-day7 span {
	bottom: 0;
	height: 36%;
}
.weather_info-container .night .info-day7 span {
	bottom: 0%;
	height: 46%;
}
.weather_info-container .morning .info-day7 span {
	bottom: 0;
	height: 40%;
}
.weather_info-container .day .info-day7 span {
	bottom: 0;
	height: 36%;
}
.weather_info-container .evening .info-day7 span {
	bottom: 0;
	height: 30%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.popular_article-block {
	width: 34%;
	float: right;
	padding: 30px 30px 15px 0;
}
.small_foto_article figcaption {
	font-family: "PT Sans Narrow", sans-serif;
	font-size: 14px;
	color: #7e7e7e;
}
.popular_head > span, .discuss-news_head > span, .read_also-head > span {
	background: #a4a4a4;
}
.popular_head > span a, .discuss-news_head > span a, .read_also-head > span a {
	color: #fff !important;
	font-weight: bold;
}
.main_popular-container {
	display: table;
	padding: 10px 0;
}
.main_popular-container > div {
	display: block !important;
}
.popular-block {
	display: table-cell;
	width: 46%;
	padding-bottom: 25px;
}
.main_popular-container .offset {
	display: table-cell;
	width: 8%;
}
.popular-block img, .popular-container_2 img, .read_also-news img {
	width: 100%;
	margin-bottom: 10px;
}
.popular-block a {
	font-size: 13px;
	color: #044088 !important;
}
.popular-container_2 {
	margin-bottom: 25px;
}
.popular-container_2 a {
	font-size: 16px;
	color: #044088 !important;
}
.popular_article-block img, .read_also-news img {
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: gray;
	transition: all 0.1s linear;
}
.popular-block:hover img, .popular-container_2:hover img, .read_also-news:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.read_also-container, .article_comment-container {
	margin-bottom: 40px;
}
.read_also-block {
	display: table;
	font-size: 12px;
}
.read_also-block > div {
	display: table-row;
}
.read_also-news, .read_also-block .offset {
	display: table-cell;
}
.read_also-news {
	width: 31%;
	padding-bottom: 15px;
}
.read_also-block .offset {
	width: 3.5%;
}
.read_also-news a {
	color: #a4a4a4 !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.popular_head, .read_also-head { margin-bottom: 20px; font-family: "PT Serif Caption", sans-serif; }
.popular_head > span, .read_also-head > span { display: inline-block; font-size: 18px; padding: 10px 18px; }


