* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;

 }

 .s {
     position: relative;
     padding: 25px 0;
 }

 .s_cont {
     width: 100%;
     max-width: 1390px;
     padding: 0 5px;
     margin: 0 auto;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: column
 }

 .s_col {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: column
 }

 .s_row {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center
 }


 .s_row_rew {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-around;
     align-items: center
 }

 .block_size {
     width: 100%;
     max-width: 450px;
     padding: 0 15px;
 }


 /*section_section_section_*/
 /*section_section_section_*/
 /*section_section_section_*/
 /*section_section_section_*/
 /*section_section_section_*/
 /*section_section_section_*/
 /*section_section_section_*/

 .s_cont_block.s_row,
 .s_cont_block.s_row_rew {
     margin: 15px 0;
 }

 .bg,
 .b {
     width: 100%;
 }

 .pre_title,
 .post_title {
     font-size: 24px;
     font-weight: 500;
     margin: 10px 0;
 }

 .title {
     font-size: 26px;
     font-weight: 600;
     margin: 10px 0;
 }

 .descr {
     font-size: 21px;
     margin: 10px 0;
 }

 .s_row img,
 .s_row_rew img {
     max-width: 565px
 }

 .c_block {
     width: 100%;
     max-width: 991px;
     text-align: center;
     margin: 25px auto;
 }


 .p_block {
     position: absolute;
     transform: translate(0, -50%);
     top: 50%;
 }

 .l_block {
     left: 5%;
 }

 .r_block {
     right: 5%;
 }

.note{
    font-size: 14px;
    margin-top: 15px;
    font-style: italic
}



 .s5 .s_cont_block,
 .s3 .s_cont_block,
 .s2 .s_cont_block {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
 }

 .items,
 .item {
     width: 100%;
     max-width: 45%;
     text-align: center;
     margin-bottom: 25px;
 }

 .items {
     text-align: left
 }



 .s2 .item img {
     width: 100px;
     background: #f6f6f6;
     border-radius: 50%
 }

 .s5 .item {
     max-width: 45%;
 }

 .s2 .item {
     max-width: 23%;
 }

 /*************************/
 /****************************/

 @media screen and (max-width: 1024px) {

     .s_row,
     .s_row_rew {
         flex-direction: column
     }

     .s5 .item,
     .items,
     .item,
     .block_size,
     .s_row .block_size,
     .s_row_rew .block_size {
         max-width: 100%;
         padding: 0;
     }

     .s_cont_block {
         margin: 15px 0;
     }


     .pre_title,
     .post_title {
         font-size: 19px;
     }

     .title {
         font-size: 21px;
     }

     .descr {
         font-size: 18px;
     }

     .p_block {
         position: initial;
         transform: none;
     }

 }

 @media screen and (min-width: 768px) and (max-width: 1024px) {

     .s5 .item,
     .items,
     .item {
         max-width: 45%
     }

     .s_row_rew {
         flex-direction: row-reverse
     }

     .s_row {
         flex-direction: row
     }

     .s_row .block_size,
     .s_row_rew .block_size {
         max-width: 450px;
         padding: 0 10px;
     }

 }