

/* Start:/local/templates/vanilla_other_pages/components/bitrix/news/blog_vanilla/bitrix/news.detail/new_version/style.css?176652217713142*/
.breadcramb{
	padding-bottom: 14px;
}
.article-head-poster img{
	width: 100%;
	height: auto;
}
.article-body{
	font: normal 16px/26px 'Mont';
	font-weight: 600;
	color: #333;
	padding-bottom: 30px;
}
.blog-page ~ .main-wrap.corp-slider{
	margin-top: -100px;
}
.blog-page ~ .main-wrap.corp-slider.only-in-blog{
	margin-top: 0;
}
.article-head-title h1{
	font: 500 40px/48px 'Mont';
	text-transform: uppercase;
	color: #333;
	padding: 17px 0 15px;
	margin: 0;
	text-align: center;
  position: relative;
  margin-bottom: 56px;
}
.article-head-title h1::before {
  content: '';
  display: block;
  position: absolute;
  width: 200px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-left: -100px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.article-head-title h1::after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-left: -50px;
  margin-top: 5px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.article-body h2{
	font: 500 30px/36px 'Mont';
	text-transform: none;
	color: #333;
	padding: 1px 0 29px;
	margin: 0;
}
.article-body h3{
	font: 500 24px/30px 'Mont';
	text-transform: none;
	color: #333;
	padding: 15px 0 9px;
	margin: 0;
}
.article-body h3.red {
	color: #F40D29;
}
.article-body blockquote{
	font: 500 16px/21px 'Mont';
	text-transform: none;
	font-weight: 600;
	color: #333;
	padding: 0;
	margin: 0;
}
.article-body .two-cols{
	columns: 2;
	-moz-columns: 2;
	-webkit-columns: 2;
	column-gap: 70px;
	-moz-column-gap: 70px;
	-webkit-column-gap: 70px;
	margin-bottom: 17px;
}
.article-body .two-cols img{
	width: 100%;
	height: auto;
	padding: 10px 0 27px;
}
.article-body p{
  margin: 0;
	padding: 0 0 26px;
}
.article-body .image-right{
	float: right;
	width: 47%;
	height: auto;
	margin-left: 70px;
	padding: 27px 0 10px;
}
.article-body .image-left{
	float: left;
	width: 47%;
	height: auto;
	margin-right: 70px;
	padding: 27px 0 10px;
}
.article-body ul{
	padding-top: 0;
	padding-bottom: 26px;
	margin-top: 0;
	margin-bottom: 0;
}
.article-body ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.article-body ul.three-cols, .article-body ul.two-cols{
	display: flex;
	flex-wrap: wrap;
}
.article-body .three-cols li{
	width: 33.3333%;
}
.article-body .two-cols li{
	width: 50%;
}
.article-body p ~ h2{
	padding-top: 17px;
}
.article-body a{
	color: #09BBB5;
}
.article-body a:hover{
	text-decoration: none;
}
.article-head-info{
  padding-top: 0;
  padding-bottom: 41px;
	display: flex;
	width: 100%;
	justify-content: flex-start;
}
.article-head-info-left {
}
.article-head-info-right {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;

}
.article-head-info-right div{
	margin-right: 20px;
  margin-top: 14px;
}
.article-head-info-right div:last-child{
	margin-right: 0;
}
.blog-item-date, .blog-item-time, .blog-item-views{
  display: flex;
  align-items: center;
  min-height: 24px;
	padding: 0 0 0 29px;
	font: normal 14px/18px 'Mont';
	font-weight: 700;
	color: #777E90;
}
.blog-item-date{
	background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10H3M16 2V6M8 2V6M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z' stroke='%2307938D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat left center;
}
.blog-item-time{
	background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.7 13.5L20.7005 11.5L18.7 13.5M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C15.3019 3 18.1885 4.77814 19.7545 7.42909M12 7V12L15 14' stroke='%2307938D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat left center;
}
.blog-item-views{
	background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.42012 12.7132C2.28394 12.4975 2.21584 12.3897 2.17772 12.2234C2.14909 12.0985 2.14909 11.9015 2.17772 11.7766C2.21584 11.6103 2.28394 11.5025 2.42012 11.2868C3.54553 9.50484 6.8954 5 12.0004 5C17.1054 5 20.4553 9.50484 21.5807 11.2868C21.7169 11.5025 21.785 11.6103 21.8231 11.7766C21.8517 11.9015 21.8517 12.0985 21.8231 12.2234C21.785 12.3897 21.7169 12.4975 21.5807 12.7132C20.4553 14.4952 17.1054 19 12.0004 19C6.8954 19 3.54553 14.4952 2.42012 12.7132Z' stroke='%2307938D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0004 15C13.6573 15 15.0004 13.6569 15.0004 12C15.0004 10.3431 13.6573 9 12.0004 9C10.3435 9 9.0004 10.3431 9.0004 12C9.0004 13.6569 10.3435 15 12.0004 15Z' stroke='%2307938D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat left center;
}
.blog-item-tags{
  display: none;
	font: normal 10px/10px 'Mont';
	font-weight: 600;
	color: #333;
}
.blog-item-tags span{
  display:inline-block;
	padding:8px 10px 7px;
	margin: 5px 10px 0 0;
	font: normal 10px/10px 'Mont';
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	background: #E7E7E7;
}
.blog-item-tags a{
  display: block;
	height: 29px;
  padding: 4px 8px;
  border: 1px solid #777E90;
  border-radius: 8px;
  font: 500 14px 'Mont';
  color: #777E90;
	text-transform: lowercase;
	text-decoration: none;
	white-space: nowrap;
}
.blog-item-author{
  display: flex;
	padding: 0 0 0 56px;
	margin-top: 14px;
	margin-right: 40px !important;
	position: relative;
	font: normal 18px/120% 'Mont';
	font-weight: 700;
	color: #000;
	white-space: nowrap;
}
.blog-item-author p{
	padding: 3px 0 0;
	margin: 0;
}
.blog-item-author p span{
  display: block;
	font-size: 14px;
	color: #777E90;
}
.blog-item-author img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	border-radius: 100%;
}
.to-articles-list{
	padding: 20px 0 10px;
	display: none;
}
.to-articles-list a{
  display: inline-block;
  padding: 15px 40px 13px;
	font: normal 14px/14px 'Mont';
	font-weight: 800;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	border: 1px solid #333333;
	border-radius: 5px;
}
.share-title{
  margin-top: 4px;
  border-top: 1px solid #333;
	padding: 69px 0 10px;
	text-align: center;
	font-size: 18px;
	line-height: 23px;
	font-weight: 700;
}
.ya-share2__container_size_m{
	text-align: center;
}
.article .ya-share2__container_size_m .ya-share2__icon{
	width: 30px !important;
	height: 30px !important;
	background-position: center center;
}
.article .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item{
	margin-right: 7px;
}
.article .ya-share2__badge{
	margin-right: 0;
}
.pic-areas{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 100px;
}
.pic-area{
	flex: 1 1 0;
	margin: 15px 15px 0;
}
.pic-areas .pic-area:first-child{
	margin-left: 0;
}
.pic-areas .pic-area:last-child{
	margin-right: 0;
}
.pic-area img{
	display: block;
	width: 100%;
	height: auto;
}
.pic-area h4{
	margin: 25px 0 15px;
}
.pic-area p{
	font-size: 15px;
	line-height: 24px;
}
.pic-areas::before {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-top: 35px;
  margin-left: -50px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.pic-areas::after {
  content: '';
  display: block;
  position: absolute;
  width: 50px;
  height: 0px;
  left: 50%;
  top: 100%;
  margin-left: -25px;
  margin-top: 40px;
  overflow: hidden;
  border-top: 1px solid #09BBB5;
}
.go-back, .article-body a.go-back{
	display: flex;
	width: 270px;
	height: 60px;
	margin: 44px auto 49px;
	justify-content: center;
	align-items: center;
	background: #FFA658;
	border-radius: 5px;
	font: 700 16px/16px 'Mont';
	color: #fff;
	text-decoration: none;
}
.go-back::before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.85797 5.83333L6.9713 7.94583L5.79297 9.125L1.66797 5L5.79297 0.875L6.9713 2.05417L4.85797 4.16667H10.8346C12.6027 4.16667 14.2984 4.86905 15.5487 6.11929C16.7989 7.36953 17.5013 9.06522 17.5013 10.8333C17.5013 12.6014 16.7989 14.2971 15.5487 15.5474C14.2984 16.7976 12.6027 17.5 10.8346 17.5H3.33464V15.8333H10.8346C12.1607 15.8333 13.4325 15.3066 14.3702 14.3689C15.3079 13.4312 15.8346 12.1594 15.8346 10.8333C15.8346 9.50725 15.3079 8.23548 14.3702 7.2978C13.4325 6.36012 12.1607 5.83333 10.8346 5.83333H4.85797Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center;
	margin-right: 9px;
}
.article-tabs {
	display: flex;
	width: 100%;
}
.article-tabs-label {
	padding: 10px 24px 0 0;
}
.article-tabs-items {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.article-tabs-item {
	height: 43px;
	padding: 8px 24px;
	border: 1px solid #777E90;
	border-radius: 8px;
	font: 500 16px/26px 'Mont';
	color: #777E90;
}
.article-tabs-item:hover {
	cursor: pointer;
}
.article-tabs-item.active, .article-tabs-item.active:hover {
	cursor: default;
}
.article-tabs-item.active, .article-tabs-item:hover {
	border-color: #09BBB5;
	background: #09BBB5;
	color: #fff;
}
.article-tabs-content {
	padding: 30px 0;
}
.article-tabs-item-content {
	display: none;
	width: 100%;
}
.article-tabs-item-content.active {
	display: block;
}
.article-tabs-item-content-columns {
	display: flex;
	width: 100%;
}
.article-tabs-item-content-text {
	width: 65%;
	padding-right: 20px;
}
.article-tabs-item-content-picture {
	width: 35%;
	padding: 16px 0;
}
.article-tabs-item-content-picture img {
  display: block;
	width: 100%;
	height: auto;
	border-radius: 16px;
}
@media (max-width:992px){
	.article-body .two-cols{
		column-gap: 35px;
		-moz-column-gap: 35px;
		-webkit-column-gap: 35px;
	}
	.article-body .image-right{
		margin-left: 35px;
	}
	.article-body .image-left{
		margin-right: 35px;
	}
}
@media (max-width:768px){
	.article-head-info{
		justify-content: flex-start;
		padding-bottom: 20px;
	}
	.article-head-info-right {
		align-items: flex-start;
		justify-content: flex-start;
	}
	.article-head-info-right div{
		margin-right: 5px;
		margin-top: 5px;
		height: 13px;
		min-height: 13px;
	}
	.blog-item-tags{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		padding-bottom: 40px;
	}
	.blog-item-author{
		/*margin-top: 25px !important;*/
	  padding: 0 0 0 37px;
	  margin-right: 20px !important;
	  margin-top: 5px;
	  font-size: 14px;
	}
	.blog-item-author p span {
	  font-size: 12px;
	}
	.blog-item-author img {
		width: 32px;
	  height: 32px;
	}
	.blog-item-author p{
		padding: 0;
	}
	.article-head-title h1{
	  font-size: 26px;
	  line-height: 26px;
		font-weight: 700;
		text-transform: none;
		padding: 20px 0 19px;
	}
	.article-body h2{
	  font-size: 24px;
	  line-height: 23px;
		font-weight: 500;
		color: #333;
		padding: 16px 0 10px;
	}
	.article-body h3{
	  font-size: 21px;
	  line-height: 23px;
		font-weight: 500;
		color: #333;
		padding: 16px 0 10px;
	}
	.article-body p{
		padding: 0 0 25px;
	}
	.article-body .three-cols li{
		width: 50%;
	}
	.pic-areas{
		flex-direction: column;
	}
	.pic-area{
	  width: 100%;
		margin: 0;
	}
	.pic-areas .pic-area:first-child{
		margin-left: 0;
	}
	.pic-area ~ .pic-area{
		margin-top: 25px;
	}
	.article-tabs-item-content-columns {
		flex-direction: column;
	}
	.article-tabs-item-content-text, .article-tabs-item-content-picture {
		width: 100%;
	}
	.article-tabs {
		flex-direction: column;
	}
	.article-tabs-label {
		padding-bottom: 10px;
		font-size: 14px;
	}
	.article-tabs-item {
		height: 37px;
		padding: 4px 15px;
		font-size: 14px;
	}
	.blog-item-date, .blog-item-time, .blog-item-views {
		background-size: 13px 13px;
		font-size: 10px;
		padding-left: 18px;
	}
}
@media (max-width:640px){
	.article-body .two-cols{
		columns: 1;
		-moz-columns: 1;
		-webkit-columns: 1;
		margin-bottom: 0;
	}
	.article-body .image-right, .article-body .image-left{
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0 10px;
	}
	.article-body .three-cols li{
		width: 100%;
	}
}

/* End */


/* Start:/local/templates/vanilla_other_pages/components/ylab/likes/vanilla/style.css?17665221771599*/
.vote_text {
	padding: 20px 0 10px;
	text-align: center;
	font: 700 18px/23px 'Mont';
	color: #333;
}
.votes_bar {
	margin-top: 6px;
	display: flex;
	justify-content: center;
	padding-bottom: 71px;
	border-bottom: 1px solid #333;
}
.votes_bar .vote_action {
	margin: 0 10px;
}
.votes_bar .vote_action button {
    border: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
}
.votes_bar span{
	font: 600 16px/23px 'Mont';
	color: #333;
}
.votes_bar .vote_action button.like {
    background-image: url(/local/templates/vanilla_other_pages/components/ylab/likes/vanilla/like.svg);
/*
		filter: gray;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
*/
}
.votes_bar .vote_action button.dislike {
    background-image: url(/local/templates/vanilla_other_pages/components/ylab/likes/vanilla/dislike.svg);
		-moz-transform: scale(1, -1);
		-o-transform: scale(1, -1);
		-webkit-transform: scale(1, -1);
		transform: scale(1, -1);
/*
		filter: gray;
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
*/
}
.votes_bar .vote_action button.like.is-active {
    background-image: url(/local/templates/vanilla_other_pages/components/ylab/likes/vanilla/like-active.svg);
/*
		filter: inherit;
		-webkit-filter: inherit;
		filter: inherit;
*/
}
.votes_bar .vote_action button.dislike.is-active {
    background-image: url(/local/templates/vanilla_other_pages/components/ylab/likes/vanilla/dislike-active.svg);
		-moz-transform: scale(1, -1);
		-o-transform: scale(1, -1);
		-webkit-transform: scale(1, -1);
		transform: scale(1, -1);
/*
		filter: inherit;
		-webkit-filter: inherit;
		filter: inherit;
*/
}

/* End */


/* Start:/local/templates/vanilla_other_pages/components/bitrix/news.list/blog_more_slider/style.css?17665221772737*/
.blogs-in-main {
	padding: 51px 15px 0;
}
.blogs-list{
	padding-bottom: 60px;
}
.blog-more-slider-block h2{
	font: 600 40px/52px 'Playfair Display';
	text-transform: uppercase;
	color: #333333;
	text-align: center;
}
.blogs-list-slider{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.blogs-slide-item{
	position: relative;
}
.blogs-item{
  margin: 0 15px;
	display: flex;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
}
.blogs-item-image{
	width: 100%;
}
.blogs-item-image img{
  display: block;
	width: 100%;
	height: auto;
}
.blogs-item-image::after{
  content: '';
  display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(14, 14, 14, 0.5);
}
.blogs-item-date{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 19px 20px 0;
	font: 600 14px/18px 'Mont';
	color: #fff;
}
.blogs-item-info{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px 26px;
	font: 600 14px/18px 'Mont';
	color: #fff;
}
.blogs-item-name{
	padding-bottom: 16px;
}
.blogs-item-name, .blogs-item-name a{
	font: 700 18px/23px 'Playfair Display';
	color: #fff;
	text-decoration: none;
}
.blogs-item-time{
	text-align: right;
}
.blogs-item-info-top{
	display: flex;
	justify-content: space-between;
}
.blogs-list-slider .slick-arrow, .blogs-list-slider .slick-arrow:hover{
	background: #fff !important;
	border: 1px solid #E0E0E0 !important;
	z-index: 1 !important;
	width: 90px;
	height: 90px;
	padding: 0;
	overflow: hidden;
}
.blogs-list-slider .slick-prev{
	left: -35px;
}
.blogs-list-slider .slick-next{
	right: -35px;
}
.blogs-list-slider .slick-prev::before{
	content: '';
	display: block;
	width: 88px;
	height: 88px;
	background: url(/local/templates/.default/img/arrow-prev.svg) no-repeat center center;
}
.blogs-list-slider .slick-next::before{
	content: '';
	display: block;
	width: 88px;
	height: 88px;
	background: url(/local/templates/.default/img/arrow-next.svg) no-repeat center center;
}
@media (max-width:1260px){
	.blogs-list-slider{
		padding: 0 45px;
	}
	.blogs-list-slider .slick-prev{
		left: 15px;
	}
	.blogs-list-slider .slick-next{
		right: 15px;
	}
}
@media (max-width:768px){
	.blogs-list-slider{
		padding: 0 5px;
	}
	.blog-more-slider-block h2{
		font-size: 24px;
		line-height: 32px;
	}
	.blogs-list-slider .slick-arrow:hover{
		width: 44px;
		height: 44px;
	}
	.blogs-list-slider .slick-prev{
		width: 44px;
		height: 44px;
		background-size: 100% 100%;
		left: 0;
	}
	.blogs-list-slider .slick-next{
		width: 44px;
		height: 44px;
		background-size: 100% 100%;
		right: 0;
	}
	.blogs-list-slider .slick-prev::before, .blogs-list-slider .slick-next::before{
		width: 44px;
		height: 44px;
		background-size: 18px 18px;
	}
}

/* End */
/* /local/templates/vanilla_other_pages/components/bitrix/news/blog_vanilla/bitrix/news.detail/new_version/style.css?176652217713142 */
/* /local/templates/vanilla_other_pages/components/ylab/likes/vanilla/style.css?17665221771599 */
/* /local/templates/vanilla_other_pages/components/bitrix/news.list/blog_more_slider/style.css?17665221772737 */
