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

 }

 .s {
     position: relative;
 }

 .main_wrap {
     background: #000;
     color: #fff;
 }


 .s1 {
     color: #000;
     background: #fff
 }

 .s_cont {
     width: 100%;
     max-width: 1180px;
     padding: 0 10px;
     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 {
     padding: 20px 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;
     font-style: italic;
 }

 .s3 .s_cont > * {
     width: 100%;
     max-width: 31%;
     margin-left: 10px;
     margin-right: 10px;
 }

 .s10 .img_block,
 .s9 .img_block {

     text-align: center
 }

 .s10 .img_block img,
 .s9 .img_block img {
     max-width: 720px
 }

 .s11 .item {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     align-items: flex-start;
 }

 .s11 .item .ico {
     margin-right: 10px;
 }

 .s20 .s_cont_block:last-of-type {
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     margin-left: 10px;
     margin-right: 10px;
 }

 .s20 .items,
.itemss{
     width: 100%;
     max-width: 31%;
     margin-bottom: 20px;
        text-align: center;
 }

.s25 .s_cont_block,
.items_list{
    max-width: 46%;
    width: 100%;
    margin-bottom: 20px;
}

.s25 .s_cont,
 .list_cont,
 .list,
.lists{
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
    flex-direction: row
 }

 .itemst {
     max-width: 24%;
     width: 100%;
     margin-bottom: 20px;
     text-align: center;
 }

 .c_text {
     color: rgb(28, 247, 255);
 }

.itemss img{
    width: 115px;
}

.itemss,
.itemst{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;flex-direction: column;
    align-items: center;
}

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

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

     .s_row,
     .s_row_rew {
         flex-direction: column
     }
     
     
     .s25 .s_cont_block, .items_list,
.itemst,
     .s20 .items, .itemss,
     .s3 .s_cont > *,
     .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;
     }
.s10 .img_block img, .s9 .img_block img {
    max-width: 360px;
}
 }

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


     .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;
     }

     .s25 .s_cont_block,
     .itemst{
         max-width: 45%
     }
     .itemss, .items_list{
         max-width: 31%;
     }
     
    
 }