 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;

 }

 .s {
     position: relative;
 }

 .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;
 }

 .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_*/


 .bg,
 .b {
     width: 100%;
 }

 .p_block {
     position: absolute;
     transform: translate(0, -50%);
     top: 50%;
     left: 5%;
 }

 

 .s4 .p_block {
     top: 75%;
 }

 .pre_title {
     font-size: 26px;
     font-weight: 500;
     margin: 10px 0;
 }

 .title {
     font-size: 28px;
     font-weight: 600;
     margin: 10px 0;
 }

 .descr {
     font-size: 21px;
 }

 .c_block {
     width: 100%;
     max-width: 991px;
     text-align: center;
     margin: 25px auto;
     position: absolute;
     transform: translate(-50%, -50%);
     top: 25%;
     left: 50%; 
 }


 
 .ico img {
     width: 100px;
     margin-bottom: 20px;
 }


.s4,
.s8,
 .s10 {
     color: #fff
 }

 /*************************/
 /****************************/

 @media screen and (max-width: 1199px) {

     .p_block,
     .c_block {
         position: initial;
         transform: none;
         text-align: left
     }

     .s1 .s_cont_block {
         text-align: center
     }

     .s4,
     .s10,
     .s8,
     .c_block {
         color: #000;
     }

     .s_cont_block {
         margin: 15px 0;
     }

     .pre_title {
         font-size: 19px
     }

     .title {
         font-size: 21px
     }

     .descr {
         font-size: 18px;
     }

     .block_size {
         max-width: 100%;
         padding: 0;
     }

     

 }

 @media screen and (min-width: 750px) and (max-width: 1200px) {}
