.masonry {
	position: relative;
	z-index: 1;
	display: none;
}
.masonry img {
	width: 100%;
}
/*.masonry_mobile {
	border-top: 1px solid #a4b5c9;
}
.masonry_mobile .masonry_item_head {
	cursor: pointer;
	height: 50px;
	padding: 0 20px;
	line-height: 48px;
	color: #103a71;
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #a4b5c9;
}
.masonry_mobile .masonry_item_head {
	position: relative;
}
.masonry_mobile_cell.active .masonry_item_head {
	color: #fff;
	background: #103a71;
}
.masonry_mobile_cell.active .masonry_item_head::after {
	content: '→ подробнее';
	position: absolute;
	top: 0;
	right: 20px;
	height: 50px;
	line-height: 48px;
	color: #b9daff;
	font-size: 13px;
	font-weight: 400;
}
.masonry_mobile_cell {
	position: relative;
}
.masonry_mobile .masonry_item_body {
	display: none;
}
.masonry_mobile_cell.active .masonry_item_body {
	display: block;
}*/

/*@media (min-width: 375px) {
	.masonry_mobile .masonry_item_head {
		font-size: 20px;
	}
	.masonry_mobile .masonry_item_head:before {
		content: '';
		float: left;
		display: block;
		width: 7px;
		height: 12px;
		margin: 19px 16px 0 0;
		background: url(/_/common/img/sprite.png) -186px -50px no-repeat;
	}
	.masonry_mobile_cell.active .masonry_item_head:before {
		width: 13px;
		height: 8px;
		margin: 21px 13px 0 -3px;
		background: url(/_/common/img/sprite.png) -215px -50px no-repeat;
	}
}*/

/*@media (min-width: 390px) {
	.masonry_mobile .masonry_item_head {
		padding: 0 15px;
	}
	.masonry_mobile_cell.active .masonry_item_head::after {
		right: 15px;
	}
}*/

/*@media (min-width: 470px) {
	.masonry_mobile .masonry_item_head {
		height: 58px;
		line-height: 56px;
		font-size: 26px;
	}
	.masonry_mobile .masonry_item_head:before {
		margin-top: 23px;
	}
	.masonry_mobile_cell.active .masonry_item_head:before {
		margin-top: 25px;
	}
	.masonry_mobile_cell.active .masonry_item_head::after {
		top: 2px;
		height: 58px;
		line-height: 56px;
		font-size: 14px;
	}
}*/

@media (max-width: 799px) {
	.masonry_mobile {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		padding: 10px;
	}
	.masonry_mobile .masonry_item {
		position: relative;
		display: block;
	}
	.masonry_mobile .masonry_item_head {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px;
		width: 100%;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		background: rgba(0, 0, 0, 0.3);
	}
}

@media (min-width: 800px) {
	.masonry_mobile {
		display: none !important;
	}
	.masonry {
		display: block;
		margin: 20px 0;
	}
	.masonry_col {
		float: left;
		width: 50%;
		margin-top: -20px;
		border-left: 10px solid transparent;
	}
	.masonry_col:first-child {
		border-left: 0;
		border-right: 10px solid transparent;
	}
	.masonry_cell {
		float: left;
		position: relative;
		border-top: 20px solid transparent;
	}
	.masonry_cell.big {
		width: 100%;
	}
	.masonry_cell.small {
		width: 50%;
		border-left: 10px solid transparent;
	}
	.masonry_cell.small:first-child {
		border-left: 0;
		border-right: 10px solid transparent;
	}

	.masonry_item {
		position: relative;
		display: block;
	}
	.masonry_item_head {
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 2;
	}
	.masonry_item_head_title {
		color: #103a71;
		font-size: 20px;
		font-weight: 700;
		text-shadow: 0 0 8px #cfe5fe;
	}
	.masonry_item:hover .masonry_item_head_title {
		color: #fff;
		text-shadow: 0 0 6px #103a71;
	}
	.masonry_mobile_cell.active .masonry_item_head::after {
		display: none;
	}
	.masonry_loader {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.masonry_item + .masonry_loader {
		display: none;
	}
}

@media (min-width: 1280px) {
	.masonry {
		margin: 40px 0;
	}
	.masonry_item_head {
		top: 20px;
		left: 20px;
	}
	.masonry_item_head_title {
		font-size: 26px;
	}
}

@media (min-width: 1440px) {
	.masonry_item_head_title {
		font-size: 30px;
	}
	.masonry_col {
		margin-top: -30px;
		border-left-width: 15px;
	}
	.masonry_col:first-child {
		border-left-width: 0;
		border-right-width: 15px;
	}
	.masonry_cell {
		border-top-width: 30px;
	}
	.masonry_cell.small {
		border-left-width: 15px;
	}
	.masonry_cell.small:first-child {
		border-left-width: 0;
		border-right-width: 15px;
	}
}