/* Start:/local/templates/vanilla_piony/components/bitrix/news/blog_vanilla/bitrix/news.detail/.default/style.css?176652217721750*/
.blog-page {
    width: 100%;
    overflow: hidden;
}
.article-head-poster img{
}
.article-body{
	font: 600 16px/26px 'Mont', serif;
	color: #333;
}
.article-head-title h1{
	font: normal 70px/84px 'Cormorant';
	text-transform: uppercase;
	color: #333;
	padding: 50px 0 86px;
	margin: 0;
}
.article-body h2{
	font: 700 26px/34px 'Cormorant';
	text-transform: uppercase;
	color: #333;
	padding: 1px 0 29px;
	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;
}
.slider-card_wrap{
	padding-bottom: 69px;
}
.content-cols{
	display: flex;
	justify-content: space-between;
	padding-bottom: 69px;
}
.content-cols-left{
	width: calc(50% - 35px);
	align-items: center;
	display: flex;
	text-align: center;
	justify-content: center;
}
.content-cols-right{
	width: calc(50% - 35px);
}
.content-cols-left img{
  width: calc(50% - 30px);
  max-width: 285px;
  height: auto;
	padding: 15px;
}
.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';
	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: 5px;
	padding-bottom: 5px;
}
.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: 140px;
	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%;
}
.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 center;
	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 52px 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 center;
	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: 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 .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;
	}
	.content-cols-left{
		width: 100%;
		order: 2;
	}
	.content-cols-right{
		width: 100%;
		order: 1;
	}
	.blog-item-time {
		display: none;
	}
}
@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-body{
		font-size: 14px;
		line-height: 22px;
	}
	.article-head-info{
	  flex-direction: column;
	  padding-bottom: 50px;
	}
	.article-head-info-left{
		width: 100%;
		order: 2;
	}
	.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;
	}
	.blog-item-author{
		padding-bottom:15px;
	}
	.article-head-title h1{
	  font-size: 30px;
	  line-height: 36px;
		font-weight: 400;
		padding: 41px 0 30px;
	}
	.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: 53px;
	}
	.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: 30px;
	  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 61px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.sly-slider-v2{
	align-items: end;
}
.sly-slider-left{
  padding-top: 3px;
	width: calc(50% - 60px);
}
.sly-slider-right{
	width: calc(50% - 60px);
}
.sly-slider-v2 .sly-slider-left{
	padding-bottom: 3px;
}
.sly-slider-v2 .sly-slider-right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sly-slider-big-pic{
	width: 100%;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.sly-slider-big-pic img{
  display: block;
  position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	border-radius: 15px;
}
.sly-slider-big-desc{
  padding: 20px 0 0;
	font: 700 16px/16px 'Mont';
	text-align: center;
	text-transform: uppercase;
	color: #333;
}
.sly-slider-big-desc a{
	font: 700 16px/16px 'Mont';
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}
.sly-slider-big-desc a:hover{
	color: #09BBB5;
	text-decoration: none;
}

.sly-slider-feed{
  margin-top: 40px;
  margin-right: calc(((100vw / 2) - 50%) * -1);
	overflow: hidden;
}
.sly-slider-v2 .sly-slider-feed{
	width: calc((100vw / 2) - 50px);
	padding-right: 30px;
  margin-top: 20px;
}
.sly-slider-feed .sly-slider-feed-frame{
	display: flex;
	flex-direction: row;
	 margin: 0; padding: 0; height: 100%; list-style: none; 
}
.sly-slide{
	width: 290px;
	min-width: 290px;
}
.sly-slide img{
	width: 250px;
	height: 250px;
	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;
}
.sly-slider-v2 .sly-slider-big-desc, .sly-slider-v2 .sly-slide blockquote{
	display: none;
}
.sly-slider-v2 .sly-slide p{
	text-align: left;
}
.sly-slider-v2 .sly-slide p, .sly-slider-v2 .sly-slide p a{
  letter-spacing: 4.2px;
  font-size: 14px;
  line-height: 18px;
}
.sly-slider-v2 .sly-slide .crop-pic{
	position: relative;
	display: block;
	width: 250px;
	height: 220px;
	border-radius: 15px;
	overflow: hidden;
}
.sly-slider-v2 .sly-slide.active .crop-pic{
	border: 2px solid #333;
}
.sly-slider-v2 .sly-slide .crop-pic img{
	position: relative;
	margin-top: -15px;
}
.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;
}
.sly-slider-nav-next svg{
}
@media (max-width:1100px){
	.step-head-text, .step-head-header{
		max-width: calc(50% - 30px);
	}
	.sly-slider-v2	.sly-slider-left{
		display: none;
	}
	.sly-slider-v2 .sly-slider-left{
		width: 100%;
		max-width: 100%;
	}
	.sly-slider-v2 .sly-slider-right{
		width: 100%;
		max-width: 100%;
	}
	.sly-slider-v2 .sly-slider-feed{
		width: 100%;
		padding-right: 0;
	}
}
@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: 31px;
  }
  .sly-slider-v2{
  	padding-bottom: 51px;
  }
  .sly-slider h2{
  	padding-bottom: 20px;
  }
  .sly-slider-feed{
  	margin-top: 15px;
  }
	.sly-slide{
		width: 270px;
		min-width: 270px;
	}
	.blog-page hr{
		margin: 44px 0 46px;
	}
	.step-head-w100{
	  padding-top: 59px;
	  padding-bottom: 30px;
	}
	.step-head-w100 h2 span{
	  padding-left: 55px;
	}
}
.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;
}
@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;
	}
}

/* End */


/* Start:/local/templates/vanilla_piony/components/bitrix/catalog.section/blog_slider/style.css?17701992078113*/
.blog-page{
	padding-bottom: 0 !important;
}
.item-button {
	box-sizing: border-box;
}
.blog-page .wrap{
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.blog-slider{
	margin-top: 4px;
	padding-bottom: 50px;
}
.blog-slider{
}
.main-wrap h2.title{
	border-top: 1px solid #333;
	text-align: left;
	font-size: 36px;
	line-height: 47px;
	font-weight: 400;
	padding: 30px 0 10px;
	margin: 0 10px;
}
.main-wrap h2.title:before, .main-wrap h2.title:after{
	display: none;
}
.blog-slider .slider-card__item{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.blog-slider .card-arrow__item{
	display: flex !important;
	width: 100%;
	left: auto;
	padding: 0 5px;
	box-sizing: border-box;
}
@media (min-width:1220px){
	.blog-slider .card-arrow__item{
		width: auto;
		left: -30px;
		right: -30px;
	}
}
@media (max-width:1200px){
	.blog-slider .slider-card__item, .blog-slider .slider-card_wrap{
		max-width: 840px;
		margin: 0 auto;
	}
	.blog-slider .card-arrow__item{
	}
}
.blog-slider .card {
    position: relative;
    margin-top: 20px !important;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
}
.blog-slider .card, .blog-slider .card:nth-child(2n+1), .blog-slider .card:nth-child(3n+1){
    margin-left: auto !important;
    margin-right: auto !important;
}
.blog-slider .card:hover {
	box-shadow: none;
}
.blog-slider .card .more{
	padding-right: 0;
	padding-bottom: 7px;
	position: relative;
	overflow: hidden;
	border-radius: 15px 15px 0px 0px;
}
.loader {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,.7);
    display: none;
    align-items: center;
    justify-content: center;
}
.loader img {
	width: 199px;
	height: 199px;
}

.modal.add2cartModal {
    display: none;
}

.modal.add2cartModal {
    position: fixed; /* фиксированное положение */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(248,248,248,0.9); /* цвет фона */
    z-index: 1050;
    opacity: 1; /* по умолчанию модальное окно прозрачно */
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in; /* анимация перехода */
    margin: 0;
    padding: 0;
}
/* при отображении модального окно */
.modal.add2cartModal:target {
    opacity: 1; /* делаем окно видимым */
    pointer-events: auto; /* элемент видим для событий мыши */
    overflow-y: auto; /* добавляем прокрутку по y, когда элемент не помещается на страницу */
}
.add2cartModal .modal-dialog {
    position: relative;
    width: 100%;
    max-width:600px;
    padding: 10px;
    box-sizing:border-box;
		margin:0 auto;
}
.add2cartModal .modal-content {
    width:100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    outline: 0;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.add2cartModal .modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 70px 15px 17px;
    position:relative;
    text-align:center;
}
.add2cartModal .modal-title {
    margin-top: 0;
    margin-bottom: 0;
    font:normal 30px/39px 'Playfair Display';
    color: #333;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		display:block;
		width:100%;
}
.add2cartModal .close {
    display:block;
    position:absolute;
    right:25px;
    top:25px;
    width:14px;
    height:14px;
    overflow:hidden;
		font:normal 22px/14px Tahoma;
		color:#09BBB5;
    text-decoration: none;
}
.add2cartModal .close:focus, .add2cartModal .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}
.add2cartModal .modal-body {
	position: relative;
	display:flex;
	flex-direction:row;
	justify-content: center;
	padding: 15px 15px 63px;
	overflow: auto;
}
.add2cartModal .modal-body .button{
	background: #FFA658;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:22px 32px;
	outline: 0;
	font-family: 'Mont';
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	width: auto;
	height: auto;
	white-space: nowrap;
	transition: all 1s ease;
	margin-left:10px;
	margin-right:10px;
}
.add2cartModal .modal-body .button:hover{
	background: #FF8F2D;
}
.add2cartModal .modal-body .button.buttowhite{
	background: transparent;
	padding:5px;
	font-weight: 600;
	color: #00A8A6;
}
.add2cartModal .modal-body .button.buttowhite:hover{
	background: transparent;
}
.add2cartModal .modal-body .button.buttowhite svg{
	margin-right: 7px;
}
@media (max-width:576px){
	.add2cartModal .modal-body {
		flex-direction:column;
		padding-left:0;
		padding-right:0;
	}
}

.add2favorite--recommended {
    position: absolute;
    top: 10px;
    right: 20px;
    display: flex;
    font-family: inherit;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 4;
    width: 32px;
    height: 32px;
		justify-content: center;
		align-items: center;
		backdrop-filter: blur(3.5px);
		border-radius: 100%;
		background: rgba(255, 255, 255, 0.75) url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82763 2.28082C7.1615 0.332977 4.38312 -0.190988 2.29558 1.59265C0.208037 3.3763 -0.0858602 6.35846 1.5535 8.46798C2.91651 10.2219 7.04148 13.9211 8.39342 15.1183C8.54467 15.2523 8.6203 15.3193 8.70851 15.3456C8.7855 15.3685 8.86975 15.3685 8.94674 15.3456C9.03496 15.3193 9.11058 15.2523 9.26184 15.1183C10.6138 13.9211 14.7387 10.2219 16.1018 8.46798C17.7411 6.35846 17.4831 3.35753 15.3597 1.59265C13.2362 -0.172226 10.4938 0.332977 8.82763 2.28082Z' stroke='%23777E90' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center;
}
/* active
*/
.add2favorite--recommended.add2favorite--active {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.82763 2.28082C7.1615 0.332977 4.38312 -0.190988 2.29558 1.59265C0.208037 3.3763 -0.0858602 6.35846 1.5535 8.46798C2.91651 10.2219 7.04148 13.9211 8.39342 15.1183C8.54467 15.2523 8.6203 15.3193 8.70851 15.3456C8.7855 15.3685 8.86975 15.3685 8.94674 15.3456C9.03496 15.3193 9.11058 15.2523 9.26184 15.1183C10.6138 13.9211 14.7387 10.2219 16.1018 8.46798C17.7411 6.35846 17.4831 3.35753 15.3597 1.59265C13.2362 -0.172226 10.4938 0.332977 8.82763 2.28082Z' fill='%23FFA658' stroke='%23FFA658' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.item-cart-one{
	margin-right: 18px;
}
.card_detail.more.mob{
	display: none !important;
}
.card-labels{
	z-index: 1;
}
@media (min-width:425px) and (max-width:440px){
	.add2favorite--recommended {
		right: 80px;
	}
}
@media (min-width:400px) and (max-width:424px){
	.add2favorite--recommended {
		right: 70px;
	}
}
@media (min-width:380px) and (max-width:399px){
	.add2favorite--recommended {
		right: 60px;
	}
}
@media (min-width:360px) and (max-width:379px){
	.add2favorite--recommended {
		right: 50px;
	}
}
.f-notice.showed,.f-notice.deleted{top:25px !important}
/* End */


/* Start:/local/templates/vanilla_piony/components/bitrix/news.list/blog_more_slider/style.css?17665221772786*/
.blogs-in-main {
	padding: 51px 15px 0;
}
.blogs-list{
	padding-bottom: 60px;
}
.blog-more-slider-block .wrap{
	max-width: 1230px;
}
.blog-more-slider-block h2{
  padding: 25px 15px 0;
	font: 700 26px/34px 'Cormorant';
	text-transform: uppercase;
	color: #333333;
}
.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 */


/* Start:/local/templates/vanilla_piony/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_piony/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_piony/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_piony/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_piony/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_piony/components/bitrix/news/blog_vanilla/bitrix/news.detail/.default/style.css?176652217721750 */
/* /local/templates/vanilla_piony/components/bitrix/catalog.section/blog_slider/style.css?17701992078113 */
/* /local/templates/vanilla_piony/components/bitrix/news.list/blog_more_slider/style.css?17665221772786 */
/* /local/templates/vanilla_piony/components/ylab/likes/vanilla/style.css?17665221771573 */