.main-content-block .section_how img{
	height: 100%;
}



/************************************how***************************************************/
.section_how{
	    background: rgba(211,251,251,.32);
		position:relative;
}
.how_work_bg__img{
	position: absolute;
	z-index:-1;
	height: initial !important;
}
.bottle_left{

	transform: rotateZ(55deg) scale(0.7);
	bottom:30px;
	left:-100px;
}
.bottle_right{
	
	transform: scale(0.7);
	top:100px;	
	right:-100px;
}
.spray_left{	

transform: rotateY(180deg) rotateZ(-75deg);
	top:30px;
	left:-120px;
}
.spray_right{
	transform: rotateZ(-75deg);
	bottom:120px;
	right:-120px;
}
.section_how__title{
	font-weight: 600;
	margin:4.5rem auto!important;

}
.section_how .bg__icon__bottom-right{
	width: 19.3625rem;
	height: 19.3625rem;
	bottom: 20rem;
	right: -8rem;
	fill:rgba(164, 223, 229, 1);
	transform: rotate3d(0, 0, 1, -70deg);
}
.section_how .bg__icon__top-right{
	top: 15rem;
	right: -6rem;
	fill:rgba(215, 251, 251, 1);
	width: 12.74638rem;
	height: 14.11206rem;
}
.section_how .bg__icon__bottom-left{
	bottom:5rem;
	left: -6rem;
	fill:rgba(215, 251, 251, 1);
	width: 12.74638rem;
	height: 14.11206rem;
}	
.section_how .bg__icon__top-left{	
	width: 19.3625rem;
	height: 19.3625rem;
	top: -1rem;
	left: -7rem;
	fill:rgba(164, 223, 229, 1);
}
@media screen and (width <= 45rem){
	.section_how__title{
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 2.125rem;
		margin: 2rem auto 1.7rem!important;
	}
}
/*************track***************/
.how_track{
	display:flex;
	justify-content:center;
	margin-bottom:2.75rem;
	max-width:73.375rem;
	margin: 0 auto 2.75rem;
	gap:1rem;
}
.how_track__item{
	width:14.5rem;	
}
/*.how_track__item:nth-child(even){*/
.how_track__item:nth-child(2n){
	width:4.7rem;
}
.how_track__img{
	display:block;
	width:4rem;
	height:4rem;
	margin: 0 auto 0.63rem;
}
.how_track__desc{
	color: #205A5A;
	text-align: center;
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

@media ( width <= 56rem ){
	.how_track{
		flex-direction:column;
		align-items: flex-start;
	}
	.how_track__item:nth-child(2n){
		display:none;
	}
	.how_track__item{
		width: 90%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin:auto;
		
	}
	.how_track__img {
		margin:0;
		margin-right:1rem;
		width:3rem;
		min-height: 3rem;
		min-width: 3rem;
	}
		
	
	.how_track__desc{
		text-align:left;
		font-size: 1.125rem;
	}
}

/***************how_gallery**********************/
.how_gallery{
	display: grid; 
	margin: 0 auto; 
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr); 
	gap: 0.2rem; 
	margin-top:4.81rem;
}
.how_gallery__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display:block;
}			
.how_gallery__fig{
	line-height:0;
	overflow:hidden;
}
.how_gallery__fig--1 {
	grid-column: 1/3;
	grid-row: 1/2;
}
.how_gallery__fig--2 {
	grid-column: 1/2;
	grid-row: 2/3;
}
.how_gallery__fig--3 {
	grid-column: 2/3;
	grid-row: 2/3;
}
.how_gallery__fig--4 {
	grid-column: 3/5;
	grid-row:1/3;
}
.how_gallery__fig--5 {
	grid-column: 5/6;
	grid-row: 1/2;
}
.how_gallery__fig--6 {
	grid-column:6/7;
	grid-row: 1/2;
}
.how_gallery__fig--7 {
	grid-column:5/7;
	grid-row: 2/3;
}
@media ( width <= 35rem ){
	.how_gallery{
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(4, 1fr);	
margin-top: 1rem;		
	}
	.how_gallery__fig--2 {
		grid-column: 4/5;		
	}
	.how_gallery__fig--3 {
		grid-column: 1/2;		
	}
	.how_gallery__fig--4 {
		grid-column: 1/5;
		grid-row:3/5;
		max-height:12rem;
	}
	.how_gallery__fig--5 {
		grid-column: 3/4;		
	}
	.how_gallery__fig--6 {
		grid-column:4/5;		
	}
	.how_gallery__fig--7 {
		grid-column:2/4;
		grid-row: 2/3;
	}
}

/*************how_slider*************************/
.how_slider{
	position:relative;
	overflow:hidden;
	max-height:48rem;
}
.how_slider__btn{
	width: 15%;
	height: 15%;
	max-width:5.25rem;
	max-height:5.25rem;
	fill: #F58626;
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}
[data-fancybox="how_work__video"]{
	display:block;
	/*height:700px;*/
	
}
/* Контейнер с маркерами */
.how_slider .owl-dots {
  text-align: center; 
margin-top:2.5rem;
margin-bottom:3rem; 
display: flex;
align-items:center;
justify-content:center; 
}

/* Сам маркер
Здесь body в начале, чтобы заменить стили, которые указаны в самом плагине */
.how_slider.owl-carousel button.owl-dot {
 
	border-radius: 6.25rem;
	background: #FFCB9E;
	width: 2.25rem;
	height: 0.3125rem;
	margin: 0 1rem;
}

/* Активный маркер */
.how_slider.owl-carousel button.owl-dot.active {
  background: #F58626;
}
@media (width <= 45rem){
	.how_slider.owl-carousel button.owl-dot {
		width:1.3rem;
		height: 0.25rem;
		margin: 0 0.3rem;
	}

}

/*************how_desc*****************/
.how_desc {
    margin-top: 5.88rem;
	margin-bottom:5rem;
    width: 100%;
    padding: 3rem;
    background: #fff;
    border-radius: 1.5rem;
    box-shadow: 0 0 40px rgba(167, 165, 166, .4);	
}

.how_desc__title {
    font-size: 1.1875rem;
	font-weight: 700;
	line-height: 2.875rem; 
    color: #068f9d;
	text-align:center;
}

.section_how p.how_desc__text, .section_how .more_text {
	font-size: 1.1875rem;
	font-weight: 300;
	line-height: 1.8125rem;
    color: #205a5a
}

.how_desc__text{
	text-indent:40px;
}

.how_desc__more{
	display:block;
	margin-top: 1rem;
	color: #068F9D;
	font-size: 1.1875rem;
	font-weight: 300;
	line-height: 1.8125rem;
	cursor:pointer;
}
.more_text{
	display: none;
}
@media (width <= 40rem){
	.how_desc {
		padding:1.5rem 1.25rem;
		margin: 2rem auto 2.5rem;
	}
	.how_desc__title {
		text-align: center;
		font-size: 1.125rem;
		font-weight: 700;
		line-height: normal;
		margin-bottom:1rem;
	}
	.how_desc__more{
		text-align: justify;
		font-size: 0.875rem;
		font-weight: 300;
		line-height: 1.25rem; 
		margin-top: 0.5rem;
	}
	.section_how p.how_desc__text, .section_how .more_text {
		text-align: justify;
		font-size: 0.875rem;
		font-weight: 300;
		line-height: 1.25rem;
	}
}


a.how_gallery__fig {
	outline: none;
}