/*ВЕБ-БАНЕРЫ-----------------------------------------------------------------------------------------------------------------*/

  .banner_page {

      margin-top: -15px;

  }

  .banner_page .section_1 {

      background: url('/themes/demo/assets/images/dezbg.jpg')center;

      background-size: cover;

      padding-top: 50px;

      padding-bottom: 120px;

  }

  .banner_page .section_1 .text {

      color: white;

      text-align: left;

  }

  .banner_page .section_1 .text h1 {

      font-family: 'Roboto-Medium';

      font-size: 48px;

  }

  .banner_page .section_1 .text p {

      font-family: 'Roboto-Bold';

      font-size: 16px;

  }

  .banner_page .section_1 .form {

      background-color: white;

      width: 100%;

      height: 60px;

      margin-top: 20px;

  }

  .banner_page .section_1 input {

      margin-right: 25.35%;

      font-size: 18px;

      font-family: 'Roboto-Regular';

      margin-left: 25px;

  }

  .banner_page .section_1 .button {

      background-color: #3abfec;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      position: absolute;

      height: 60px;

      right: 0;

  }

  .banner_page .section_1 .button button {

      background-color: #3abfec;

      font-size: 22px;

      color: white;

      font-family: 'Roboto-bold';

      width: 230px;

  }

  .banner_page h2 {

      font-family: 'Roboto-Regular';

      font-size: 36px;

      text-align: center;

      margin-top: 40px;

      margin-bottom: 60px;

  }

  .banner_page .section_2 .block_1 {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-pack: distribute;

          justify-content: space-around;

      margin-bottom: 30px;

  }

  .banner_page .section_2 .block_2 {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-pack: distribute;

          justify-content: space-around;

      margin-bottom: 60px;

  }

  .banner_page .section_2 .ban .elem {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

  }

  .banner_page .section_2 .ban .elem img {

      margin-bottom: 30px;

  }

  .banner_page .section_2 .ban .elem h6 {

      font-family: 'Roboto-Medium';

      font-size: 18px;

      text-align: center;

      margin-bottom: 15px;

  }

  .banner_page .section_2 .ban .elem p {

      font-family: 'Roboto-Light';

      font-size: 14px;

  }

  .banner_page .section_3 .bunner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-pack: distribute;

          justify-content: space-around;

      margin-bottom: 15px;

  }

  .banner_page .section_2 {

      background: url('/themes/demo/assets/images/block-2.jpg');

      background-size: cover;

  }

  .banner_page .section_3 {

      background: url('/themes/demo/assets/images/block-1.jpg');

      background-size: cover;

  }

  @media all and (max-width: 480px) {

      .banner_page .section_1 {

 

      }



      .banner_page h2 {

          font-size: 22px;

      }

      .banner_page .section_1 .text h1 {

          font-size: 24px;

      }

      .banner_page .section_1 .text p {

          font-size: 12px;

      }

.banner_page .section_1 .form {
    width: 300px !important;
}
.banner_page .section_1 .button button { 
    width: 225px;
    height: 45px;
  }
  .banner_page .section_1 .button { 
    height: 45px;     position: static;
}
.banner_page form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.banner_page .section_1 .form { 
    margin-top: 30px;
}
.banner_page .section_1 .button { 
    margin-top: 35px;
}
.banner_page .section_1 input {
    display: flex;
    padding-top: 9px;
    /* text-align: center; */
    margin-right: 25.35%;
    font-size: 18px;
    font-family: 'Roboto-Regular';
    margin-left: -2px;
    justify-content: center;
    align-items: center;
}
.banner_page .section_1 .form { 
    margin: auto;
}
.banner_page .section_1 .form { 
    height: 45px; }
    .banner_page .section_1 .form { 
    margin-top: 25px;
}
.banner_page .section_2 .ban .elem p { 
    margin-bottom: 31px;
} 
.banner_page .section_2 .block_2 { 
    margin-bottom: 0px;
}
.banner_page h2 { 
    margin-bottom: 40px;
}
 }
  @media all and (max-width: 768px) {

      .banner_page .section_1 {

 

      }

      .banner_page .section_1 .form {

          width: 90% !important;

      }

      .banner_page .section_1 .text h1 {

          text-align: center;

      }

      .banner_page .section_1 .text p {

          font-size: 14px;

          text-align: center;

          margin-left: 15px;

          margin-right: 15px;

      }

      .banner_page .section_3 .bunner {

          -webkit-box-align: center;

              -ms-flex-align: center;

                  align-items: center;

          -webkit-box-orient: vertical;

          -webkit-box-direction: normal;

              -ms-flex-direction: column;

                  flex-direction: column;

      }

      .banner_page .section_3 .bunner img {

          width: 80%;

          margin-bottom: 15px;

      }

      .banner_page .section_1 .text h1 {

          font-size: 24px;

      }

      .banner_page .section_1 .text p {

          font-size: 12px;

      }

  }



      .banner_page  form {
    display: flex;
}
.banner_page .section_1 .button button:hover{
  cursor: pointer;
}
.banner_page .section_1 .button button { 
    font-size: 14px;}
    .banner_page .section_2 .ban .elem p {
    max-width: 300px;    text-align: center;}