

/* Start:/local/templates/vanilla_flower/components/bitrix/news/blog_vanilla/bitrix/news.detail/.default/style.css?176652217724034*/
.blog-page {
	width: 100%;
	padding: 0 !important;
	overflow: hidden;
}
.blog-page .wrap{
	width: 100% !important;
	box-sizing: border-box;
	padding-bottom: 130px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.article-head{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 50px;
}
.article-head-bottom{
	width: 100%;
}
.article-head-left, .article-head-right{
	width: calc(50% - 60px);
}
.article-head-left{
  padding-bottom: 140px;
}
.article-head-right{
	padding-top: 22px;
	padding-bottom: 82px;
}
.prolog-title{
	color: #999;
	font: 700 14px/21px Mont;
	text-transform: uppercase;
}
.article-head-right p{
  margin: 0;
  padding: 5px 0 0;
	color: #333;
	font: 600 16px/24px Mont;
}
.article-head-right p ~ .prolog-title{
	margin-top: 40px;
}
.article-head-right blockquote{
	color: #333;
	font: 700 14px/21px Mont;
	margin: 0;
	padding: 55px 0 0;
}
.prolog-colors{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 6px;
}
.prolog-colors span{
	display: flex;
	width: 36px;
	height: 36px;
	margin: 5px 5px 0 0;
	border-radius: 100%;
}
.article-head-poster img{
}
.article-body{
	font: 600 16px/26px 'Mont', serif;
	color: #333;
	padding-top: 137px;
}
.article-head-title h1{
	font: normal 70px/84px 'Cormorant';
	font-feature-settings: 'pnum' on, 'lnum' on;
	text-transform: uppercase;
	color: #333;
	padding: 0 0 86px;
	margin: 0;
}
.article-body h2{
	font: 700 26px/34px 'Cormorant';
	font-feature-settings: 'pnum' on, 'lnum' on;
	text-transform: uppercase;
	color: #333;
	padding: 1px 0 20px;
	margin: 0;
}
.article-body h3{
	font: 700 20px/28px 'Mont';
	text-transform: uppercase;
	color: #333;
	padding: 1px 0 29px;
	margin: 0;
}
.polublock{
	font: 700 20px/28px 'Mont';
	text-transform: uppercase;
	color: #333;
	padding: 1px 0 29px;
	margin: 0;
	width: calc(50% - 35px);
}
.polublock h2{
	padding-bottom: 0;
	font-feature-settings: 'pnum' on, 'lnum' on;
}
.slider-card_wrap{
	padding-bottom: 69px;
}
.content-cols{
	display: flex;
	justify-content: space-between;
	padding-bottom: 31px;
}
h2 ~ .content-cols{
	margin-top: -62px;
	position: relative;
}
.content-cols-left{
	width: calc(50% - 60px);
	padding-top: 63px;
}
.content-cols-right{
	width: calc(50% - 60px);
}
.content-cols-right img{
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.article-head-bottom{
	width: 100%;
}
.komu-darit{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 164px;
	padding-bottom: 16px;
}
.komu-darit-left, .komu-darit-right{
	width: calc(50% - 60px);
	display: flex;
	align-items: center;
}
.komu-darit-left h2{
	color: #333;
	font: 400 64px/84px 'Cormorant';
	font-feature-settings: 'pnum' on, 'lnum' on;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
.komu-darit-right{
	color: #999;
	font: 600 14px/23px Mont;
}
.full-width-pic{
	padding: 100px 0;
}
.full-width-pic img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 15px;
}
.special-offer{
	text-align: center;
	padding: 32px 0 32px;
}
.special-offer h2{
	font: 400 50px/60px 'Cormorant';
	font-feature-settings: 'pnum' on, 'lnum' on;
	text-align: center;
	text-transform: uppercase;
}
.special-offer div{
  padding: 19px 0 41px;
	font: 600 30px/48px 'Mont';
	color: #999;
}
.special-offer div a{
	font: 600 30px/48px 'Mont';
	color: #333;
	text-decoration: none;
}
.special-offer div a:hover{
	color: #09BBB5;
	text-decoration: none;
}
.article-body .special-offer p{
  display: block;
  max-width: 410px;
  margin: 0 auto;
	font: 600 14px/22px 'Mont';
	color: #999;
}
.article-body blockquote{
	font: normal 20px/30px 'Playfair Display';
	font-weight: 600;
	text-transform: uppercase;
	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-left: 0;
	padding-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}
.article-body ul li{
	padding-top: 9px;
	padding-bottom: 10px;
}
.article-body ul.three-cols, .article-body ul.two-cols{
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	padding-left: 15px;
	margin-bottom: 0;
}
.article-body .three-cols li{
	width: 33.3333%;
}
.article-body .two-cols li{
	width: calc(50% - 35px);
}
.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: 0;
	display: flex;
	width: 100%;
	justify-content: flex-start;
}
.article-head-info-justify{
	justify-content: space-between;
}
.article-head-info-left{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	position: relative;
	margin-top: -140px;
}
.article-head-info-right{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	max-width: 420px;
	padding-bottom: 4px;
	font: 700 14px/20px 'Mont';
	text-transform: uppercase;
	color: #333;
}
.article-head-info-right-2{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	max-width: calc(50% - 60px);
	padding-bottom: 4px;
	font: 700 14px/21px 'Mont';
	color: #333;
}
.article-head-info div{
}
.article-head-info div:last-child{
	margin-right: 0;
}
.blog-item-date{
	padding:3px 0 3px;
	font: normal 14px/18px 'Mont';
	font-weight: 600;
	color: #999;
}
.blog-item-time{
	background:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23CCCCCC'/%3E%3C/svg%3E") no-repeat left 10px;
	padding:3px 0 3px 15px;
	margin-left: 10px;
	font: normal 14px/18px 'Mont';
	font-weight: 600;
	color: #999;
}
.blog-item-author{
  display: flex;
  width: 100%;
  height: 44px;
	padding: 0 0 38px 56px;
	position: relative;
	font: normal 12px/14px 'Mont';
	font-weight: 600;
	color: #333;
}
.blog-item-author p{
	padding: 3px 0 0;
	margin: 0;
}
.blog-item-author p span{
  display: block;
  padding-top: 4px;
	color: #999;
	font-weight: 400;
}
.blog-item-author img{
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	width: 44px;
	height: 44px;
	border-radius: 100%;
}
.blog-item-views{
	background:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%23CCCCCC'/%3E%3C/svg%3E") no-repeat left 10px;
	padding:3px 0 3px 15px;
	margin-left: 10px;
	font: normal 14px/18px 'Mont';
	font-weight: 600;
	color: #999;
}
.text-with-pic{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.block-text, .block-pic{
	width: calc(50% - 60px);
}
.block-text{
  display: flex;
  flex-direction: column;
}
.block-text-end{
	align-items: end;
	justify-content: end;
}
.block-pic img{
	width: 100%;
	height: auto;
}
.block-text-end p{
	padding: 26px 0 0;
}
.paragraph{
  margin-top: 91px;
  border-top: 1px solid #333;
  padding-top: 40px;
	text-align: center;
	font: normal 26px/32px Cormorant;
	text-transform: uppercase; 
	color: #333;
}
.text-with-pic ~ .product-line-header{
	margin-top: 31px;
}
.product-line-header{
	padding-top: 25px;
}
.product-line-header h2{
	color: #333;
	font-feature-settings: 'pnum' on, 'lnum' on;
	font: 700 20px/28px Mont;
	text-transform: uppercase; 
	padding: 0 0 29px;
	margin: 0;
}
.block-text-with-button{
	position: relative;
	padding-bottom: 92px;
}
.with-button{
	position: absolute;
	bottom: 26px;
	left: 0;
}
.with-button a{
	border-radius: 5px;
	border: 1px solid #FFA658;
	color: #333;
	text-align: center;
	font: 600 14px/14px Mont;
	padding: 22px 12px;
	width: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-sizing: border-box;
}
.with-button a:hover{
	color: #fff;
	background: #FFA658;
}
.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;
}

.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: 70px auto 49px;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	font: 700 16px/16px 'Mont';
	color: #333;
	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='%23333333'/%3E%3C/svg%3E%0A") no-repeat center center;
	margin-right: 9px;
}
@media (max-width:992px){
	.article-body {
	  padding-top: 40px;
	}
	.article-head-left, .article-head-right{
		width: calc(50% - 30px);
	}
	.article-head-title h1{
	  font-size: 48px;
	  line-height: 76px;
		padding-bottom: 64px;
	}
	.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;
	}
	.content-cols{
		flex-direction: column;
		padding-top: 21px;
	}
	.content-cols-left{
		width: 100%;
		order: 2;
		padding-top: 13px;
	}
	.content-cols-right{
		width: 100%;
		order: 1;
	}
	.content-cols.variant-2{
		padding-top: 0;
	}
	.variant-2 .content-cols-left{
		order: 1;
		padding-top: 11px;
	}
	.variant-2 .content-cols-right{
		order: 2;
	}
	h2 ~ .content-cols {
	  margin-top: 0;
	}
	.blog-item-time {
		display: none;
	}
	.komu-darit{
		padding-top: 1px;
	}
	.komu-darit-left, .komu-darit-right{
		width: 100%;
	}
	.komu-darit-left h2{
		font-size: 26px;
		line-height: 34px;
		font-weight: 700;
		padding-bottom: 20px;
	}
  .sly-slider {
    padding-top: 0 !important;
    padding-bottom: 38px !important;
  }
}
@media (max-width:1100px){
	.article-head-info{
		flex-wrap: wrap;
	}
	.article-head-info-right-2{
		max-width: calc(50% - 30px);
	}
	.block-text, .block-pic{
		width: calc(50% - 30px);
	}
}
@media (max-width:768px){
	.article-head-left, .article-head-right{
		width: 100%;
	}
	.article-head-left {
	  padding-bottom: 0;
	}
	.article-head {
	  padding-top: 0;
	}
	.article-body{
		font-size: 14px;
		line-height: 22px;
	}
	.article-head-info{
	  flex-direction: column;
	  padding-bottom: 10px;
	}
	.article-head-info-left{
		width: 100%;
		order: 2;
	  margin-top: 0;
	}
	.article-head-info-right{
		width: 100%;
		max-width: inherit;
		order: 1;
		font-size: 12px;
		line-height: 17px;
		padding-bottom: 54px;
	}
	.article-head-info-right-2{
		width: 100%;
		max-width: inherit;
		order: 1;
		font-size: 12px;
		line-height: 17px;
		padding-bottom: 54px;
	}
	.article-head-right{
		padding-bottom: 56px;
	}
	.article-head-right p{
	  font-size: 14px;
	  line-height: 21px;
  	padding-top: 5px;
	}
	.article-head-right p ~ .prolog-title{
		margin-top: 30px;
	}
	.article-head-right blockquote{
		padding-top: 49px;
	}
	.blog-item-author{
		padding-bottom:15px;
	}
	.article-head-title h1{
	  font-size: 30px;
	  line-height: 36px;
		font-weight: 400;
		padding: 41px 0 27px;
	}
	.blog-item-time{
		display: none;
	}
	.slider-card_wrap{
		padding-bottom: 0;
	}
	.polublock {
	  font-size: 16px;
	  line-height: 22px;
	  padding: 1px 0 29px;
	  width: 100%;
	}
	.full-width-pic{
		display: none;
	}
	.article-body h2{
	  font-size: 26px;
	  line-height: 34px;
		font-weight: 700;
		padding: 16px 0 10px;
	}
	.article-body .text-with-pic h2{
		padding: 0 0 20px;
	}
	.article-body .polublock h2{
	  font-size: 26px;
	  line-height: 34px;
		font-weight: 700;
		padding: 26px 0 0;
	}
	.article-body p{
		padding: 0 0 25px;
	}
	.article-body .block-text-end p{
		padding: 25px 0 0;
	}
	.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;
	}
	.special-offer h2{
		font-weight: 500;
		font-size: 16px;
		line-height: 19px;
	}
	.special-offer div{
		padding: 19px 0 25px;
	}
	.special-offer div, .special-offer div a{
		font-weight: 600;
		font-size: 18px;
		line-height: 29px;
	}
	.article-head-info-right-2{
		max-width: 100%;
	}
	.block-text, .block-pic{
		width: calc(50% - 15px);
	}
}
@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 .two-cols li, .article-body .three-cols li{
		width: 100%;
	}
	.content-cols{
		padding-bottom: 23px;
	}
	.content-cols-left{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.content-cols-left img{
	  width: 100%;
		display: block;
		margin: 0 auto;
		padding: 15px 0;
	}
	.text-with-pic{
		flex-wrap: wrap;
	}
	.block-text, .block-pic{
		width: 100%;
	}
	.block-text-end{
		order: -1;
		padding-bottom: 25px;
	}
	.paragraph {
	  margin-top: 40px;
	  padding-top: 30px;
	  font-size: 18px;
	  line-height: 21px;
	  font-weight: 500;
	}
}

.step-head{
  padding-top: 149px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.step-head-header{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	max-width: calc(50% - 60px);
}
.step-head-header h2{
	font: 400 64px/64px 'Cormorant';
	margin: 0;
	padding: 0;
}
.step-head-header h2 span{
  display: block;
  padding-left: 197px;
}
.step-head-text{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	max-width: calc(50% - 60px);
	text-transform: uppercase; 
	font: 600 11px/18px 'Mont';
	color: #999;
}
.step-head ~ .sly-slider{
	padding-top: 48px;
}

.step-head-w100{
  padding-top: 149px;
  padding-bottom: 70px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.step-head-w100 h2{
	font: 400 64px/64px 'Cormorant';
	margin: 0;
	padding: 0;
}
.step-head-w100 h2 span{
  display: block;
  padding-left: 217px;
}
.sly-slider{
	padding: 70px 0 50px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.sly-slider ~ h2{
	padding-top: 106px;
}
.sly-slider-right{
	width: 100%;
}
.sly-slider-feed{
  margin-top: 31px;
  /*margin-right: calc(((100vw / 2) - 50%) * -1);*/
	overflow: hidden;
}
.sly-slider-feed .sly-slider-feed-frame{
	display: flex;
	flex-direction: row;
	 margin: 0; padding: 0; height: 100%; list-style: none; 
}
.sly-slider-top{
	display: flex;
	justify-content: space-between;
}
.sly-slider-name{
	flex-grow: 1;
	flex-shrink: 1;
	display: flex;
	align-items: center;
}
.sly-slider-name h2{
	padding: 0;
}
.sly-slider-navi{
	width: 115px;
	flex-grow: 0;
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prev-sly{
	width: 50px;
	height: 50px;
}
.prev-sly svg{
	width: 50px;
	height: 50px;
	cursor: pointer;
}
.next-sly{
	width: 60px;
	height: 60px;
}
.next-sly svg{
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.prev-sly:hover svg path, .next-sly:hover svg path{
	fill: #09BBB5;
}
.sly-slide{
	width: 410px;
	min-width: 410px;
}
.sly-slide img{
	width: 380px;
	height: 380px;
	border-radius: 15px;
	cursor: pointer;
}
.sly-slide p{
  padding: 20px 40px 0 0;
	font: 700 16px/16px 'Mont';
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.sly-slide p a{
	font: 700 16px/16px 'Mont';
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}
.sly-slide p a:hover{
	color: #09BBB5;
	text-decoration: none;
}
.blog-page hr{
	display: block;
	border: 0;
	padding: 0;
	margin: 64px 0 52px;
	width: 100%;
	height: 1px;
	background: #333;
}
.sly-slider-nav{
	height: 12px;
	width: 222px;
	margin: 0 auto;
	display: flex;
	padding-top: 23px;
	justify-content: space-between;
}
.sly-slider-nav-next, .sly-slider-nav-prev{
	height: 12px;
	width: 100px;
	overflow: hidden;
	cursor: pointer;
}
.sly-slider-nav-next svg, .sly-slider-nav-prev svg{
	display: block;
	cursor: pointer;
}
@media (max-width:1230px){
	.blog-page .wrap{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.sly-slider-feed{
	  margin-right: -15px;
	  width: calc(100% + 15px);
	}
}
@media (max-width:1100px){
	.step-head-text, .step-head-header{
		max-width: calc(50% - 30px);
	}
}
@media (max-width:1024px){
	.sly-slider-left{
		display: none;
	}
	.sly-slider-right{
		width: 100%;
	}
}
@media (max-width:980px){
  .step-head{
  	flex-wrap: wrap;
  	padding-top: 100px;
  }
	.step-head-text, .step-head-header{
		width: 100%;
		max-width: 100%;
	}
	.step-head-text{
		padding-top: 20px;
	}
	.step-head-header h2 {
	  font-size: 40px;
	  line-height: 40px;
	}
	.step-head-header h2 span{
		padding-left: 124px;
	}
	.step-head ~ .sly-slider{
		padding-top: 30px;
	}
	.step-head-w100{
	  padding-top: 89px;
	  padding-bottom: 50px;
	}
	.step-head-w100 h2{
	  font-size: 40px;
	  line-height: 40px;
	}
	.step-head-w100 h2 span{
	  padding-left: 137px;
	}
}
@media (max-width:768px){
  .sly-slider{
  	padding-top: 0;
  	padding-bottom: 38px;
  }
  .sly-slider h2{
  	padding-bottom: 0;
		font-size: 20px;
  }
  .sly-slider-feed{
  	margin-top: 15px;
  }
	.sly-slide{
		width: 310px;
		min-width: 310px;
	}
	.sly-slide img{
		width: 290px;
		min-width: 290px;
		height: 290px;
	}
	.blog-page hr{
		margin: 44px 0 46px;
	}
	.step-head-w100{
	  padding-top: 59px;
	  padding-bottom: 30px;
	}
	.step-head-w100 h2 span{
	  padding-left: 55px;
	}
	.sly-slider ~ h2 {
	  padding-top: 56px;
	}
}
.dop{
	margin-top: 149px;
}
.dop-header{
	position: relative;
	padding-right: 130px;
	padding-bottom: 26px;
}
.dop-header h2{
	color: #333;
	font: 400 64px/64px 'Cormorant';
	text-transform: uppercase; 
	padding: 0 0 31px;
	margin: 0;
}
.dop-header .slick-arrow{
	position: absolute;
	right: 0;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}
.dop-header .slick-arrow.dop-slider-prev{
	top: 5px;
	right: 65px;
	width: 50px;
	height: 50px;
}
.dop-header .slick-arrow.dop-slider-prev svg{
  display: block;
	width: 50px;
	height: 50px;
}
.dop-header .slick-arrow.dop-slider-next{
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
}
.dop-header .slick-arrow.dop-slider-next svg{
  display: block;
	width: 60px;
	height: 60px;
}
.dop-header .slick-arrow.dop-slider-prev:hover svg path, .dop-header .slick-arrow.dop-slider-next:hover svg path{
	fill: #09BBB5;
}
.dop-header .slick-arrow.dop-slider-prev.slick-disabled svg path, .dop-header .slick-arrow.dop-slider-next.slick-disabled svg path, .dop-header .slick-arrow.dop-slider-prev.slick-disabled:hover svg path, .dop-header .slick-arrow.dop-slider-next.slick-disabled:hover svg path, .dop-header .slick-arrow.dop-slider-prev.slick-disabled, .dop-header .slick-arrow.dop-slider-prev.slick-disabled:hover, .dop-header .slick-arrow.dop-slider-next.slick-disabled, .dop-header .slick-arrow.dop-slider-next.slick-disabled:hover{
	fill: #ccc;
	cursor: default;
}
.dop-slider{
	position: relative;
	margin: 0 -15px;
}
.dop-item{
	padding: 0 15px;
}
.dop-item-image{
	border-radius: 15px;
	overflow: hidden;
}
.dop-item-image img{
  display: block;
	width: 100%;
	height: auto;
}
.dop-item-title{
  margin-top: 20px;
	border-top: 1px solid #333;
	padding-top: 18px;
}
.dop-item-title h3{
	color: #333;
	font: 700 14px/18px Mont;
	letter-spacing: 4.2px;
	text-transform: uppercase; 
	padding-bottom: 15px;
}
.dop-item-text{
	color: #999;
	font: 600 16px/26px Mont;
}
.dop-item-link{
	padding-top: 21px;
}
.dop-item-link a{
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
	text-indent: 100px;
	background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='30' fill='%23FFA658'/%3E%3Cg clip-path='url(%23clip0_4900_440)'%3E%3Cpath d='M27 23V25H33.59L22 36.59L23.41 38L35 26.41V33H37V23H27Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4900_440'%3E%3Crect width='24' height='24' fill='white' transform='translate(18 18)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center;
}
.dop-item-link a:hover{
	opacity: .8;
}
.dop ~ .paragraph{
	margin-top: 79px;
}

.prev-sly{
	
}
@media (max-width:980px){
	.dop {
	  margin-top: 129px;
	}
	.dop-header h2{
	  font-size: 40px;
	  line-height: 40px;
		padding: 0 0 31px;
	}
	.dop-header .slick-arrow.dop-slider-prev{
		top: 2px;
		right: 55px;
		width: 40px;
		height: 40px;
	}
	.dop-header .slick-arrow.dop-slider-prev svg{
		width: 40px;
		height: 40px;
	}
	.dop-header .slick-arrow.dop-slider-next{
		top: -3px;
	}
	.dop-header .slick-arrow.dop-slider-next, .dop-header .slick-arrow.dop-slider-next svg{
		width: 50px;
		height: 50px;
	}
}
@media (max-width:640px){
	.dop {
	  margin-top: 79px;
	}
	.dop-header{
		padding-right: 0;
		padding-bottom: 0;
	}
	.dop-header h2{
		padding-bottom: 20px;
	}
	.dop-header .slick-arrow.dop-slider-prev{
		top: auto;
		bottom: -60px;
		right: 65px;
		z-index: 1;
	}
	.dop-header .slick-arrow.dop-slider-next{
		top: auto;
		bottom: -65px;
		right: 10px;
		z-index: 1;
	}
	.dop ~ .paragraph {
	  margin-top: 59px;
	}
	.sly-slider-navi{
		display: none;
	}
}

/* End */


/* Start:/local/templates/vanilla_flower/components/ylab/likes/vanilla/style.css?17665221771573*/
.vote_text {
	padding: 20px 0 10px;
	text-align: center;
	font: 700 18px/23px 'Mont';
	color: #fff;
}
.votes_bar {
	margin-top: 6px;
	display: flex;
	justify-content: center;
	padding-bottom: 33px;
}
.votes_bar .vote_action {
	margin: 0 10px;
}
.votes_bar .vote_action button {
    border: none;
    background-color: transparent;
    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: #fff;
}
.votes_bar .vote_action button.like {
    background-image: url(/local/templates/vanilla_flower/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_flower/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_flower/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_flower/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 */
/* /local/templates/vanilla_flower/components/bitrix/news/blog_vanilla/bitrix/news.detail/.default/style.css?176652217724034 */
/* /local/templates/vanilla_flower/components/ylab/likes/vanilla/style.css?17665221771573 */
