/** 
 * Put all css-rules here.
 * This file will be included automatically by $APPLICATION->ShowHead() method.
 */

.title-blog{
    font-size: 40px;
    font-weight: 600;
    margin: 0 0 60px;
    max-width: 650px;
}

.catalog-homes {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.catalog-homes-card.with-filter {
    width: calc(33% - 13px);
}

.catalog-homes-card-img {
    border-radius: 20px;
    overflow: hidden;
    height: 305px;
}

.catalog-homes-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.catalog-homes-card-characteristics {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.catalog-homes-card-characteristics-name {
    margin-top: 15px;
    padding-left: 30px;
    color: #1d1d1b;
    font-size: 18px;
    font-weight: 600;
}

.news-date {
    color: #b4b4b4;
    font-size: 13px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
}

.news-date span:first-child {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik03LjI5NCA4LjE0NGwuOTIyLTEuNDE1djEuNDE4aC0uOTIydi0uMDAzem0uOTIyIDEuNTNoLjc0NFY4Ljg0aC40OTl2LS42OTRoLS41VjUuNTIyaC0uNjQ1TDYuNTc0IDguMTV2LjY5NGgxLjY0MnYuODMyLS4wMDR6TTQuMzY2IDcuODlhNS4yMyA1LjIzIDAgMCAwLS44NjUuOTkyYy0uMTQyLjI0MS0uMjMyLjUxMS0uMjYxLjc5MWgyLjY5NHYtLjczNkg0LjQwN2MuMDQ1LS4wNzguMDk4LS4xNTIuMTU3LS4yMmE4LjIxIDguMjEgMCAwIDEgLjQ2Mi0uNDU4Yy4xOC0uMTYyLjM0OC0uMzQuNTAzLS41MjguMTI2LS4xNi4yMy0uMzM4LjMwOC0uNTI4LjA2NS0uMTcuMDk3LS4zNS4wOTctLjUzM2ExLjEgMS4xIDAgMCAwLS4zNC0uODIxIDEuMjc3IDEuMjc3IDAgMCAwLS45MzItLjMzIDEuNDExIDEuNDExIDAgMCAwLS45LjI4NGMtLjI2NC4yMzgtLjQyLjU3OS0uNDMuOTRsLjc2Mi4wOGEuNzgxLjc4MSAwIDAgMSAuMTY0LS40OTguNTcyLjU3MiAwIDAgMSAuNzY0LS4wMDZjLjA5OC4xMS4xNDguMjU4LjEzOS40MDdhLjkuOSAwIDAgMS0uMTY0LjQ4NiA1LjU3NyA1LjU3NyAwIDAgMS0uNjMuNjgyVjcuODl6bS0yLjcyNSAyLjY5NGg5LjgxNFY0LjY3NUgxLjY0djUuOTF6bTkuOTM4LTkuMjg2aC0uOTQydi40MjJjMCAuNy0uNTUgMS4yNjctMS4yMjcgMS4yNjdTOC4xODMgMi40MTkgOC4xODMgMS43MnYtLjQyMmgtMy4yN3YuNDIyYzAgLjctLjU1IDEuMjY3LTEuMjI4IDEuMjY3LS42NzggMC0xLjIyNy0uNTY4LTEuMjI3LTEuMjY3di0uNDIyaC0uOTQyQy42OCAxLjI5Ny4wMDIgMS45OTQgMCAyLjg1N2MwIC4wNDMuMDAyLjA4Ni4wMDUuMTN2OC40NDJjMCAuNDY2LjM2Ni44NDQuODE4Ljg0NGgxMS40NWEuODMxLjgzMSAwIDAgMCAuODE4LS44NDRWMi45ODdjLjAxNS0uODktLjY1MS0xLjYzNS0xLjUxMi0xLjY4OXptLTcuODk0Ljg3NmEuNjExLjYxMSAwIDAgMCAuNjAxLS42MnYtLjkzQS42MTIuNjEyIDAgMCAwIDMuNjkgMGEuNjExLjYxMSAwIDAgMC0uNjA1LjYxNnYuOTM3YzAgLjM0My4yNy42Mi42MDEuNjJ6bTUuNzI1LS4wNmEuNTc3LjU3NyAwIDAgMCAuNTY4LS41ODZ2LS44OEEuNTc3LjU3NyAwIDAgMCA5LjQxLjA2MWEuNTc3LjU3NyAwIDAgMC0uNTY3LjU4NXYuODhjMCAuMzIzLjI1Mi41ODYuNTY2LjU4N2guMDAxeiIvPjwvZGVmcz48dXNlIGZpbGw9IiNCNEI0QjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgeGxpbms6aHJlZj0iI2EiLz48L3N2Zz4=");
	background-size: contain;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display: block;
}

div.news-detail {
    word-wrap: break-word;
    margin: 50px auto 0;
}

.news-detail .title-news {
    font-size: 34px;
    padding-left: 15px;
    padding-right: 15px;
}

.news-detail .detail-picture-news {
    border-radius: 30px;
    margin: 30px auto 15px;
    height: auto;
    width: 100%;
}

.news-detail .news-date {
    padding: 0 15px;
    font-size: 14px;
}

.news-detail .content-news {
    margin: 40px 15px 20px;
}

@media (max-width: 1440px){
	.catalog-homes-card-img {
		height: 260px;
	}

	.catalog-homes-card-characteristics-name {
		font-size: 16px;
	}

	.news-detail .title-news {
		font-size: 28px;
	}
}

@media (max-width: 900px){
	.catalog-homes-card, .catalog-homes-card.with-filter {
		width: calc(50% - 10px);
	}

	.catalog-homes-card-img {
		height: 240px;
	}

	.catalog-homes-card-characteristics-name {
		font-size: 14px;
	}

	.news-detail .title-news {
		font-size: 24px;
	}
}

@media (max-width: 600px){
	.title-blog{
		font-size: 28px;
	}

	.catalog-homes-card, .catalog-homes-card.with-filter {
		width: 100%;
		margin-bottom: 20px;
	}

	.news-detail .title-news {
		font-size: 22px;
	}
}