@charset "utf-8";
/* CSS Document */
.cxema1, .cxema2, .cxema3, .cxema1-1, .cxema2-1, .cxema3-1 {
   display: flex;
   position: relative;
   justify-content: center;}
.cxema1 {
   margin-top: 15px;}
.cxema3 {
    max-width: 775px;}
.cxema2, .cxema2-1, .cxema1-1 {
     margin-top: -3px; }
#box1, #box1-1, .box, .box-1 {
    text-align: center;
    justify-content: center;}
.box, .box-1 {
    padding: 15px;}
#box1 {
    padding: 2px;
    margin: 40px auto 45px 0;}
.box div, #box1, .box-1 div, #box1-1  {
    font-size: 15px;
    font-weight: 500;}
.twostr {
	margin: -7px auto;}
        /* Стиль самих блоков схемы */
.box, .box-1, #box1, #box1-1 {
     display: inline-block;
     border: 0.5px solid #686868;
     border-radius: 4px;
     background-color: #EFEFEF; }
.box {
    width: 220px;
    height: 52px;}
#box1 {
     width: 220px;
     height: 62px; }
/* Горизонтальная стрелка 1*/
.arrow-1, .arrow-2, .arrow-1-1 {
    position: relative;
    height: 1px;
    background-color: #686868;
    margin: 25px 0;
    display: block;}
.arrow-1::after, .arrow-2::after, .arrow-1-1::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    top: -2px;
    right: 0;
    background-color: #686868;
    transform: rotate(45deg);}
.arrow-1::before, .arrow-2::before,  .arrow-1-1::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    top: 2px;
    right: 0;
    background-color: #686868;
    transform: rotate(-45deg);}
.arrow-1 {
    width: 74px;}
        /* Горизонтальная стрелка 2*/
.arrow-2 {
    width: 197px;}
/* Контейнер задает физический размер стрелки на экране */
.zig-zag-arrow1, .zig-zag-arrow2, .zig-zag-arrow3, .zig-zag-arrow1-1, .zig-zag-arrow2-1, .zig-zag-arrow3-1{
    position: relative;
    display: inline-block;}
.zig1, .zig1-1 {
    position: relative;
    border-right: 1px solid #686868;  /* Параметры линии */
    border-bottom: 1px solid #686868;  /* Параметры линии */ }
.zig1 {
    height: 30px;
    width: 860px;
    margin-left: 145px;}
.arrow1, .arrow1-1 {
    position: relative;
    width: 1px;
    background-color: #686868;
    display: inline-block;}
.arrow1 {
    height: 30px;
    margin-left: 145px;}
.arrow1::after, .arrow1-1::after, .arrow4-1::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    right: -4px;
    bottom: 1px;
    background-color: #686868;
    transform: rotate(135deg);}
.arrow1::before, .arrow1-1::before, .arrow4-1::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    right: 0;
    bottom: 1px;
    background-color: #686868;
    transform: rotate(-135deg);}
.zig2 {
    border-bottom: 1px solid #686868;  /* Параметры линии */ 
    width: 100px;
    margin-left: 145px;}
.arrow2, .arrow2-1 {
    position: relative;
    width: 1px;
    background-color: #686868;}
.arrow2 {
    height: 70px;
    margin-left: 145px;}
.arrow2::after, .arrow2-1::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    right: -4px;
    top: 1px;
    background-color: #686868;
    transform: rotate(45deg);
}
.arrow2::before, .arrow2-1::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    right: 0;
    top: 1px;
    background-color: #686868;
    transform: rotate(-45deg);
}
.zig3 {
    position: relative;
    border-right: 1px solid #686868;  /* Параметры линии */
    height: 87px;
    border-top: 1px solid #686868;  /* Параметры линии */ 
    width: 90px;
    margin: -87px 0 0 205px;
}
.arrow3 {
    position: relative;
    width: 295px;
    height: 1px;
    background-color: #686868;
    margin: 70px 15px 0 0;
}
.arrow3::after, .arrow3-1::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    left: 0;
    top: 2px;
    background-color: #686868;
    transform: rotate(45deg);
}
.arrow3::before, .arrow3-1::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 1px;
    left: 0;
    top: -2px;
    background-color: #686868;
    transform: rotate(-45deg);
}
.sxema1{
    display: none;}

/*************************************/ 
#imgzavod {
	position: relative;
    width: 100%; 
	margin:1.5em 0 3em 0;
}
.imgzav2, .imgzav3 {
    justify-content: center;
    width: 49.5%;
    margin-bottom: 45px;
}
.imgzav2 { 
    margin-right: 3px;}
.imgzav3 {
    margin-left: 3px;}
.height {
    height: 35px;}
@media screen and (max-width: 1160px)/*1050-1160*/{
	/*.pos-wrap{
	margin: 2em auto;
	max-width:1000px;
	}*/
.box, #box1 {
     width: 193px; }
.zig1 {
    width: 780px;}
.arrow1, .zig1, .zig2, .arrow2 {
    margin-left: 123px;}
.zig2 {
    width: 85px; }    
.zig3 {
    margin-left: 195px;}
.arrow3 {
    width: 285px;
    margin-right: 89px;
}
.imgzav2, .imgzav3 { 
    width: 49.3%;}
} 
@media screen and (max-width : 1050px ) {
	/*.pos-wrap {
	max-width:900px;}*/
.box, #box1 {
     width: 170px; }
.zig1 {
    width: 700px;}
.arrow-2 {
    width: 167px;}
.arrow1, .zig1, .zig2, .arrow2 {
    margin-left: 113px;}
.zig2 {
    width: 85px; }    
.zig3 {
    width: 68px;
    margin-left: 167px;}
.arrow3 {
    width: 235px;
    margin-right: 172px;}
.imgzav2, .imgzav3 {
    margin-bottom: 40px;}
.height {
    height: 20px;}
} 
@media screen and (max-width: 997px)/*906-997*/{
/*.pos-wrap {
	max-width:850px;}  */
.box, #box1 {
     width: 150px; }
.box div, #box1 div  {
    font-size: 14px;}
.twostr {
     margin: -6px -8px;}
#box1 {
     padding: 4px;}
.zig1 {
    width: 650px;}
.zig2 {
    width: 80px; }    
.zig3 {
    width: 69px;
    margin-left: 156px;}
.arrow3 {
    width: 225px;
    margin-right: 207px;}
}
@media screen and (max-width: 905px){
/* .pos-wrap {
	margin: 0 auto;
	max-width:750px;*/
.cxema1 {
    margin-top: 10px;}
.box, #box1 {
     width: 140px; }
.cxema1 div:first-child .twostr  {
     margin: -6px -13px;}
#box1 {
     padding: 2px;}
.arrow-1 {
        width: 55px; }
.arrow-2 {
        width: 143px; }
.zig1 {
    width: 580px;}
.zig2 {
    width: 73px; }    
.arrow1, .zig1, .zig2, .arrow2 {
    margin-left: 93px;}
.cxema3{
    max-width: 600px; }
.arrow3 {
    width: 185px;
    margin-right: 109px;}
.zig3 {
    width: 48px;
    margin-left: 138px;  }
.imgzav2, .imgzav3 {
    display: block;	
    margin: 0 auto 13px;
    width: 100%;
    max-width: 580px;}
.imgzav3 {
    margin-bottom: 45px;}
.height{
     height: 25px;  }
}
@media screen and (max-width: 768px) {
/*.pos-wrap, .pos-wrp {
	margin: 0 auto;
	max-width:720px;*/
.sxema{
    justify-content: center;
    margin: 0 auto;
    max-width: 650px;  }
.box, #box1 {
     width: 137px; }
.box div, #box1 {
    font-size: 0.85em;}
.arrow-1 {
        width: 34px; }
.arrow-2 {
        width: 103px; }
#box1 {
     padding: 6px;}
.zig1 {
    width: 485px;}
.zig2 {
    width: 45px; }    
.arrow1, .zig1 {
    margin-left: 18%;}
.zig2, .arrow2 {
    margin-left: 87px;}
.arrow3 {
    width: 149px;
    margin-left: -28%;}
.zig3 {
   width: 27px;
    margin-left: 19.5%;  }
}
@media only screen and (max-width: 660px){
#imgzavod {
	margin: 0.85em 0 2.5em 0;}
.sxema {
    display: none;}
.sxema1 {
    display: block;
    margin: 0 auto;
    width: 510px;   }
        /* Стиль самих блоков схемы */
.box-1, #box1-1 {
    width: 200px;}
.box-1 {
    height: 52px;}
#box1-1 {
     height: 62px; }
#box1-1 {
    padding: 2px;
    margin: 40px 0 45px;}
.twostr {
	margin: -7px auto;}
.arrow-1-1 {
        width: 65px; }
.zig1-1 {
    height: 20px;
    width: 255px;
    margin-left: 125px;}
.arrow1-1 {
    height: 20px;
    margin-left: 125px;}
.arrow2-1 {
    height: 70px;
    margin-left: 0;}
.zig2-1 {
    border-bottom: 1px solid #686868;  /* Параметры линии */ 
    width: 30px;
    margin-left: 0;}
.arrow3-1 {
    position: relative;
    width: 15px;
    height: 1px;
    background-color: #686868;
    margin: 70px 15px 0 0;}
.zig3-1{
    position: relative;
    width: 1px;
    height: 71px;
    background-color: #686868;
    margin: -71px 0 0 15px;}
.arrow4-1 {
    position: relative;
    display: inline-block;
    float: right;
    background-color: #686868;
    width: 1px;
    height: 147px;
    margin: -148px -20% 0 0; }    
.boxfasov{
    float: right;
    margin: 0 4% 30px 0; }    
.imgzav3 {
    margin-bottom: 35px;}
}
@media only screen and (max-width: 520px ){ 
#imgzavod {
	margin-bottom: 1.5em;}
.sxema1 {
    width: 390px;   }
.box-1, #box1-1 {
    width: 150px;}
.box-1 div, #box1-1 {
    font-size: 0.85em;}
.cxema1-1 div:first-child .twostr  {
     margin: -6px -13px;}
.zig1-1 {
    width: 215px;
    margin-left: 90px;}
.arrow1-1 {
    margin-left: 90px;}
#box1-1 {
    padding: 5px;}
}
@media screen and (max-width: 400px){ 
#imgzavod {
	margin-bottom: 1em;}
.sxema1 {
    width: 320px;
    margin-top: -20px;  }
.box-1, #box1-1 {
    width: 143px;}
.box-1 div, #box1-1 {
    font-size: 0.8em;}
.box-1 {
    padding: 17px;}
.cxema1-1 div:first-child .twostr  {
     margin: -6px -9px;}
.arrow-1-1 {
        width: 34px; }
.zig1-1 {
    width: 175px;
    margin-left: 75px;}
.arrow1-1 {
    margin-left: 75px;}
.arrow2-1 {
    margin-left: 10px;}
.zig2-1 {
    width: 10px;
    margin-left: 10px;}
#box1-1 {
    padding: 7px;}
.arrow4-1 {
    margin-right: -27%; }    
.boxfasov{
    margin: 0 0 25px 0; }    
.imgzav3 {
    margin-bottom: 20px;}
}