div.main-catalog-line
{
	margin-bottom: 20px;
}

	span.main-catalog-title
	{
		font-size: 40px;
		font-weight: 600;
		color: var(--color-main-text);
	}
	
		span.main-catalog-title span
		{
			color: var(--color-main);
		}
	
	span.main-catalog-slogan
	{
		display: block;
		width: 500px;
		font-size: 16px;
		color: var(--color-main-text);
	}


div.block-catalog-list
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 10px;
	row-gap: 10px;
	width: 100%;
	padding-bottom: 50px;
}

	a.block-catalog-item
	{
		position: relative;
		padding-top: 100%;
		background-size: cover;
		border: 1px solid #f5f5f5;
		border-radius: 10px;
		overflow: hidden;
		transition: 0.3s;
		-o-transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	
	a.block-catalog-item:hover
	{
		border: 1px solid var(--color-main);
	}
	
		
		span.block-catalog-item-wrap
		{
			position: absolute;
			width: 100%;
			bottom: 0px;
			padding: 5px;
			box-sizing: border-box;
		}
	
			span.block-catalog-item-title
			{
				display: block;
				width: 100%;
				font-size: 14px;
				font-weight: 500;
				background: var(--color-main);
				border-radius: 5px;
				padding: 5px 10px;
				box-sizing: border-box;
				color: #fff;
			}