

/* Start:/bitrix/templates/dresscodeV2/components/bitrix/news/encyclopedia/bitrix/news.detail/.default/style.css?178843707311888*/
.source_block a,
.source_block a:visited {
	text-decoration: none;
	pointer-events: none;
	cursor: default;
	color: #000;
}
.desk {display: block;}
.mob {display: none;}
.round-corners, #relatedArticles {
	border-radius: 12px;
}

.bot_banner {
	margin: 1em auto;
}

.bot_banner img {
	border-radius: 12px;
}

.detail-text-wrap img.desk:nth-of-type(1), .detail-text-wrap img.mob:nth-of-type(2) {
	border-radius: 12px!important;
}

.banner-animated .image {
	opacity: 0;
	transform: translate3d(30px,0,0);
	transition: all 0.6s 0.4s ease-in-out;
}

.banner-animated.banner-image-load .image {
	opacity: 1; transform: translate3d(0,0,0);
}

.blog-banner{
	margin-bottom: 30px;
	margin-top: 24px;
}

.blog-banner .banner-elem{
	height: 420px;
}

.blog-banner .fullscreen-banner .tb .text-wrap{
	padding-left: 0;
}

.blog-banner .banner-elem .image img{
	max-height: 460px;
	margin: 0 auto;
}

.blog-banner .banner-elem h1{
	font-size: 30px;
	margin-bottom: 15px;
	line-height: 36px;
	max-height: 108px;
}

.blog-banner .banner-elem .descr{
	max-height: 92px;
	font-size: 14px;
	line-height: 24px;
}

.blog-banner.banner-no-bg .banner-elem{
	height: 380px;
}

.blog-banner.banner-no-bg .banner-elem .image{
	vertical-align: middle;
}

.blog-banner.banner-no-bg .banner-elem .image img{
	max-height: 380px;
}

.blog-banner.banner-no-bg .banner-elem .date{
	color: #888888;
}

.blog-banner.banner-no-bg .banner-elem h1{
	font-family: "roboto_ltregular";
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 29px;
	max-height: 57px;
}

.blog-banner.banner-no-bg .banner-elem .image{
	width: 50%;
}

.blog-banner.banner-no-image .banner-elem .text-wrap{
	padding: 0;
}

.blog-banner.banner-no-image .banner-elem{
	height: auto;
}

.blog-banner.banner-no-image .banner-elem .date{
	color: #888888;
}

.blog-banner.banner-no-image .banner-elem h1{
	font-family: "roboto_ltregular";
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 29px;
	max-height: 87px;
}

.blog-banner.banner-no-image .banner-elem .social{
	height: auto;
}

.h2.blog-title-product{
	margin-bottom: 12px;
}

.article-metrics {
	display: grid;
	grid-template-columns: 79px 154px 76px auto;
	align-content: center;
}

.article-metrics__metric {
	color: #a6a6a6;
	font-size: 12px;

	display: grid;
	grid-template-columns: 23px auto;
	align-content: center;
}

.article-metrics__icon {
    height: 18px;
}

.article-metrics__view-label {
	margin-left: 6px;
}

@media screen and (max-width: 1800px){

	.blog-banner.banner-no-bg .banner-elem{
		height: 320px;
	}

	.blog-banner.banner-no-bg .banner-elem .image img{
		max-height: 320px;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		padding-left: 48px;
	}

}

@media screen and (max-width: 1600px){

	.blog-banner .banner-elem .text-wrap{
		padding-left: 48px;
	}
	
	.blog-banner .banner-elem .image img{
		max-height: 420px;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		padding-left: 30px;
	}

	.blog-banner.banner-no-bg .banner-elem{
		height: 300px;
	}

	.blog-banner.banner-no-bg .banner-elem .image img{
		max-height: 300px;
	}

	.blog-banner.banner-no-bg .banner-elem .social{
		height: 36px;
	}

}

@media screen and (max-width: 1400px){

	.blog-banner .banner-elem .text-wrap{
		padding-left: 30px;
	}

	.blog-banner .banner-elem{
		height: 340px;
	}

	.blog-banner .banner-elem .image img{
		max-height: 340px;
	}

	.blog-banner .banner-elem .descr{
		line-height: 20px;
		max-height: 80px;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		padding-left: 18px;
	}

	.blog-banner.banner-no-bg .banner-elem h1{
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 24px;
		max-height: 72px;
	}

	.blog-banner.banner-no-bg .banner-elem{
		height: 280px;
	}

	.blog-banner.banner-no-bg .banner-elem .image img{
		max-height: 280px;
	}

	.blog-banner.banner-no-image .banner-elem h1{
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 24px;
		max-height: 72px;
	}

}

@media screen and (max-width: 1200px){

	.blog-banner .banner-elem h1{
		font-size: 24px;
		margin-bottom: 12px;
		line-height: 29px;
		max-height: 87px;
	}

	.blog-banner .banner-elem{
		height: 300px;
	}

	.blog-banner .banner-elem .image img{
		max-height: 300px;
	}

}

@media screen and (max-width: 1024px){

	.blog-banner .banner-elem h1{
		font-size: 20px;
		margin-bottom: 10px;
		line-height: 24px;
		max-height: 72px;
	}

	.blog-banner .banner-elem .text-wrap{
		padding-left: 18px;
	}

	.blog-banner .banner-elem{
		height: 260px;
	}

	.blog-banner .banner-elem .image img{
		max-height: 260px;
	}

}

@media screen and (max-width: 800px){

	.blog-banner{
		margin-bottom: 18px;
	}

	.blog-banner .banner-elem h1{
		font-size: 18px;
		margin-bottom: 8px;
		line-height: 22px;
		max-width: 350px;
	}

	.blog-banner .banner-elem .text-wrap{
		padding-left: 12px;
	}

	.blog-banner .banner-elem{
		height: 14em;
	}

	.blog-banner .banner-elem .image img{
		max-height: 250px;
		margin: 0 0 0 auto;
	}

	.blog-banner.banner-no-bg .banner-elem h1{
		font-size: 18px;
		margin-bottom: 8px;
		line-height: 22px;
		max-height: 66px;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		padding-left: 12px;
	}

	.blog-banner.banner-no-bg .banner-elem{
		height: 250px;
	}

	.blog-banner.banner-no-bg .banner-elem .image img{
		max-height: 250px;
	}

	.blog-banner.banner-no-image .banner-elem h1{
		font-size: 18px;
		margin-bottom: 8px;
		line-height: 22px;
		max-height: 66px;
	}

}

@media screen and (max-width: 700px){

	.blog-banner.banner-bg .banner-elem{
		display: block;
	}

	.blog-banner.banner-bg .banner-elem .text-wrap{
		display: block;
		padding: 12px 12px 0;
	}

	.blog-banner.banner-bg .banner-elem.fullscreen-banner .text-wrap{
		padding: 12px 0 0;
	}

	.blog-banner.banner-bg .banner-elem .image{
		display: block;
		width: 100%;
		padding: 0;
	}

	.blog-banner.banner-bg .banner-elem .image img{
		margin: 0 auto;
	}

	.blog-banner.banner-bg .banner-elem{
		height: 7em;
	}

	.blog-banner.banner-no-bg .banner-elem{
		display: block;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		display: block;
		padding: 12px 12px 0;
	}

	.blog-banner.banner-no-bg .banner-elem .image{
		display: block;
		width: 100%;
		padding: 0 12px;
	}

	.blog-banner.banner-no-bg .banner-elem .image img{
		margin: 0 auto;
		max-height: none;
		width: 100%;
	}

	.blog-banner.banner-no-bg .banner-elem{
		height: auto;
	}

}

@media screen and (max-width: 500px){

	.blog-banner .banner-elem h1{
		margin-bottom: 12px;
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 20px;
		max-width: 235px;
	}

	.blog-banner .banner-elem .image img{
		max-height: 200px;
	}

	.blog-banner.banner-no-bg .banner-elem h1{
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 20px;
		max-height: 60px;
	}

	.blog-banner.banner-no-image .banner-elem h1{
		font-size: 16px;
		margin-bottom: 8px;
		line-height: 20px;
		max-height: 60px;
	}

	.blog-banner.banner-no-image .banner-elem .descr{
		display: block;
	}

}

@media screen and (max-width: 350px){

	.blog-banner .banner-elem{
		height: auto;
		border: none;
	}

	.blog-banner .banner-elem .text-wrap{
		padding: 0;
	}

	.blog-banner .banner-elem .descr{
		display: block;
	}

	.blog-banner .banner-elem .image{
		display: none;
	}

	.blog-banner.banner-no-bg .banner-elem{
		height: auto;
	}

	.blog-banner.banner-no-bg .banner-elem .image{
		padding: 0;
	}

	.blog-banner.banner-no-bg .banner-elem .text-wrap{
		padding: 0;
	}

}

.other-news{
	border: 1px solid #e7e8ea;
}

.other-news-title.h3{
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding: 0 12px;
	border-bottom: 1px solid #e7e8ea;
	background: #f9f9f9;
}

.other-news .news{
	padding: 24px;
	border-bottom: 1px solid #e7e8ea;
}

.other-news .news:first-child{
	padding-top: 12px;
}

.other-news .news:last-child{
	border-bottom: none;
}

.other-news .image{
	padding: 0 0 16px;
	text-align: center;
}

.other-news .image a{
	display: inline-block;
}

.other-news .image img{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	max-height: 150px;
	width: auto;
	height: auto;
	transition: all 0.2s ease-in-out;
}

.other-news .image a:hover img{
	opacity: 0.9;
}

.other-news .image a:active img{
	position: relative;
	top: 1px;
}

.other-news .name{
	display: inline-block;
	margin-bottom: 6px;
	font-size: 14px;
	line-height: 18px;
	max-height: 54px;
	overflow: hidden;
	color: #000000;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.other-news .announcement{
	margin-bottom: 6px;
	font-size: 13px;
	line-height: 16px;
	max-height: 48px;
	overflow: hidden;
	color: #888888;
}
/* Стили для блока с EEAT информацией */
.marg {
	margin-bottom: 15px;
}
.flex-info {
	display: flex;
	flex-wrap: wrap;
	margin-top: -32px;
	color: #a6a6a6;
	justify-content: right;
	align-items: center;
	font-size: 12px;
}
.flex-info .inf:not(:last-child) {
	margin-right: 20px;
}
.flex-info .inf {
	display: flex;
	align-items: center;
}
.flex-info img {
	margin-right: 5px;
	height: 18px;
}

.like-brick {
	position: relative;
}

.share-brick .copy-url {
	position: relative;
}

.share,
.like {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.like:hover {
	cursor: pointer;
}

.bubble, .bubble::before {
	position: absolute;
	background: #505050;
	display: none;
	top: 100%;
	left: 0;
}
.bubble.active {
	display: block;
}

.bubble {
	width: 292px;
	padding: 16px 20px;
	z-index: 3000;
	top: 50px;
	left: 0;
	margin-left: 15px;
	color: #fff;
	display: none;
	white-space: normal;
	border-radius: 3px;
	box-sizing: border-box;
}

.bubble.bubbleBottom {
	margin-left: 0;
	margin-top: 6px;
}

.bubble::before {
	content: " ";
	top: -7px;
	left: 15px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	transform: rotate(45deg);
}

.bubble.bubbleBottom::before {
	left: 25px;
	top: 0;
	margin-left: -7px;
}

.like-count {
	margin-left: 5px;
}
.like-brick .tfl-popup__close,
.share-brick .copy-url .tfl-popup__close {
	position: absolute;
	top: 18px;
	right: 15px;
	opacity: 0.5;
}
.like-brick .tfl-popup__close:before,
.like-brick .tfl-popup__close:after,
.share-brick .copy-url .tfl-popup__close:before,
.share-brick .copy-url .tfl-popup__close:after {
	background-color: #fff;
}

.share a:hover {
	opacity: 0.8;
}
.share a {
	margin-right: 8px;
}
.share iframe {
	display: none;
}
.text-url {
	display: flex;
	align-items: center;
}
.text-url img {
	margin-right:5px;
}
.copy-url {
	color: #5f5f5f;
	text-decoration: none;
}
.like {
	color: #888888;
	align-items: center;
}

.like img {
	filter: invert(12%) sepia(98%) saturate(5991%) hue-rotate(322deg)
	brightness(88%) contrast(101%);
	margin-right: 5px;
}
.author-brick {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-wrap: wrap;
}
.author-brick img {
	margin: 0 15px;
}
@media (max-width: 1100px) {
	.flex-info {
		margin-top: auto;
		justify-content: left;
	}
	.marg {
		width: 100%;
		text-align: center;
	}
	.author-brick img {
		margin: 15px;
	}
	.share-brick,
	.like-brick,
	.author-brick {
		margin-bottom: 30px;
		text-align: center;
		width: 100%;
	}
	.like img {
		width: 40px;
	}
	.text-url {
		margin-top: 10px;
		width: 100%;
		justify-content: center;
	}
	.copy-url {
		width: 100%;
	}
}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/bitrix/news.list/slideArticles/style.min.css?17805643941859*/
#relatedArticles .mob{display:none}#relatedArticles .desk{display:block}.related-flex{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:15px}.related-card:hover{box-shadow:none}#relatedArticlesSlider ul{padding:0;margin-top:16px}#relatedArticlesSlider ul li{display:block;float:left}.related-card{background:#fff;border-radius:11px;box-shadow:0 0 35px rgba(0,0,0,.1);display:flex;width:30%;margin-bottom:20px;min-height:135px}.related-card img{width:30%;border-radius:11px 0 0 11px;object-fit:cover}.related-text{font-size:18px;color:#e20074;padding:25px;text-decoration-line:underline;line-height:21px;align-items:center;display:inline-flex}#relatedArticles{margin-top:12px}#relatedArticlesSlider .realtedArticlesBtnLeft,#relatedArticlesSlider .realtedArticlesBtnRight{background:url(/bitrix/templates/dresscodeV2/components/bitrix/news.list/slideArticles/images/slideArrowSmallgrey.png)0 0 no-repeat;position:absolute;transform:translateY(-50%);display:block;height:70px;width:35px;top:50%}#relatedArticlesSlider .realtedArticlesBtnLeft{background-position:0 0;left:0}#relatedArticlesSlider .realtedArticlesBtnLeft:hover{right:0}#relatedArticlesSlider .realtedArticlesBtnLeft:active{background-position:-70px 0}#relatedArticlesSlider .realtedArticlesBtnRight{background-position:0-70px;right:0}#relatedArticlesSlider .realtedArticlesBtnRight:hover{background-position:-35px -70px}#relatedArticlesSlider .realtedArticlesBtnRight:active{background-position:-70px -70px}@media all and (max-width:1024px){#relatedArticles .mob{display:block}#relatedArticles .desk,.related-flex{display:none}.for-ipad{max-width:600px;margin-left:auto;margin-right:auto}}@media all and (max-width:992px){.related-card img{width:30%}.related-card{width:83%;min-height:100px;margin:0 auto}.related-text{font-size:15px;padding:10px}.custom-ul{max-width:470px;justify-content:flex-start!important}#relatedArticles{padding:3%!important}}
/* End */


/* Start:/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/style.min.css?17805643942274*/
#relatedArticlesSlider{margin:36px 0;position:relative;display:none}#relatedArticlesSlider .limiter,#relatedArticlesSlider .wrap{position:relative;overflow:hidden}#relatedArticlesSlider ul{position:relative}#relatedArticlesSlider ul li{display:block;float:left}#relatedArticlesSlider ul li img{vertical-align:middle;max-height:100%;max-width:100%}#relatedArticlesSlider ol{margin:0;padding:0;list-style:none;position:absolute;left:50%;bottom:-30px}#relatedArticlesSlider ol li{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)0 0 no-repeat;margin-right:4px;width:18px;height:18px;float:left;cursor:pointer}#relatedArticlesSlider ol li:hover{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)-18px 0 no-repeat}#relatedArticlesSlider ol li:active{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)-36px 0 no-repeat}#relatedArticlesSlider ol li.selected{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)-54px 0 no-repeat}#relatedArticlesSlider ol li.selected:hover{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)-72px 0 no-repeat}#relatedArticlesSlider ol li.selected:active{background:url(/bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/images/slideButton.png)-90px 0 no-repeat}#relatedArticlesSlider .relatedArticlesSliderBtnLeft,#relatedArticlesSlider .relatedArticlesSliderBtnRight{background:url(/bitrix/templates/dresscodeV2/images/slideArrowSmallBlack.png)0 0 no-repeat;position:absolute;transform:translateY(-50%);display:block;height:70px;width:35px;top:50%}#relatedArticlesSlider .relatedArticlesSliderBtnLeft{background-position:0 0;left:0}#relatedArticlesSliderr .relatedArticlesSliderBtnLeft:hover{right:0}#relatedArticlesSliderr .relatedArticlesSliderBtnLeft:active{background-position:-70px 0}#relatedArticlesSliderr .relatedArticlesSliderBtnRight{background-position:0-70px;right:0}#relatedArticlesSlider .relatedArticlesSliderBtnRight:hover{background-position:-35px -70px}#relatedArticlesSlider .relatedArticlesSliderBtnRight:active{background-position:-70px -70px}.slideBox .tb{height:100%}.tb{border-collapse:collapse;table-layout:fixed;display:table;width:100%}.text-wrap{padding-left:18px;color:#000}.text-wrap :last-child{margin-bottom:0}.head_bg_lining{background:rgba(255,255,255,.5);padding:10px}.descr,.h2{margin-bottom:8px;overflow:hidden}.h2{display:inline-block;line-height:25px;max-height:75px}.descr{font-size:13px;line-height:15px;max-height:45px}
/* End */
/* /bitrix/templates/dresscodeV2/components/bitrix/news/encyclopedia/bitrix/news.detail/.default/style.css?178843707311888 */
/* /bitrix/templates/dresscodeV2/components/bitrix/news.list/slideArticles/style.min.css?17805643941859 */
/* /bitrix/templates/dresscodeV2/components/dresscode/slider/articleLinks/style.min.css?17805643942274 */
