.blog{

}
.blog__title{
	margin-bottom: 24px;
}
.blog__h1{
	margin-top: 32px;
	max-width: 940px;
	text-wrap: balance;
}
.blog_main{
	margin-top:87px;
}
.blog_main .blog__flex{
	margin-bottom: 0 !important;
}
.blog__flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 103px;
}
.blog__item{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.blog__iname,
.blog__idesc,
.blog__type,
.blog__infotext {
	color: inherit;
}
.blog__iname {
	text-wrap: pretty;
}
.blog__ilink{
	position: absolute;
	top:0;left:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.blog__imain {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.blog__iinfo{
	display: inline-flex;
	align-items: center;
}
.blog__iinfo span{
	margin-right: 4px;
	color: inherit;
}
.blog__iinfo span:last-child{
	margin-right: 0;
}
.blog__idesc {
	margin-bottom: 0;
}
.blog__imgwrap {
	position: relative;
	/* min-height: 224px; */
	aspect-ratio: 330 / 224;
	overflow: hidden;
	background-color: #E2E8F1;
	display: flex;
	align-items: center;
	justify-content: stretch;
	border-radius: 16px;
}
.blog__combo {
	display: grid;
}
.blog__combo.blog__imgwrap {
	border-radius: 8px;
}
/* .blog__imgwrap:after{
	content:'';
	background: #1E1E23;
	opacity: 0;
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.blog__item:hover .blog__imgwrap:after{
	opacity: 0.2;
} */
.blog__img {
	display: block;
	margin: auto;
	width: 100%;
	/* max-width: 100%; */
	/* min-height: 224px; */
	aspect-ratio: 330 / 224;
	object-fit: cover;
}
.blog__textwrap {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
/*news*/
.blog__news {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}
.blog__news_compact {
	grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));
	grid-gap: 48px 74px;
	justify-content: space-between;
}
.blog__item_news {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.blog__news_wide .blog__item_news {
	padding-bottom: 32px;
	flex-direction: row;
	gap: 32px;
}
.blog__news_wide .blog__item_news:not(:last-child) {
	border-bottom: 1px solid var(--body_on_color);
}
.blog__news_compact .blog__item_news {
	gap: 16px;
	justify-content: space-between;
}
.blog__news_wide .blog__item.blog__item_news .blog__iinfo {
	color: var(--body2);
	white-space: nowrap;
}
.blog__item.blog__item_news .blog__iname{
	transition: 0.15s ease-in-out;
}
.blog__item.blog__item_news:hover .blog__iname {
	color: var(--accent_blue);
}
/*event*/
.blog__events {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));
	grid-gap: 48px 74px;
	justify-content: space-between;
}
.blog__item_events .blog__iinfo {
	/* margin-bottom: 8px; */
}
.blog__item_events .blog__iinfo.blog__iinfo_actual {
	color: #498EF5;
}
/* .blog__item_events {
	margin-bottom: 50px;
} */
/*article*/
.blog__articles, .blog__eventslist {
	/* margin-top: 32px;
	margin-bottom: 50px; */
	display: grid;
	/* grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); */
	grid-template-columns: repeat(auto-fill, minmax(344px, 1fr));
	/* grid-gap: 50px 80px; */
	grid-gap: 48px 74px;
	justify-content: space-between;
}
.blog__articles_notm, .blog__eventslist {
	margin-top:0 !important;
}
.blog__item.blog__item_img .blog__iname {
	transition: 0.15s ease-in-out;
}
.blog__item.blog__item_img:hover .blog__iname {
	color: var(--accent_blue);
}
.blog__item_articles.blog__item_textonly {
	padding: 24px;
	border-radius: 16px;
	background-color: #F4F4F9;
	transition: 0.15s ease-in-out;
}
/* .blog__item_articles.blog__item_textonly.blog__item_first {
	background-color: #FFFACD;
}
.blog__item_articles.blog__item_textonly.blog__item_first:hover {
	background-color: #FFF496;
} */

.blog__badge {
	width: auto;
	height: 36px;
	padding: 0 12px;
	position: absolute;
	top: -18px;
	right: 26px;
	border-radius: var(--4, 12px);
	border: 1px solid var(--border_lite);
	background: var(--white);
	line-height: 36px;
}

/* Default card colors */
.blog__item {	color: var(--titles); }
.blog__item .blog__iname { color: var(--titles); }
.blog__item .blog__idesc,
.blog__item .blog__iinfo { color: var(--body); }
.blog__item_textonly {	background-color: #F4F4F9; }
.blog__item_textonly:hover {	background-color: #E4E4F4; }
/* Card colors */
.blog__item_textonly.blog__item_red {	background-color: #F03B5C; color: var(--white); }
.blog__item_textonly.blog__item_red:hover {	background-color: #C60437; }
.blog__item_textonly.blog__item_blue {	background-color: #498EF5; color: var(--white); }
.blog__item_textonly.blog__item_blue:hover {	background-color: #1F65CC; }
.blog__item_textonly.blog__item_lightblue {	background-color: #ECF3FF; }
.blog__item_textonly.blog__item_lightblue:hover {	background-color: #CFDEF5; }
.blog__item_textonly.blog__item_yellow {	background-color: #FFFACD; }
.blog__item_textonly.blog__item_yellow:hover {	background-color: #FFF496; }
.blog__item_textonly.blog__item_red .blog__iname,
.blog__item_textonly.blog__item_blue .blog__iname { color: var(--white); }
.blog__item_textonly.blog__item_red .blog__idesc,
.blog__item_textonly.blog__item_red .blog__iinfo,
.blog__item_textonly.blog__item_blue .blog__idesc,
.blog__item_textonly.blog__item_blue .blog__iinfo { color: rgba(255, 255, 255, 0.75); }

.blog__item_articles.blog__item_textonly p:last-child {
	margin-top: auto;
}
.blog__item .blog__iinfo {
	/* margin-bottom: 16px; */
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	row-gap: 4px;
	color: var(--body2);
}
.blog__item_articles .blog__type {
	margin-left: 0;
	/* margin-right: auto; */
	font-family: var(--font_roboto);
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
}
.blog__item_articles.blog__item_img .blog__idesc {
	max-height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.blog__infotext {
	font-family: var(--font_raleway);
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
}
/*pages*/
.blog__pages{
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}
.blog__page{
	width: 48px;
	height: 48px;
	display: inline-flex;
	color: #1E1E23 !important;
	text-decoration: none !important;
	align-items: center;
    justify-content: center;
    border: 1px solid #D8D8E7;
}
.blog__page:hover, .blog__page_active{
	background: #F0F0F3;
}
.blog__page_arrowleft{
border-radius: 4px 0px 0px 4px;
}
.blog__page_arrowright{
	border-radius: 0px 4px 4px 0px;
}

/*tabs*/
.blog__tabs{
	border-bottom: 1px solid #D8D8E7;
	display: flex;
	align-items: stretch;
	/*justify-content: left;*/
	overflow: hidden;
	overflow-x: auto;
}
.blog__tabs_blog{
	display: none;
}
/* .blog__tabs_articles{
	margin-top:25px;
	margin-bottom: 56px;
} */
.blog__tab{
	font-family: var(--font_roboto);
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: var(--body2);
	position: relative;
	margin-right: 56px;
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
	text-decoration: none !important;
	height: 48px;
	white-space: nowrap;
	letter-spacing: 0.1em;
}
.blog__tab:after{
	content: '';
	width: 100%;
	height: 4px;
	background: transparent;
	position: absolute;
	bottom:0;
	left:0;
}
.blog__tab:hover{
	color: #1E1E23;
}
.blog__tab_current{
	color: #498EF5 !important;
}
.blog__tab_current:after{
	background: #498EF5;
}

/*tags*/
.blog__tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 16px;
}
.blog__tag {
	padding: 10px 16px;
	border-radius: 48px;
	background-color: var(--bg_neutral1);
	color: var(--body2);
	transition: 0.15s ease-in-out;
}
.blog__tag:not(.blog__tag_active):hover {
	color: rgba(46, 46, 60, 0.75);
	background-color: var(--bg_neutral2);
}
.blog__tag_active {
	color: var(--white);
	background-color: var(--accent_blue);
}
.blog__buttontags {
	display: none;
	width: 24px;
	align-self: stretch;
	align-items: center;
	justify-content: center;
}
.blog__buttontags svg {
	flex-shrink: 0;
}
.blog__buttontags_rotated {
	transform: rotate(180deg);
}
.blog__tags .blog__tag_secondary.show {
	display: block;
}

/*events*/
.blog__h1_event{
	margin-bottom: 48px;
}
.blog__promo_events .blog__iinfo {
	color: var(--accent_blue);
	justify-content:start !important;
}
.blog__eventslist .blog__item_events{
	margin-bottom: 0;
}
.blog__h2_event{
	margin-bottom: 32px;
}
.blog__content_eventsend{
	margin-bottom: 96px;
}
/*main*/
.blog__content_main{
margin-bottom: 28px;
}
.blog__item_main.blog__item_events{
	margin-bottom: 35px;
}

/* content extended */
.iblog__content_ext .h2{
	margin-bottom:22px;
}
/* images */
.iblog__content_ext .iblog__content_image_float{
	float:left;
	margin-right:22px;
	margin-bottom: 10px!important;
	margin-top:5px!important;
}
.iblog__content_ext .popup__mgallery:after{
	content:'';
	display:block;
	clear:both;
	margin-bottom: 30px;
}
.iblog__content_additional_text{
	margin-top:22px;
}

/***** 1280 ~ lg *****/
@media (min-width: 1280px) {
	.blog__item_first .blog__imgwrap,
	.blog__item_first .blog__img {
		height: 415px;
	}
	.blog__item_articles.blog__item_first {
		grid-column: span 2;
	}
	.blog__item_articles.blog__item_first .blog__textwrap > .blog__iinfo {
		order: 2;
	}
	.blog__item_articles.blog__item_first .blog__textwrap > .blog__iname {
		font-size: 32px;
	}
	.blog__item_articles.blog__item_first .blog__textwrap > .blog__idesc {
		display: none;
	}
	.blog__item_articles.blog__item_first.blog__item_textonly {
		padding: 40px;
	}
	.blog__news_wide .blog__item.blog__item_news .blog__iinfo {
		min-width: 120px;
	}
	.blog__combo {
		-ms-grid-columns: 736fr 395fr;
		/* grid-template-columns: 2fr 1fr; */
		grid-template-columns: 736fr 395fr;
	}
}
/***** 1279 ~ sm *****/
@media (max-width: 1279px) {
	.blog__title {margin-bottom: 15px;}
	.blog__flex{
		margin-bottom: 76px;
	}
	.blog__tabs {
		margin-bottom: 56px;
	}
	.blog__tabs.blog__tabs_blog{
	    display: flex;
	    margin-bottom: 35px;
	}
	.blog__tab{
		font-size: 14px;
		margin-right: 40px;
		height: 44px;
	}
	.blog__tags {
		margin-bottom: 64px;
		gap: 16px 8px;
	}
	.blog__tag {
		padding: 8px 16px;
	}
	.blog__tag_secondary {
    display: none;
	}
	.blog__buttontags {
		display: inline-flex;
	}
	.blog__pages {
		margin-top: 28px;
	}
	.blog__articles, .blog__eventslist {
		grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
		grid-gap: 24px;
	}
	.blog__events, .blog__news_compact {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
		grid-gap: 32px 24px;
	}
	/* .blog__item_events {
	    margin-bottom: 40px;
	} */
	.blog__imgwrap {
		border-radius: 10px;
	}
	/*promo*/
	.blog__promo{
		grid-gap: 40px 20px;
	}
	.blog__h1_event {
	    margin-bottom: 32px;
	}
	.blog__content_eventsend{
		margin-bottom: 76px;
	}
	.blog_main{
		margin-top:59px;
	}

}

@media (min-width: 1128px) {
	/*promo*/
	.blog__promo .blog__iinfo {
	    margin-bottom: 22px;
	    margin-top:40px;
	}
	.blog__promo .blog__iname {
		font-weight: 500;
		font-size: 32px;
		line-height: 37px;
	}
	.blog__promo .blog__idesc {
		font-weight: normal;
		font-size: 18px;
		line-height: 150%;
	}


}
@media (max-width: 1127px) {
	/*promo*/
	.blog__promo{
		grid-template-areas: 
			'blog_promo blog_promowrap';
		grid-template-columns: repeat(2, minmax(340px, 1fr));
		margin-bottom: 40px;
	}
	/* .blog__content_articles {
		margin-bottom: 76px;
	} */
	/* .blog__tabs_articles {
	    margin-top: 5px;
	    margin-bottom: 28px;
	} */
	.blog__promo .blog__iinfo {
		margin-top:0;
		display: flex;
		justify-content: flex-end;
	}
	.blog__promo .blog__type {
		margin-left: 0;
		margin-right: auto;
	}
}

@media (min-width: 768px) {
	.blog__item_articles:not(.blog__item_first) {
		min-height: 415px;
	}
	/* .blog__item_articles.blog__item_textonly:not(.blog__item_first) {
		max-height: 415px;
	} */
}

@media (max-width: 768px) {
	/*promo*/
	.blog__promo {
	    grid-gap: 16px;
	    grid-template-columns: auto;
	    grid-template-areas: 
	    'blog_promo'
	    'blog_promowrap';
	}
}
/***** 527px ~ xs *****/
@media (max-width: 527px) {
	.blog__title {margin-top: 31px;}
	.blog__news, .blog__news_compact, .blog__events, .blog__articles, .blog__eventslist{
	    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}
	.blog__news_wide .blog__item_news {
		flex-direction: column;
		gap: 10px;
		height: auto;
	}
	.blog__tabs {
		margin-bottom: 32px;
	}
	.blog__tab {
		margin-right: 28px;
	}
	.blog__page{
		display: none;
	}
	.blog__pages :first-child.blog__page, .blog__pages :last-child.blog__page, .blog__page_active{
		display: inline-flex;
	}
	.blog__tags {
		display: none;
	}
	.blog__imgwrap {
		min-height: 184px;
	}
	.blog__img {
	  min-height: 184px;
	}
	.blog__h1{
		margin-top: 24px;
		margin-bottom: 32px;
		font-size: 32px;
	}
	.blog__item_articles.blog__item_colored {
		min-height: 384px;
	}
	.blog__item_articles.blog__item_colored:not(.blog__item_first) {
		min-height: 384px;
	}
}
