/*Сетка*/

:root {
    --container: 1110px;
    --gap: 15px;
}
.descriptor{
    margin-top: 1em;
    
}
.descriptor p{
    padding: 0!important;
}

.container-full,
.has-container-full .container {
	width: 100%;
	max-width: none;
    padding: 0 var(--gap);
}

.container-full .row,
.has-container-full .row {
    margin-right: calc(var(--gap) * -1);
    margin-left: calc(var(--gap) * -1);
}

.grid {
	--hgap: var(--gap);
	--vgap: var(--gap);
	display: flex;
	flex-wrap: wrap;
	margin: 0 calc(var(--hgap) / -2) calc(var(--vgap) * -1);
}

.grid-item {
	width: calc(100% / var(--columns, 1) * var(--col, 1) - var(--hgap));
	margin: 0 calc(var(--hgap) / 2) var(--vgap);
}

.grid-item.is-full {
	width: calc(100% - var(--hgap));
}



.block {
	--columns: 2;
}

@media (min-width: 768px) {
	.block {
		--columns: 3;
	}
	.block.has-grid-2 {
		--columns: 2;
	}
	.block.has-grid-3 {
		--columns: 3;
	}
}

@media (min-width: 992px) {
    :root {
        --gap: 30px;
    }
    .block.has-grid-5,
    .block.has-grid-6,
    .block.has-grid-7 {
    	--columns: 4;
    }
}

@media (min-width: 1200px) {
	.block {
		--columns: 4;
	}
	.block.has-grid-5 {
		--columns: 5;
	}
	.block.has-grid-6 {
		--columns: 6;
	}
	.block.has-grid-7 {
		--columns: 7;
	}
}

@media (min-width: 1600px) {
	.container-full,
	.has-container-full .container {
		width: 100%;
	    padding: 0 calc(var(--gap) * 2);
	}
}

@media (max-width: 400px) {
	.block {
		--gap: 6px;
	}
}