@charset "UTF-8";
.grid-blocks, .grid-blocks .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.grid-blocks .el:before {
		display: none;
}
.grid-blocks.to-load[data-max="8"] .el.folded:not(:nth-child(-n + 8)), .grid-blocks.to-load[data-max="20"] .el.folded:not(:nth-child(-n + 20)) {
		display: none;
}
.grid-blocks {
		display: flex;
		flex-direction: column;
		gap: var(--gap);
}
.block-card {
		font-weight: 300;
		font-size: 16px;
		text-decoration: none;
		color: var(--text);
		position: relative;
		background: var(--white);
		border: 1px solid var(--grey-light1);
		border-radius: var(--radius);
		padding: 20px 20px 26px 20px;
		display: flex;
		flex-direction: column;
		gap: 12px;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: border 0.4s ease;
}
@media only screen and (min-width: 1200px) {
    .block-card {
        max-width: calc((100% - var(--gap-inner) * 2)*0.666 + var(--gap-inner));
    }
}
.block-card + .block-card {
		margin-top: var(--gap);
}
.block-card > * {
		margin: 0;
}
.block-card a:not(.btn) {
		color: var(--txt);
		border-bottom-color: transparent;
}
@media (pointer:fine) {
		.block-card a:not(.btn):hover {
				border-bottom-color: currentColor;
		}
}
.block-card .name {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.3;
		margin: 0;
		transition: color 0.4s ease;
}
@media (pointer:fine) {
		a.block-card:hover .name {
				color: var(--color3);
		}
		.block-card .name a:hover {
				border-bottom-color: transparent;
				color: var(--color3);
		}
}
.block-card:has(.image) {
		padding: 20px 120px 20px 20px;
		min-height: 124px;
}
.block-card .image {
		position: absolute;
		top: 0;
		right: 0;
		border-top-right-radius: calc(var(--radius) - 1px);
		border-bottom-left-radius: var(--radius);
		width: 100px;
		height: 75px;
		max-height: 100%;
		object-fit: cover;
		object-position: center;
}
.block-card p {
		margin: -4px 0;
}
.block-card p + p {
		margin-top: -3px;
}
@media only screen and (min-width: 940px) {
		.block-card {
				padding: 32px 26px;
		}
		.block-card.big-text {
				font-size: 18px;
				padding: 45px 52px;
		}
		.block-card:has(.name:only-child) {
				padding-top: 20px;
				padding-bottom: 26px;
		}
		.block-card .name {
				font-size: 20px;
		}
		.block-card .name.big {
				font-size: 24px;
		}
		.block-card:has(.image) {
				padding: 20px 200px 20px 26px;
				min-height: 170px;
		}
		.block-card .image {
				width: 180px;
				height: 135px;
		}
		.block-card .br {
				height: 8px;
		}
}
.grid-blocks:not(.has-folded) + .load-more {
		display: none;
}

@media only screen and (min-width: 1200px) {
    .grid-blocks + .load-more {
        max-width: calc((100% - var(--gap-inner) * 2)*0.666 + var(--gap-inner));
    }
}