@import 'https://wf.cdn.gmru.net/static/wf.mail.ru/css/main/includes/news-style.css?22';

/* Reset */

.preview .node.news-details {
	background-color: var(--pad-color);
}

/* Layout */

.container .hdr_layout {
	padding-left: 32px;
	}

	.hdr_layout {
		position: relative;
		}

		.hdr_layout .rss {
			position: absolute;
			top: 0px;
			right: 20px;
			font: 14px/43px Plumb, Arial, Helvetica, sans-serif;
			}

/* News list new */

.view-news .view-content {
	margin-bottom: 36px;
}

.view-news .item-list li {
	margin-left: 0px;
}

.view-news .views-row {
	height: 225px;
	display: flex;
	position: relative;
	margin-bottom: 20px;
	background: var(--pad-color);
}

	.view-news .img {
		min-width: 445px;
		max-width: 445px;
		height: 100%;
		display: flex;
		position: relative;
		background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/news/default.png) center no-repeat;
		overflow: hidden;
	}

		.view-news .img * {
			width: 100%;
			height: 100%;
			display: block;
		}

		.views-row .img a::before {
			content: '';
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			outline: 1px solid transparent;
			outline-offset: -1px;
			z-index: 1;
		}

		.views-row .img a:hover::before {
			outline-color: var(--item-color);
		}

		.views-row .img .views-field-view-node {
			display: none;
		}

	.views-row .text {
		height: inherit;
		box-sizing: border-box;
		position: relative;
		padding: 14px 20px 16px;
		overflow: hidden;
		flex-grow: 1;
	}

		.views-row .text .views-field-title {
			display: block;
			color: var(--item-color);
			font: 20px/26px Quantico, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
		}
		.views-row .text .views-field-title:hover {
			text-decoration: underline;
		}

			.views-row .text .views-field-title a {
				display: block;
			}

		.views-row .text .views-field-teaser {
			max-height: 116px;
			box-sizing: border-box;
			margin-bottom: 10px;
			padding-top: 8px;
			color: #a9aeb3;
			font: 15px/21px Plumb, Arial, Helvetica, sans-serif;
			overflow: hidden;
			cursor: default;
			}

			.views-row .text .views-field-teaser p {
				margin: 0px;
			}

		.views-row .text .views-field-created {
			width: 50%;
			box-sizing: border-box;
			position: absolute;
			left: 0px;
			bottom: 0px;
			padding: inherit;
			padding-top: 0px;
			padding-bottom: 0px;
			color: #575c61;
			font: 14px/40px Plumb, Arial, Helvetica, sans-serif;
			overflow: hidden;
			cursor: default;
		}

		.views-row .text .views-field-name {
			width: auto;
			box-sizing: border-box;
			position: absolute;
			right: 0px;
			bottom: 0px;
			padding: 0px 20px 0px 50px;
			color: #fff;
			font: 12px/40px Quantico, Arial, Helvetica, sans-serif;
			text-align: right;
			text-transform: uppercase;
			background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/news/info.png) left bottom no-repeat;
			overflow: hidden;
			cursor: default;
		}

		.views-row .text .views-field-nid {
			display: none;
		}

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

	.view-news .img {
		width: 100%;
		position: absolute;
		aspect-ratio: unset;
		background: unset;
		overflow: unset;
	}

		.view-news .img a {
			width: 100%;
			height: 100%;
			position: absolute;
		}

			.view-news .img * {
				width: inherit;
				height: inherit;
			}

			.view-news .img img {
				display: none;
			}

}

/* Video frame */

.news-youtube {
  position: relative;
}
.news-youtube__placeholder {
  display: block;
  width: 100%;
  height: auto;
}
.news-youtube iframe {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  height:100%;
  width: 100%;
}

/* News list */

.news_block {
	margin: 0px;
}

	.news_block .news_more {
		display: block;
		box-sizing: border-box;
		margin-bottom: 2px;
		padding-left: 20px;
		color: #fff;
		font: bold 17px/42px Quantico, Arial, Helvetica, sans-serif;
		text-align: left;
		text-transform: uppercase;
		text-decoration: none;
		background: #282c2b;
	}

	.news_block .item {
		height: 225px;
		display: flex;
		position: relative;
		margin-bottom: 20px;
		background: var(--pad-color);
		overflow: hidden;
	}

	.news_block .item:last-child {
		margin-bottom: 0px;
	}

		.news_block .item .img {
			min-width: 445px;
			max-width: 445px;
			height: 100%;
			position: relative;
			background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/news/default.png) center no-repeat;
			overflow: hidden;
		}

			.news_block .item .img * {
				width: 100%;
				height: 100%;
				display: block;
			}

			.news_block .item .img a::before {
				content: '';
				width: 100%;
				height: 100%;
				display: block;
				position: absolute;
				outline: 1px solid transparent;
				outline-offset: -1px;
				z-index: 1;
			}

			.news_block .item .img a:hover::before {
				outline-color: var(--item-color);
			}

		.news_block .item .text {
			height: inherit;
			box-sizing: border-box;
			position: relative;
			flex-grow: 1;
			padding: 14px 20px 16px 20px;
			overflow: hidden;
			}

			.news_block .item .text .title {
				display: block;
				color: var(--item-color);
				font: 20px/26px Quantico, Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				text-decoration: none;
				}
			.news_block .item .text .title:hover {
				text-decoration: underline;
				}

			.news_block .item .text .desc {
				box-sizing: border-box;
				margin-bottom: 10px;
				padding-top: 8px;
				color: #a9aeb3;
				font: 15px/21px Plumb, Arial, Helvetica, sans-serif;
				cursor: default;
				}

			.news_block .item .text .info {
				width: 100%;
				display: flex;
				justify-content: space-between;
				position: absolute;
				box-sizing: border-box;
				left: 0px;
				bottom: 0px;
				padding: inherit;
				padding-top: 0px;
				padding-bottom: 0px;
				padding-right: 0px;
				overflow: hidden;
				}

				.news_block .item .text .info > span {
					height: 40px;
					display: block;
					float: left;
					color: #575c61;
					font: 14px/40px Plumb, Arial, Helvetica, sans-serif;
					cursor: default;
					}
				.news_block .item .text .info > span:last-child {
					float: right;
					padding: 0px 20px 0px 50px;
					text-transform: uppercase;
					background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/content/news/info.png) left bottom no-repeat;
					}

					.news_block .item .text .info > span a {
						display: inline-block;
						color: var(--item-color);
						text-decoration: none;
					}
					.news_block .item .text .info > span:last-child a {
						color: #fff;
						font: 12px/40px Quantico, Arial, Helvetica, sans-serif;
						text-transform: uppercase;
					}
					.news_block .item .text .info > span a:hover {
						text-decoration: underline;
					}

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

.news_block .item .img {
	display: none;
	}

.news_block .item .text {
	width: 100%;
	}

}

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

.news_block .item .img {
	width: 100%;
	min-width: unset;
	max-width: unset;
	position: absolute;
	background: unset;
	overflow: unset;
}

	.news_block .item .img a {
		width: 100%;
		height: 100%;
		position: absolute;
	}

		.news_block .item .img * {
			width: inherit;
			height: inherit;
		}

		.news_block .item .img img {
			display: none;
		}

}

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

	.news_block .item {
		height: auto;
		min-height: 170px;
	}

		.news_block .item .img {
			width: 100%;
			height: 100%;
			display: block;
			position: absolute;
			background: none;
		}

			.news_block .item .img .cover {
				background: none;
		}

			.news_block .item .img .cover::before {
				display: none;
			}

			.news_block .item .img img {
				visibility: hidden;
			}

		.news_block .item .text {
			padding-bottom: 58px;
		}

}

/* Social media block */

.news_media_cont {
	min-height: 64px;
	padding: 18px 0px;
	background: var(--pad-color);
}

/* More posts button */

.more_posts {
	height: 64px;
	display: none;
	margin-top: 20px;
	background: var(--pad-color);
	}

	.more_posts_load {
		display: block;
		padding: 0px 40px;
		color: #fff;
		font: 18px/64px Quantico,Arial,Helvetica,sans-serif;
		text-align: center;
		text-transform: uppercase;
		background: var(--item-color);
		cursor: pointer;
		}
	.more_posts_load:hover {
		color: #000;
		background: #fff;
		}

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

.more_posts {
	display: block;
	}

.view-news .item-list .pager {
	display: none;
	}

}


/* News page */

article {
	position: relative;
	}

	article h1 {
		margin-bottom: 8px;
		}

	article > table,
	article > table th,
	article > table td {
		border-style: solid;
		border-width: 1px;
		}

	article .button {
		width: 100%;
		max-width: 284px;
		height: 48px;
		display: inline-block;
		justify-content: center;
		box-sizing: border-box;
		margin-right: 10px;
		padding: 0px;
		color: #fff;
		font: 18px/46px Quantico, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		background: none;
		border: 1px solid #fff;
		}
	article .button:last-child {
		margin-right: 0px;
		}
	article .button:hover {
		color: #000;
		background: #fff;
		border-color: transparent;
		}

	article .button + br {
		display: none;
		}

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

	article .button {
		max-width: none;
		height: 64px;
		display: block;
		margin: 20px 0px;
		line-height: 64px;
		}

}

.news__date {
	color: #575c61;
	display: inline-block;
	}

.news__category {
	text-transform: uppercase;
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
	}

.news__title-img {
	margin: -16px -32px 16px;
	font-size: 0px;
	line-height: 0px;
	}

/* News filter block */

.news_filter_block {
	display: block;
	}

.news_filter_list {
	min-height: 225px;
	position: relative;
	box-sizing: border-box;
	padding: 8px 20px;
	background: var(--pad-color);
	}

	.news_filter_list .loader {
		width: 31px;
		height: 31px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/page/details/ajax_loader.gif) center center no-repeat;
		}

	.news_filter_list a {
		display: block;
		position: relative;
		color: #a9aeb3;
		font-size: 14px;
		text-transform: uppercase;
		}
	.news_filter_list a:hover {
		color: var(--item-color);
		text-decoration: none;
		}
	.news_filter_list a.active {
		color: var(--item-color);
		padding-left: 12px;
		}
	.news_filter_list a.active::before {
		content: '';
		width: 0px;
		height: 0px;
		position: absolute;
		left: 0px;
		top: 30%;
		margin: auto;
		border: 5px solid transparent;
		border-left-color: var(--item-color);
		}

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

.news_filter_block .hdr_layout {
	padding-left: 20px;
	}

}

/* Last news block */

.last_news_block {
	display: none;
	/*display: block; --> node-news */
	}

	.last_news_block > div:last-child {
		background: var(--pad-color);
		}

		.last_news_block .item {
			display: block;
			padding: 12px 22px;
			color: #a9aeb3;
			font: 15px/20px Plumb, Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			border-bottom: 1px solid #0f0a0f;
			}
		.last_news_block .item:hover {
			color: #fff;
			text-decoration: none;
			}

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

.last_news_block,
.last_news_block.sticky.fixed {
	margin-top: 41px;
	background: var(--pad-color);
	}

aside .hdr_layout,
.last_news_block .item {
	padding-left: 32px;
	}

[class^="layout news news_"] .last_news_block {
	margin-top: 41px;
	}

	[class^="layout news news_"] .last_news_block .hdr_layout {
		position: absolute;
		margin-top: -41px;
		}

}

/* News share block */

.news__share {
	margin-top: 1px;
	padding: 16px 32px;
	background: var(--pad-color);
	color: #9ba0a5;
	}
	.news__share-text {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
		line-height: 15px;
		text-transform: uppercase;
		width: 95px;
		margin-right: 10px;
		}
	.news__share-addthis {
		cursor: default;
		display: inline-block;
		vertical-align: middle;
		overflow: hidden;
		}
	.news__share .news__share-addthis.addthis_toolbox a {
		display: inline-block;
		vertical-align: middle;
		background-image: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/page/soc/icons.png?1);
		background-repeat: no-repeat;
		-ms-background-position-y: 0;
		background-position-y: 0;
		opacity: .8;
		width: 22px;
		height: 22px;
		position: relative;
		margin: 0 1px;
	}
	.news__share .news__share-addthis.addthis_toolbox a:hover {
		background-position-y: -26px;
		opacity: 1;
	}
	.news__share-addthis a span {
		width: 100%;
		height: 100%;
		display: inline-block;
	}
	.news__share-addthis .addthis_button_twitter { background-position-x: 0px; }
	.news__share-addthis .addthis_button_facebook { background-position-x: -26px; }
	.news__share-addthis .addthis_button_vk { background-position-x: -52px; }
	.news__share-addthis .addthis_button_odnoklassniki_ru { background-position-x: -78px; }
	.news__share-addthis .addthis_button_mymailru { background-position-x: -104px; }

	.news__share-addthis .addthis_counter {
			color: currentColor;
			font-weight: normal;
			text-transform: uppercase;
			cursor: default;
			margin-left: 10px;
			vertical-align: middle;
		}

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

.news_page .item {
	height: auto;
	}

	.news_page .item .img {
		display: none;
		}

	.news_page .item .text {
		width: 100%;
		padding-bottom: 58px;
		}

	.news_page .item .img {
		width: 100%;
		display: block;
		position: absolute;
		background: none;
		}

		.news_page .item .img .cover::before {
			display: none;
			}

		.news_page .item .img img {
			visibility: hidden;
			}

.view-news .views-row {
	height: auto;
	}

	.views-row .img {
		display: none;
		}

	.views-row .text {
		width: 100%;
		padding-bottom: 58px;
		}

	.views-row .img {
		width: 100%;
		display: block;
		position: absolute;
		background: none;
		}

		.views-row .img img {
			visibility: hidden;
			}

.news_share_block .share_text {
	display: none;
	}

}



.news__footer {
	border-top: 1px solid #0f0a10;
	margin: 0 -32px;
	padding-top: 16px;
}
.news__footer p {
	margin: 0;
}
.news__footer-link {
	margin: 6px 32px;
	text-transform: uppercase;
	font-size: 14px;
}



/* Node content details */

[style="color:#cc3300;"],
[style="color: rgb(204, 51, 0);"] {
	color: var(--item-color) !important;
	}

/* News links */
.neighbor-links {
	position: relative;
	margin: 20px 0 0;
	height: 30px;
}
.neighbor-links > a {
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	top:0;
	box-sizing: border-box;
	height: 30px;
	width: 200px;
	font: 700 14px/28px Quantico;
	text-transform: uppercase;
	color: #A5A9AE;
	border: 1px solid #A5A9AE;
	text-decoration: none;
	letter-spacing: -0.28px;
	padding: 0 7px;
}
.neighbor-links > a:hover {
	color: #fff;
	border-color: #fff;
}
.neighbor-links > a.link-next {
	right: 0;
}
.neighbor-links > a.link-prev:before,
.neighbor-links > a.link-next:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 12px;
	background-color: #A5A9AE;
	mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjUgMUwxLjUgNkw2LjUgMTEiIHN0cm9rZT0iI0E1QTlBRSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
}
.neighbor-links > a.link-next:after {
	rotate: 180deg;
}
.neighbor-links > a.link-prev:hover:before,
.neighbor-links > a.link-next:hover:after {
	background-color: #fff;
}
@media screen and (max-width: 440px) {
	.neighbor-links {
		margin: 20px 32px 0;
	}
	.neighbor-links > a {
		width: 30px;
		justify-content: center;
	}
	.neighbor-links > a span {
		display: none;
	}
}