.logo_block_holder {
	margin: 40px 0;
	padding: 20px 0;
}

.logo_block {
	transform: translateZ(0);
	mix-blend-mode: multiply;
}

.logo_block ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc((((100% - (11 * 20px)) / 12) * 10) + (10 * 20px));
	margin-left: calc((((100% - (11 * 20px)) / 12) * 1) + (1 * 10px));
	width: calc((((100% - (11 * 20px)) / 12) * 8) + (8 * 20px));
}

.logo_block ul li {
	width: calc((((100% - (10 * 20px)) / 10) * 2) + (1 * 20px));
	width: calc((((100% - (8 * 20px)) / 8) * 2) + (1 * 20px));
	margin: 0 10px 20px;
}

.logo_block ul li a,
.logo_block ul li span {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 66.66666666%;
	position: relative;
}

.logo_block ul li img {
	transition: all 0.1s ease-out;
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: grayscale(1);
}

.logo_block ul li a:hover img {
	filter: grayscale(0);
	/*transform:translate(-50%,-50%) scale(1.1,1.1) ;*/
	width: calc(100% + 20px);
	height: calc(100% + 20px);
}

@media all and (max-width: 1199px) {
	.logo_block ul {
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
	}
	.logo_block ul li {
		margin: 0 0 20px;
		width: calc(25% - ((20px * 3) / 4));
	}
}

@media all and (max-width: 899px) {
	.logo_block ul {
		width: 100%;
		justify-content: space-between;
	}
	.logo_block ul li {
		margin: 0 0 20px;
		width: calc(33.333333333% - ((20px * 2) / 3));
	}
}

@media all and (max-width: 599px) {
	.logo_block ul {
		width: 100%;
		justify-content: space-between;
	}
	.logo_block ul li {
		margin: 0 0 5px;
		width: calc(50% - ((20px * 1) / 2));
	}
}