/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html/header_blog/style.css?17696829383626*/
	.im-header {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		padding: .625rem 0;
		/* gap: var(--space-md); */
	}

	.im-header-logo {
		order: 1;
		height: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.im-header-actions {
		order: 2;
	}

	.im-header-actions .top-header-action {
		height: auto;
	}

	.im-header-nav {
		order: 3;
		overflow-x: auto;
		padding: 1rem 0;
		flex-grow: 1;
	}

	.im-nav {
		display: flex;
		gap: var(--space-base);
	}

	.im-search {
		position: absolute;
		display: none;
		justify-content: flex-end;
		width: 100%;
		top: .625rem;
		left: 0;
		pointer-events: none;
	}

	.im-search.is-open {
		display: flex;
	}

	.im-search .im-search-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: .25rem;
		pointer-events: auto;
	}

	.search-input {
		display: flex;
		border-radius: var(--radius-999);
		border: 1px solid var(--primary);
		align-items: center;
		height: 2.5rem;
		padding: .5rem 1rem;
		gap: .75rem;
		background-color: var(--container-higher);
	}

	.search-input .search-input__input {
		flex-grow: 1;
		width: 100%;
		outline: none;
	}

	.im-search-result {
		/* display: none; */
	}

	.im-search-result.is-open {
		display: block;
	}

	.im-search-close-btn,
	.im-header-search {
		cursor: pointer;
	}

	.im-search-result-card {
		display: flex;
		padding: .75rem;
		gap: .5rem;
		flex-direction: column;
		border-radius: 1.25rem;
		border: 1px solid var(--outline-variant);
		box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.06);
		background-color: var(--container-higher);
	}

	.im-search-result-card__title {
		font-size: 1.125rem;
		font-weight: 600;
		line-height: 1.5rem;
	}

	.im-search-result-card__list {
		display: flex;
		flex-direction: column;
		gap: .25rem;
	}

	.im-search-result-card__list .blog-card .blog-card__title {
		height: calc(var(--font-size) * var(--line-height));
	}

	.more-search-results {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: .75rem;
		border-radius: var(--radius-999);
		text-decoration: none;
		color: var(--on-surface);
		font-weight: 500;
		background-color: var(--container-high);
		margin-top: .25rem;
	}

	.im-nav .im-nav__item {
		display: flex;
		flex-shrink: 0;
		gap: .375rem;
		color: var(--on-surface);
		text-decoration: none;
		padding: .5rem 1rem;
		border-radius: var(--radius-999);
		background-color: var(--container-high);
		white-space: nowrap;
	}

	.im-nav.im-nav--dark .im-nav__item {
		background-color: rgba(41, 41, 41, 1);
		color: var(--on-surface-inverse);

	}

	.im-header .im-header-actions {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: .625rem;
	}

	.im-header .im-header-logo,
	.im-header .im-header-actions {
		width: 100%;
		max-width: 50%;
	}





	@media (min-width: 768px) {
		.im-header {
			flex-wrap: nowrap;
			gap: var(--space-md);
			padding: 1.25rem 0;
		}

		.im-header-logo {
			order: 1;
			height: auto;
			align-items: center;
			justify-content: flex-start;
		}

		.im-header-actions {
			order: 3;
		}

		.im-header-nav {
			order: 2;
			overflow-x: unset;
			padding: 0;
			justify-content: center;
		}

		.im-header .im-header-logo,
		.im-header .im-header-actions {
			max-width: 10rem;
		}


		.im-search {
			top: 11px;
		}

		.im-search .im-search-wrapper {
			width: calc(100% - 200px);
		}

		.search-input {
			height: 3.5rem;
			padding: 1rem;
		}

	}
/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/search.title/.default/style.css?17696903182283*/
/* div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
} */

table.title-search-result {
	border-collapse: collapse;
	border: none;
	width: 10%;
}

table.title-search-result th {
	background-color: #F7F7F7;
	border-right: 1px solid #e8e8e8;
	color: #949494;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	padding-right: 12px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
	width: 1%;
}

table.title-search-result td {
	background-color: white;
	color: black;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	white-space: nowrap;
}

table.title-search-result td.title-search-item {
	padding-left: 8px;
	padding-right: 15px;
}

table.title-search-result td.title-search-item a {
	padding-left: 4px;
	padding-right: 15px;
	text-decoration: none;
	color: black;
	vertical-align: top;
	display: block;
}

table.title-search-result td.title-search-item img {
	vertical-align: top;
}

table.title-search-result td.title-search-item b {
	color: #cf0000;
	font-weight: normal;
}

table.title-search-result tr.title-search-selected td,
table.title-search-result tr.title-search-selected a,
table.title-search-result tr.title-search-selected td.title-search-more a {
	background-color: #fff2be;
}

table.title-search-result td.title-search-more {
	font-size: 11px;
	font-weight: normal;
	padding-right: 15px;
	padding-left: 24px;
	padding-top: 0px;
}

table.title-search-result td.title-search-more a {
	padding-left: 12px;
	padding-right: 15px;
	text-decoration: none;
	color: #999999;
}

table.title-search-result td.title-search-all {
	padding-left: 24px;
	padding-right: 15px;
}

table.title-search-result td.title-search-all a {
	padding-left: 4px;
	text-decoration: none;
	color: #808080;
}

table.title-search-result td.title-search-separator,
table.title-search-result th.title-search-separator {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 4px;
}

div.title-search-fader {
	display: none;
	background-image: url('/local/templates/ipotekatmpl/components/bitrix/search.title/.default/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position: absolute;
}

.blog-card .blog-card__title b,
.blog-card .blog-card__title strong {
	font-weight: inherit;
	color: var(--primary);
}
/* End */


/* Start:/local/templates/ipotekatmpl/components/bitrix/news.detail/blog_detail/style.css?17697647347864*/
.content-detail {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	justify-content: start;
	gap: 2rem;
}

.content-detail .content-detail__content {
	width: calc(40% - 1rem);
}

.content-detail .content-detail__content img {
	max-height: 24rem;
	margin-bottom: 1rem;
}

.content-detail .content-detail__content .title {
	margin-bottom: 1rem;
	--font-family: var(--font-family-headline);
	--font-weight: var(--font-weight-semibold);
	font-family: var(--font-family);
	font-weight: var(--font-weight);
	font-size: 1.5rem;
}

.content-detail .content-detail__content .subtitle {
	margin-bottom: 1rem;
}

.content-detail .content-detail__text {
	width: calc(60% - 1rem);
}

.meta-info .meta-info__item.category {
	color: var(--on-surface);
}


.blog-detail-header .blog-detail-header__img img {
	width: 100%;
	height: 12rem;
	max-height: 40vh;
	margin-bottom: var(--space-2x);
	object-fit: cover;
	border-radius: var(--radius-16);
}

.blog-detail-grid {
	display: grid;
}

.blog-detail-header .blog-detail-header__meta {
	margin-bottom: var(--space-2x);
}

.blog-detail .blog-detail__title {
	font-family: var(--hero-font-family);
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: var(--space-3x);
}

.blog-detail .blog-detail__action {
	margin-bottom: var(--space-3x);
}

.blog-detail-body {
	padding-top: var(--space-md);
}



.blog-detail .blog-detail__toc {
	padding: var(--space-3x) var(--space-2x);
	border-radius: 1.25rem;
	background-color: var(--container-high);
}

.blog-detail .blog-detail__toc .toc-list__item {
	color: inherit;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.37;
	font-size: 1rem;
}

.blog-detail .blog-detail__toc .table-of-content__title {
	font-size: 1.125rem;
	line-height: 1.5rem;
	font-weight: 600;
	display: none;
}

.blog-detail ul li::marker,
.blog-detail ol li::marker {
	color: var(--color-special-green-darker);
	font-family: var(--hero-font-family);
}



.blog-detail__toc-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	width: 100%;
	padding: .75rem;
	background-color: var(--container-higher);
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.06);
	z-index: 12000;
	transition: transform .2s ease-in-out;
}

.blog-detail__toc-wrapper.is-active {
	transform: translateY(0);
	transition: transform .2s ease-in-out;
}

.blog-detail__toc__trigger {
	display: flex;
	padding: 0 1rem;
	justify-content: center;
	gap: .25rem;
	align-items: center;
	transition: all 0.3s ease;
	color: var(--on-surface-variant);
}

.blog-detail__toc__trigger.is-active svg {
	transform: rotate(180deg);
}

.blog-detail__toc-collapse {
	display: none;
	overflow: hidden;
}

.blog-detail .blog-detail__toc .toc-list .toc-list__item.is-active {
	color: var(--color-special-green-darker);
}


/* BLOG SECTION  */
.blog-card-container {
	container-type: inline-size;
	container-name: blog-card-container;
	height: 100%;
}

.blog-card {
	--blog-card-bg: var(--container-high);
	display: flex;
	flex-direction: column;
	background-color: var(--blog-card-bg);
	border-radius: var(--radius-24);
	overflow: hidden;
}

.blog-card a {
	color: inherit;
	text-decoration: none;
}

.blog-card .blog-card__img img {
	width: 100%;
	aspect-ratio: 33 / 18;
	object-fit: cover;
	border-radius: var(--radius-12);
}

.blog-card .blog-card__content {
	padding: var(--space-2x);
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.blog-card .blog-card__title {
	--font-size: 1.25rem;
	--line-height: 1.4;
	font-size: var(--font-size);
	line-height: var(--line-height);
	font-family: var(--hero-font-family);
	font-weight: 600;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* количество строк */
	overflow: hidden;
}

.blog-card .blog-card__meta {
	display: flex;
	gap: var(--space-base);
	align-items: center;
	font-size: 0.875rem;
	line-height: 1.125rem;
}

.blog-card .blog-card__date {
	color: var(--on-surface-variant);
}

.blog-card .blog-card__meta>* {
	display: flex;
	gap: var(--space-base);
	align-items: center;
}

.blog-card .blog-card__meta>*:not(:last-child, :empty)::after {
	content: "•";
	color: var(--on-surface-variant);
}

.blog-card .blog-card__meta>*:empty {
	display: none;
}

.blog-card .blog-card__actions {
	padding-top: .25rem;
}

.blog-card.blog-card--sm {
	border-radius: var(--radius-16);
}

.blog-card.blog-card--sm .blog-card__img {
	padding: var(--space-base);
}

.blog-card.blog-card--sm .blog-card__content {
	padding: .75rem;
	gap: .5rem;
}

.blog-card.blog-card--sm .blog-card__title {
	--font-size: 1.125rem;
	--line-height: 1.3;
	font-weight: 700;
}

.related-articles {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.related-articles .related-articles__title {
	font-size: 1.75rem;
	line-height: 1;
	font-weight: 600;
	font-family: var(--hero-font-family);
	text-align: center;
}

.related-articles .related-articles__action {
	display: flex;
	justify-content: center;
}

.related-grid {
	display: grid;
	gap: 1.5rem;
}

@container blog-card-container (min-width: 600px) {

	.blog-card {
		display: flex;
		flex-direction: row;
		gap: var(--space-3x);
		height: 100%;
	}

	.blog-card .blog-card__content {
		padding: 1.25rem 1.5rem 1rem 0;
		max-width: 20rem;
		width: 100%;
	}

	.blog-card .blog-card__meta {
		flex-grow: 1;
		align-items: flex-start;
	}

	.blog-card .blog-card__img {
		flex-grow: 1;
	}

	.blog-card .blog-card__img img {
		height: 100%;
		aspect-ratio: unset;
		border-radius: var(--radius-24);
		max-height: 420px;
	}

	.blog-card .blog-card__title {
		display: block;
		overflow: unset;
		height: auto;
	}

}

@container blog-card-container (min-width: 1000px) {

	.blog-card .blog-card__title {
		--font-size: 1.5rem;
		--line-height: 1.75rem;
	}

	.blog-card .blog-card__content {
		gap: var(--space-2x);
	}

}

@media (min-width: 768px) {
	.blog-detail-header .blog-detail-header__img img {
		height: 35rem;
		margin-bottom: var(--space-md);
		border-radius: var(--radius-24);
	}

	.blog-detail-grid {
		grid-template-columns: minmax(0, 47.5rem) minmax(2rem, 1fr) 20rem;
		margin-right: auto;
		margin-left: auto;
		padding-left: 3.5rem;
		padding-right: 3.5rem;
		max-width: 1252px;
	}

	.blog-detail-header .blog-detail-header__meta {
		margin-bottom: var(--space-3x);
	}

	.blog-detail .blog-detail__title {
		font-size: 3rem;
		line-height: 1.1;
	}

	.blog-detail .blog-detail__action {
		margin-bottom: var(--space-md);
	}

	.blog-detail .blog-detail__toc {
		padding: var(--space-3x);
	}

	.blog-detail .blog-detail__toc .toc-list__item {
		line-height: 1.28;
		font-size: .875rem;
	}

	.blog-detail__toc-wrapper {
		position: static;
		grid-column-start: 3;
		top: unset;
		left: unset;
		width: auto;
		padding: 0;
		background-color: transparent;
		box-shadow: none;
		transform: none;
	}

	.blog-detail__toc-collapse {
		display: block;
	}


	.blog-detail__toc__trigger {
		display: none;
	}

	.blog-detail .blog-detail__toc .table-of-content__title {
		display: block;
	}

	.blog-detail .blog-detail__toc .toc-list .toc-list__item.is-active {
		font-weight: 700;
		color: var(--on-surface);
	}

	.blog-detail .blog-detail__toc-collapse {
		position: sticky;
		top: 2rem;
	}

	.related-articles {
		gap: 2rem;
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.related-articles .related-articles__title {
		font-size: 1.875rem;
		line-height: 1.2;
	}

	.related-grid {
		grid-template-columns: repeat(3, 1fr);
	}


}
/* End */


/* Start:/local/templates/ipotekatmpl/components/ipotekabank/html/footer_blog/style.css?17696888881588*/
	.im-nav {
		display: flex;
		gap: var(--space-base);
	}

	.im-nav .im-nav__item {
		display: flex;
		gap: .375rem;
		color: var(--on-surface);
		text-decoration: none;
		padding: .5rem 1rem;
		border-radius: var(--radius-999);
		background-color: var(--container-high);
		white-space: nowrap;
	}

	.im-nav.im-nav--dark .im-nav__item {
		background-color: rgba(41, 41, 41, 1);
		color: var(--on-surface-inverse);

	}

	.ipoteka-media-footer {
		background-color: #000;
		color: var(--container-higher);
	}

	.im-footer {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		padding: 2rem 0;
		max-width: 1038px;
		margin: 0 auto;
	}

	.im-footer .im-footer__top {
		display: flex;
		flex-direction: column;
		gap: var(--space-3x);
	}

	.im-footer-logo {
		display: flex;
		justify-content: center;
		align-items: flex-start;
	}

	.im-footer-logo img {
		filter: brightness(0) invert(1) grayscale(1);
		max-width: 10rem;
	}

	.im-footer-nav {
		flex-wrap: wrap;
		justify-content: center;
	}

	.im-footer .im-footer__bottom {
		text-align: center;
		display: flex;
		flex-direction: column;
		color: var(--on-surface-variant);
		font-size: 12px;
		line-height: 1.33;
		gap: .75rem;
	}

	.im-footer-content.im-footer-content--big {
		font-size: 1rem;
		line-height: 1.5;
	}

	@media (min-width: 768px) {
		.im-footer .im-footer__bottom {
			font-size: 13px;
			line-height: 1.23;
		}

		.im-footer .im-footer__top {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
	}
/* End */
/* /local/templates/ipotekatmpl/components/ipotekabank/html/header_blog/style.css?17696829383626 */
/* /local/templates/ipotekatmpl/components/bitrix/search.title/.default/style.css?17696903182283 */
/* /local/templates/ipotekatmpl/components/bitrix/news.detail/blog_detail/style.css?17697647347864 */
/* /local/templates/ipotekatmpl/components/ipotekabank/html/footer_blog/style.css?17696888881588 */