/* Start:/bitrix/templates/2/components/bitrix/news/news_main/bitrix/news.list/.default/style.css?17512702654873*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.block-news {
	display: grid;
	gap: 18px 18px;
	grid-template-areas: "a b b b"
                         "a c c c";
}

.block-news .news1 {
	display: flex;
	flex-direction: column;
	grid-area: a;
	max-width: 300px;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
}

.block-news .news2 {
	display: flex;
	flex-direction: row-reverse;
	grid-area: b;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
}

.block-news .news3 {
	display: flex;
	flex-direction: row;
	grid-area: c;
	-webkit-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 8px 5px rgba(34, 60, 80, 0.2);
}

.block-news .new-news.news1 .fon {
	position: relative;
	background: #fff;
	height: 100%;
	height: -moz-available;          /* WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
	width: 100%;
}

.block-news .new-news.news1 .img {
	position: initial;
	height: auto;
	width: 100%;
	max-width: 300px;
	display: flex;
}

.block-news .new-news.news2 .fon {
	position: relative;
	background: #5a7dc6;
	height: auto;
	width: 50%;
}

.block-news .new-news.news2 .fon::after {
	content: '';
	position: absolute;
	right: -30px;
	bottom: 20px;
	border: 15px solid transparent;
	border-left: 15px solid #5a7dc6;
}

.block-news .new-news.news2 .img {
	position: initial;
	height: auto;
	width: 50%;
	display: flex;
}

.block-news .new-news.news3 .fon {
	position: relative;
	background: #e2e4ea;
	height: auto;
	width: 50%;
}

.block-news .new-news.news3 .fon::before {
	content: '';
	position: absolute;
	left: -30px;
	bottom: 20px;
	border: 15px solid transparent;
	border-right: 15px solid #e2e4ea;
}

.block-news .new-news.news3 .img {
	position: initial;
	height: auto;
	width: 50%;
	display: flex;
}

.block-news .news1 .fon .h2 {
	padding: 31px 10px 60px 31px;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.block-news .news1 .fon .h2 a {
	font-size: 20px;
	color: #000;
	line-height: 19px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.block-news .news1 .fon .date {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 32px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background: url(/bitrix/templates/2/images/partner_l.png) center repeat-x;
	margin: 0 20px;
}

.block-news .news1 .fon .date span {
	background: #fff;
	padding: 0 10px;
}

.block-news .news1 .fon .anons {
	color: #000;
	font-size: 14px;
	line-height: 16px;
	padding: 21px 31px 0 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 70px;
}

.block-news .news2 .fon .h2 {
	padding: 43px 31px 60px 31px;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.block-news .news2 .fon .h2 a {
	font-size: 20px;
	color: #fff;
	line-height: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.block-news .news2 .fon .date {
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background: url(/bitrix/templates/2/images/partner_l.png) center repeat-x;
	margin: 0 20px;
}

.block-news .news2 .fon .date span {
	background: #5a7dc6;
	padding: 0 10px;
}

.block-news .news2 .fon .anons {
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	padding: 21px 328px 0 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 70px;
}

.block-news .news3 .fon .h2 {
	padding: 28px 31px 60px 31px;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.block-news .news3 .fon .h2 a {
	font-size: 20px;
	color: #000;
	line-height: 22px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.block-news .news3 .fon .date {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 30px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	background: url(/bitrix/templates/2/images/partner_l.png) center repeat-x;
	margin: 0 20px;
}

.block-news .news3 .fon .date span {
	background: #e2e4ea;
	padding: 0 10px;
}

.block-news .news3 .fon .anons {
	color: #000;
	font-size: 14px;
	line-height: 16px;
	padding: 21px 328px 0 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 70px;
}

.block-news img {
	/*max-width: 300px;*/
	width: 100%;
}
/* End */
/* /bitrix/templates/2/components/bitrix/news/news_main/bitrix/news.list/.default/style.css?17512702654873 */