

/* Start:/local/templates/vseporogi/components/bitrix/news/articles/bitrix/news.detail/.default/style.css?179066679910927*/
html {
	scroll-behavior: smooth;
}

.article-content__link {
	display: flex;
	gap: 10px;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.3;
	color: #d0011b;
	text-decoration: none !important;
}

.articles-page {
	color: rgba(0, 0, 0, 0.8);
}

.articles-page img {
	max-width: 100%;
}

/* Об авторе */
.article-about-wrap {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.article-author {
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	display: flex;
	gap: 10px;
}

.article-author__image-wrap {
	border-radius: 1000px;
	overflow: hidden;
	width: 56px;
	height: 56px;
	flex-shrink: 0;
}

.article-author__name {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.1;
	color: #000;
}

.article-author__post {
	font-size: 14px;
	line-height: 1.3;
	color: rgba(0, 0, 0, 0.5);
}

/* Об авторе end */

/* Время */
.article-about-time {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.article-about-time__value {
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.7);
}

/* Время end */

/* Подписывайтесь на наши каналы */
.article-author-social-wrap {
	display: flex;
	gap: 30px;
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 5px;
	padding: 15px;

	@media(max-width: 767.98px) {
		gap: 15px;
	}

	@media(max-width: 575.98px) {
		flex-direction: column;
		gap: 10px;
	}
}

.article-author-social-wrap__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	color: #000;
}

.author-item-social-links {
	list-style: none;
	display: flex;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;

	li.author-item-social-links__item {
		padding: 0;
		margin: 0;
	}

	li.author-item-social-links__item::before {
		display: none;
	}

}

/* Подписывайтесь на наши каналы end */

/* Оглавление */
.article-table-contents {
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
}

.article-table-contents__header {
	background: #333;
	padding: 20px;
}

.article-table-contents__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	color: #fff;
}

.article-table-contents__body {
	padding: 20px;
}

.article-table-content-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.article-table-content-list__item {
	position: relative;
	padding-left: 23px;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		top: 11px;
		transform: translateY(-50%);
		width: 8px;
		height: 8px;
		background: #d0011b;
		border-radius: 1000px;
		display: inline-flex;
	}
}

.article-table-content-list__link {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	transition: .2s ease;
	display: inline-flex;

	&:hover {
		color: #d0011b;
		text-decoration: none;
	}
}

/* Оглавление end */

/* Цитата */
.articles-quote {
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 5px;
	padding: 40px;
	display: flex;
	gap: 30px;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.3;
	color: rgba(0, 0, 0, 0.8);

	&::before {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg width='30' height='26' viewBox='0 0 30 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1319 10.9576C15.0096 10.9576 16.5769 9.7008 16.5769 7.70449C16.5769 5.81165 15.2904 4.56868 13.5307 4.56868C12.6284 4.56868 11.9338 4.92391 11.5054 5.60407C11.9634 3.50428 13.5452 2.11493 15.6898 2.02597C16.2665 1.99631 16.6804 1.59693 16.6804 1.03538C16.6804 0.354592 16.1333 0 15.3939 0C12.0669 0 9.10965 2.83926 9.10965 6.58077C9.10965 9.2421 10.8839 10.9576 13.1313 10.9576M4.08038 10.9576C5.9587 10.9576 7.52598 9.7008 7.52598 7.70449C7.52598 5.81165 6.22496 4.56868 4.46525 4.56868C3.57814 4.56868 2.86833 4.92391 2.43929 5.60407C2.89735 3.50428 4.49491 2.12944 6.63886 2.02597C7.20041 1.99631 7.62945 1.59693 7.62945 1.03538C7.62945 0.354592 7.06791 0 6.32844 0C3.00146 0 0.0435813 2.83926 0.0435813 6.58077C0.0435813 9.2421 1.83295 10.9576 4.08038 10.9576ZM20.3184 2.2468H28.6583C29.2943 2.2468 29.7971 1.75908 29.7971 1.12308C29.7971 0.501602 29.2943 0.0138807 28.6589 0.0138807H20.3178C20.1718 0.012446 20.0269 0.0401616 19.8917 0.0954041C19.7565 0.150647 19.6337 0.232306 19.5305 0.335601C19.4272 0.438895 19.3457 0.561749 19.2905 0.696968C19.2353 0.832187 19.2077 0.977053 19.2092 1.12308C19.2092 1.75908 19.6969 2.2468 20.3184 2.2468ZM20.3184 9.99545H28.6583C29.2943 9.99545 29.7971 9.50773 29.7971 8.87237C29.7971 8.25089 29.2943 7.76253 28.6589 7.76253H20.3178C20.1718 7.7611 20.0269 7.78881 19.8917 7.84406C19.7565 7.8993 19.6337 7.98096 19.5305 8.08425C19.4272 8.18755 19.3457 8.3104 19.2905 8.44562C19.2353 8.58084 19.2077 8.72571 19.2092 8.87174C19.2092 9.50773 19.6969 9.99545 20.3184 9.99545ZM1.12376 17.7454H28.6583C28.807 17.747 28.9547 17.7191 29.0926 17.6633C29.2305 17.6075 29.3561 17.525 29.4619 17.4205C29.5678 17.3159 29.652 17.1915 29.7095 17.0543C29.767 16.9171 29.7968 16.7698 29.7971 16.621C29.7971 16.0002 29.2943 15.5118 28.6589 15.5118H1.12376C0.487768 15.5118 4.61043e-05 16.0002 4.61043e-05 16.621C4.61043e-05 17.2425 0.487768 17.7454 1.12313 17.7454M1.12313 25.4789H28.6576C29.2936 25.4789 29.7965 24.9912 29.7965 24.3703C29.7965 23.7488 29.2936 23.246 28.6583 23.246H1.12376C0.975788 23.2447 0.829045 23.2729 0.692098 23.329C0.555151 23.385 0.430743 23.4678 0.326135 23.5725C0.221528 23.6772 0.138817 23.8016 0.0828295 23.9386C0.0268421 24.0756 -0.00129998 24.2223 4.61043e-05 24.3703C4.61043e-05 24.9912 0.487768 25.4789 1.12313 25.4789Z' fill='%23333333' /%3E%3C/svg%3E");
		width: 30px;
		height: 30px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: center;
		flex-shrink: 0;
		margin-top: 5px;
	}

	@media(max-width: 767.98px) {
		gap: 10px;
		padding: 20px;
		font-size: 20px;
	}

	@media(max-width: 399.98px) {
		flex-direction: column;
		font-size: 18px;
	}
}

/* Цитата end */

/* Текст анонса */
.article-anons-text {
	font-weight: 500;
	font-size: 21px;
	line-height: 1.3;
	color: #000;

	@media(max-width: 767.98px) {
		font-size: 16px;
	}
}

.articles-page {
	h3 {
		font-weight: bold;
		font-size: 18px;
		line-height: 1.1;
		color: #000;
		margin-bottom: 15px;
	}
}

/* списки ol, ul */
.articles-page {

	ol,
	ul {
		li {

			margin-bottom: 10px;
			padding-left: 10px;

			&:last-child {
				margin-bottom: 0;
			}

			&::marker {
				color: #d0011b;
				font-weight: 500;
			}

			p {
				line-height: 1.4;
				margin: 0;
				padding-bottom: 5px;
				color: rgba(0, 0, 0, 0.8);

				&:last-child {
					padding-bottom: 0;
				}
			}
		}
	}

	ul {
		list-style: none;
		padding-left: 20px;

		li {
			padding-left: 25px;
			position: relative;

			&::before {
				content: '';
				position: absolute;
				left: 0;
				top: 11px;
				transform: translateY(-50%);
				width: 8px;
				height: 8px;
				background: #d0011b;
				border-radius: 1000px;
				display: inline-flex;
				flex-shrink: 0;

			}
		}
	}

}

/* table */
.articles-page {
	table {
		thead {
			tr {
				th {
					padding: 15px;
					background: #333;
					font-weight: 500;
					font-size: 16px;
					line-height: 1.1;
					color: #fff;

					&:first-child {
						border-top-left-radius: 5px;
					}

					&:last-child {
						border-top-right-radius: 5px;
					}
				}
			}
		}

		tbody {
			tr {
				&:nth-child(even) {
					td {
						background: #f5f5f5;
					}
				}

				td {
					padding: 15px;
					background: #fff;
					font-size: 16px;
					line-height: 1.4;
					color: rgba(0, 0, 0, 0.8);

					&:first-child {
						font-weight: 500;
						color: #000;
					}

				}
			}
		}
	}
}

/* Product */
.articles-product-item {
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 5px;
	padding: 30px;
	display: flex;
	gap: 30px;
	position: relative;
	transition: .3s ease;

	@media(hover: hover) {
		&:hover {
			box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.1);
		}
	}

	@media(max-width: 991.98px) {
		gap: 20px;
		padding: 20px;
	}

	@media(max-width: 767.98px) {
		flex-direction: column;
		gap: 15px;
		padding: 15px;
	}
}

.articles-product-item a::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
}

.articles-product-item__image-wrap {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
	flex-shrink: 0;

	@media(max-width: 767.98px) {
		text-align: center;
	}
}

.articles-product-item__content {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.articles-product-item__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	color: #000;
}

.articles-product-item__price {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.1;
	color: #000;
	margin-top: 15px;
}

.articles-product-item__description {
	font-size: 16px;
	line-height: 1.4;
	color: rgba(0, 0, 0, 0.8);
}

/* social-share */
.social-share-wrap {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
	background: #fff;
	border-radius: 5px;
	padding: 15px;

	@media(max-width: 767.98px) {
		gap: 10px;
		padding: 10px;
	}
}

.social-share-wrap__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
}

.social-share__btn {
	text-decoration: none !important;
}

/* faq */
.faq-list-items {
	display: flex;
	flex-direction: column;
}

.faq-list-items .faq-list-item:first-child {
	border-top: 1px solid rgba(45, 47, 67, 0.2);
}

.faq-list-item {
	border-bottom: 1px solid rgba(45, 47, 67, 0.2);
}

.faq-list-item__header {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: nowrap;
	cursor: pointer;
	padding: 15px 0;
}

.faq-list-item__header--active .faq-list-item__button svg {
	transform: rotate(180deg);
}

.faq-list-item__title {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;

	@media (max-width: 575.98px) {
		font-size: 18px;
	}
}

.faq-list-item__button {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	background: #d0011b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	overflow: hidden;
}

.faq-list-item__button svg path {
	transition: .3s ease;
}

.faq-list-item__content {
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: .3s ease;
}

.faq-list-item__content--active {
	grid-template-rows: 1fr;
}

.faq-list-item__text {
	font-size: 16px;
	line-height: 1.3;
	color: rgba(45, 47, 67, 0.7);
	padding-bottom: 15px;
}

/* tags */
.tags-list-items {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.tags-list-item__link {
	text-decoration: none !important;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 1000px;
	padding: 5px 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	color: #000;
	transition: .3s ease;
	display: inline-flex;

	@media(hover: hover) {
		&:hover {
			border-color: #d0011b;
			color: #d0011b;
		}
	}
}
/* End */


/* Start:/local/templates/vseporogi/components/bitrix/news.list/articles/style.css?17906030581524*/
.articles-list-item {
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: .3s ease;
    height: 100%;

    @media(hover: hover) {
        &:hover {
            box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.1);
        }
    }
}

.articles-list-item__date {
    font-size: 16px;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.7);
}

.articles-list-item__image-wrap {
    margin-top: 15px;
    border-radius: 5px;
}

.articles-list-item__content {
    margin-top: 15px;
}

.articles-list-item__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #000;
}

a.articles-list-item__title {
    @media(hover: hover) {
        &:hover {
            color: #000;
            text-decoration: none;
        }
    }
}

a.articles-list-item__title::before {
    content: '';
    position: absolute;
    inset: 0;
}

.articles-list-item__text {
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 15px;
}

.articles-list-item__footer-wrap {
    margin-top: 15px;
    position: relative;
}

.articles-list-item__author {
    font-size: 14px;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.7);
    display: flex;
    gap: 10px;
    align-items: center;
}
/* End */
/* /local/templates/vseporogi/components/bitrix/news/articles/bitrix/news.detail/.default/style.css?179066679910927 */
/* /local/templates/vseporogi/components/bitrix/news.list/articles/style.css?17906030581524 */
