﻿
.flow__wrapper {
 width: 86%;
 max-width: 1200px;
 text-align: left;
 counter-reset: item;
}




.flow__photoblock {
 display: flex;
 justify-content: center;
}
.flow__photo {
 overflow: hidden;
}


.flow__photo img {
 max-width: 100%;
 height: auto;
}
.flow__photo {
 display: block;
 font-size: 0;
 line-height: 1;
}

.flow__headline {
 position: relative;
 display: flex;
  justify-content: flex-start;
 align-items: center;
}
.flow__headline:before {
 display: block;
 width: 70px;
 height: 70px;
 border-radius: 35px;
 line-height: 70px;
 text-align: center;
 counter-increment: item;
 content: counter(item, decimal-leading-zero);
 position: absolute;
 left: 0;
 top:50%;
 transform: translateY(-50%);
 font-weight: 700;
 font-size: 30px;
 color: #FFF;
 background-color: var(--color-mossgreen);
}


@media screen and (min-width: 769px){
.flow__wrapper { margin: 150px auto 0; }
.flow__inner + .flow__inner { margin: 150px auto 0; }
.flow__headline { padding-left: 90px;  min-height: 70px; }	
.flow__headline span { font-size: 32px; }
.flow__inner > p { margin-top: 35px; }	
.flow__inner > .flow__headline + p { margin-top: 20px; }	
	
.flow__photoblock { margin: 50px auto 0;}
.flow__photo.-clm2 { width: 48.5%; border-radius : 20px; }
.flow__photo.-clm2:not(:first-child) { margin-left: 3%; }
.flow__photo.-clm3 { width: 31.2%; border-radius : 20px;}
.flow__photo.-clm3:not(:first-child) { margin-left: 3.2%; }
.flow__inner > .button { margin-top: 35px; }	
}
@media screen and (max-width: 768px){
.flow__wrapper { margin: 75px auto 0; }
.flow__inner + .flow__inner { margin: 75px auto 0; }
.flow__headline { padding-left: 90px;  min-height: 70px; }
.flow__headline span { font-size: 24px; }
.flow__inner > p { margin-top: 35px; }	
.flow__inner > .flow__headline + p { margin-top: 20px; }	
.flow__photoblock { margin: 25px auto 0; }
.flow__photo.-clm2 { width: 48.5%; border-radius : 10px; }
.flow__photo.-clm2:not(:first-child) { margin-left: 3%; }
.flow__photo.-clm3 { width: 31.2%; border-radius : 10px; }
.flow__photo.-clm3:not(:first-child) { margin-left: 3.2%; }
}