

/* Start:/bitrix/templates/magnet_s1/components/bitrix/catalog.section.list/custom/style.css?17483345201375*/
.main-section {
	margin:50px 0;
}
.categories-list {
		display: grid;
    	grid-template-columns: repeat(auto-fill, 373px);
    	grid-gap: 20px;
    	margin-bottom: 50px;
	}
	.categories-list img {
    	object-fit: cover;
    	object-position: center;
    	height: 100%;
    	width: 100%;
    	border-radius: 10px;
	}
	.categories-list > a {
		position: relative;
		height: 350px;
	}
	.categories-list .text-container {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 80%;
		height: 80px;
		background-color: #2F80ED;
		left: 50%;
    	transform: translateX(-50%);
	}
	.categories-list .text-container span {
	    display: block;
	    padding: 20px;
	    color: #fff;
	    font-weight: bold;
	}
	@media (max-width:1460px) {	
		
		.categories-list .text-container {
			height: 100px;
		}	

		.categories-list {
			grid-template-columns: repeat(auto-fill, 23%);
		}		
	}
	@media (max-width:1045px) {		
		.categories-list .text-container {
			height: 64px;
		}	

		.categories-list {
			grid-template-columns: repeat(auto-fill, 100%);
		}		
	}
	@media (max-width:600px) {
		.categories-list > a {
			height: 120px;
		}
		.categories-list {
			grid-template-columns: repeat(auto-fill, 185px);
			justify-content: center;
		}
		.categories-list .text-container span {
			font-size: 12px;
			padding: 5px 8px;
		}
		.categories-list .text-container {
			height: auto;
		}
	}
/* End */


/* Start:/bitrix/templates/magnet_s1/components/bitrix/catalog.section.list/custom_2/style.css?17483345201694*/
.property {
        margin: 50px 0;
    }
	.property-list {
		display: grid;
		grid-template-columns: repeat(auto-fill, 242px);
		grid-gap: 20px;
		margin-bottom: 50px;
	}
	.property-list img {
		width: auto;
		height: 260px;
		object-fit: contain;
		object-position: center;
	}
	.property-list > a {
		background-color: #fff;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		padding: 20px;
	}
    .property-list > a:hover {
        background-color: #FFD006;
    }
    .property-list .text-container {
        margin-top: 15px;
    }
    .property-list .text-container span {
        width: 90%;
        display: block;
        text-align: center;
        color:#000;
    }
    .all-info {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        margin-bottom: 40px;
    }
    .all-info a {
        color: #828282;
        font-size: 14px;
        margin-left: 20px;
    }
    @media (max-width:1340px) {
        .property-list img {
            height: 150px;
        }
        .property-list {
            grid-template-columns: repeat(auto-fill, 15%);
        }
        .property-list .text-container span {
            font-size: 14px;
            width: auto;
        }
    @media (max-width:600px) {
        .property-list img {
            width: auto;
            height: 200px;
            object-fit: contain;
            object-position: center;
        }
        .property-list {
            grid-template-columns: repeat(auto-fill, 180px);
            justify-content: center;
        }
        .all-info {
            flex-direction: column;
        }
        .all-info a {
            margin-left: 0;
        }
    }
/* End */
/* /bitrix/templates/magnet_s1/components/bitrix/catalog.section.list/custom/style.css?17483345201375 */
/* /bitrix/templates/magnet_s1/components/bitrix/catalog.section.list/custom_2/style.css?17483345201694 */
