/* Start:/local/templates/letech-sfx/components/bitrix/news.detail/article/style.css?175068211419759*/
#comp_64173b824cbe15e6c5e72c489f4bc9a6{
	/* overflow-x: hidden; */
}
.article-flex {
    display: grid;
    gap: 80px;
    grid-template-columns: 260px 1fr;
    margin: 0 0;
    overflow: visible; /* Убедитесь, что overflow позволяет sticky работать */
}
.article-right h1{
	margin: 0 0 32px 0;
}
.article-left-wrapper {
    position: relative; /* Создаёт контекст для sticky */
	width: max-content;
}
.article-left {
    display: flex;
    gap: 40px;
    flex-direction: column;
    position: sticky;
    top: 65px; /* Расстояние от верхней границы при фиксации */
    width: 335px;
    height: fit-content;
    overflow-y: auto; /* Скролл внутри блока, если контент превышает высоту */
	padding-bottom: 120px;
}
.article-right{
	text-align: left;
	/* font-size: 17px;
	line-height: 25px;
	flex-grow: 1; */
}
.article-author {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: #F6F7F8;
	border-radius: 100px;
	padding: 8px 12px;
	border: 1px solid #F6F7F8;
	transition: border-color 0.3s, background-color 0.3s;
}
.article-author:hover{
	border: 1px solid #f3702b;
	background-color: #fff;
}
.author-name{
	font-size: 14px;
	line-height: 16px;
	color: #484f55;
	font-weight: 500;
	transition: color 0.3s;
}
.article-author:hover .author-name{
	color: #f3702b;
}

.author-text{
	font-size: 12px;
	line-height: 16px;
	color: #484f55;

}
.author-name-text{
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.author-image{
	max-width: 50px;
}
.author-image img{
	width: 100%;
	min-width: 56px;
}
.article-date{
	display: flex;
	font-size: 15px;
	line-height: 20px;
	gap: 12px;
	align-items: center;
	padding-left: 12px;
}
.article-time{
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 15px;
	line-height: 20px;
	padding-left: 12px;
}
.article-rating{
	font-size: 15px;
	line-height: 20px;
	display: flex;
	width: max-content;
}
.article-left-two{
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 4px 12px 4px 0;
}

.article-right p{
	margin: 0;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
}
.article-right ul {
    list-style-type: none;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.article-right ul li{
	display: flex;
	align-items: center;
	gap: 8px;
}
.article-right ul li:before{
	display: block;
	content: "";
	background: #FF8E22;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}
.article-right h2{
	/* font-size: 24px;
	line-height: 30px;
	font-family: "Bebas Neue", cursive;
	text-transform: uppercase;
	font-weight: 700;
	margin: 15px 0; */
	text-align: left;
}
.article-right h3{
	font-size: 17px;
	line-height: 25px;
	font-weight: 700;
	margin: 5px 0;
}
.text-with-image{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: #F8F8F7;
}
.text-with-image img{
	width: 100%;
}
.twi-text{
	padding: 20px 40px;
}
.article-attention{
	display: flex;
	flex-direction: column;
	border-left: 5px solid #FF8E22;
	padding: 15px 0 20px 20px;
	gap: 5px;
}
.aa-title{
	font-size: 24px;
	line-height: 30px;
	font-family: "Bebas Neue", cursive;
	text-transform: uppercase;
	font-weight: 700;
}
.article-table{
	display: table;
}
.article-table > div{
	display: table-row;
}
.article-table > div:nth-child(2n-1){
	background: #F8F8F7;
}
.article-table > div > div{
	display: table-cell;
	padding: 10px 20px;
	font-size: 15px;
	line-height: 20px;
}
.article-table > .article-table-head{
	background: #3F3F3F !important;
	color: #fff;
}
.article-table-head > div{
	font-weight: 600;
}
.article-navigation{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.table-of-contents{
	margin: 20px 0 0 0;
}
.table-of-contents ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.toc > li, .sp-contents_elements > li {
    padding: 0 12px;
    max-width: 270px;
    vertical-align: middle;
    display: flex;
	border-radius: 4px;
	transition: border 0.3s;
	border: 1px solid transparent;
}
.toc > li:hover, .sp-contents_elements > li:hover{
	border: 1px solid #F3702B;
}
.toc > li > a, .sp-contents_elements > li > a{
	padding: 8px 0;
}
.toc > li:hover > a, .sp-contents_elements > li:hover > a{
}
.table-of-contents li > ul{
	padding-left: 20px;
	display: flex;
    flex-direction: column;
    gap: 12px;
	padding-top: 12px;
}
.table-of-contents li > ul a{
	color: #3F3F3F;
}
.table-of-contents a{
	color: #000;
	font-size: 17px;
	line-height: 25px;
}
.table-of-contents a:hover{
	color: #000;
}
.article-nav-title{
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
}
.article-interesting-title{
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	text-align: left;
}
.article-interesting {
    position: relative; /* Чтобы псевдоэлемент ориентировался на этот блок */
    z-index: 1;
    background-color: #f0f0f0; /* Основной серый фон */
    padding: 120px 0 160px 0; /* Внутренние отступы */
	margin: 20px 0 0 0;
}
.article-interesting .swiper-pagination {
    inset: 95% auto auto 0;
}
/* .article-interesting::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #f0f0f0;
    transform: translateX(-50%);
    z-index: -1;
} */
.article-interesting-cont{
	background-color: #f0f0f0;
}

.article-slide{
	overflow: hidden;
	padding: 30px 20px;
	margin: -30px -15px;
}
.swiper-pagination{
	margin-top: -80px;
}
.article-slide-item{
	text-align: left;
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	transition: box-shadow 0.3s ease-in-out;
}
.article-slide-item:hover{
	cursor: pointer;
}
.article-slide-mix{
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.article-slide-text{
	font-size: 17px;
	line-height: 25px;
	overflow: hidden;
}
.article-slide-img img{
	width: 100%;
	transform: translate(1px, 1px) scale(1.01);
    transition: transform 0.6s;
	height: 181px;
}
.article-slide-name a{
	font-size: 24px;
    line-height: 30px;
    font-weight: 500;
	color: #000;
}
.article-slide-name a:hover{
	color: #f3702b;
}
.article-slide-date {
	display: flex;
	gap: 20px;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	margin-top: -90px;
}
.asd-date{
	background: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	display: none;
}
.asd-date-absolute{
	background: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	position :absolute;
	top: 40px;
	left: 40px;
}
.asd-time{
	display: flex;
	gap: 8px;
	align-items: center;
	background: #fff;
	padding: 8px 12px;
	border-radius: 4px;
	width: max-content;
}
.asd-tag{
	background: #f3702b;
	padding: 8px 12px;
	border-radius: 4px;
	color: #fff;
	width: max-content;
}
.article-slide .swiper-button-next{
	top: 10px;
	color: #3F3F3F;
}
.article-slide .swiper-button-prev{
	top: 10px;
	color: #3F3F3F;
	right: 60px;
	left: auto;
}
.article-slide .swiper-button-next:after, .article-slide  .swiper-button-prev:after {
    font-size: 20px;
}
.rand-article-flex {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 100px;
	gap: 40px;
}
.rand-article-subtitle{
	font-size: 13px;
	line-height: 15px;
}
.rand-article-next {
    display: flex;
    justify-content: flex-end;
}
.rand-article-next a:after{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
	content: 'next';
	font-size: 30px;
	color: #000;
}
.rand-article-prev {
    display: flex;
}
.rand-article-prev a:after{
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
	content: 'prev';
	font-size: 30px;
	color: #000;
}
.rand-article-title a{
	color: #000;
	font-size: 17px;
	line-height: 25px;
	font-weight: 600;
}
.rand-article-title a:hover{
	color: #FF8E22;
}
.prev-flex{
	text-align: right;
}
.next-flex{
	text-align: left;
}
.rating-text{
	font-size: 15px;
	line-height: 20px;
}
.rating-stars {
    display: flex;
    font-size: 24px;
    cursor: pointer;
	gap: 5px;
	margin-bottom: 32px;
}
.stars{
	display: flex;
}
.stars .star {
    color: #ccc;
    padding: 0 2px;
    transition: color 0.2s;
    font-size: 30px;
    line-height: 100%;
}
.stars .star .star-full{
	display: none;
}
.stars .star.active {
    color: #F3702B; /* Желтый цвет для активных звезд */
}
.stars .star.active .star-full{
	display: inline-block;
}
.stars .star.active .star-empty{
	display: none;
}
/* .stars .star:hover, .stars .star:has(~ .star:hover) {
    color: #FF8E22;
} */
.article-like-other{
	display: grid;
    gap: 80px;
	margin: 60px 0 120px 0;
}
.article-lo-left{
	text-align: left;
	background: #F8F8F7;
	padding: 20px 20px 30px 20px;
}
.like-rating-text{
	font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}
.vote-rating-text{
	font-size: 17px;
	line-height: 25px;
}
.vote-stars{
	display: flex;
	cursor: pointer;
}
.vote-stars .vote-star {
    color: #ccc;
    padding: 0 2px;
    transition: color 0.2s;
    font-size: 30px;
    line-height: 100%;
}
.vote-stars .vote-star .star-full{
	display: none;
}
.vote-stars .vote-star.active .star-full{
	display: inline-block;
}
.vote-stars .vote-star.active .star-empty{
	display: none;
}
.vote-stars .vote-star:hover .star-full, .vote-stars .vote-star:has(~ .vote-star:hover) .star-full{
	display: inline-block;
}
.vote-stars .vote-star:hover .star-empty, .vote-stars .vote-star:has(~ .vote-star:hover) .star-empty{
	display: none;
}
.vote-stars .vote-star:hover, .vote-stars .vote-star:has(~ .vote-star:hover) {
    color: #F3702B;
}
.vote-stars .vote-star.active {
    color: #F3702B; /* Желтый цвет для активных звезд */
}
.sp-complex_block_blog2 img, .sp-complex_block_blog img{
	height: auto;
}
.blog-image, .sp-complex_block_blog2, .sp-complex_block_blog {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: #f6f7f8;
	border-radius: 20px;
	padding: 20px;
	align-items: center;
	margin: 40px 0 32px 0;
}
.blog-image img, .sp-complex_block_blog2 img, .sp-complex_block_blog img{
	max-width: 500px;
	width: 100%;
}
.blog-image span, .sp-complex_block_blog2 p, .sp-complex_block_blog2 em, .sp-complex_block_blog p, .sp-complex_block_blog em {
	font-style: italic;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
}
.blog-image > div, .sp-complex_block_blog2 .sp-complex-row, .sp-complex_block_blog  .sp-complex-row {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}
.article-time-text, .article-date-text{
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.article-time img, .article-date img{
	max-width: 24px;
}
.article-time-text span, .article-date-text span{
	font-size: 12px;
	line-height: 16px;
	color: #484f55;
}
span.att-title{
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
}
.blog-quote::before{
	content: "";
	width: 32px;
	min-width: 32px;
	height: 32px;
	background-image: url('/upload/des/quote.svg');
	background-repeat: no-repeat;
}
.blog-quote {
	background: #f6f7f8;
	padding: 20px;
	border-radius: 4px;
	display: flex;
	gap: 20px;
	align-items: center;
}
.blog-block{
	background: #f6f7f8;
	padding: 20px;
	border-radius: 4px;
	display: flex;
	flex-direction :column;
	gap: 20px;
}
.blog-block span{
	font-weight :500;
	font-size: 24px;
	line-height: 28px;
}
.bold-text{
	font-weight: 500;
	margin: 20px 0 0 0 !important;
}
.article-image {
	float: right;
	width: 520px;
	height: auto;
	background-repeat: no-repeat;
	position: relative;
	right: 0;
	background-size: cover;
	min-width: 520px;
	border-radius: 20px;
}
.vote-rating-stars {
	display: flex;
	/* justify-content: space-between; */
	gap: 40px;
	align-items: center;
	justify-content: unset;
	background: #f6f7f8;
	padding: 40px 60px;
	border-radius: 4px;

}
/* .article-content{
	display: flex;
	flex-direction: column;
	gap: 32px;
} */
.article-content > *{
	margin-bottom: 32px !important;
}
.article-start-flex {
	display: flex;
	gap: 32px;
	margin-bottom: 60px;
}
.swiper-button-next, .swiper-button-prev{
	display :none !important;
}
.mobile-article-image{
	display: none;
}
.article-content h2{
	margin: 60px 0 40px 0 !important;
}
.article-slide button:focus {
    outline: none;
}
.article-slide-item:hover {
    box-shadow: 0 12px 28px 0 rgba(50, 65, 85, 0.12), 0 4px 8px 0 rgba(50, 65, 85, 0.08);
}
.article-slide-img{
	overflow: hidden;
	border-radius: 12px;
}
.article-slide-item:hover .article-slide-img img {
    transform: translate(5%, 5%) scale(1.1);
}
.sp-image img{
	padding: 8px;
}
@media screen and (max-width: 1600px){
	.article-image {
		float: right;
		width: 415px;
		min-width: 415px;
	}
	.article-left {
		width: 296px;
		padding-bottom: 80px;
	}
	.article-flex{
		gap: 40px;
	}
	.author-text {
		display: -webkit-box;
		-webkit-line-clamp: 2; /* Ограничение в 2 строки */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: 3em; /* Примерная высота двух строк, зависит от line-height */
		line-height: 1.5em; /* Настроить под ваш дизайн */
		word-break: break-word;
	}
	.vote-rating-stars {
		gap: 20px;
	}
	.article-like-other {
		margin: 60px 0 80px 0;
	}
	.article-interesting {
		padding: 80px 0 140px 0;
	}
	.article-interesting .swiper-pagination {
		inset: 100% auto auto 0;
	}
	.asd-date-absolute {
		font-size: 12px;
		top: 30px;
		left: 30px;
	}
	.article-slide-date{
		gap: 8px;
		margin-top: -75px;
		left: 30px;
	}
}
@media screen and (max-width: 1100px){
	.article-image{
		display: none;
	}
	.mobile-article-image{
		display: block;
		width: 100%;
		margin-bottom: 28px;
		margin-top: 28px;
	}
	.article-flex {
		grid-template-columns: 1fr;
	}
	.article-start-flex {
		flex-direction: column;
		/* margin-bottom: 32px; */
	}
	.asf-first{
		display: grid;
		    grid-template-areas:
			"bl-0 bl-1"
			"bl-2 bl-1"
			"bl-3 bl-3"
			"bl-4 bl-4";
		grid-template-columns: 60% 40%;
	}
	h1{
		grid-area: bl-0;
	}
	.article-rating{
		grid-area: bl-2;
		margin-top: 20px;

	}
	.rating-stars{
		margin-bottom: 0;
	}
	.article-left-two{
		grid-area: bl-1;
		display: grid;
		 grid-template-areas:
			"blg-0 blg-0"
			"blg-1 blg-2";
			gap: 8px;
	}
	.article-author{
		grid-area: blg-0;
	}
	.article-time{
		grid-area: blg-1;
	}
	.article-date{
		grid-area: blg-2;
		padding-left: 0;
	}
	.mobile-article-image{
		grid-area: bl-3;
	}
	.asf-first .article-content{
		grid-area: bl-4;
	}
	.article-navigation {
		background: #f6f7f8;
		padding: 20px;
		border-radius: 20px;
		gap: 24px;
		margin: -18px 0;
	}
	.table-of-contents {
		margin: 0;
	}
	.table-of-contents li:before{
		display: none !important;
	}
	.table-of-contents li{
		background: #fff;
		padding: 8px 12px;
		border-radius: 4px;
		transition:  background-color 0.3s;
	}
	.table-of-contents li a{
		width: 100%;
	}
	.table-of-contents li:hover{
		/* background-color: #f3702b;
		cursor: pointer; */
	}
	.table-of-contents li:hover a{
		/* color: #fff; */
	}
	.vote-rating-stars{
		border-radius: 20px;
	}

	.article-slide-img{
		border-radius: 12px;
		overflow: hidden;
	}
	.article-slide-date{
		flex-direction: column;
		gap: 8px;
		margin-top: -124px;
		left: 35px;
	}
	.toc > li, .sp-contents_elements > li{
		max-width: 100%;
		padding: 0;
	}
	.toc > li > a, .sp-contents_elements > li > a {
		padding: 12px;
	}
	.table-of-contents ul {
		gap: 12px;
	}
	.asf-first h1{
		margin: 0;
	}
	.article-content > *{
		margin-bottom: 20px !important;
	}
	.article-content h2 {
		margin: 32px 0 40px 0 !important;
	}
	.article-interesting {
		padding: 40px 0 100px 0;
	}
}
@media screen and (max-width: 992px){
	.asf-first {
		grid-template-columns: auto 306px;
	}
	span.att-title, span.att-title{
		font-size: 12px;
	}
}
@media screen and (max-width: 768px){
	.asf-first {
		grid-template-areas: "bl-0"
								"bl-2"
								"bl-1"
								"bl-3"
								"bl-4";
		grid-template-columns: 100%;
	}
	.article-left-two {
		grid-template-areas: "blg-0 blg-1 blg-2";
		gap: 32px;
		padding: 20px 0;
		grid-template-columns: 306px auto auto;
	}
	.vote-rating-stars{
		display: grid;
		grid-template-areas: "vote-0 vote-1"
							"vote-0 vote-2";
		gap: 12px;
	}
	.vote-rating-stars img{
		grid-area: vote-0;
	}
	.like-rating-text{
		grid-area: vote-1;
	}
	.vote-stars{
		grid-area: vote-2;
	}
	.article-slide-img img {
		min-height: 180px;
	}
	.article-content > * {
		margin-bottom: 32px !important;
	}
	/* .sp-image img {
		min-height: 300px;
	} */
	.article-interesting {
		padding: 80px 0 110px 0;
	}
	.article-slide-text {
		font-size: 16px;
		line-height: 20px;
	}
	.article-time{
		padding-left: 0;
	}
}
@media screen and (max-width: 576px){
	.article-left-two {
		grid-template-areas: "blg-0 blg-0" "blg-1 blg-2";
		gap: 20px;
		grid-template-columns: 146px auto;
	}
	/* .mobile-article-image{
		min-height: 300px;
	} */
	.article-content > * {
		margin-bottom: 20px !important;
	}
	.vote-rating-stars{
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.article-slide-date {
		flex-direction: row;
		margin-top: -70px;
		left: 22px;
	}
	.asd-date-absolute {
		top: 24px;
		left: 25px;
	}
	h1 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.article-slide-item{
		padding: 12px;
	}
	.article-slide-mix{
		padding: 30px 8px;
		gap: 8px;
	}
	.article-time{
		padding-left: 12px;
	}
	.article-content h2 {
		margin: 40px 0 24px 0 !important;
	}
	/* .sp-image img {
		min-height: 212px;
	} */
	.blog-image > div, .sp-complex_block_blog2 .sp-complex-row, .sp-complex_block_blog  .sp-complex-row {
		gap: 12px;
	}
	.like-rating-text{
		display: flex;
		flex-direction: column;
		gap: 2px;
		align-items: center;
		text-align: center;
	}
	.article-slide-text{
		font-size: 14px;
		line-height: 16px;
	}
	.article-slide-name a {
		font-size: 20px;
		line-height: 24px;
	}
	.asd-tag {
		padding: 4px 8px;
		font-size: 12px;
	}
	.asd-time {
		padding: 4px 8px;
		font-size: 12px;
	}
	.blog-image, .sp-complex_block_blog2, .sp-complex_block_blog{
		padding: 0;
		gap: 0;
	}
	.sp-complex-table{
		border-spacing: 0 !important;
	}
	.blog-image span, .sp-complex_block_blog2 p, .sp-complex_block_blog2 em, .sp-complex_block_blog p, .sp-complex_block_blog em {

		font-size: 10px;
		line-height: 12px;
		padding: 4px 12px;
	}
}
@media screen and (max-width: 560px){
	/* .mobile-article-image{
		min-height: 200px;
	} */
	/* .sp-image img {
		min-height: 160px;
	} */
.article-slide-text{
	max-height: 70px !important;
}
}

/* End */


/* Start:/bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17504268443514*/
/* Общие стили для блоков */
.sp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.sp-block-table table tr {
    background: #f7f7f7;
    color: #8a8a8a;
}

.sp-block-table table tr:nth-child(odd) {
    background: #e7e6e6;
}

.sp-block-table table tr:hover {
    background: #d4d4d4;
    color: #000;
}

.sp-block-table table td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
}

.sp-block-table p {
    margin: 0;
}

.sp-image img {
    width: 100%;
}

.sp-video iframe,
.sp-video-gallery iframe {
    border-width: 0;
}

.sp-iblock-sections {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-iblock-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-properties {
    width: 400px;
    border-collapse: collapse;
}

.sp-properties_title {
    border: 1px solid #ccc;
    padding: 0 5px;
    font-weight: bold;
}

.sp-properties_text {
    border: 1px solid #ccc;
    padding: 0 5px;
}

.sp-gallery-items {
    overflow: hidden;
}

.sp-gallery-item {
    float: left;
    height: 220px;
    padding: 5px;
    /*width: 20%;*/
}

.sp-gallery-item-img-wrapper {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    color: inherit;
}

.sp-gallery-item img {
    display: block;
    max-width: 100%;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.sp-gallery-item-text {
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
}

.sp-gallery-item-text:hover {
    opacity: 1;
}

.sp-gallery-item-text::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sp-gallery-item-text-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 20px;
    text-decoration: none;
    background: #ccc;
    color: #333;
}

.sp-button_link:hover {
    text-decoration: none;
    background: #333;
    color: #ccc;
}

/*accordion*/
.sp-accordion {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sp-accordion-title {
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: left;
}

.sp-accordion-title:first-child {
    border-top: none;
}

.sp-accordion-container {
    padding: 0 10px 10px;
    display: none;
    overflow: hidden;
}

.sp-accordion-title:after {
    content: '\02795';
    font-size: 12px;
    color: #777;
    float: right;
    margin: 2px 5px;
}

.sp-accordion-title__active:after {
    content: "\2796";
}

.sp-complex-table {
    display: table;
    table-layout: fixed;
    border-spacing: 10px;
}

.sp-complex-row {
    display: table-row;
}

.sp-complex-col {
    display: table-cell;
    vertical-align: top;
}

/* End */
/* /local/templates/letech-sfx/components/bitrix/news.detail/article/style.css?175068211419759 */
/* /bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17504268443514 */