@charset "UTF-8";
@media (min-width: 1045px){
    .m-form {
      background-image: url(../image/bj-form.png);
  background-repeat: no-repeat;
  width: 1045px;    
    }    
  }
.m-form {

  background: linear-gradient(180deg, #8C0010 0%, #AD0016 25.39%, #AD0016 46.88%, #5C0007 67.58%, #5C0007 74.22%, #7C000D 100%);
  min-height: 376px;
  position: relative;
  overflow: hidden; }
  .m-form__text {
    position: absolute;
    text-transform: uppercase; }
    .m-form__text_v1 {
      left: 428px;
      top: 17px;
      color: #920000;
      font-family: Arial;
      font-size: 57px;
      font-weight: 900;
      line-height: 75px; }
    .m-form__text_v2 {
      left: 430px;
      top: 108px;
      color: #010101;
      font-family: Arial;
      font-size: 36px;
      font-weight: 900;
      line-height: 34px; }
    .m-form__text_v3 {
      left: 429px;
      top: 168px;
      color: #010101;
      font-family: "Arial Narrow";
      font-size: 25px;
      font-weight: 400;
      line-height: 33px;
      max-width: 315px; }
  .m-form__item {
    position: absolute;
    background-color: #dfdfdf;
    box-shadow: inset 0 0 4px 1px black;
    border: none;
    text-indent: 11px;
    color: #010101;
    font-family: "Arial Narrow";
    font-size: 15px;
    font-weight: 400;
    line-height: 33px; }
    .m-form__item_input {
      width: 332px;
      height: 38px; }
      .m-form__item_input_name {
        top: 15px;
        left: 37px; }
      .m-form__item_input_company {
        top: 165px;
        left: 37px; }
        
       .m-form__item_input_email {
        top: 65px;
        left: 37px;
       } 
       .m-form__item_input_phone {
        top: 115px;
        left: 37px;
       } 
    .m-form__item_button {
      position: absolute;
      width: 231px;
      height: 43px;
      background-color: #990000;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 0;
      border: none;
      cursor: pointer;
      color: #fff;
      font-family: "Arial Narrow";
      font-size: 21px;
      font-weight: 700;
      line-height: 43px;
      text-transform: uppercase; }
      .m-form__item_button_sub {
        top: 251px;
        left: 428px; }
    .m-form__item_textarea {
      resize: none;
      width: 332px;
      height: 140px; }
      .m-form__item_textarea_quest {
        top: 215px;
        left: 37px; }


        @media (min-width:  1024px){
          #main-nav{
            display: none;
          }
        }

        @media (max-width:  960px){
        .blog img{
          max-width: 100%;
          height: auto;
        }
        .telephone a{
          display: inline-block;
          line-height: 1.2;
        }
        .m-container .container .footer .ra{
          font-size: 13.5px;
          line-height: 1.2;
        }
      }
      .pagination .counter{
        position: relative;
      }
      .pagination ul{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        list-style: none;
        padding-left: 0;
        margin: 25px 0;
      }
      @media (min-width:  1024px){
        .pagination ul{
          justify-content: center;
        }
      }
      .pagination ul a, .pagination ul span.pagenav{
        display: inline-block;
        padding: 5px 10px;
        color: #fff;
        background-color: #AD0016;
        text-decoration: none !important;
        border: 1.5px solid #AD0016;
      }
      .pagination ul span.pagenav{
        background-color: #fff;
        color: #000;
      }


      @media (min-width:  1024px){
        .m-container .container .header .head-menu #main-menu{
          display: flex;
          gap: 4px;
          align-items: center;
          justify-content: center;
        }
        .m-container .container .header .head-menu #main-menu > *{
          margin: 4px 0 0 !important;
        }
        .m-container .container .header .head-menu #main-menu span{
          font-size: 10px;
        }
        /*.m-container .container .header .head-menu #main-menu > * > a,
        .m-container .container .header .head-menu #main-menu > * > span{
          display: inline;
          padding: 10px 5px;
          vertical-align: initial;
        }*/
      }

      .m-container .container .footer{
            background: linear-gradient(180deg, #8C0010 0%, #AD0016 25.39%, #AD0016 46.88%, #5C0007 67.58%, #5C0007 74.22%, #7C000D 100%) !important;
      }
      .list_1{
        text-align: center;
        padding: 0;
        list-style: none; 
        /*display: flex;
        flex-wrap: wrap;*/
        gap: 15px;
      }
      .list_1 li{
        display: inline;
      }
      .list_1 a{
        font-size: 11px; 
        color: #fff;
        text-decoration: none;
      }
      .list_1 a:hover{
        text-decoration: underline;
      }