@blue: #013485;
@dark-blue: #002e76;
@orange: #e39549;
@white: #ffffff;
@link: #117bb8;
@gray: #5d5d5d;
@dark-gray: #4b4b4b;
@light-gray: #e0e0e0;
@white-gray: #e8e8e8;
@ww-gray: #f8f8f8;
@dark-green: #254a5d;

@wrapper-width: 1170px;
@tablet: ~"(max-width: 1190px)";
@mobile: ~"(max-width: 767px)";
@mobile-mini: ~"(max-width: 425px)";



@font-face {
  font-family: 'Open Sans';
  src: url(/local/templates/holodindustrynew/assets/fonts/opensans.ttf);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Semibold';
  src: url(/local/templates/holodindustrynew/assets/fonts/Open_Sans/OpenSans-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url(/local/templates/holodindustrynew/assets/fonts/Roboto/Roboto-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}

.orange_text{
  color: #e39549;
}

.delete_my_element_btn{
  cursor: pointer;
}

.delete_submit_window{
  display: none;
  position: fixed;
  background: white;
  top: 30%;
  left: 40%;
  width: 300px;
  height: 150px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  text-align: center;
  .block-delete-name {
    display: block;
    margin-top: 20px;
    .text-delete-name {
      color: #4b4b4b;
      font-weight: bold;
    }
  }
  .delete-btn-block {
    margin-top: 25px;
    text-align: center;
    .delete-btn {
      display: inline-block;
      font-weight: bold;
      font-size: 15px;
      text-align: center;
      color: #ffffff;
      padding: 8px 28px;
      background-color: #013485;
      margin-bottom: 10px;
      text-decoration: none;
      border: none;
    }
  }
}

.custom__checkbox() {
  .container {
    display: block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: @white;
    border: 1px solid #aeaeae;
    border-radius: 2px;
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .container input:checked ~ .checkmark:after {
    display: block;
  }
  .container .checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid @dark-gray;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

#hide_register_btn {
  pointer-events: none;
  font-size: 20px;
  height: 50px;
  margin-top: 35px;
  display: none;
  color: #000;
  background-color: #e1e1e1;
}

/*Миксины*/
.text(@t_d: none; @color: #4b4b4b; @f_family: "Open Sans", sans-serif; @f_size: 16px; @f_weight: 400; @l_h: normal;) {
  text-decoration: @t_d;
  color: @color;
  font-family: @f_family;
  font-size: @f_size;
  font-weight: @f_weight;
  line-height: @l_h;
}

.a_text(@size: 16px) {
  color: #254a5d;
  font-family: "Open Sans", sans-serif;
  font-size: @size;
  font-weight: 400;
  line-height: 28px;
  text-decoration: underline;
  letter-spacing: -0.28px;
}

.flex(@d: flex; @f-d: row; @a-i: center; @j-c: space-between) {
  display: @d;
  flex-direction: @f-d;
  align-items: @a-i;
  justify-content: @j-c;
}

.placeholder(@color: #cfcfcf; @f_size: 13px; @f_family: "Open Sans", sans-serif;) {
  &::placeholder {
    color: @color;
    font-size: @f_size;
    font-family: @f_family;
    font-style: italic;
  }
  &::-webkit-input-placeholder {
    color: @color;
    font-size: @f_size;
    font-family: @f_family;
    font-style: italic;
  }
  &::-moz-placeholder {
    color: @color;
    font-size: @f_size;
    font-family: @f_family;
    font-style: italic;
  }
  &:-moz-placeholder {
    color: @color;
    font-size: @f_size;
    font-family: @f_family;
    font-style: italic;
  }
  &:-ms-input-placeholder {
    color: @color;
    font-size: @f_size;
    font-family: @f_family;
    font-style: italic;
  }
}

/**/
/**/
.totop {
  display: none;
  position: fixed;
  cursor: pointer;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}

/**/
.subscribe-block {
  .thanks {
    display: none;
    text-align: center;
    padding: 35px 24px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    width: 100%;
    box-sizing: border-box;
  }
  .subs-form {
    width: 100%;
    background-color: @blue;
    margin-top: 30px;
    .page-wrapper {
      position: relative;
    }
    .subs-form-text {
      font-size: 18px;
      font-weight: bold;
      color: @white;
      display: inline-block;
      width: 40%;
      margin: 0 0 0 -27px;
      line-height: 28px;
      padding: 37px 24px;
      a {
        color: @white;
        font-weight: bold;
        text-decoration: underline;
      }
    }
    .subs-form-inputs {
      width: 57.5%;
      padding: 47px 0 0 0;
      position: absolute;
      display: inline-block;
      .subs-form-container {
        display: flex;
        justify-content: space-between;
      }
      .subs-form-input-email {
        border: solid 1px white;
        width: 175px;
        padding: 10px 14px;
        font-style: italic;
        margin: 0 55px 0 -21px;
      }
      .subs-form-input-email-new, .subs-form-input-select > input {
        border: solid 1px white;
        width: 175px;
        //padding: 10px 14px;
        //font-style: italic;
        //margin: 0 55px 0 -21px;
        padding: 8px 0;
        margin: 0 0 10px 0;
        text-indent: 5px;
        min-width: 230px;
        outline: none;
      }
      .subs-form-input-select {
        position: relative;
        background: white;
        height: 36px;
        .subs-form-hidden {
          display: none;
        }
        input {
          position: relative;
          width: 150px;
          min-width: 194px;
          font-size: 100%;
          line-height: 1.15;
          padding-right: 36px;
          cursor: pointer;
          background: transparent;
          border: 0;
          z-index: 100;
          &::placeholder {
            color: #767676;
          }
          &:focus {
            &~ button {
              div {
                border-bottom: 4px solid #000;
                border-top: 0;
              }
            }
          }
        }
        > div {
          position: absolute;
          display: none;
          flex-direction: column;
          width: 173px;
          min-width: 228px;
          z-index: 1000;
          border: 1px solid #ccc;
          background: #fff;
          font-size: 14px;
          margin-top: -10px;
          a {
            display: block;
            padding: 5px 10px 5px 30px;
            cursor: pointer;
            line-height: 1.2em;
            &:hover {
              background: #0088CC;
              color: #fff;
            }
          }
        }
        button {
          position: absolute;
          border: 0;
          outline: 0;
          background-color: #e0e0e0;
          width: 36px;
          height: 36px;
          right: 0;
          cursor: pointer;
          &> div {
            width: 0;
            height: 0;
            margin: 0 auto;
            border-top: 4px solid #000;
            border-bottom: 0;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
          }
        }
      }
      .subs-form-input-email-new::-webkit-input-placeholder {
        padding: 0 60px;
      }
      .subs-form-btn {
        width: 220px;
        padding: 9px 0 10px 0;
        margin-left: 115px;
        background-color: @white;
        border: solid 1px @white;
        color: @blue;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: -0.36px;
        font-weight: bold;
        cursor: pointer;
      }
      .button_text {
        display: block;
        width: max-content;
        margin: -6px 0 10px 0;
        background: none!important;
        border: none;
        padding: 0!important;
        color: #fff;
        font-size: 23px;
        text-decoration: underline;
        cursor: pointer;
        outline: none;
      }
      .button_text:active {
        outline: none;
      }
    }
  }
}

.menu {
  background-color: @blue;
  padding: 5px;
  font-weight: bold;
  font-size: 16px;
  height: 45px;
  margin-top: -15px;
  nav {
    .menu-all {
      margin: -10px 0 0 0;
      ul {
        list-style: none;
        margin: 0 -10px 0 -10px;
        padding-left: 0;
        display: inline;
        .right-border {
          border-right: 1px white solid;
        }
        li {
          display: inline;
          a {
            color: white;
            padding: 10px;
          }
        }
      }
      .right-menu {
        float: right;
      }
    }
  }
}

.mobile-menu {
  display: none;
  font-family: "Open Sans", sans-serif;
}

.detail_right_padding_wrapper{
  padding-right: 15px;
}

.page-wrapper {
  #detail_img_modal_div {
    top: 20%;
    right: 37%;
  }
  margin: 20px auto 40px;
  width: @wrapper-width;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  .detail-wrapper {
    //login
    .solo {
      border: 1px solid #e1e1e1;
      height: 100%;
      width: 40%;
      margin-top: 628px;
      h4 {
        text-align: center;
      }
      .solo_select {
        padding-bottom: 15px;
        padding-top: 10px;
        img {
          width: 5%;
        }
        .job_link {
          margin-left: 15px;
          color: black;
          font-weight: normal;
          b {
            font-weight: normal;
          }
        }
        .job_item span.up,
        .job_item span.down {
          cursor: pointer;
          color: #911B1D;
          display: none;
        }
        .job_item .job_desc {
          display: none;
          margin-left: 50px;
        }
        .job_item .up span.up,
        .job_item .down span.down {
          display: inline;
        }
        .job_item .down .job_desc {
          display: block;
        }

      }
      hr {
        border: 0;
        border-bottom: 1px solid #c3c3c3;
        width: 90%;
      }
    }
    .border-space {
      margin-bottom: 25px;
    }
    .worksheet-item {
      input {
        width: 300px;
        margin-left: 5px;
      }
      input[type='checkbox'] {
        width: auto;
      }
    }
    .worksheet-item_block {
      input {
        width: 300px;
        height: 150px;
      }
    }
    .companys-filt-btns {
      display: inline-block;
      margin: 10px 1.8%;
      .filt-btn {
        display: inline-block;
        font-weight: bold;
        font-size: 15px;
        text-align: center;
        color: @white;
        padding: 8px 26px;
        background-color: @blue;
        margin-bottom: 10px;
        cursor: pointer;
      }
    }
    //login
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-sizing: border-box;
    //margin-top: 28px;
    & * {
      box-sizing: border-box;
    }
    .detail-content {
      margin-right: 0px;
      width: 75.5%;
      position: relative;
      .main-404 {
        .top-404 {
          color: #4b4b4b;
        }
        .mid-404 {
          color: #4b4b4b;
          width: 45%;
        }
        .bot-404 {
          color: #013485;
          display: inline-block;
          font-size: 90px;
          margin: -285px 0 0 500px;
        }
        //404
      }
      .row {
        display: flex;
        width: 100%;
      }
      .blue-btn {
        padding: 0 30px;
        min-width: 100px;
        height: 29px;
        background-color: #013485;
        text-align: center;
        border: 0;
        .a_text(13px);
        line-height: normal;
        color: @white;
        cursor: pointer;
        text-decoration: none;
      }
      #registr_btn{
        font-size: 20px;
        height: 50px;
        margin-top: 35px;
      }
      /*Страница поиска*/
      .search {
        width: 365px;
        height: 33px;
        border: 1px solid #aeaeae;
        background-color: #ffffff;
        color: #4b4b4b;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
        padding: 10px 12px;
      }
      .gray-btn {
        width: 63px;
        height: 33px;
        background-color: #aeaeae;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
        color: @white;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 12px;
        padding: 11px;
      }
      .search-info {
        color: #4b4b4b;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 12px;
        margin: 19px 0 52px 0;
      }
      .search-items {
        padding-right: 137px;
        .search-item {
          margin-bottom: 36px;
          .title {
            color: #013485;
            font-family: 'Open Sans Semibold', sans-serif;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 20px;
            a {
              color: inherit;
            }
          }
          .description {
            color: #4b4b4b;
            font-family: "Open Sans", sans-serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            margin-bottom: 12px;
            .active {
              font-family: "Open Sans Semibold", sans-serif;
              font-weight: 600;
            }
          }
          .active {
            font-family: 'Open Sans', sans-serif;
            font-weight: 700;
          }
          hr {
            width: 611px;
            height: 0;
            border-top: 1px solid #d0d0d0;
            color: #d0d0d0;
          }
        }
      }
      .pagination {
        padding: 0 12px;
        clear: both;
        ul {
          text-align: left;
          margin-left: 0;
          padding-left: 0;
          li {
            display: inline-flex;
            color: #4b4b4b;
            font-family: "Open Sans", sans-serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 19px;
            a {
              color: inherit;
              &:hover {
                background-color: lighten(@dark-gray, 60%);
                border-radius: 2px;
              }
              &.start {
                margin-right: 30px;
              }
              &.end {
                margin-left: 22px;
              }
            }
            &.active {
              font-family: "Open Sans Semibold", sans-serif;
              font-weight: 600;
              a {
                color: #4b4b4b;
              }
            }
          }
        }
      }
      /**/
      /*Страница авторизации*/
      form.form__sign-in {
        background-color: #f1f1f1;
        border: 1px solid #e1e1e1;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: space-between;
        padding: 28px 39px;
        .left__side {
          position: relative;
          width: 100%;
          .text;
          span a {
            .a_text(16px);
          }
          a {
            .a_text(14px);
          }
          .row {
            &:first-child {
              margin-bottom: 37px;
            }
            &.input {
              margin-bottom: 8px;
              padding-right: 236px;
              .flex();
              input {
                width: 367px;
                margin-left: 10px;
                height: 29px;
                border: 1px solid #cccccc;
                background-color: #ffffff;
                padding: 8px 13px;
              }
            }
            &.center {
              text-align: center;
              padding-right: 236px;
              .sign-in__button {
                margin: 15px auto 17px auto;
                width: 100px;
                height: 29px;
                background-color: #013485;
                text-align: center;
                border: 0;
                .a_text(13px);
                color: @white;
                cursor: pointer;
                text-decoration: none;
              }
              & > * {
                margin: 0 auto;
              }
            }
          }
        }
        .to_main {
          display: none;
        }
      }
      /**/
      .accept {
        width: 500px;
        margin: 0 auto;
        a {
          text-decoration: underline;
        }
      }
      .my_companys-btns {
        //margin: 0 auto;
        //margin-top: 20px;
        //width: 300px;
        display: flex;
        justify-content: space-evenly;;
        padding: 0 15px;
        &.my_projects-btns {
          width: 180px;
        }
        &.my_eq-btns {
          width: 232px;
        }
        &.edit_eq {
          width: 272px;
        }
        .filt-btn {
          display: inline-block;
          font-weight: bold;
          font-size: 18px;
          text-align: center;
          padding: 5px 20px;
          margin-bottom: 10px;
          margin-top: 15px;
          width: 300px;
          color: @white;
          background-color: @blue;
          &#button_add {
            color: #000;
            background-color: #e1e1e1;
          }
        }
      }
      .tabs {
        form.form__edit_company {
          .packet_company {
            .checkbox_company {
              width: 19%;
              min-width: 195px;
              .form_check {
                height: 540px;
                .partners_type {
                  margin: 10% 0 -15% 25%;
                }
              }
            }
          }
        }
      }
      form.form__edit_company {
        .worksheet {
          background-color: #f8f8f8;
          border: 1px solid #e1e1e1;
          flex-direction: column;
          justify-content: space-between;
          padding: 28px 39px 28px 39px;
          margin-bottom: 25px;
          width: 100%;
          table {
            width: 100%;
          }
          .sol-input-container input[type="text"]::-webkit-input-placeholder {
            color: #000000;
          }
        }
        .add_option {
          .add_option_plus {
            color: black;
            .plus {
              font-size: 30px;
              color: black;
            }
          }
        }
        .packet_company {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          clear: both;
          .checkbox_company {
            display: inline-block;
            width: 30%;
            margin: 0 auto;
            .casual_check {
              display: none;
              text-align: center;
              margin-bottom: -35px;
              font-weight: 600;
            }
            .faq {
              margin-top: 15px;
              width: 100%;
              text-align: center;
              a {
                text-decoration: underline;
              }
            }
            .form_check {
              background-color: #ffffff;
              border: 1px solid #e1e1e1;
              width: 100%;
              height: 500px;
              .text_packet_company {
                padding: 35px 5px 5px 5px;
                p {
                  font-size: 11px;
                  font-style: italic;
                  color: #929292;
                }
                li {
                  font-size: 13px;
                }
              }
            }
          }
        }
        h4 {
          text-align: center;
          font-size: 20px;
        }
        .row {
          &.input {
            display: flex;
            align-items: center;
            padding-bottom: 10px;
            .select_edit {
              width: 100%;
            }
            input:not(.sol-checkbox) {
              width: 100%;
            }
            a {
              width: 90%;
              text-decoration: underline;
            }
            .warring {
              width: 50%;
              margin-bottom: 5px;
              .text_warring {
                width: 70%;
                font-size: 11px;
                margin-top: 5px;
              }
            }
            .load_file {
              width: 56%;
              button {
                display: inline-block;
              }
            }
            .input_block {
              textarea {
                height: 150px;
                margin-bottom: 15px;
                width: 100%;
              }
              span {
                display: inline-block;
                margin-left: 50px;
              }
            }
          }
        }

        .red {
          color: #ec7171;
        }
        .err_code {
          border: 1px solid red;
        }
      }
      #tariff_plans {
        h4 {
          text-align: center;
        }
        .packet_company {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          clear: both;
          .checkbox_company {
            display: inline-block;
            width: 30%;
            margin: 0 auto;
            .casual_check {
              display: none;
              text-align: center;
              margin-bottom: -35px;
              font-weight: 600;
            }
            .faq {
              margin-top: 15px;
              width: 100%;
              text-align: center;
              a {
                text-decoration: underline;
              }
            }
            .form_check {
              background-color: #ffffff;
              border: 1px solid #e1e1e1;
              width: 100%;
              height: 500px;
              .text_packet_company {
                padding: 35px 5px 5px 5px;
                p {
                  font-size: 11px;
                  font-style: italic;
                  color: #929292;
                }
                li {
                  font-size: 13px;
                }
              }
            }
          }
          .checkbox_company {
            width: 19%;
            min-width: 195px;
            .form_check {
              height: 650px;
              .partners_type {
                margin: 10% 0 -15% 25%;
              }
            }
          }
        }
      }
      #breadcrumbs {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
        width: 100%;
      }

      #breadcrumbs li{
        float: left;
        margin: 0 .5em 0 1em;
      }

      #breadcrumbs a{
        background: #ddd;
        padding: .7em 1em;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        position: relative;
        user-select: none;
      }


      #breadcrumbs a.current:hover{
        background: #013485;
      }
      #breadcrumbs a.current{
        background: #013485;
        color: #fff;
      }

      #breadcrumbs a::before,
      #breadcrumbs a.current::before{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-width: 1.5em 0 1.5em 1em;
        border-style: solid;
        border-color: #ddd #ddd #ddd transparent;
        left: -1em;
      }

      #breadcrumbs a.current::before{
        border-color: #013485 #013485 #013485 transparent;
      }

      #breadcrumbs a::after,
      #breadcrumbs a.current::after{
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1.5em;
        border-top: 1.5em solid transparent;
        border-bottom: 1.5em solid transparent;
        border-left: 1em solid #ddd;
        right: -1em;
      }


      #breadcrumbs a.current::after{
        border-left-color: #013485;
      }

      #breadcrumbs .current,
      #breadcrumbs .current:hover{
        font-weight: bold;
        background: none;
      }

      #breadcrumbs .current::after,
      #breadcrumbs .current::before{
        content: normal;
      }
      .my_tender-btns {
        margin-left: 0;
        display: block;
        text-align: center;
        margin-top: 20px;
        .filt-btn {
          display: inline-block;
          font-weight: bold;
          font-size: 15px;
          text-align: center;
          color: @white;
          padding: 5px 20px;
          background-color: @blue;
          margin-bottom: 10px;
        }
      }
      form.form__edit_tender {
        h4 {
          text-align: center;
        }
        .input_block_tender {
          margin-top: 40px;
          textarea {
            width: 100%;
            height: 150px;
          }
          span {
            display: inline-block;
            margin-top: 15px;
          }
        }
        .load_tender {
          text-align: center;
          margin-bottom: 15px;
          margin-top: 35px;
        }
        .load_file {
          text-align: center;
          margin-bottom: 5px;
          button {
            display: inline-block;
          }
        }
        .red {
          color: #ec7171;
        }
        .worksheet {
          background-color: #f8f8f8;
          border: 1px solid #e1e1e1;
          flex-direction: column;
          justify-content: space-between;
          padding: 28px 39px;
          margin-bottom: 25px;
          width: 100%;
          table {
            width: 100%;
          }
        }
      }
      /*Страница регистрации*/
      form.form__sign-up {
        background-color: #f8f8f8;
        min-height: 547px;
        border: 1px solid #e1e1e1;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-between;
        padding: 28px 39px;
        margin-bottom: 100px;
        & > div:first-child {
          .flex();
          align-items: flex-start;
          .left__side {
            .upper {
              .row {
                &:first-child {
                  font-family: "Open Sans", sans-serif;
                  font-size: 14px;
                  font-style: italic;
                  letter-spacing: -0.28px;
                  margin-bottom: 21px;
                }
                &.input {
                  display: flex;
                  align-items: center;
                  &:not(:last-child) {
                    margin-bottom: 8px;
                  }
                  span {
                    min-width: 170px;
                  }
                  input[type]::-webkit-input-placeholder {
                    color: #6a6a6a;
                  }
                  input[type]::-moz-placeholder {
                    color: #6a6a6a;
                  }
                }
              }
            }
            .lower {
              padding-left: 170px;
              span, label {
                .text(@f_size: 14px);
                a {
                  .a_text(14px);
                }
              }
              .row {
                &.captcha {
                  &:first-child {
                    margin: 16px 0;
                    img {
                      margin-right: 11px;
                    }
                    a {
                      .flex();
                    }
                  }
                  &.input {
                    margin-bottom: 15px;
                  }
                }
                &.checkbox {
                  margin-bottom: 10px;
                  margin-top: 15px;
                  //padding-right: 200px;
                  .custom__checkbox();
                }
                .sign-up__button {
                  margin: 27px 0 64px 48px;
                }
              }
            }
          }
        }
        & > div:last-child {
          span {
            padding-left: 170px;
            .text(@f_size: 14px);
            a {
              .a_text(14px);
            }
          }
        }
        .row {
          .text;
          &.input {
            input {
              .placeholder;
              .text;
              padding: 0 13px;
              min-width: 367px;
              height: 29px;
              border: 1px solid #cccccc;
              background-color: #ffffff;
            }
          }
        }
        .red {
          color: #ec7171;
        }
      }
      /**/
      /*Каталог статей*/

      /**/
      .detail__title {
        color: @orange;
        font-size: 20px;
        font-weight: 700;
        line-height: 19px;
      }
      .detail__title__outfits {
        color: @orange;
        font-size: 20px;
        font-weight: 700;
        line-height: 19px;
        margin-top: 30px;
      }
      .detail-filter-outfits {
        padding-right: 20px;
        form {
          background-color: #f8f8f8;
          padding: 8px 5px;
          .flex(@a-i: flex-start; @j-c: space-between);
          .wrap__before-buttons {
            .flex(@a-i: flex-start; @j-c: flex-start);
            margin-bottom: 10px;
          }
          .selects {
            margin-right: 0px;
            .flex(@f-d: row;);
            > div:first-child {
              margin-right: 20px;
            }
          }
          .select2-container {
            width: 190px !important;
            height: 29px !important;
          }
          .outfits-buttons {
            .flex(@f-d: row);
            .filt-btn {
              margin-right: 15px;
              width: 135px;
              height: 29px;
              background-color: #013485;
              border: 0;
              font-family: "Open Sans", sans-serif;
              font-size: 13px;
              font-weight: 700;
              line-height: 30px;
              letter-spacing: -0.26px;
              color: #ffffff;
              cursor: pointer;
              text-decoration: none;
              text-transform: uppercase;
              text-align: center;
            }
          }
        }
        .products_select_filter {
          #select_placeholder_select_product {
            margin-right: 20px;
            width: 190px
          }
        }

      }
      .events-detail-filter {
        padding-right: 10px;
        form {
          height: 84px;
          background-color: #f8f8f8;
          padding: 8px 15px;
          .flex(@a-i: flex-start; @j-c: space-between);
          .wrap__before-buttons {
            .flex(@a-i: flex-start; @j-c: flex-start);
            .events-select-two {
              margin: 0px 15px 0 -15px;
            }
          }
          .select2-container {
            width: 135px !important;
            height: 29px !important;
          }
          .selects {
            margin-right: 25px;
            .flex(@f-d: row;);
            div.filter_margright {
              margin-right: 15px;
            }
          }
          .events-date {
            .flex(@f-d:column ;);
            > div:first-child {
              margin-right: 53px;
              margin-bottom: 10px;
            }
            input {
              margin-left: 5px;
              width: 96px;
              height: 29px;
              color: #7b7b7b;
              font-family: Roboto, sans-serif;
              font-size: 14px;
              font-weight: 300;
              line-height: 12px;
              padding: 8px;
            }
            span {
              position: relative;
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 15px;
              font-weight: 400;
              line-height: 14.26px;
              .data__picker_img {
                position: absolute;
                top: 4px;
                right: 9px;
              }
            }
          }
          .events-buttons {
            .flex(@f-d: column);
            .filt-btn {
              margin-bottom: 10px;
              width: 135px;
              height: 29px;
              background-color: #013485;
              border: 0;
              font-family: "Open Sans", sans-serif;
              font-size: 13px;
              font-weight: 700;
              line-height: 30px;
              letter-spacing: -0.26px;
              color: #ffffff;
              cursor: pointer;
              text-decoration: none;
              text-transform: uppercase;
              text-align: center;
            }
          }
        }
      }
      .detail-filter {
        form {
          height: 84px;
          background-color: #f8f8f8;
          padding: 8px 5px;
          .flex(@a-i: flex-start; @j-c: space-between);
          .wrap__before-buttons {
            .flex(@a-i: flex-start; @j-c: flex-start);
          }
          .select2-container {
            width: 135px !important;
            height: 29px !important;
          }
          .selects {
            margin-right: 28px;
            .flex(@f-d: row;);
            > div:first-child {
              margin-right: 28px;
            }
          }
          .date {
            .flex(@f-d: row;);
            > div:first-child {
              margin-right: 28px;
            }
            input {
              margin-left: 5px;
              width: 101px;
              height: 29px;
              color: #7b7b7b;
              font-family: Roboto, sans-serif;
              font-size: 14px;
              font-weight: 300;
              line-height: 12px;
              padding: 8px;
            }
            span {
              position: relative;
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 15px;
              font-weight: 400;
              line-height: 14.26px;
              .data__picker_img {
                position: absolute;
                top: 4px;
                right: 9px;
              }
            }
          }
          .buttons {
            .flex(@f-d: column);
            button {
              width: 135px;
              height: 29px;
              background-color: #013485;
              border: 0;
              font-family: "Open Sans", sans-serif;
              font-size: 13px;
              font-weight: 700;
              line-height: 19px;
              letter-spacing: -0.26px;
              color: #ffffff;
              cursor: pointer;
              text-decoration: none;
              text-transform: uppercase;
              text-align: center;
              &:first-child {
                margin-bottom: 10px;
              }
            }
          }
        }
      }
      .right__side {
        width: 100%;
        text-align: right;
        &.pagination {
          padding: 0;
          .pagination-link {
            color: #4b4b4b;
          }
        }
      }
      .sorting {
        margin: 55px 0 0 0;
        .pagination {
          padding: 0;
          padding-right: 20px;
          .pagination-link {
            color: #4b4b4b;
          }
        }
        .flex(@f-d: row;);
        span {
          color: #4b4b4b;
          font-family: "Open Sans", sans-serif;
          font-size: 15px;
          font-weight: 700;
          line-height: 19px;
        }
        > div:first-child > a {
          color: #4b4b4b;
          font-family: "Open Sans", sans-serif;
          font-size: 15px;
          font-weight: 400;
          letter-spacing: -0.3px;
          margin-left: 7px;
          &.active {
            text-decoration: underline;
          }
        }
      }
      .detail-header-row {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 20px;
        .my_companys-filter-block {
          .my_companys-filt-btns {
            display: inline-block;
            margin-top: 20px;
            .filt-btn {
              display: inline-block;
              font-weight: bold;
              font-size: 15px;
              text-align: center;
              color: @white;
              padding: 5px 20px;
              background-color: @blue;
              margin-bottom: 10px;
            }
          }
        }
        .page-title {
          text-transform: none;
          margin-top: 0;
          margin-bottom: 0;
        }
        .page-title-detail {
          margin-bottom: 30px;
        }
        .detail-rate {
          width: 130%;
          display: inline-flex;
          margin-bottom: 15px;
          .company-rating {
            margin-right: 80px;
          }
          .soc-views {
            .views-num {
              color: lighten(@dark-gray, 30%);
            }
          }
        }
        & > div:last-child {
          .detail-logo {
            width: 100%;
            img {
              width: inherit;
              max-width: 200px;
              max-height: 140px;
              min-width: 100px;
            }
          }
        }
      }
      .detail-middle-row {
        margin-top: 30px;
        .posts {
          .banner_outfits {
            width: 100%;
            img {
              width: 100%;
              height: 100%;
              max-height: 115px;
              padding-right: 20px;
            }
          }
          .flex(@d: inline-flex; @j-c: space-between; @a-i: flex-start);
          flex-flow: row wrap;
          &:after {
            content: "";
            flex: auto;
          }

          .post {
            min-width: 276.53px;
            width: 100/3.3%;
            margin: 15px 16px 42px 0;
            position: relative;
            min-height: 334px;
            &.height_min {
              min-height: 260px;
              margin-bottom: 15px;
            }
            .post__description {
              color: #5d5d5d;
              font-weight: bold;
              span.post_place_date {
                color: #000000;
                font-weight: normal;
              }
              span.post_type {
                color: #000000;
                font-style: italic;
                font-weight: normal;

              }
            }
            &__title {
              color: #5d5d5d;
              font-family: "Open Sans", sans-serif;
              font-size: 16px;
              font-weight: 700;
              letter-spacing: -0.28px;
              line-height: 18px;
            }
            &__description {
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 14px;
              font-weight: 400;
              letter-spacing: -0.28px;
              line-height: 18px;
            }
            img {
              margin: 6px 0 12px;
              width: 100%;
              height: 210px;
            }
          }
          .right_element_margin{
            margin-right: 20px;
          }
        }
      }
      .outfits-detail-block {
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
        .outfits-detail-logo {
          width: 100%;
          img {
            width: 85%;
          }
        }
        .text {
          color: lighten(@dark-gray, 30%);
          width: 100%;
          margin-bottom: 15px;
          a {
            color: @link;
            text-decoration: underline;
          }
          .detail-stat {
            color: #4b4b4b;
            .stat-head {
              font-weight: bold;
              font-size: 16px;
            }
            .state-text {
              font-size: 16px;
            }
            a {
              text-decoration: none;
              color: #4b4b4b;
            }
          }
        }
        .detail-btn-blocks {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          margin: 24px 0 50px 0;
          a {
            color: @white;
            width: 40%;
            height: 35px;
            background-color: #013485;
            text-align: center;
            vertical-align: middle;
            font-family: "Open Sans", sans-serif;
            font-size: 12px;
            font-weight: 700;
            line-height: 19px;
            letter-spacing: -0.26px;
            padding: 9px 20px;
            text-decoration: none;
          }
        }
      }
      .outfits-detail-top-slider {
        width: 92%;
        margin: 40px auto;
        .nd-top-slide {
          position: relative;
          width: 100px;
          height: 142px;
          img {
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 5px;
          }
        }
        .nd-slider-prew-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-left-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          left: -4%;
          top: 50%;
        }
        .nd-slider-next-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-right-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          right: -4%;
          top: 50%;
        }
      }
      .outfits-menu-blocks {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 24px 0 50px 0;
        a {
          display: inline-block;
          min-width: 145px;
          margin-right: 23px;
          color: @white;
          width: 21%;
          height: 40px;
          background-color: #013485;
          text-align: center;
          vertical-align: middle;
          font-family: "Open Sans", sans-serif;
          font-size: 13px;
          font-weight: 700;
          line-height: 13px;
          letter-spacing: -0.26px;
          padding: 14px 20px;
        }
      }
      .outfits-detail-recomend {
        #all_providers {
          .box-modal {
            .content {
              .podcat_m.region-list.hover_region {
                margin-left: 7.5%;
              }
              .sol-caret {
                position: relative;
                display: inline-block;
                left: 9px;
                top: -2px;
                width: 0;
                height: 0;
                vertical-align: middle;
                border-top: 4px solid #000;
                border-bottom: 0;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
              }
              .sol-caret-region {
                position: relative;
                display: inline-block;
                left: 9px;
                top: -2px;
                width: 0;
                height: 0;
                vertical-align: middle;
                border-top: 4px solid #000;
                border-bottom: 0;
                border-right: 4px solid transparent;
                border-left: 4px solid transparent;
              }
              .region-list {
                display: none;
              }
              .reg_provider {
                display: none;
                a {
                  text-decoration: underline;
                  color: #117bb8;
                }
              }
            }
          }
        }
        .outfits-rec {
          ul {
            li {
              font-weight: bold;
            }
            .rec-mid {
              font-weight: normal;
              margin-left: 3.5%;
              a {
                color: #117bb8;
                text-decoration: underline;
              }
            }
          }
        }
        .outfits-country {
          ul {
            li {
              font-weight: bold;
            }
            .outfits-cntr {
              li {
                font-weight: normal;
                margin-left: 3.5%;
              }
              .cntr {
                margin-left: 6.5%;
              }
            }
          }
        }
      }
      .detail-mid-row {
        display: inline-flex;
        justify-content: space-between;
        & > div {
          &:first-child {
            width: 45%;
          }

        }
        .text {
          color: lighten(@dark-gray, 30%);
          a {
            color: @link;
            text-decoration: underline;
          }
        }
        .info {
          color: @dark-gray;
          display: flex;
          flex-direction: column;
          & > div {
            margin-bottom: 5px;
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            a {
              display: inline-flex;
              justify-content: flex-start;
              align-items: center;
              color: @dark-gray;
              text-decoration: underline;
            }
          }
          .img_block {
            width: 30px;
            margin-right: 20px;
            display: flex;
            align-items: center;
            img {
              width: 100%;
              object-fit: contain;
            }
          }
          .address {
            .img_block {
              img {
                width: 90%;
              }
            }
          }
        }
        .info-contacts {
          color: @dark-gray;
          display: flex;
          flex-direction: column;
          & > div {
            margin-bottom: 5px;
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            a {
              display: inline-flex;
              justify-content: flex-start;
              align-items: center;
              color: @dark-gray;
              text-decoration: underline;
            }
          }
          .img_block {
            width: 30px;
            margin-right: 20px;
            display: flex;
            align-items: center;
            &:nth-of-type(2) {
              img {
                width: 90%;
              }
            }
            img {
              width: 100%;
              object-fit: contain;
            }
          }
          .address {
            .img_block {
              img {
                width: 90%;
              }
            }
          }
        }
        .post-contacts {
          width: 35%;
          img {
            width: 100%;
            display: inline-flex;
          }
        }
        .form-to-company {
          width: 50%;
          background-color: #f5f5f5;
          padding: 20px;
          .success_text {
            text-align: center;
            font-size: 20px;
            font-weight: 900;
            color: #4b4b4b;
            margin-top: 20px;
          }
          h3 {
            margin: 0 0 20px;
            text-align: center;
            color: #4b4b4b;
            font-family: "Open Sans", sans-serif;
            font-size: 17px;
            font-weight: 700;
            line-height: 23px;
            /* Text style for "Отправьте" */
            letter-spacing: -0.34px;
          }
          .form-feedback-title {
            margin-bottom: 5px;
          }
          .form-feedback {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 10px;
            .form-feedback-text {
              font-size: 14px;
              margin-right: 10px;
              color: #4b4b4b;
            }
            a {
              align-items: center;
              color: #117bb8;
              font-size: 14px;
              text-decoration: underline;
            }
          }
          form {
            .subs-form-btn {
              height: 29px;
              background-color: #013485;
              border: 0;
              color: @white;
              font-family: "Open Sans", sans-serif;
              font-size: 13px;
              font-weight: 400;
              line-height: 19px;
              letter-spacing: -0.26px;
              cursor: pointer;
              margin-left: 55px;
              margin-top: 10px;
              padding: 0 40px 0 40px;
            }
            .form-captcha {
              display: block;
              width: 300px;
              margin-left: auto;
              margin-right: auto;
            }
            .form-text-company {
              width: 100%;
              display: inline-flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: stretch;
              & > div {
                width: 48%;
                &:last-child {
                  display: flex;
                  flex-direction: column;
                  align-items: stretch;
                  justify-content: space-between;
                  textarea {
                    padding: 8px 14px;
                    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    border-width: 0;
                    background-color: #ffffff;
                    margin-bottom: 11px;
                    color: #969696;
                    font-family: "Open Sans", sans-serif;
                    font-size: 13px;
                    font-style: italic;
                    line-height: 19px;
                    letter-spacing: -0.26px;
                    height: 110px;
                    resize: none;
                    width: 100%;
                  }
                }
                input {
                  width: 100%;
                  height: 29px;
                  padding: 8px 14px;
                  -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  border-width: 0;
                  background-color: #ffffff;
                  margin-bottom: 11px;
                  color: #969696;
                  font-family: "Open Sans", sans-serif;
                  font-size: 13px;
                  font-style: italic;
                  line-height: 19px;
                  letter-spacing: -0.26px;
                  &:last-child {
                    margin-bottom: 0;
                  }
                }
              }
              .capcha {
                .row {
                  width: 100%;
                  display: inline-flex;
                  justify-content: flex-start;
                  align-items: center;
                  position: relative;
                  margin: 9px 0 11px 0;
                }
                a {
                  display: flex;
                  align-items: center;
                  margin-left: 11px;
                  img {
                    object-fit: contain;
                    width: 25px;
                    height: 27px;
                  }
                }
              }
            }
          }
        }
      }
      .detail__menu_blocks {
        display: block;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 24px 0 50px 0;
        a {
          display: inline-block;
          min-width: 145px;
          margin-right: 23px;
          color: @white;
          width: 17%;
          height: 51px;
          background-color: #013485;
          text-align: center;
          vertical-align: middle;
          font-family: "Open Sans", sans-serif;
          font-size: 14px;
          font-weight: 700;
          line-height: 19px;
          letter-spacing: -0.26px;
          padding: 14px 20px;
          //&:not(:last-child){
          //  margin-right: 28px;
          //}
          //&:nth-of-type(2){
          //  text-align: left;
          //  align-self: stretch;
          //  padding: 7px 26px;
          //}
        }
      }
      .detail__description {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        &__left {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: space-between;
          width: 50%;
          margin-right: 39px;
          font-family: "Open Sans", sans-serif;
          &__title {
            color: @orange;
            font-size: 20px;
            font-weight: 700;
            line-height: 19px;
            margin-bottom: 28px;
          }
          &__about {
            color: #4b4b4b;
            font-size: 16px;
            font-weight: 400;
            line-height: 21px;
            letter-spacing: -0.32px;
            height: 170px;
            //min-height: 170px;
            text-overflow: ellipsis;
            overflow: hidden;
          }
          &__link {
            color: #254a5d;
            font-size: 16px;
            font-style: italic;
            line-height: 18px;
            text-decoration: underline;
            letter-spacing: -0.32px;
            align-self: flex-end;
            margin-top: 24px;
          }
        }
        &__right {
          width: 50%;
          display: flex;
          align-items: stretch;
          &__company_slider {
            width: 100%;
            padding: 0 30px;
            .slick-prev {
              left: 0
            }
            .slick-next {
              right: 0
            }
            .slick-prev:before, .slick-next:before {
              color: #7b7b7b;
            }

            img {
              width: 100%;
            }
            img.custom__left-arrow,
            img.custom__right-arrow {
              width: 30px;
              height: 30px;
              object-fit: contain;
            }
          }
        }
      }
      hr {
        border: 0;
        border-bottom: 1px solid #c3c3c3;
        margin-bottom: 40px;
      }
      .detail__block + hr {
        margin: 19px 0 47px;
      }
      .detail__block {
        width: 100%;
        a.link {
          .a_text;

          font-style: italic;
        }
        &__down-link {
          .flex(@j-c: flex-end);
        }
        .detail__delivery-block, .detail__equipment-block, .detail__docs-block, .detail__projects-block {
          &__list {
            .flex(@f-d: row; @a-i: flex-start; @j-c: flex-start);
            ul {
              padding-left: 0;
              width: 50%;
              list-style: none;
              li {
                .text();
                margin-bottom: 40px;
                &:before {
                  content: '■';
                  color: @dark-gray;
                  margin-right: 5px;
                }
                a {
                  .text();
                }
                span {
                  //чтобы элементы внутри блока не выходили за его пределы
                  //display: flex;
                  margin-left: 15px;
                  margin-top: 8px;
                  line-height: 2;
                  a {
                    .text();
                    margin-right: 10px;
                    text-decoration: underline;
                  }
                }
              }
            }
          }
        }
        .detail__delivery-block {
          &__list {
            ul {
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              li {
                width: 50%;
                padding-right: 35px;
              }
            }
          }
        }
        .detail__equipment-block {
          &__list {
            ul {
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              li {
                width: 50%;
                .flex(@a-i: flex-start; @j-c: flex-start;);
              }
            }
          }
        }
        .detail__docs-block {
          &__list {
            ul {
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              li {
                width: 50%;
                .flex(@a-i: flex-start; @j-c: flex-start;);
                margin-bottom: 20px;
                a {
                  padding-top: 5px;
                }
                &:before {
                  content: url("/images/detail_icons/pdf-file__icon.png");
                  margin-right: 10px;
                }
              }
            }
          }
        }
        .detail__projects-block {
          &__sides {
            .post {
              width: 100/3.2%;
              margin: 15px 16px 24px 0;
              position: relative;
              &.height_min {
                min-height: 320px;
                margin-bottom: 15px;
              }
              .post__description {
                font-weight: bold;
                height: 56px;
                a {
                  color: #5d5d5d;
                }
                span.post_place_date {
                  color: #000000;
                  font-weight: normal;
                }
                span.post_type {
                  color: #000000;
                  font-style: italic;
                  font-weight: normal;

                }
              }
              &__title {
                color: #5d5d5d;
                font-family: "Open Sans", sans-serif;
                font-size: 16px;
                font-weight: 700;
                letter-spacing: -0.28px;
                line-height: 18px;
              }
              &__description {
                color: #4b4b4b;
                font-family: "Open Sans", sans-serif;
                font-size: 14px;
                font-weight: 400;
                letter-spacing: -0.28px;
                line-height: 18px;
              }
              img {
                margin: 6px 0 12px;
                width: 100%;
                height: 210px;
              }
            }
            .right_element_margin{
              margin-right: 20px;
            }

            display: flex !important;
            flex-direction: row;
            align-items: flex-start !important;
            flex-flow: row wrap;
            margin-top: 15px;
            margin-bottom: 34px;
            flex-wrap: wrap;
          }
        }
        .detail__branches-block {
          &__sides {
            div {
              &:first-child {
                margin-top: 23px;
                margin-left: 5%;
                width: 90%;
                img {
                  margin: 0 auto;
                  display: block;
                  max-width: 200px;
                }
              }
              &:last-child {
                ul {
                  .flex(@j-c: space-between);
                  width: 100%;
                  padding-left: 0;
                  list-style: none;
                  flex-wrap: wrap;
                  &:after {
                    content: "";
                    flex: auto;
                  }
                  li {
                    width: 25%;
                    margin-bottom: 35px;
                    a {
                      .text();
                      text-decoration: underline;
                    }
                    &:before {
                      content: '■';
                      color: @dark-gray;
                      margin-right: 5px;
                    }
                  }
                }
                .outfits-text-gea {
                  font-weight: bold;
                }
              }
            }
          }
        }
      }
      /*Каталог новостей*/
      &.news__page {
        .detail-filter {
          padding-right: 20px;
          form {
            height: 84px;
            background-color: #f8f8f8;
            padding: 8px 5px;
            .flex(@a-i: flex-start; @j-c: space-between);
            .wrap__before-buttons {
              .flex(@a-i: flex-start; @j-c: flex-start);
            }
            .select2-container {
              width: 135px !important;
              height: 29px !important;
            }
            .selects {
              margin-right: 28px;
              .flex(@f-d: row;);
              > div.filter_margright {
                margin-right: 15px;
              }
            }
            .date {
              .flex(@f-d:column ;);
              > div:first-child {
                margin-right: 55px;
                margin-bottom: 10px;
              }
              input {
                margin-left: 5px;
                width: 101px;
                height: 29px;
                color: #7b7b7b;
                font-family: Roboto, sans-serif;
                font-size: 14px;
                font-weight: 300;
                line-height: 12px;
                padding: 8px;
              }
              span {
                position: relative;
                color: #4b4b4b;
                font-family: "Open Sans", sans-serif;
                font-size: 15px;
                font-weight: 400;
                line-height: 14.26px;
                .data__picker_img {
                  position: absolute;
                  top: 4px;
                  right: 9px;
                }
              }
            }
            .buttons {
              .flex(@f-d: column);
              .filt-btn {
                width: 135px;
                height: 29px;
                background-color: #013485;
                border: 0;
                font-family: "Open Sans", sans-serif;
                font-size: 15px;
                font-weight: 700;
                line-height: 28px;
                letter-spacing: -0.26px;
                color: #ffffff;
                cursor: pointer;
                text-decoration: none;
                text-transform: uppercase;
                text-align: center;
                &:first-child {
                  margin-bottom: 10px;
                }
              }
            }
          }
        }
        .detail-middle-row {
          .posts {
            .post {
              &__title {
                color: #5d5d5d;
                font-family: "Open Sans", sans-serif;
                font-size: 17px;
                font-weight: 700;
              }
              &__description {
                text-align: left;
                a {
                  color: #4b4b4b;
                  font-family: "Open Sans", sans-serif;
                  font-size: 14px;
                  font-weight: 700;
                  line-height: 19px;
                }
              }
            }
          }
        }
      }
      /**/
    }
    .full-width {
      width: 100%;
      margin-right: 0;
    }
    .full-width_companys {
      width: 100%;
      margin-left: 20px;
    }
    .full-width_companys {
    }
    .detail-right-side {
      width: 22%;
      .right-side-banner {
        img {
          width: 100%;
        }
      }
    }
  }

  .articles-detail-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    //.right-sidebar {
    //  max-width: 200px;
    //  img {
    //    width: 200px !important;
    //    height: auto !important;
    //  }
    //}
    .Equipment_H1{
      img{
        width: 100%;
        max-width: 877.5px;
        max-height: 87.75px;
      }
    }
    .articles-detail-content {
      width: 75%;
      .mobile-banners-block {
        display: none;
      }
      .page-title {
        margin-top: 0;
      }
      .none-uppercase {
        text-transform: none;
      }
      .articles-detail-date {
        .ad-date-head {
          font-weight: bold;
          font-size: 16px;
        }
        .ad-date-text {
          margin-left: 20px;
          font-size: 15px;
        }
      }
      .articles-detail-social {
        margin-top: 20px;
        position: relative;
        .ad-soc-icons {
          display: inline-block;
          a {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0 12px;
            img {
              position: absolute;
              margin: auto;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
            }
          }
        }
        .ad-soc-views {
          display: inline-block;
          margin-left: 12px;
          position: relative;
          top: 7px;
          .views-eye {
            width: 23px;
          }
          .views-num {
            font-size: 14px;
            color: @gray;
          }
        }
      }
      .articles-detail-top-slider {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 92%;
        margin: 40px auto;
        .ad-top-slide {
          position: relative;
          width: 100px;
          height: 142px;
          img {
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
          }
        }
        .ad-slider-prew-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-left-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          left: -4%;
        }
        .ad-slider-next-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-right-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          right: -4%;
        }
      }
      .articles-detail-full-text-block {
        color: @gray;
        font-size: 16px;
        line-height: 24px;
        img {
          display: block;
          width: auto;
          height: auto;
          max-width: 100%;
        }
        iframe {
          display: block;
          max-width: 100%;
        }
      }
      .similar-articles-block {
        margin-top: 50px;
        h2 {
          color: @orange;
        }
        .similar-articles-items {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          .similar-articles-item {
            width: 31%;
            .sm-item-head {
              font-weight: bold;
              font-size: 20px;
              float: right;
              margin-bottom: 5px;
            }
            .sm-item-img-block {
              img {
                width: 100%;
              }
            }
            .sm-item-bottom {
              h4 {
                margin: 7px 0;
              }
              .sm-item-preview-text {
                font-size: 15px;
              }
            }
          }
        }
      }
    }
    .articles-detail-right-side {
      width: 22%;
      .right-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
  }

  .events-detail-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    .events-detail-content {
      width: 75%;
      .mobile-banners-block {
        display: none;
      }
      .events-detail-head {
        .ed-head-left-side {
          display: inline-block;
          .page-title {
            margin-top: 0;
          }
          .events-detail-loc {
            margin-bottom: 3px;
            .ed-loc-head {
              font-weight: bold;
              font-size: 16px;
            }
            .ed-loc-text {
              margin-left: 8px;
              font-size: 15px;
            }
          }
          .events-detail-date {
            .ed-date-head {
              font-weight: bold;
              font-size: 16px;
            }
            .ed-date-text {
              margin-left: 20px;
              font-size: 15px;
            }
          }
          .events-detail-social {
            margin-top: 20px;
            .ed-soc-icons {
              display: inline-block;
              a {
                position: relative;
                margin: 0 5px 0 0;
                padding: 0 12px;
                img {
                  position: absolute;
                  margin: auto;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                }
              }
            }
            .ed-soc-views {
              display: inline-block;
              margin-left: 12px;
              .views-eye {
                width: 23px;
              }
              .views-num {
                font-size: 14px;
                color: @gray;
              }
            }
          }
        }
        .ed-head-right-side {
          display: inline-block;
          float: right;
          img {
            width: 100%;
          }
        }
      }
      .events-detail-top-slider {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 92%;
        margin: 40px auto;
        .ed-top-slide {
          position: relative;
          width: 200px;
          height: 142px;
          img {
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
          }
        }
        .ed-slider-prew-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-left-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          left: -4%;
        }
        .ed-slider-next-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-right-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          right: -4%;
        }
      }
      .events-detail-full-text-block {
        color: @gray;
        font-size: 16px;
        line-height: 24px;
      }
      .similar-events-block {
        margin-top: 50px;
        h2 {
          color: @orange;
        }
        .similar-events-items {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          .similar-events-item {
            width: 31%;
            .sm-item-head {
              font-weight: bold;
              font-size: 20px;
              float: right;
              margin-bottom: 5px;
            }
            .sm-item-img-block {
              img {
                width: 100%;
              }
            }
            .sm-item-bottom {
              h4 {
                margin: 7px 0;
              }
              .sm-item-preview-text {
                font-size: 15px;
              }
            }
          }
        }
      }
    }
    .events-detail-right-side {
      width: 22%;
      .right-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
  }

  .news-detail-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    .news-detail-content {
      width: 75%;
      .tag-company {
        display: block;
        margin-top: 50px;
        font-weight: bold;
        a {
          color: #5d5d5d;
          text-decoration: underline;
        }
      }
      .Equipment_H1{
        img{
          width: 100%;
          max-width: 877.5px;
          max-height: 87.75px;
        }
      }
      .mobile-banners-block {
        display: none;
      }
      .page-title {
        margin-top: 0;
      }
      .none-uppercase {
        text-transform: none;
      }
      .news-detail-date {
        width: max-content;
        margin-right: 25px;
        .exclusive {
          float: right;
          margin-left: 30px;
          &, a.gold {
            color: #e39549;
          }
          &, a.silver {
            color: #c0c0c0;
          }
          &, a.platinum {
            color: #E5E4E2;
          }
        }
        .nd-date-head {
          font-weight: bold;
          font-size: 16px;
        }
        .nd-date-text {
          margin-left: 20px;
          font-size: 15px;
        }
      }
      .news-detail-social {
        margin-top: 20px;
        position: relative;
        .nd-soc-icons {
          display: inline-block;
          a {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0 12px;
            img {
              position: absolute;
              margin: auto;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
            }
          }
        }
        .nd-soc-views {
          display: inline-block;
          margin-left: 12px;
          position: relative;
          top: 7px;
          .views-eye {
            width: 23px;
          }
          .views-num {
            font-size: 14px;
            color: @gray;
          }
        }
      }
      .news-detail-top-slider {
        width: 92%;
        margin: 40px auto;
        .nd-top-slide {
          position: relative;
          width: 100px;
          height: 142px;
          img {
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 90%;
          }
        }
        .nd-slider-prew-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-left-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          left: -4%;
          top: 50%;
        }
        .nd-slider-next-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-right-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          right: -4%;
          top: 50%;
        }
      }
      .news-detail-full-text-block {
        color: @gray;
        font-size: 16px;
        line-height: 24px;
      }
      .similar-news-block {
        margin-top: 50px;
        h2 {
          color: @orange;
        }
        .similar-news-items {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          .post {
            min-width: 276.53px;
            width: 30.3030303%;
            margin: 15px 16px 42px 0;
            position: relative;
            min-height: 320px;
            img {
              margin: 6px 0 12px;
              width: 100%;
              height: 210px;
            }
          }
        }
      }
    }
    .news-detail-right-side {
      width: 22%;
      .right-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
  }

  .companys-list-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;

    //.right-sidebar {
    //  max-width: 200px;
    //  img {
    //    width: 200px !important;
    //    height: auto !important;
    //  }
    //}
    .companys-list-content {
      width: 75%;
      .companys-list-header {
        h1 {
          display: inline;
        }
        .company-add-btn {
          font-size: 15px;
          display: inline;
          float: right;
          padding: 8px 40px;
          background-color: @blue;
          color: @white;
        }
        .none-uppercase {
          text-transform: none;
        }
      }
      .my_companys_text {
        .my_companys-filter-block {
          .my_companys-filt-btns {
            display: inline-block;
            margin-top: 20px;
            .filt-btn {
              display: inline-block;
              font-weight: bold;
              font-size: 15px;
              text-align: center;
              color: @white;
              padding: 5px 20px;
              background-color: @blue;
            }
          }
        }
      }
      .companys-filter-block {
        margin: 10px 0;
        background-color: @ww-gray;
        .companys-filt-selectors {
          display: inline-block;
          width: 76%;
          margin: 10px 0 15px 15px;
          .selectors-container {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 10px;
            padding-bottom: 10px;
            .sol-container {
              padding-right: 20px;
            }
          }
        }
        .companys-filt-btns {
          display: inline-block;
          width: 17%;
          margin: 10px 1.8%;
          float: right;
          .filt-btn {
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            color: @white;
            padding: 8px 28px;
            background-color: @blue;
            margin-bottom: 10px;
          }
        }
      }
      .companys-sort-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 35px 0;
        .sort-by {
          .sort-by-text {
            color: @dark-gray;
            font-weight: bold;
          }
          .sort-by-link {
            color: @dark-gray;
            margin: 0 7px;
            &.active {
              text-decoration: underline;
            }
          }
          .sort-by-link:hover {
            text-decoration: underline;
          }
        }
        .pagination {
          .pagination-link {
            color: @dark-gray;
          }
          .selected {
            font-weight: bold;
          }
        }
      }
      .companys-list {
        .banner_company {
          width: 100%;
          margin-bottom: 30px;
          img {
            width: 100%;
            height: 100%;
            max-height: 115px;
          }
        }
        .company-item {
          display: inline-flex;
          justify-content: space-between;
          flex-wrap: wrap;
          border-bottom: 1px solid @light-gray;
          margin-bottom: 35px;
          width: 100%;
          .company-logo {
            display: table-cell;
            text-align: center;
            width: 20%;
            img {
              width: auto;
              max-height: 160px;
              max-width: 160px;
            }
          }
          .company-middle {
            display: inline-block;
            width: 42%;
            h4 {
              margin: 0;
              text-transform: uppercase;
              a {
                color: #5d5d5d;
              }
            }
            .company-rating {
              padding: 10px 0;
            }
            .company-desc {
              font-size: 14px;
              margin-bottom: 15px;
            }
          }
          .company-right {
            display: inline-block;
            width: 34%;
            .company-right-text {
              margin-bottom: 10px;
              font-size: 13px;
            }
            .crt-link {
              a {
                margin-bottom: 5px;
                text-decoration: underline;
                font-style: italic;
                color: @link;
              }
            }
            .crt-site {
              a {
                color: black;
              }
            }
          }
        }
      }
      .bottom-pagination {
        text-align: right;
        .pagination-link {
          color: @dark-gray;
        }
        .selected {
          font-weight: bold;
        }
      }
    }

  }

  .companys-list-bottom-text {
    margin-top: 40px;
    font-size: 14px;
  }

  .project-detail-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    //.right-sidebar {
    //  max-width: 200px;
    //  img {
    //    width: 200px !important;
    //    height: auto !important;
    //  }
    //}
    .project-detail-content {
      width: 75%;
      .none-uppercase {
        text-transform: none;
      }
      .project-detail-social {
        margin-top: 20px;
        position: relative;
        .nd-soc-icons {
          display: inline-block;
          a {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0 12px;
            img {
              position: absolute;
              margin: auto;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
            }
          }
        }
        .nd-soc-views {
          display: inline-block;
          margin-left: 12px;
          position: relative;
          top: 7px;
          .views-eye {
            width: 23px;
          }
          .views-num {
            font-size: 14px;
            color: @gray;
          }
        }
      }
      .project-detail-date {
        margin-top: 20px;
        .project-detail-date-info {
          margin-top: 20px;
          .nd-date-head {
            font-weight: bold;
            font-size: 16px;
          }
          .nd-date-text {
            margin-left: 20px;
            font-size: 15px;
            &.uppercase {
              text-transform: uppercase;
              color: #4b4b4b;
            }
          }
        }
      }
      .project-detail-top-slider {
        width: 92%;
        margin: 40px auto;
        .nd-top-slide {
          position: relative;
          width: 100px;
          height: 142px;
          img {
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 90%;
          }
        }
        .nd-slider-prew-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-left-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          left: -4%;
          top: 50%;
        }
        .nd-slider-next-arrow {
          cursor: pointer;
          background: no-repeat url("/local/templates/holodindustrynew/assets/img/nd-slider-right-arrow.png");
          width: 25px;
          height: 35px;
          position: absolute;
          right: -4%;
          top: 50%;
        }
      }
      .detail-project-link {
        color: #254a5d;
        text-decoration: underline;
        letter-spacing: -0.32px;
      }
      .similar-project-outfits {
        h3 {
          color: @orange;
        }
        .project-block {
          a {
            color: black;
          }
          ul {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            li {
              width: 50%;
              padding-bottom: 15px;
            }
          }
        }
      }
      .similar-project-block {
        margin-top: 50px;
        margin-bottom: 25%;
        h2 {
          color: @orange;
        }
        .similar-project-items {
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          margin-bottom: 70%;
          .similar-project-item {
            width: 31%;
            .sm-item-head {
              font-weight: bold;
              font-size: 20px;
              float: right;
              margin-bottom: 5px;
            }
            .sm-item-img-block {
              img {
                width: 100%;
              }
            }
            .sm-item-bottom {
              h4 {
                margin: 7px 0;
              }
              .sm-item-preview-text {
                font-size: 15px;
              }
            }
          }
        }
      }
      .detail-project-link-block {
        float: right;
        margin: -5% 5px 0 0;
        color: #254a5d;
        text-decoration: underline;
        letter-spacing: -0.32px;
        font-style: italic;
      }
      .mobile-right-side-dp {
        display: none;
      }
      .page-title {
        margin-top: 0;
      }
    }
    .project-detail-right-side {
      width: 22%;
      .project-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
  }
  .project-list-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
    .right-sidebar {
      max-width: 245px;
      img {
        width: 245px !important;
        height: auto !important;
      }
    }
    .project-list-content {
      width: 75%;
      .project-list-header {
        display: inline-block;
        width: 100%;
        h1 {
          display: inline;
        }
        .my_companys-filter-block {
          .my_companys-filt-btns {
            display: inline-block;
            margin-top: 20px;
            .my_filt-btn {
              display: inline-block;
              font-weight: bold;
              font-size: 15px;
              text-align: center;
              color: @white;
              padding: 5px 20px;
              background-color: @blue;
            }
          }
        }
        .none-uppercase {
          text-transform: none;
        }
      }
      .project-filter-block {
        margin: 10px 0;
        background-color: @ww-gray;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        .project-filt-selectors {
          display: inline-block;
          width: 85%;
          margin: 10px 0 10px 15px;
          .project-selectors-container {
            display: inline-flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            margin-bottom: 10px;
            width: 90%;
            div.filter_margright {
              margin-right: 15px;
            }
            .selects {
              margin-right: 28px;
              display: flex;
              flex-direction: row;
              //align-items: center;
              justify-content: space-between;
              > div {
                min-width: 80px;
              }
            }
            .date {
              align-items: flex-start;
              justify-content: flex-end;
              flex-wrap: wrap;
              width: auto;
              flex-direction: row;
              div:first-child {
                margin-bottom: 10px;
              }
              input {
                margin-left: 5px;
                width: 90px;
                height: 35px;
                color: #7b7b7b;
                font-family: Roboto, sans-serif;
                font-size: 14px;
                font-weight: 300;
                line-height: 12px;
                padding: 8px;
              }
              span {
                position: relative;
                color: #4b4b4b;
                font-family: "Open Sans", sans-serif;
                font-size: 15px;
                font-weight: 400;
                line-height: 14.26px;
                .data__picker_img {
                  position: absolute;
                  top: 4px;
                  right: 9px;
                }
              }
            }
            select {
              padding: 0 8px;
              margin: 5px 10px;
              font-size: 14px;
              box-sizing: border-box;
              width: 14%;
              height: 26px;
              -webkit-appearance: none;
              background-image: url('/local/templates/holodindustrynew/assets/img/select-arrow.png');
              background-position: right center;
              background-repeat: no-repeat;
              line-height: 1em;
              -moz-appearance: none;
              text-indent: 0.01px;
              text-overflow: '';
              -ms-appearance: none;
              appearance: none !important;
              &:nth-of-type(1) {
                width: 35%;
              }
              &:nth-of-type(4) {
                width: 35%;
              }
            }
          }
          .project-filt-btns {
            display: inline-block;
            width: 2%;
            margin: 1px 1.8%;
            float: right;
            .filt-btn {
              display: inline-block;
              font-weight: bold;
              font-size: 15px;
              text-align: center;
              color: @white;
              padding: 8px 28px;
              background-color: @blue;
              margin-bottom: 10px;
              width: 120px;
            }
          }
        }
      }
      .project-sort-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 35px 0;
        .sort-by {
          .sort-by-text {
            color: @dark-gray;
            font-weight: bold;
          }
          .sort-by-link {
            color: @dark-gray;
            margin: 0 7px;
            &.active {
              text-decoration: underline;
            }
          }
          .sort-by-link:hover {
            text-decoration: underline;
          }
        }
        .pagination {
          .pagination-link {
            color: @dark-gray;
          }
          .selected {
            font-weight: bold;
          }
        }
      }
      .project-list {
        .banner_project {
          width: 100%;
          margin-bottom: 30px;
          img {
            width: 100%;
            height: 100%;
            max-height: 115px;
          }
        }
        .project-item {
          display: inline-flex;
          justify-content: space-between;
          flex-wrap: nowrap;
          border-bottom: 1px solid @light-gray;
          margin-bottom: 35px;
          width: 100%;
          .project-logo {
            display: inline-block;
            width: 30%;
            padding: 0;
            img {
              width: 100%;
            }
          }
          .project-middle {
            display: inline-block;
            width: 70%;
            padding-right: 15px;
            padding-left: 20px;
            h4 {
              margin: 0;
              a {
                color: #5d5d5d;
              }
            }
            .project-desc.border-right-lg {
              font-size: 14px;
              margin-bottom: 35px;
              padding-right: 15px;
            }
          }
          .project-right {
            display: inline-block;
            width: 350px;
            padding-left: 30px;
            .project-right-block {
              display: table-cell;
            }
            .project-right-text {
              margin-bottom: 5px;
            }
            .crt-link {
              a {
                text-decoration: underline;
                font-style: italic;
                color: @link;
              }
            }
            .crt-site {
              a {
                color: black;
              }
            }
          }
        }
      }
      .bottom-pagination {
        text-align: right;
        .pagination-link {
          color: @dark-gray;
        }
        .selected {
          font-weight: bold;
        }
      }
      .detail-middle-row {
        margin-top: 30px;
        .posts {
          .banner_outfits {
            width: 100%;
            img {
              width: 100%;
              height: 100%;
              max-height: 115px;
              padding-right: 20px;
            }
          }
          .flex(@d: inline-flex; @j-c: space-between; @a-i: flex-start);
          flex-flow: row wrap;
          &:after {
            content: "";
            flex: auto;
          }

          .post {
            min-width: 275px;
            width: 100/3.3%;
            margin: 15px 16px 42px 0;
            position: relative;
            min-height: 320px;
            &.height_min {
              min-height: 260px;
              margin-bottom: 15px;
            }
            .post__description {
              color: #5d5d5d;
              font-weight: bold;
              span.post_place_date {
                color: #000000;
                font-weight: normal;
              }
              span.post_type {
                color: #000000;
                font-style: italic;
                font-weight: normal;

              }
            }
            &__title {
              color: #5d5d5d;
              font-family: "Open Sans", sans-serif;
              font-size: 16px;
              font-weight: 700;
              letter-spacing: -0.28px;
              line-height: 18px;
            }
            &__description {
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 14px;
              font-weight: 400;
              letter-spacing: -0.28px;
              line-height: 18px;
            }
            img {
              margin: 6px 0 12px;
              width: 100%;
              height: 210px;
            }
          }
          .right_element_margin{
            margin-right: 20px;
          }
        }
      }
    }
    .project-list-right-side {
      width: 22%;
      .project-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
    .project-list-bottom-text {
      margin-top: 40px;
      font-size: 14px;
    }
  }
  .tender-detail-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
    //.right-sidebar {
    //  max-width: 200px;
    //  img {
    //    width: 200px !important;
    //    height: auto !important;
    //  }
    //}
    .tender-detail-content {
      width: 75%;
      .page-title {
        margin-top: 0;
      }
      .none-uppercase {
        text-transform: none;
      }
      .tender-detail-social {
        margin-top: 20px;
        position: relative;
        .nd-soc-icons {
          display: inline-block;
          a {
            position: relative;
            margin: 0 5px 0 0;
            padding: 0 12px;
            img {
              position: absolute;
              margin: auto;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
            }
          }
        }
        .nd-soc-views {
          display: inline-block;
          margin-left: 12px;
          position: relative;
          top: 7px;
          .views-eye {
            width: 23px;
          }
          .views-num {
            font-size: 14px;
            color: @gray;
          }
        }
      }
      .detail-date-tender {
        margin-top: 20px;
        .detail-date-tender-info {
          margin-top: 10px;
          .nd-date-head {
            font-weight: bold;
            font-size: 16px;
          }
          .nd-date-text {
            margin-left: 20px;
            font-size: 15px;
          }
        }
      }
      .detail__menu_blocks-tender {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 24px 0 50px 0;
        a {
          color: @white;
          width: 15%;
          background-color: #013485;
          text-align: center;
          vertical-align: middle;
          font-family: "Open Sans", sans-serif;
          font-size: 13px;
          font-weight: 700;
          line-height: 19px;
          letter-spacing: -0.26px;
          padding: 13px 0px;
          &:not(:last-child) {
            margin-right: 28px;
          }
          &:nth-of-type(2) {
            text-align: left;
            align-self: stretch;
            padding: 7px 26px;
          }
        }
      }
      .detail-tender-text {
        .detail-tender-link {
          color: #254a5d;
          text-decoration: underline;
          letter-spacing: -0.32px;
        }
      }
      .similar-tender-block {
        margin-top: 50px;
        margin-bottom: 50px;
        h3 {
          color: @orange;
          margin-bottom: 5%;
        }
        h2 {
          color: @orange;
        }
        .tender-item {
          display: inline-block;
          flex-wrap: wrap;
          width: 49%;
          .tender-file {
            img {
              width: 25%;
            }
          }
          .tender-middle {
            width: 66%;
            margin: -25% 0 0 30%;
          }
        }
        .detail-tender-link-block {
          display: none;
        }
      }
      .form-tender {
        margin-top: 5%;
        .form-tender-contacts {
          border: 2px solid #999;
          float: left;
          .news-detail-contacts-tender {
            margin: 40px 40px 50px 15px;
            flex-wrap: wrap;
            width: 100%;
            .nd-date-head {
              font-weight: bold;
              font-size: 16px;
            }
            .nd-date-text-one {
              margin-left: 5px;
              font-size: 16px;
              font-style: italic;
            }
            .nd-date-text-two {
              margin-left: 85px;
              font-size: 16px;
              font-style: italic;
            }
            .nd-date-text-three {
              margin-left: 85px;
              font-size: 16px;
              font-style: italic;
            }
          }
          .news-detail-contacts-tender.none-auth {
            margin: 40px -450px 30px 15px;
            display: flex;
            width: 60%;
            span {
              margin: 0;
              font-style: normal;
            }
            span.nd-date-head {
              margin-right: 90px;
              margin-bottom: 20px;
            }
          }
        }
        .form-to-company {

          float: right;
          width: 50%;
          background-color: #f5f5f5;
          padding: 30px;
          h3 {
            margin: 0 0 20px;
            text-align: center;
            color: #4b4b4b;
            font-family: "Open Sans", sans-serif;
            font-size: 17px;
            font-weight: 700;
            line-height: 23px;
            /* Text style for "Отправьте" */
            letter-spacing: -0.34px;
          }
          form {
            .form-text-company {
              width: 100%;
              display: inline-flex;
              flex-direction: row;
              justify-content: space-between;
              align-items: stretch;
              & > div {
                width: 50%;
                &:last-child {
                  display: flex;
                  flex-direction: column;
                  align-items: stretch;
                  justify-content: space-between;
                  textarea {
                    padding: 5px 15px;
                    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    border-width: 0;
                    background-color: #ffffff;
                    margin-bottom: 11px;
                    color: #969696;
                    font-family: "Open Sans", sans-serif;
                    font-size: 13px;
                    font-style: italic;
                    line-height: 19px;
                    letter-spacing: -0.26px;
                    height: 150px;
                    resize: none;
                    width: 85%;
                  }
                  .subs-form-btn {
                    height: 29px;
                    background-color: #013485;
                    border: 0;
                    color: @white;
                    font-family: "Open Sans", sans-serif;
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 19px;
                    letter-spacing: -0.26px;
                    cursor: pointer;
                  }
                }
                .b-popup{
                  width:100%;
                  min-height:100%;
                  background-color: rgba(0,0,0,0.5);
                  overflow:hidden;
                  position:fixed;
                  top:0px;
                }
                .b-popup .b-popup-content{
                  margin:40px auto 0px auto;
                  width:100px;
                  height: 40px;
                  padding:10px;
                  background-color: #c5c5c5;
                  border-radius:5px;
                  box-shadow: 0px 0px 10px #000;
                }
                input {
                  width: 80%;
                  height: 20px;
                  padding: 6px 10px;
                  -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                  border-width: 0;
                  background-color: #ffffff;
                  margin-bottom: 11px;
                  color: #969696;
                  font-family: "Open Sans", sans-serif;
                  font-size: 13px;
                  font-style: italic;
                  line-height: 19px;
                  letter-spacing: -0.26px;
                  &:last-child {
                    margin-bottom: 0;
                  }
                }
              }
              .capcha {
                .row {
                  width: 100%;
                  display: inline-flex;
                  justify-content: flex-start;
                  align-items: center;
                  position: relative;
                  margin: 9px 0 11px 0;
                }
                a {
                  display: flex;
                  align-items: center;
                  margin-left: 11px;
                  img {
                    object-fit: contain;
                    width: 25px;
                    height: 27px;
                  }
                }
              }
            }
          }
        }
      }
    }
    .detail-right-side-tender {
      width: 22%;
      .side-banner-tender {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
    .mobile-right-side-tender {
      display: none;
    }
  }
  .tender-list-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
    //.right-sidebar {
    //  max-width: 200px;
    //  img {
    //    width: 200px !important;
    //    height: auto !important;
    //  }
    //}
    .tender-list-content {
      width: 75%;
      .tender-list-header {
        display: inline-block;
        width: 100%;
        h1 {
          display: inline;
        }
        .my_companys-filter-block {
          .my_companys-filt-btns {
            display: inline-block;
            margin-top: 20px;
            .my_filt-btn {
              display: inline-block;
              font-weight: bold;
              font-size: 15px;
              text-align: center;
              color: @white;
              padding: 5px 20px;
              background-color: @blue;
            }
          }
        }
        .none-uppercase {
          text-transform: none;
        }
      }
      .tender-filter-block {
        margin: 10px 0;
        background-color: @ww-gray;
        height: 140px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        .tender-filt-selectors {
          display: inline-block;
          width: 85%;
          margin: 10px 0 10px 10px;
          .selectors-container-tender {
            display: inline-flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            margin-bottom: 10px;
            width: 70%;
            div.filter_margright {
              margin-right: 15px;
            }
            select {
              padding: 0 8px;
              margin: 5px 10px;
              font-size: 14px;
              box-sizing: border-box;
              width: 14%;
              height: 26px;
              -webkit-appearance: none;
              background-image: url('/local/templates/holodindustrynew/assets/img/select-arrow.png');
              background-position: right center;
              background-repeat: no-repeat;
              line-height: 1em;
              -moz-appearance: none;
              text-indent: 0.01px;
              text-overflow: '';
              -ms-appearance: none;
              appearance: none !important;
            }
          }
        }
        .tender-filt-btns {
          display: inline-block;
          width: 1%;
          margin: 1px 1.8%;
          float: right;
          .filt-btn {
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            color: @white;
            padding: 6px 20px;
            background-color: @blue;
            margin-bottom: 10px;
            min-width: 100px;
          }
        }
        .tender-checkbox {
          padding: 0 0 0 1.5%;
        }
      }
      .tender-list {
        margin: -15px 0  -15px 0;
      }
      .tender-sort-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 35px 0;
        .sort-by {
          .sort-by-text {
            color: @dark-gray;
            font-weight: bold;
          }
          .sort-by-link {
            color: @dark-gray;
            margin: 0 7px;
            &.active {
              text-decoration: underline;
            }
          }
          .sort-by-link:hover {
            text-decoration: underline;
          }
        }
        .pagination {
          .pagination-link {
            color: @dark-gray;
          }
          .selected {
            font-weight: bold;
          }
        }
      }
      .tender-list-info {
        .banner_company {
          width: 100%;
          margin-bottom: 30px;
          img {
            width: 100%;
            height: 100%;
            max-height: 115px;
          }
        }
        .tender-item-block {
          display: inline-flex;
          justify-content: space-between;
          flex-wrap: nowrap;
          border-bottom: 1px solid @light-gray;
          margin-bottom: 35px;
          width: 100%;
          .tender-middle-block {
            display: inline-block;
            width: 70%;
            padding: 0 2% 25px 0;
            h4 {
              margin: 0;
            }
            .tender-desc {
              font-size: 16px;
            }
            .tender-detail-date {
              .nd-date-head {
                font-weight: bold;
                font-size: 16px;
                a {
                  color: #5d5d5d;
                }
              }
              .nd-date-text {
                font-size: 16px;
              }
            }
          }
          .tender-right-block {
            display: inline-block;
            width: 28%;
            .tender-right-block-mass {
              display: table-cell;
            }
            .tender-right-text {
              margin-bottom: 5px;
            }
            .crt-link {
              a {
                text-decoration: underline;
                font-style: italic;
                color: @link;
              }
            }
            .crt-site {
              a {
                color: black;
              }
            }
          }
        }
      }
      .bottom-pagination {
        text-align: right;
        .pagination-link {
          color: @dark-gray;
        }
        .selected {
          font-weight: bold;
        }
      }
    }
    .tender-list-right-side {
      width: 23%;
      .right-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
    .tender-list-bottom-text {
      width: 73%;
      font-size: 14px;
      margin-top: 40px;
    }
  }
  .outfit-list-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 35px;
    .outfit-list-content {
      width: 75%;
      .outfit-list-header {
        h1 {
          display: inline;
        }
      }
      .outfit-filter-block {
        margin: 10px 0;
        background-color: @ww-gray;
        height: 55px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        .outfit-filt-selectors {
          display: inline-block;
          width: 85%;
          margin: 10px 0 10px 10px;
          .outfit-selectors-container {
            display: inline-flex;
            justify-content: space-between;
            flex-wrap: nowrap;
            margin-bottom: 10px;
            width: 60%;
            select {
              padding: 0 8px;
              margin: 5px 10px;
              font-size: 14px;
              box-sizing: border-box;
              width: 14%;
              height: 26px;
              -webkit-appearance: none;
              background-image: url('/local/templates/holodindustrynew/assets/img/select-arrow.png');
              background-position: right center;
              background-repeat: no-repeat;
              line-height: 1em;
              -moz-appearance: none;
              text-indent: 0.01px;
              text-overflow: '';
              -ms-appearance: none;
              appearance: none !important;
              &:nth-of-type(1) {
                width: 30%;
              }
              &:nth-of-type(2) {
                width: 35%;
              }
            }
          }
        }
        .outfit-filt-btns {
          display: inline-block;
          margin: 1px -9%;
          float: right;
          .filt-btn {
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            color: @white;
            padding: 6px 20px;
            background-color: @blue;
            margin-bottom: 10px;
          }
        }
      }
      .outfit-sort-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 35px 0;
        .sort-by {
          .sort-by-text {
            color: @dark-gray;
            font-weight: bold;
          }
          .sort-by-link {
            color: @dark-gray;
            margin: 0 7px;
            &.active {
              text-decoration: underline;
            }
          }
          .sort-by-link:hover {
            text-decoration: underline;
          }
        }
        .pagination {
          .pagination-link {
            color: @dark-gray;
          }
          .selected {
            font-weight: bold;
          }
        }
      }
      .outfit-list {
        display: inline-flex;
        width: 32%;
        .outfit-item {
          flex-wrap: wrap;
          margin-bottom: 35px;
          .outfit-logo {

          }
          .outfit-right {
            .outfit-right-block {

            }
            .outfit-right-text {

            }
          }
        }
      }
      .bottom-pagination {
        text-align: right;
        .pagination-link {
          color: @dark-gray;
        }
        .selected {
          font-weight: bold;
        }
      }
    }
    .outfit-list-right-side {
      width: 17%;
      .right-side-banner {
        margin-bottom: 20px;
        img {
          width: 100%;
        }
      }
    }
    .outfit-list-bottom-text {
      width: 73%;
      font-size: 14px;
    }
  }

  .banner_up {
    width: 100%;
    margin-bottom: 30px;
    img {
      width: 100%;
      height: 100%;
      max-width: 1170px;
      max-height: 117px;
    }
  }

  .breadcrumbs {
    ul {
      padding: 0;
      font-weight: 400;
      font-family: 'Roboto', sans-serif;
      font-size: 15px;
      color: #4b4b4b;
      li {
        display: inline-flex;
        list-style: none;
        a {
          color: @gray;
        }
        &:not(:last-child):after {
          content: '–';
          margin: 0 3px 0 7px;
        }
      }
    }
  }

  header {
    width: 100%;
    .top-header {
      height: 70px;
      margin-bottom: 50px;
      .logo {
        height: 70px;
        width: auto;
        float: left;
        img {
          height: 78px;
        }
      }
      .right-side {
        float: right;
        width: 60%;
        .login {
          margin-top: 5px;
          margin-bottom: 8px;
          float: right;
          .promo-url {
            color: green;
            font-weight: 300;
            padding-right: 13px;
            padding-left: 5px;
          }
          .buy_sell {
            color: #5d5d5d;
            font-weight: 300;
            padding-right: 13px;
            padding-left: 5px;
          }
          .btn_sell {
            margin-right: 30px;
          }
          a {
            &:nth-child(1) {
              border-right: 1px solid @dark-green;
              padding-right: 5px;
            }
            &:nth-child(2) {
              border-right: 1px solid @dark-green;
              padding-right: 5px;
            }
            &:nth-child(4) {
              border-right: 1px solid @dark-green;
              padding-right: 10px;
            }
            color: @dark-green;
            margin-left: 5px;
            font-weight: bold;
          }
        }
        .social {
          display: flex;
          margin-top: 34px;
          justify-content: flex-end;
          align-items: start;
          * + html.search-block {
            float: left;
            height: 36px;
            //крестик
            input[type=text]::-ms-clear {
              display: none;
              width: 0;
              height: 0;
            }
            input[type=text]::-ms-reveal {
              display: none;
              width: 0;
              height: 0;
            }
            input[type="search"]::-webkit-search-decoration,
            input[type="search"]::-webkit-search-cancel-button,
            input[type="search"]::-webkit-search-results-button,
            input[type="search"]::-webkit-search-results-decoration {
              display: none;
            }

          }
          .search {
            width: 300px;
            height: 36px;
            display: inline-block;
            padding: 7px 10px;
            background-color: @white-gray;
            border: 2px solid @white-gray;
            position: relative;
            bottom: 13px;
            font-size: 13px;
            left: 5px;
          }
          .search-btn {
            width: 36px;
            height: 36px;
            background-color: @light-gray;
            display: inline-block;
            img {
              margin: 8.1px;
            }
          }
          .flag {
            display: inline-flex;
            background-color: @blue;
            &.list_page {
              position: absolute;
              margin-top: 35px;
              display: none;
              z-index: 1;
              a:hover{
                background-color: #e8e8e8;
                color: #000;
              }
              .active {
                display: none;
              }
            }
            a {
              padding: 8px 0;
              width: 35px;
              display: block;
              color: @white;
              font-size: 16px;
              cursor: pointer;
              text-align: center;
            }
          }
          .social-icons {
            margin-left: 10px;
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            background-color: @blue;
            height: 36px;
            position: relative;
            right: 4px;
            a {
              display: flex;
              align-items: center;
              width: 36px;
              height: 36px;
              padding: 2px;
              position: relative;
              box-sizing: border-box;
              img {
                width: 100%;
                height: 90%;
                object-fit: contain;
              }
            }
          }
        }
      }
      .mobile-social-icons {
        display: none;
        background-color: @blue;
        height: 35px;
        margin-top: 16px;
        img {
          margin: 8px 7px 0 7px;
        }
      }
    }
  }
  .content-items-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;


    .content-item {
      width: 48.5%;
      margin-top: 40px;
      .content-item-title {
        margin-bottom: 25px;
        font-size: 16px;
        font-weight: bold;
        .orange-title {
          color: @orange;
          font-size: 20px;
        }
        .ot-text {
          color: @dark-gray;
        }
      }
      .pv-big {
        height: 525px;
      }
      .pv-med {
        height: 340px;
      }
      .posts-vert {
        .post {
          .post-content-small {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            height: 154px;
            margin-top: 25px;
          }
          .post-content-med {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            height: 221px;
            margin-top: 25px;
          }
          .post-content-gray-med {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            height: 160px;
            &.opinion_expert {
              height: 340px;
            }
          }
          .post-content-big {
            display: flex;
            justify-content: space-between;
            flex-direction: row;
            height: 333px;
          }
          .post-link {
            padding: 16px 0;
            display: flex;
            justify-content: flex-end;
            border-bottom: 1px @light-gray solid;
            a {
              text-decoration: underline;
              font-style: italic;
              color: @link;
            }
          }
          .post-image {
            width: 47%;
            img {
              width: 100%;
              height: 100%;
              max-height: 200px;
            }
          }
          .small-post-image {
            width: 35%;
            img {
              width: 100%;
            }
          }
          .post-preview-text {
            width: 47%;
            font-size: 14px;
            p {
              overflow: hidden;
              text-overflow: ellipsis;
            }
            a {
              color: #5d5d5d;
            }
          }
          .post-preview-text-big {
            width: 60%;
            font-size: 17px;
            a {
              color: #5d5d5d;
            }

            b {
              font-size: 15px;
            }
            &:first-child {
              margin-top: -10px;
            }
          }
          .add-tender-btn {
            padding: 7px 22px;
            background-color: @blue;
            color: @white !important;
            font-weight: bold;
          }
          .bot-border {
            margin-top: 15px;
            border-bottom: 1px @light-gray solid;
          }
        }
        .post.sm-post {
          margin-top: 18px;
        }
        &.pv-big {
          .post {
            .post-content-med {
              .post-preview-text {
                p:first-child {
                  margin-top: 0;
                }
              }
            }
          }
        }
        &.pv-med {
          .post {
            .post-content-big {
              .post-preview-text {
                p:first-child {
                  margin-top: 0;
                }
              }
            }
            &.sm-post {
              .post-content-gray-med {
                .post-preview-text {
                  p {
                    margin-top: 0;
                    a {
                      color: inherit;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .posts {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        height: 320px;
        .post {
          width: 100%;
          .post-image {
            img {
              width: 100%;
              height: 100%;
              padding-bottom: 20px;
            }
          }
        }
        .half-post {
          position: relative;
          width: 47%;
          overflow: hidden;
          .post-date {
            width: 48%;
            background-color: @light-gray;
            color: white;
            padding: 5px 8px;
            font-weight: bold;
            font-size: 14px;
            display: inline-block;
            font-style: italic;
          }
          .top-text {
            float: right;
            font-size: 20px;
            font-weight: bold;
            height: 27px;
          }
          .post-image {
            img {
              width: 100%;
            }
          }
        }
      }
      .content-item-link {
        width: 100%;
        padding: 7px 0;
        background-color: @blue;
        font-size: 18px;
        color: @white;
        display: block;
        text-align: center;
        font-weight: bold;
        margin-top: 20px;
        text-transform: uppercase;
      }
    }
    .top_margin_zero {
      margin-top: 0;
    }
  }

  .parthners-block {
    text-align: center;
    h2 {
      color: @orange;
      margin: 40px 0;
    }
    .parthners-slider {
      visibility: hidden;
      width: 90%;
      margin: 0 auto;
      .p-slide {
        position: relative;
        height: 170px;
        img {
          position: absolute;
          margin: auto;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
        }
      }
    }
  }
  .slick-initialized {
    visibility: visible !important;
  }
  .new-campaign-block {
    margin-top: 40px;
    h2 {
      margin-top: 0;
      text-align: center;
      color: @orange;
    }
    .nc-block {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: stretch;
      margin-top: 50px;
      position: relative;
      .nc-big-image {
        //width: 270px;
        height: auto;
        img {
          width: 270px;
          height: 270px;
        }
      }
      .nc-content {
        width: 74%;
        height: auto;
        .nc-items {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          .nc-img {
            height: 150px;
            position: relative;
            span.veritical_allign_img {
              display: inline-block;
              height: 100%;
              vertical-align: middle;
            }
            a img {
              display: inline;
              position: relative;
              vertical-align: middle;
              max-width: 90%;//удалить
              max-height: 110px;
              width: 100%;
              height: auto;
              //width: auto;
              //height: 100%;
            }
            img.nc_img_full {
              max-height: 150px;
            }
          }
          .nc-item {
            width: 30.5%;
            text-align: center;
            .nc-add-link {
              padding-bottom: 20px;
              font-size: 15px;
              a {
                color: @dark-green;
                font-weight: bold;
                font-style: italic;
                text-decoration: underline;
              }
            }
            .nc-text {
              font-style: italic;
              margin-top: 5px;
              a {
                color: #5D5D5D;
                span {
                  font-weight: bold;
                  font-style: normal;
                }
              }
              b {
                display: block;
                font-style: normal;
              }
            }
          }
        }
        .nc-content-link {
          width: 100%;
          padding: 7px 0;
          background-color: #013485;
          font-size: 18px;
          color: #ffffff;
          display: block;
          text-align: center;
          font-weight: bold;
          margin-top: 17px;
        }
      }
    }
  }

  .recommend-equip-block {
    margin-top: 40px;
    h2 {
      margin-top: 0;
      text-align: center;
      color: @orange;
    }
    .re-block {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: stretch;
      margin-top: 40px;
      .re-big-image {
        text-align: center;
        width: 270px;
        height: auto;
        margin-top: -15px;
        img {
          height: 85%;
          max-width: 270px;
          max-height: 270px;
          padding-bottom: 20px;
          padding-top: 15px;
        }
      }
      .re-content {
        width: 74%;
        .re-items {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          .re-item {
            width: 31%;
            text-align: center;
            .re-img{
              height: 150px;
              position: relative;
              span.veritical_allign_img {
                display: inline-block;
                height: 100%;
                vertical-align: middle;
              }
              img {
                display: inline;
                position: relative;
                vertical-align: middle;
                max-width: 90%;
                max-height: 150px;
                width: 100%;
              }
            }
            .re-text {
              margin-top: 10px;
              font-style: italic;
              color: @gray;
              a {
                color: #5d5d5d;
                font-style: normal;
                font-weight: bold;
              }
            }
            img {
              width: 100%;
              height: auto;
            }
          }
          .re-banner {
            display: none;
          }
        }
        .re-content-link {
          width: 100%;
          padding: 7px 0;
          background-color: #013485;
          font-size: 18px;
          color: #ffffff;
          display: block;
          text-align: center;
          font-weight: bold;
          //margin-top: 24px;
          margin-top: 27px;
        }
      }
    }
  }
  .rating-content-block {
    min-height: 664px;
    margin-top: 40px;
    h2 {
      text-align: center;
      color: @orange;
      margin-top: 10px;
    }
    .rating-column {
      border-right: solid 1px @light-gray;
      width: calc( 25% - 3px);
      float: left;
      min-height: 580px;
      position: relative;
      border-right: solid 1px #e0e0e0;
      .rating-column-title {
        font-size: 17px;
        padding-left: 20px;
      }
      .rating-item {
        padding-top: 22px;
        min-height: 80px;
        padding-left: 20px;
        .rating-item-img {
          width: 30%;
          display: inline-block;
          margin-right: 3%;
          float: left;
          img {
            max-width: 125px;
            max-height: 80px;

          }
        }
        .rating-item-text {
          width: 64%;
          display: none;
          font-size: 14px;
          line-height: 19px;
          a {
            color: #5d5d5d;
          }
        }
      }
      .rating-content-col-link {
        padding: 30px 0 0 0;
        float: right;
        border-right: 1px solid @light-gray;
        width: 100%;
        bottom: 0;
        position: absolute;
        a {
          color: lighten(@dark-gray, 55%);
          font-size: 11px;
          float: right;
          padding-right: 10px;
        }
      }

      &:nth-child(4), &:nth-child(5) {
        .rating-column-title {
          font-size: 17px;
        }
        .rating-item {
          padding-top: 22px;
          min-height: 80px;
          padding-left: 20px;
          .rating-item-img {
            display: none;
            img {
              width: 100%;
            }
          }
          .rating-item-text {
            width: 100%;
            display: inline-block;
            font-size: 14px;
            line-height: 19px;
            a {
              color: #5d5d5d;
            }
          }
        }
        .rating-content-col-link {
          padding: 30px 0 0 0;
          float: right;
          a {
            color: lighten(@dark-gray, 55%);
            font-size: 11px;
          }
        }
      }
    }
    .no-border.rating-column {
      border: none;
    }
  }

  .banners-block {
    margin-top: 70px;
    .subs-images {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      .subs-img {
        width: 22.5%;
        img {
          width: 100%;
        }
      }
    }
  }
  .page-title {
    text-transform: uppercase;
    color: @orange;
    font-size: 25px;
  }

  .grey-bg {
    background-color: #f3f2f2;
  }

  .border-right-lg {
    border-right: 1px solid @light-gray;
  }

  .lg-text {
    color: @light-gray;
    font-style: italic;
  }

  .slider-prew-btn {
    cursor: pointer;
    background: no-repeat url("/local/templates/holodindustrynew/assets/img/slider-left-arrow.png");
    width: 30px;
    height: 46px;
    position: absolute;
    left: -5.5%;
    top: 60px;
  }

  .slider-next-btn {
    cursor: pointer;
    background: no-repeat url("/local/templates/holodindustrynew/assets/img/slider-right-arrow.png");
    width: 30px;
    height: 46px;
    position: absolute;
    right: -5.5%;
    top: 60px;
  }
}

.right-sidebar {
  max-width: 259px;
  padding-left: 25px;
  img {
    width: 259px !important;
    margin-bottom: 15px;
    height: auto !important;
  }
}



//.news-detail-wrapper{
//  .right-sidebar {
//    max-width: 200px;
//    img {
//      width: 200px !important;
//      height: auto !important;
//    }
//  }
//}

.footer-wrapper {
  margin: 20px auto 40px;
  width: @wrapper-width;
  font-family: "Open Sans", sans-serif;
  line-height: 1.3;
  footer {
    margin-top: 30px;
    .bottom-menu-block {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      .bottom-menu {
        font-weight: bold;
        list-style-type: none;
        padding: 0;
        width: 23%;
        .bottom-menu-head {
          font-size: 18px;
          color: @dark-green;
        }
        li {
          margin: 20px 0;
          a {
            color: lighten(@dark-gray, 30%);
            font-size: 14px;
          }
        }
      }
    }
  }
}

.bottom-block {
  width: 100%;
  min-height: 180px;
  font-size: 17px;
  color: @blue;
  margin-top: 40px;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  p {
    margin: 0;
  }
  .bottom-logo {
    display: inline-block;
    width: 35%;
    img {
      width: 100%;
      height: auto;
    }
    .fr-copyright {
      display: none;
    }
  }
  .footer-middle {
    display: inline-block;
  }
  .footer-right {
    display: inline-block;
    text-align: right;
    float: right;
    p {
      margin-bottom: 5px;
      a {
        color: inherit;
      }
    }
    .fm-social {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      height: 36px;
      position: relative;
      a {
        display: flex;
        align-items: center;
        width: 36px;
        height: 36px;
        padding: 2px;
        position: relative;
        box-sizing: border-box;
        img {
          width: 100%;
          height: 90%;
          object-fit: contain;
        }
      }
    }
    .fr-btn {
      padding: 6px 12px;
      background-color: @blue;
      color: @white;
      font-size: 18px;
      font-weight: bold;
      margin-top: 4px;
      display: inline-block;
    }
  }
}

.shadow {
  box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2);
  border: 0;
  height: 12px;
  position: absolute;
  left: 0;
  width: 100%;
  margin: 25px 0 0 0;
}

.selects select {
  max-width: 150px;
}

.hidden {
  display: none;
}

.worksheet-item-right {
  input:not(.sol-checkbox) {
    width: 100%;
  }
}

.worksheet-item-left {
  font-weight: 700;
  .help {
    font-weight: 100;
    font-size: 14px;
  }
  span.table-row {
    display: table-row;
  }
  span.black_require {
    color: black; font-size: 14px; font-weight: 500;
  }
}

.left_table {
  width: 50%;
}

.ya-share2__icon.ya-share2__icon_more {
  background: no-repeat url('/local/templates/holodindustrynew/assets/img/fc-g-plus.png') !important;
}

.ya-share2__icon_more:before {
  content: '' !important;
}

.ya-share2__badge {
  background: red;
  border-radius: 5px !important;
}

.page-wrapper .news-detail-wrapper .news-detail-content .news-detail-social .nd-soc-icons a,
.page-wrapper .articles-detail-wrapper .articles-detail-content .articles-detail-social .ad-soc-icons a,
.page-wrapper .project-detail-wrapper .project-detail-content .project-detail-social .nd-soc-icons a,
.page-wrapper .tender-detail-wrapper .tender-detail-content .tender-detail-social .nd-soc-icons a {
  margin: 0 !important;
  padding: 0 !important;
}

.post-date {
  width: 48%;
  background-color: #e0e0e0;
  color: white;
  padding: 5px 8px;
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  font-style: italic;
}

.top-text {
  float: right;
  font-size: 20px;
  font-weight: bold;
  height: 27px;
}

.star {
  font-weight: bold;
}

.worksheet {
  input {
    font-size: 14px;
    padding-left: 7px;
  }
}

.unimportant_info {
  font-size: 14px;
  font-style: italic;
  padding-top: 12px;
  position: absolute;
  bottom: 0;
  a {
    color: #000;
  }
  a.info_display, span.info_display {
    display: block;
  }
  span.un_info_date_place {
    font-style: normal;
    font-size: 13px;
    margin-bottom: 5px;
  }
  .exclusive {
    height: 18px;
    width: 100%;
    &, a {
      color: #e39549;
      font-style: italic;
      font-weight: 700;
    }
  }
}


.post-preview-text {
  font-size: 14px;
  font-weight: 600;
  color: @gray;
  padding-top: 9px;
  height: 56px;
  a {
    color: #4b4b4b;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
  }
  .exclusive-partner {
    background: #1A237E;
    a {
      color: white;
    }
  }
}
.not_padd {
  padding-top: 0;
}
.img_conteiner {
  height: calc( 100% - 30px );
  .re-big-image {
    height: calc( 100% - 30px );
    text-align: center;
    overflow: hidden;
    img {
      width: auto;
      height: auto;
      margin: 0 auto;
      max-width: 100%;
      max-height: 100%;
    }
  }
}
.partners_type {
  width: 16px;
  height: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  & span {
    padding-left: 20px;
    font-size: 14px;
    margin: 0;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
  }
  &.gold {
    background: #ffd700;
  }
  &.silver {
    background: #c0c0c0;
  }
  &.platinum {
    background: #E5E4E2;
    font-weight: bold;
  }
  &.bronze {
    background: #cd7f32;
  }
  &.standart {
    background: #E5E4E2;
    .mini_cycle {
      width: 8px;
      height: 8px;
      -moz-border-radius: 16px;
      -webkit-border-radius: 16px;
      border-radius: 16px;
      background: #fff;
      margin: 0 auto;
      top: 4px;
      position: relative;
    }
    & span {
      margin-top: -21px;
    }
  }
}

@media @tablet {

  #detail_img_modal_div{
    left:20%!important;
  }

  .re-big-image{
    //width: 100%!important;
    //max-width: 500px;
    //margin: 0 auto 30px;
    //padding-top: 60px;
    img{
      max-width: 500px!important;
      max-height: 500px!important;
    }
  }

  .subscribe-block {
    .subs-form {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      .subs-form-text {
        width: 100%;
        padding: 0;
        margin: auto;
      }
      .subs-form-inputs {
        width: 100%;
        margin: auto;
        position: relative;
      }
      .subs-form-container {
        justify-content: flex-start !important;
        > * {
          margin-right: 50px !important;
        }
      }
      .subs-form-input-email {
        display: block;
        width: 94%;
        margin: 10px auto;
        padding: 10px 2.7%;
      }
      .subs-form-btn {
        display: block;
        width: 100%;
        margin: 10px auto;
      }
    }
  }

  .menu {
    display: none;
  }

  .mobile-menu {
    display: block;
    background-color: @blue;
    margin-top: -15px;
    font-weight: bold;
    font-size: 16px;
    nav {
      .mobile-menu-head {
        font-size: 18px;
        .mobile-menu-btn {
          padding: 20px;
          box-sizing: border-box;
          cursor: pointer;
          width: 100%;
          display: inline-flex;
          align-items: center;
          flex-direction: row;
          justify-content: flex-start;
          span {
            color: @white;
            position: relative;
            margin-left: 15px;
            font-size: 18px;
          }
        }
        .login {
          a {
            &:nth-child(1) {
              border-right: 1px solid @white;
              padding-right: 10px;
            }
            color: @white;
            margin-left: 5px;
            font-weight: bold;
          }
        }
      }
      .mobile-menu-dropdown {
        display: none;
        .top-menu-dropdown {
          padding: 0 16px 12px 20px;
          .left-menu {
            display: inline-block;
          }
        }
        .bottom-menu-dropdown {
          background-color: #002e76;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 20px;
          .login {
            .buy_sell {
              padding-left: 10px;

            }
            a {
              &:nth-child(1) {
                border-right: 1px solid #ffffff;
                padding-right: 10px;
              }
              &:nth-child(3) {
                border-right: 1px solid #ffffff;
                padding-right: 10px;
              }
              &:not(:first-child) {
                margin-left: 5px;
              }
              color: #ffffff;
              font-weight: 400;
              font-size: 18px;
            }
          }
          .mobile-social-icons {
            display: inline-flex;
            justify-content: space-between;
            align-items: center;
            margin: 0;
            width: 40%;
            & > a img {
              width: 30px;
              height: 30px;
              object-fit: contain;
            }
          }
        }
        .footer-dropdown-menu {
          display: none;
        }
      }
      .left-menu {
        font-weight: normal;
        width: 50%;
        .menu-all {
          .right-menu {
            display: none;
          }
        }
        .mobile-search {
          display: inline-flex;
          margin-top: 15px;
          width: 100%;
          .search-block {
            display: inline-flex;
          }
          .search {
            width: auto;
            display: inline-block;
            padding: 6px 10px;
            background-color: @white;
            border: solid 2px @white;
            position: relative;
          }
          .search-btn {
            width: 34px;
            height: 34px;
            background-color: @light-gray;
            display: inline-block;
            img {
              margin: 8px;
            }
          }
        }
        li {
          margin: 5px 0;
          display: block;
          font-size: 18px;
          a {
            display: block;
            padding: 10px 0 8px 53px;
            border-bottom: 1px solid @blue;
          }
          a:hover {
            background-color: @dark-blue;
            border-bottom: 1px solid @white;
          }
        }
      }
      .right-menu {
        margin-top: 14px;
        font-size: 18px;
        font-weight: 400;
        float: right;
      }
      ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        display: inline-block;
        .right-border {
          border-right: 1px @white solid;
        }
        li {
          display: inline;
          a {
            color: @white;
            padding: 10px;
          }
        }
      }
    }
  }

  .page-wrapper {
    width: 95%;
    .text {
      color: #4b4b4b;
      font-family: "Open Sans", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
    }
    .a_text(@size) {
      color: #254a5d;
      font-family: "Open Sans", sans-serif;
      font-size: @size;
      font-weight: 400;
      line-height: 28px;
      text-decoration: underline;
      letter-spacing: -0.28px;
    }
    .breadcrumbs {
      ul {
        font-size: 20px;
      }
    }

    .detail-wrapper {
      width: 100%;
      display: flex;
      flex-direction: column;
      .solo {
        display: none;
      }
      .detail-content {
        width: 100%;
        margin-bottom: 60px;
        margin-right: 0;
        /*Фильтр*/
        .main-404 {
          text-align: center;
          .top-404 {
            color: #4b4b4b;
          }
          .mid-404 {
            color: #4b4b4b;
            width: 100%;
          }
          .row {
            display: inline-block;
            .search {
              width: 285px;
            }
          }
          .bot-404 {
            color: #013485;
            display: inline-block;
            font-size: 90px;
            margin: 0px;
            .bot-title {
              margin-top: 0;
            }
          }
          //404
        }
        .detail-filter-outfits {
          form {
            .outfits-buttons {
              button {
                width: 90px;
              }
            }
            .select2-container {
              width: 180px !important;
              height: 29px !important;
            }
            .buttons {
              button {
                width: 157px;
                height: 40px;
                font-size: 15px;
                &:first-child {
                  margin-bottom: 21px;
                }
              }
            }
          }
        }
        .events-detail-filter {
          padding-right: 0px;
          form {
            height: 145px;
            padding: 22px 15px;
            .wrap__before-buttons {
              width: 100%;
              .flex(@a-i: flex-start; @j-c: flex-start);
            }
            .events_buttons_container{
              display: grid;
            }
            .select2-container {
              width: 180px !important;
              height: 34px !important;
              * {
                height: 34px !important;
              }
            }
            .select2-selection__rendered {
              line-height: 32px !important;
            }
            .selects {
              flex-wrap: wrap;
              margin-right: 15px;
              div:first-child {
                margin-right: 15px;
              }
            }
            .events-date {
              align-items: flex-start;
              justify-content: flex-end;
              flex-wrap: wrap;
              margin: 20px 30px 0 0px;
              width: auto;
              flex-direction: row;
              div:first-child {
                margin-right: 15px;
                margin-bottom: 27px;
              }
              input {
                height: 34px;
                width: 99px;
              }
            }
            .events-buttons {
              button {
                width: 85px;
                height: 40px;
                font-size: 12px;
                &:first-child {
                  margin-bottom: 21px;
                }
              }
            }
          }
        }
        .detail-filter {
          form {
            height: 145px;
            padding: 22px 15px;
            .wrap__before-buttons {
              width: 100%;
              .flex(@a-i: flex-start; @j-c: flex-start);
            }
            .select2-container {
              width: 160px !important;
              height: 34px !important;
              * {
                height: 34px !important;
              }
            }
            .select2-selection__rendered {
              line-height: 32px !important;
            }
            .selects {
              margin-right: 15px;
              div:first-child {
                margin-right: 15px;
              }
            }
            .date {
              //.flex(@f-d: column; @j-c: flex-end; @a-i: flex-end);
              align-items: flex-start;
              justify-content: flex-end;
              width: auto;
              flex-wrap: wrap;
              margin-right: 10px;
              flex-direction: column;
              div:first-child {
                margin-right: 0;
                margin-bottom: 27px;
              }
              div:last-child {
                margin-left: 42px;
              }
              input {
                height: 34px;
                width: 99px;
              }
            }
            .events-buttons {
              button {
                width: 85px;
                height: 40px;
                font-size: 12px;
                &:first-child {
                  margin-bottom: 21px;
                }
              }
            }
            .buttons {
              button {
                width: 130px;
                height: 40px;
                font-size: 15px;
                &:first-child {
                  margin-bottom: 21px;
                }
              }
            }
          }
        }
        /**/
        /*Страница поиска*/
        .search-items {
          padding-right: 30px;
        }
        /**/
        /*Страница авторизации*/
        form.form__sign-in {
          flex-direction: column;
          padding: 27px 19px;
          position: relative;
          .left__side {
            .row {
              &.center {
                padding-right: 0;
                &.to_main {
                  display: none;
                }
                .sign-in__button {
                  width: 129px;
                  height: 44px;
                  font-size: 16px;
                }
              }
              &.input {
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                padding-right: 0;
                margin-bottom: 29px;
                input {
                  height: 44px;
                  width: 100%;
                }
              }
            }
          }
          .right__side {
            margin-top: 40px;
            display: flex;
            img {
              margin: auto;
            }
          }
          .to_main {
            .text;
            margin-top: 56px;
            display: flex;
            span {
              text-align: center;
              width: 100%;
              a {
                .a_text(16px);
              }
            }
          }
        }
        /**/
        /*Страница регистрации*/
        form.form__sign-up {
          padding: 27px 20px 14px 20px;
          > div {
            &:first-child {
              .flex(@f-d: column);
              .left__side {
                width: 100%;
                .upper {
                  .row {
                    &.input {
                      .flex(@f-d: column; @a-i: flex-start;);
                      span {
                        margin: 15px 0 8px;
                      }
                      input {
                        width: 100%;
                        height: 44px;
                        min-width: 100%;
                      }
                    }
                  }
                }
                .lower {
                  padding-left: 0;
                  .captcha__container {
                    margin: 35px 0 38px;
                    .flex(@j-c: flex-start);
                    .row {
                      &.captcha {
                        width: 250px;
                        margin: 0;
                        > img {
                          height: 44px;
                          width: 186px;
                          background-size: cover;
                        }
                        a {
                          img {
                            width: 36px;
                            height: 38px;
                          }
                        }
                        &.input {
                          width: 100%;
                          margin-left: 71px;
                          input {
                            width: 100%;
                            min-width: 100%;
                            height: 44px;
                          }
                        }
                      }
                    }
                  }
                  .row {
                    &.checkbox {
                      padding-right: 0;
                      margin-bottom: 16px;
                    }
                    &.oznakomlenie {
                      padding-left: 26px;
                    }
                    &:last-child {
                      .flex(@j-c: center;);
                      margin: 71px 0 75px;
                      .sign-up__button {
                        margin: 0;
                        height: 44px;
                        width: 228px;
                        font-size: 16px;
                      }
                    }
                  }
                }
              }
            }
            &:last-child {
              margin-top: 56px;
              text-align: center;
              span {
                padding-left: 0;
              }
            }
          }
        }
        .sorting {
          .sorting__container {
            span, a {
              font-size: 16px !important;
            }
          }
        }
        .pagination {
          ul {
            li {
              font-size: 16px;
            }
          }
        }
        .detail-header-row {
          .detail-rate .soc-views {
            .flex();
            .views-num {
              margin-top: 2px;
              margin-left: 4px;
              font-family: 'Roboto', sans-serif;
              font-size: 12px;
            }
          }
          .detail-social {
            width: 100%;
            padding-bottom: 15px;
            .soc-icons {
              a {
                margin-right: 12px;
                img {
                  width: 34px;
                  height: 34px;
                }
              }
            }
          }
        }
        .detail__projects-block {
          &__sides {
            .post {
              width: 100/2.1% !important;
              margin: 0;
              padding-bottom: 25px;

              img {
                height: 280px !important;
              }

              &:nth-child(2n) {
                margin-right: 0;
              }
              &__title {
                font-size: 18px;
              }
              &__description {
                font-size: 18px;
              }
            }
            &__side {
              div:last-child {
                padding-right: 20px;
              }
            }
          }
        }
        .detail-middle-row {
          .posts {
            .banner_outfits {
              width: 100%;
              img {
                width: 100%;
                height: 100%;
                max-height: 100px;
                padding-right: 0px;
              }
            }
            .post {
              width: 100/2.1%;
              margin: 0;
              padding-bottom: 25px;
              img {
                height: 280px;
              }

              &:nth-child(2n) {
                margin-right: 0;
              }
              &__title {
                font-size: 18px;
              }
              &__description {
                font-size: 18px;
              }

            }
          }
        }
        .outfits-detail-block {
          display: inline-block;;
          .outfits-detail-logo {
            width: 80%;
          }
          .text {
            font-size: 15px;
            line-height: 20px;
          }
          .detail-btn-blocks {
            a {
              width: 100%;
              height: 50px;
              font-size: 15px;
              line-height: 19px;
              padding: 15px 20px;
            }
          }
        }
        .outfits-menu-blocks {
          flex-wrap: wrap;
          width: 100%;
          a {
            width: 48%;
            height: 40px;
            font-size: 13px;
            line-height: 13px;
            padding: 10px 0px;
            margin-bottom: 20px;
          }
        }
        .detail__menu_blocks {
          width: 100%;
          flex-wrap: wrap;
          justify-content: flex-start;
          &:after {
            content: "";
            flex: auto;
          }
          a {

            width: 185px;
            height: 60px;
            margin-bottom: 20px;
            font-size: 16px;
            padding: 20px 26px;
            margin-right: 30px;

            &:nth-of-type(2) {
              padding: 20px 29px;
            }
          }
        }
        .detail-mid-row {
          .flex(@f-d: column);
          div:first-child {
            width: 100%;
            .text {
              .text();
            }
          }
          .form-to-company {
            width: 100%;
            h3 {
              font-size: 22px;
            }
            form {
              > div {
                &:last-child {
                  textarea {
                    font-size: 16px;
                    padding: 16px 21px;
                    height: 230px;
                  }
                  .subs-form-btn {
                    height: 45px;
                    font-size: 16px;
                  }
                }
                input {
                  height: 45px;
                  margin-bottom: 16px;
                  font-size: 16px;
                  padding-left: 22px;
                }
              }
              div {
                .capcha {
                  .row {
                    margin: 3px 0 17px 0;
                    img {
                      height: 44px;
                      width: 186px;
                    }
                    a {
                      margin-left: 18px;
                      img {
                        width: 36px;
                        height: 38px;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        /**/
        /*Каталог новостей*/
        &.news__page {
          .detail-filter {
            form {
              height: 145px;
              padding: 22px 15px;

              .news_buttons_container{
                display: grid!important;
              }
              .wrap__before-buttons {
                width: 100%;
                .flex(@a-i: flex-start; @j-c: flex-start);
              }
              .select2-container {
                width: 180px !important;
                height: 34px !important;
                * {
                  height: 34px !important;
                }
              }
              .select2-selection__rendered {
                line-height: 32px !important;
              }
              .selects {
                flex-wrap: wrap;
                margin-right: 15px;
                div:first-child {
                  margin-right: 15px;
                }
              }
              .date {

                align-items: flex-start;
                justify-content: flex-end;
                flex-wrap: wrap;
                margin: 20px 30px 0px 0px;
                width: auto;
                flex-direction: row;
                div:first-child {
                  margin-right: 15px;
                  margin-bottom: 27px;
                }
                div:last-child {

                }
                input {
                  height: 34px;
                  width: 99px;
                }
              }
              .buttons {
                button {
                  width: 85px;
                  height: 40px;
                  font-size: 12px;
                  &:first-child {
                    margin-bottom: 21px;
                  }
                }
              }
            }
          }
          .detail-middle-row {
            .posts {
              .post {
                &__title {
                  font-size: 19px;
                }
                &__description {
                  a {
                    font-size: 18px;
                  }
                }
              }
            }
          }
        }
        /**/
      }
      .detail-right-side {
        width: 20%;
        align-self: center;
      }
    }
    .articles-detail-wrapper {
      .articles-detail-content {
        width: 100%;
        .mobile-banners-block {
          display: block;
          width: 48%;
          margin: 0 auto;
          .mobile-banner {
            margin: 25px 0;
            img {
              width: 100%;
            }
          }
        }
        .similar-articles-block {
          .similar-articles-items {
            flex-wrap: wrap;
            .similar-articles-item {
              width: 48%;
              margin: 10px auto;
            }
          }
        }
      }
      .articles-detail-right-side {
        display: none;
      }
    }
    .events-detail-wrapper {
      .events-detail-content {
        width: 100%;
        .mobile-banners-block {
          display: block;
          width: 48%;
          margin: 0 auto;
          .mobile-banner {
            margin: 25px 0;
            img {
              width: 100%;
            }
          }
        }
        .similar-events-block {
          .similar-events-items {
            flex-wrap: wrap;
            .similar-events-item {
              width: 48%;
              margin: 10px auto;
            }
          }
        }
      }
      .events-detail-right-side {
        display: none;
      }
    }
    .right-sidebar{
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
      .right-side-banner{
        max-width: 100%;
        width: 100%!important;
      }
      img{
        width: 100%!important;
      }
    }
    .news-detail-wrapper {
      .news-detail-content {
        width: 100%;
        .mobile-banners-block {
          display: block;
          width: 48%;
          margin: 0 auto;
          .mobile-banner {
            margin: 25px 0;
            img {
              width: 100%;
            }
          }
        }
        .similar-news-block {
          .similar-news-items {
            flex-wrap: wrap;
            .similar-news-item {
              width: 48%;
              margin: 10px auto;
            }
          }
        }
      }
      .news-detail-right-side {
        display: none;
      }
    }
    .companys-list-wrapper {
      & * {
        box-sizing: border-box;
      }
      .companys-list-content {
        width: 100%;
        .companys-list-bottom-text {
          margin: 30px 0;
          text-align: justify;
        }
        .companys-filter-block {
          .select2-container {
            margin: 5px 2px;
          }
          .companys-filt-selectors {
            width: 74%;
          }
          .companys-filt-btns {
            width: 20%;
            .filt-btn {
              width: 100%;
            }
          }
        }
      }
      .companys-list-right-side {
        margin: auto;
        display: flex;
        flex-direction: column;
        width: 70%;
        justify-content: center;
        align-items: center;
      }
    }

    .project-detail-wrapper {
      .project-detail-content {
        width: 95%;
        .mobile-right-side-dp {
          display: inline-block;
          margin: 0 0 0 25%;
          width: 50%;
          .mobile-right-side-banner-dp {
            margin: 5% 0 0 0;
            img {
              width: 100%;
            }
          }
        }
        .similar-project-block {
          margin-bottom: 10%;
          .project-block {
            margin-bottom: 25%;
          }
          .project-left-block {
            width: 30%;
            .project-left-text-name {
              margin-top: 5%;
              width: 90%;
            }
          }
          .project-right-block {
            width: 30%;
            .project-right-text-name {
              width: 90%;
              margin-top: 5%;
            }
          }

          .similar-project-items {
            flex-wrap: wrap;
            margin-bottom: 10%;
            .similar-project-item {
              width: 45%;
              margin: 10px auto;
            }
          }
        }
      }
      .project-detail-right-side {
        display: none;
      }
    }
    .project-list-wrapper {
      & * {
        box-sizing: border-box;
      }
      .project-list-content {
        width: 100%;
        .project-filter-block {
          flex-direction: column;
          .select2-container {
            width: 100%;
            margin: 7px 0;
          }
          .project-filt-selectors {
            margin: 10px;
            width: 71%;
            .project-selectors-container {
              flex-wrap: wrap;
              margin: 0 -10%;
              padding: 0px 10%;
              .select2-container {
                flex-wrap: wrap;
                width: 25% !important;
                &:nth-of-type(1), &:nth-of-type(4) {
                  width: 45% !important;
                }
              }
            }
            .project-filt-btns {
              width: 0%;
            }
          }
        }
        .project-list {
          .project-item {
            .project-logo {
              width: 25%;
              margin-bottom: 20px;
              //display: flex;
              justify-content: center;
              a {
                display: flex;
                justify-content: center;
                img {
                  width: 100%;
                  height: 100%;
                }
              }
            }
            .project-middle {
              width: 95%;
              padding: 0 25px 0 30px;
            }
            .project-right {
              width: 75%;
              padding: 0 0 0 10px;
              .project-right-text.crt-link {
                text-align: right;
                margin: 25px 70px 0 155px;
              }
            }
          }
        }
        .project-list-bottom-text {
          margin: 30px 0;
          text-align: justify;
        }
        .detail-middle-row {
          .posts {
            .banner_outfits {
              width: 100%;
              img {
                width: 100%;
                height: 100%;
                max-height: 100px;
                padding-right: 0px;
              }
            }
            .post {
              width: 100/2.1%;
              margin: 0;
              padding-bottom: 25px;
              img {
                height: 280px;
              }

              &:nth-child(2n) {
                margin-right: 0;
              }
              &__title {
                font-size: 18px;
              }
              &__description {
                font-size: 18px;
              }

            }
          }
        }
      }
      .project-list-right-side {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px 0;
        .project-side-banner {
          width: 60%;
          margin: 0 20%;
          img {
          }
        }
      }
    }
    .tender-detail-wrapper {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 45px;
      .tender-detail-content {
        width: 75%;
        .page-title {
          margin-top: 0;
        }
        .tender-detail-social {
          margin-top: 20px;
          .nd-soc-icons {
            display: inline-block;
            a {
              position: relative;
              margin: 0 5px 0 0;
              padding: 0 12px;
              img {
                position: absolute;
                margin: auto;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
              }
            }
          }
          .nd-soc-views {
            display: inline-block;
            margin-left: 12px;
            .views-eye {
              width: 23px;
            }
            .views-num {
              font-size: 14px;
              color: @gray;
            }
          }
        }
        .detail-date-tender {
          margin-top: 20px;
          .detail-date-tender-info {
            margin-top: 10px;
            .nd-date-head {
              font-weight: bold;
              font-size: 16px;
            }
            .nd-date-text {
              margin-left: 20px;
              font-size: 15px;
            }
          }
        }
        .detail__menu_blocks-tender {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          margin: 24px 0 50px 0;
          a {
            color: @white;
            width: 15%;
            height: 20px;
            background-color: #013485;
            text-align: center;
            vertical-align: middle;
            font-family: "Open Sans", sans-serif;
            font-size: 13px;
            font-weight: 700;
            line-height: 19px;
            letter-spacing: -0.26px;
            padding: 13px 0px;
            &:not(:last-child) {
              margin-right: 28px;
            }
            &:nth-of-type(2) {
              text-align: left;
              align-self: stretch;
              padding: 7px 26px;
            }
          }
        }
        .detail-tender-text {
          width: 135%;
        }
        .similar-tender-block {
          margin-top: 50px;
          margin-bottom: 15%;
          h3 {
            color: @orange;
          }
          h2 {
            color: @orange;
          }
          .tender-item {
            display: inline-block;
            flex-wrap: wrap;
            width: 45%;
            .tender-file {
              img {
                width: 35%;
              }
            }
            .tender-middle {
              width: 45%;
              margin: -40% 0 0 35%;
              font-size: 15px;
            }
          }
          .detail-tender-link-block {
            display: none;
          }
        }
        .form-tender {
          margin-top: 5%;
          .form-tender-contacts {
            border: 2px solid #999;
            margin-bottom: 5%;
            .news-detail-contacts-tender {
              //margin: 40px -565px 50px 15px;
              flex-wrap: wrap;
              width: 100%;
              .nd-date-head {
                font-weight: bold;
                font-size: 16px;
              }
              .nd-date-text-one {
                margin-left: 5px;
                font-size: 16px;
              }
              .nd-date-text-two {
                margin-left: 85px;
                font-size: 16px;
              }
              .nd-date-text-three {
                margin-left: 85px;
                font-size: 16px;
              }
            }
          }
          .form-to-company {
            width: 87%;
            background-color: #f5f5f5;
            padding: 30px;
            margin: 0 5% 5% 0;
            h3 {
              margin: 0 0 20px;
              text-align: center;
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 17px;
              font-weight: 700;
              line-height: 23px;
              /* Text style for "Отправьте" */
              letter-spacing: -0.34px;
            }
            form {
              .form-text-company {
                width: 100%;
                display: inline-flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: stretch;
                & > div {
                  width: 50%;
                  &:last-child {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;
                    justify-content: space-between;
                    textarea {
                      padding: 5px 15px;
                      -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      border-width: 0;
                      background-color: #ffffff;
                      margin-bottom: 11px;
                      color: #969696;
                      font-family: "Open Sans", sans-serif;
                      font-size: 14px;
                      font-style: italic;
                      line-height: 50px;
                      letter-spacing: -0.26px;
                      height: 200px;
                      resize: none;
                      width: 90%;
                    }
                    .subs-form-btn {
                      height: 60px;
                      background-color: #013485;
                      border: 0;
                      color: @white;
                      font-family: "Open Sans", sans-serif;
                      font-size: 16px;
                      font-weight: 400;
                      line-height: 19px;
                      letter-spacing: -0.26px;
                      cursor: pointer;
                    }
                  }
                  input {
                    width: 90%;
                    height: 50px;
                    padding: 6px 10px;
                    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    border-width: 0;
                    background-color: #ffffff;
                    margin-bottom: 11px;
                    color: #969696;
                    font-family: "Open Sans", sans-serif;
                    font-size: 14px;
                    font-style: italic;
                    line-height: 19px;
                    letter-spacing: -0.26px;
                    &:last-child {
                      margin-bottom: 0;
                    }
                  }
                }
                .capcha {
                  .row {
                    width: 100%;
                    display: inline-flex;
                    justify-content: flex-start;
                    align-items: center;
                    position: relative;
                    margin: 9px 0 11px 0;
                  }
                  a {
                    display: flex;
                    align-items: center;
                    margin-left: 11px;
                    img {
                      object-fit: contain;
                      width: 25px;
                      height: 27px;
                    }
                  }
                }
              }
            }
          }
        }
        .detail-tender-link {
          color: #254a5d;
          text-decoration: underline;
          letter-spacing: -0.32px;
        }
      }
      .mobile-right-side-tender {
        display: inline-block;
        margin: 0 0 0 25%;
        width: 50%;
        .mobile-right-side-banner-tender {
          margin: 5% 0 0 0;
          img {
            width: 100%;
          }
        }
      }
      .detail-right-side-tender {
        display: none;
      }
    }
    .tender-list-wrapper {
      & * {
        box-sizing: border-box;
      }
      .tender-list-content {
        width: 100%;
        .tender-filter-block {
          display: flex;
          flex-direction: column;
          height: 100%;
          .select2-container {
            width: 100%;
            margin: 7px 0;
          }
          .tender-filt-selectors {
            margin: 10px;
            width: 100%;
            .selectors-container-tender {
              flex-wrap: wrap;
              margin: 0 -10%;
              padding: 0px 10%;
              width: 90%;
              .select2-container {
                flex-wrap: wrap;
                width: 25% !important;
                &:nth-of-type(1), &:nth-of-type(4) {
                  width: 45% !important;
                }
              }
            }
            .filter_margright {
              .sol-container {
                width: 91%!important;
                padding-top: 10px;
              }
            }
          }
          .tender-filt-btns {
            width: 15%;
          }
        }
        .tender-list-info {
          .tender-item-block {
            .tender-middle-block {
              width: 95%;
              padding: 0 25px 25px 0px;
            }
            .tender-right-block {
              width: 40%;
              padding: 0 0 0 10px;
              .tender-right-text.crt-link {
                text-align: left;
                margin: 25px 70px 0 0px;
              }
            }
          }
        }
      }
      .tender-list-right-side {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px 0;
        .right-side-banner {
          width: 60%;
          margin: 0 20%;
          img {

          }
        }
      }
      .tender-list-bottom-text {
        margin: 30px 0;
        text-align: justify;
        width: 100%;
      }
    }

    header {
      .top-header {
        height: auto;
        .logo {
        }
        .right-side {
          float: right;
          .social {
            display: block;
            margin-top: 20px;
            box-sizing: border-box;
            position: relative;
            .search-block {
              float: none;
              width: 100%;
              box-sizing: border-box;
            }
            .search-btn {
              width: auto;
              display: inline-flex;
              margin-top: -15px;
              position: absolute;
              right: 0;
            }
            .search {
              width: 65%;
              left: 95px;
              //width: 285px;
              //right: 0;
            }
            .social-icons {
              bottom: 0;
              display: inline-flex;
              margin-top: 5px;
              margin-left: 0;
              width: 65%;
              left: 95px;
              align-items: center;
              justify-content: space-around;
            }
            .flag {
              width: auto;
              display: inline-flex;
              margin-top: 5px;
              position: absolute;
              right: 0;
            }
          }
          .login {
            display: none;
          }
        }
        .mobile-social-icons {
          display: none;
        }
      }
      .mobile-menu {
        display: block;
        nav {
          .mobile-menu-dropdown {
            .bottom-menu-dropdown {
              .mobile-social-icons {
                display: inline-flex;
                align-items: center;
                justify-content: space-between;
                background-color: @dark-blue;
                height: 36px;
                position: relative;
                a {
                  display: flex;
                  align-items: center;
                  width: 36px;
                  height: 36px;
                  position: relative;
                  box-sizing: border-box;
                  img {
                    width: 100%;
                    height: 90%;
                    object-fit: contain;
                  }
                }
              }
            }
          }
        }
      }
    }
    .content-items-block {
      .content-item {
        &:first-child {
          margin-top: 30px;
        }
        margin-top: 50px;
        width: 100%;
        .content-item-link {
          font-size: 22px;
        }
        .content-item-title {
          font-size: 22px;
          .orange-title {
            font-size: 24px;
          }
        }
        .posts {
          height: auto;
          .unimportant_info {
            position: relative;
          }
          .half-post {
            .post-date {
              text-align: center;
              width: 48%;
              font-size: 18px;
            }
            .post-preview-text {
              font-size: 18px;
              height: auto;
            }
          }
        }
        .pv-big {
          height: auto;
        }
        .pv-med {
          display: inline-block;
        }
        .posts-vert {
          .post {
            .post-preview-text {
              font-size: 18px;
              & p {
                color: lighten(@dark-gray, 30%);
                & > b {
                  color: @dark-gray;
                }
              }
            }
            .post-content-big {
              height: auto;
            }
            .post-content-med {
              height: auto;
            }
            .post-content-small {
              height: auto;
              margin-bottom: 30px;
            }
            .add-tender {
              display: flex;
              justify-content: space-between;
              align-items: center;
              .small-post-image {
                width: 45%;
                a > img {
                  object-fit: contain;
                }
              }
              .post-preview-text-big {
                width: 50%;
                p > b {
                  font-size: 23px;
                  color: @dark-gray;
                }
                .add-tender-btn {
                  width: 100%;
                  display: flex;
                  text-transform: uppercase;
                  font-size: 22px;
                  text-align: center;
                  justify-content: center;
                  padding: 7px 0;
                  box-sizing: border-box;
                }
              }
            }
            .post-content-gray-med {
              height: auto;
            }
          }
        }
      }
    }
    .new-campaign-block {
      .nc-block {
        .nc-big-image {
          margin: 0 auto 30px;
          text-align: center;
          //height: 290px;
          img {
            height: 100%;
            width:100%;
            max-width: 80%;
            max-height: 100%;
            min-width: 300px;
          }
        }
        .nc-content {
          height: auto;
          width: 100%;
          .nc-items {
            justify-content: space-around;
            .nc-item {
              width: 35%;
              margin-bottom: 58px;
              .nc-text {
                font-style: italic;
                color: lighten(@dark-gray, 30%);
                b {
                  font-size: 21px;
                  color: @dark-gray;
                  font-style: normal;
                  display: block;
                  margin-top: 10px;

                }
              }
              .nc-add-link {
                display: none;
              }
            }
          }
          .nc-content-link {
            font-size: 22px;
          }
          h2 {
            margin: 40px 0;
            text-align: center;
          }
        }
      }
    }
    .recommend-equip-block {
      .re-block {
        margin-top: 70px;
        .re-content {
          width: 100%;
          h2 {
            margin: 0;
            text-align: center;
          }
          .re-items {
            .re-item {
              width: 48%;
              margin-bottom: 35px;
            }
            .re-banner {
              display: block;
            }
          }
          .re-content-link {
            font-size: 22px;
          }
        }

      }
    }
    .rating-content-block {
      .rating-column {
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding-bottom: 75px;
        float: none;
        min-height: auto;
        .rating-column-title {
          font-size: 20px;
          strong {
            color: @dark-gray;
          }
        }
        .rating-item {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          border-right: none;
          .rating-item-img {
            float: none;
          }
          .rating-item-text {
            font-size: 18px;
            line-height: 28px;
            strong {
              color: @dark-gray;
            }
          }
        }
        .rating-content-col-link {
          border-right: none;
          padding: 30px 0 0 0;
          a {
            font-size: 18px
          }
        }
      }
    }
    .banners-block {
      .subs-images {
        .subs-img {
          width: 48.5%;
          margin-bottom: 25px;
        }
      }
    }
    h2 {
      font-size: 28px;
    }
  }

  .footer-wrapper {
    width: 95%;
    footer {
      .bottom-menu-block {
        //justify-content: space-around;
        .bottom-menu {
          width: 46%;
          .bottom-menu-head {
            font-size: 22px;
          }
          li {
            a {
              font-size: 20px;
            }
          }
        }
      }
    }
    .bottom-block {
      padding-bottom: 60px;
      .bottom-logo {
        width: 50%;
        .fr-copyright {
          display: block;
        }
      }
      .footer-middle {
        .fr-copyright {
          display: none;
        }
      }
      .footer-right {
        width: 50%;
      }
    }
    .shadow {
      box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2);
      border: 0;
      height: 12px;
      position: absolute;
      left: 0;
      width: 100%;
      margin: 0;
    }
  }
}

@media @mobile {

  .companys-sort-block{
    padding-left: 10px;
    padding-right: 10px;
  }

  .right-sidebar{
    max-width: 300px!important;
    width: 300px!important;
  }

  #detail_img_modal_div{
    width: 350px!important;
    left: 10%!important;
    top: 20% !important;
  }


  #FormFilter{
    .selects{
      .products_select_filter{
        margin-bottom: 10px;
        .sol-container{
          width: auto!important;
        }
      }

      display: block;
      .country_select_filter{
        margin-bottom: 10px;
        margin-right: 0px!important;
      }
    }
    .outfits-buttons{
      width: 100%;
      .filt-btn{
        margin-right: 0;
      }
    }

  }
  .subscribe-block {
    .subs-form {
      text-align: center;
      .subs-form-container {
        > * {
          margin: 10px 0 !important;
        }
      }
      .subs-form-text {
        width: 90%;
        margin: 10px auto;
        text-align: center;
      }
      .subs-form-inputs {
        width: 63%;
        padding: 30px 0;
        .subs-form-container {
          display: flex;
          flex-direction: column;
          align-items: center;
        }
        .subs-form-input-email-new {
          margin: 0 0 10px 0;
        }
        .button_text {
          margin-top: 15px;
          margin-left: -10px;
        }
      }
    }
  }

  .detail-filter-outfits{
    height: 200px;
  }

  .mobile-menu {
    nav {
      .mobile-menu-head {
        display: flex;
        position: relative;
        width: 100%;
        .mobile-menu-btn {
          position: relative;
          width: 100%;
        }
        .login {
          margin: 5px 0 0 0;
          font-size: 12px;
        }
      }
      .mobile-menu-dropdown {
        .top-menu-dropdown {
          .right-menu {
            display: none;
          }
          .left-menu {
            width: 100%;
          }
        }
        .bottom-menu-dropdown {
          padding: 20px 40px;
          .marg_centr {
            margin-left: -30px;
          }
          .login {
            margin-left: 31px;
            .btn_none {
              display: none;
            }
          }
          .mobile-social-icons {
            display: none;
          }
        }
        .footer-dropdown-menu {
          display: flex;
          padding: 20px 40px 30px;
          flex-wrap: wrap;
          .left-bottom-menu {
            .right-border {
              .buy_sell {
                margin-left: 17px;
              }
            }
          }
          .mobile-social-icons {
            display: inline-flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            background-color: @blue;
            height: 36px;
            position: relative;
            a {
              display: flex;
              align-items: center;
              width: 36px;
              height: 36px;
              position: relative;
              box-sizing: border-box;
              img {
                width: 100%;
                height: 90%;
                object-fit: contain;
              }
            }
          }
          ul.left-bottom-menu {
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            padding-bottom: 20px;
            li:first-child {
              a:first-child {
                padding-left: 41px;
              }
            }
          }
        }
      }
    }
  }

  .page-wrapper {
    width: 100%;
    & > :not(header) {
      width: 95% !important;
      margin: 0 auto;
    }
    header > :not(.mobile-menu) {
      width: 95%;
      margin: 0 auto;
    }
    .page-title {
      font-size: 28px;
    }
    .breadcrumbs {
      ul {
        font-size: 20px;
      }
    }
    .detail-wrapper {
      //login
      tr {
        display: grid;
        padding-top: 15px;
        .worksheet-item {
          input {
            width: 300px;
            margin-left: 0px;
          }
          input[type='checkbox'] {
            width: auto;
          }
        }
        .worksheet-item_block {
          input {
            width: 300px;
            height: 150px;
          }
        }
      }
      .companys-filt-btns {
        display: inline-block;
        margin: 0px 5.8%;
        .filt-btn {
          display: inline-block;
          font-weight: bold;
          font-size: 15px;
          text-align: center;
          color: @white;
          padding: 8px 18px;
          background-color: #013485;
          margin-bottom: 10px;
        }
      }
      tr[class='reg'] {
        display: inherit;
      }
      //login
      .text {
        color: #4b4b4b;
        font-family: "Open Sans", sans-serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 15px;
      }
      .a_text {
        color: #254a5d;
        font-family: "Open Sans", sans-serif;
        font-size: 11px;
        font-weight: 400;
        line-height: 15px;
        text-decoration: underline;
      }
      .detail-content {
        .sorting{
          display: block;
          padding-left: 5px;
        }
        margin-left: 0px;
        .accept {
          margin-left: 0;
          width: 100%;
          a {
            text-decoration: underline;
          }
        }
        .my_companys-btns {
          display: block;
          margin: 0 auto;
          width: 300px;
          .filt-btn {
            display: inline-block;
            font-weight: bold;
            font-size: 14px;
            text-align: center;
            padding: 5px 20px;
            margin-bottom: 10px;
            color: @white;
            background-color: @blue;
            &#button_add {
              color: #000;
              background-color: #e1e1e1;
            }
          }
        }
        form.form__edit_company {
          .add_option {
            .add_option_plus {
              color: black;
              .plus {
                font-size: 30px;
                color: black;
              }
            }
          }
          .packet_company {
            display: inline-block;
            align-items: center;
            .checkbox_company {
              display: inline-block;
              width: 100%;
              .faq {
                margin-bottom: 35px;
                a {
                  text-decoration: underline;
                }
              }
              .form_check {
                background-color: #ffffff;
                border: 1px solid #e1e1e1;
                margin-left: 10px;
                width: 95%;
                height: 680px!important;
                .text_packet_company {
                  padding: 35px 5px 5px 5px;
                  p {
                    font-size: 11px;
                    font-style: italic;
                    color: #929292;
                  }
                  li {
                    font-size: 13px;
                  }
                }
              }
            }
          }
          h4 {
            text-align: center;
          }
          .row {
            &.input {
              display: grid;
              padding-bottom: 15px;
              .select_edit {
                width: 90%;
              }
              span {
                width: 80%;
                padding-bottom: 10px;
              }
              input {
                width: 90%;
              }
              a {
                width: 90%;
                text-decoration: underline;
              }
              .warring {
                width: auto;
                margin-bottom: 15px;
                .text_warring {
                  width: 90%;
                  font-size: 11px;
                  margin-top: 5px;
                }
              }
              .load_company {
                width: auto;
                font-size: 15px;
                button {
                  display: inline-block;
                }
              }
              .input_block {
                input {
                  width: 100%;
                  margin-left: 0px;
                }
                span {
                  display: inline-block;
                  margin-left: 0px;
                }
              }
            }
          }
        }
        #breadcrumbs li {
          float: left;
          margin: 0 0.5em 15px 2em;
        }
        #breadcrumbs a {
          padding: 0.67em 1em;
        }
        #breadcrumbs a::before,
        #breadcrumbs a.current::before{
          content: "";
          top: 58%;
          left: -0.9em;
          border-width: 1.3em 0 1.3em 1em;
        }

        #breadcrumbs a::after,
        #breadcrumbs a.current::after{
          content: "";
          top: 58%;
          right: -0.95em;
          border-width: 1.3em 0 1.3em 1em;
        }
        form.form__edit_tender {
          .row {
            &.input {
              display: inline-block;

            }
          }
        }
        .detail-filter-outfits {
          form {
            height: 240px;
            flex-direction: column;
            .wrap__before-buttons {
              width: 100%;
            }
            .outfits-buttons {
              button {
                width: 90px;
              }
            }
            .select2-container {
              width: 160px !important;
              height: 29px !important;
            }
            .selects {
              width: 100%;
              > div:first-child {
                margin-right: 0px;
              }
            }
            .outfits-buttons {
              width: 102%;
              button {
                width: 90px;
                height: 29px;
                font-size: 13px;
              }
            }
          }
        }
        .events-detail-filter {
          form {
            height: auto;
            margin-bottom: 40px;
            padding: 15px 5px;
            .flex(@f-d: column; @a-i: space-between);
            .select2-container, .select2-container > * {
              width: 130px !important;
              height: 29px !important;
            }
            .select2-container * {
              height: 29px !important;
            }
            .select2-container .select2-selection__rendered {
              line-height: 29px !important;
            }
            .select2-container b {
              height: auto !important;
            }
            > div {
              .flex(@a-i: flex-start; @j-c: space-between);
              width: 100%;
              margin-bottom: 20px;
            }
            .selects {
              justify-content: space-between;
              width: 100%;
              margin-right: 0;
            }

            .events-date {
              align-items: flex-start;
              justify-content: flex-end;
              flex-wrap: wrap;
              margin: 50px 0 0 -310px;
              width: auto;
              flex-direction: row;
              div:first-child {
                margin-right: 0px;
                margin-bottom: 20px;
              }
              div:last-child {

              }
              input {
                height: 34px;
                width: 99px;
              }
            }
            .events-buttons {
              flex-direction: row-reverse;
              button {
                width: 135px;
                &:first-child {
                  margin-bottom: 0;
                }
              }
            }
          }
        }
        .detail-filter {
          form {
            height: auto;
            margin-bottom: 40px;
            padding: 15px 5px;
            .flex(@f-d: column; @a-i: space-between);


            .select2-container, .select2-container > * {
              width: 172px !important;
              height: 29px !important;
            }
            .select2-container * {
              height: 29px !important;
            }
            .select2-container .select2-selection__rendered {
              line-height: 29px !important;
            }
            .select2-container b {
              height: auto !important;
            }
            > div {
              .flex(@a-i: flex-start; @j-c: space-between);
              width: 100%;
              margin-bottom: 20px;
            }
            .selects {
              justify-content: space-between;
              width: 100%;
              margin-right: 0;
            }
            .artcles_buttons_container {
              input {
                height: 27px;
                width: 99px;
              }
              span {
                position: relative;
                color: #4b4b4b;
                font-family: "Open Sans", sans-serif;
                font-size: 15px;
                font-weight: 400;
                line-height: 14.26px;
                .data__picker_img {
                  position: absolute;
                  top: 4px;
                  right: 9px;
                }
              }
            }
            .buttons {
              flex-direction: row-reverse;
              button {
                width: 135px;
                &:first-child {
                  margin-bottom: 0;
                }
              }
            }
          }
        }
        .detail-middle-row {
          margin: 0;
          margin-top: 0px;
          .posts {
            .post {
              .post-preview-text {
                span {
                  a {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 19px;
                  }
                }
              }
              margin: 0;
              margin-bottom: 20px;
              width: 100%;
              img {
                height: 100%;
                min-height: 280px;
              }
              &__title {
                font-size: 18px;
              }
              &__description {
                a {
                  font-size: 14px;
                }
                span {
                  font-size: 14px;
                }
              }
            }
          }
        }
        /*Страница поиска*/
        .search-items {
          padding-right: 0;
          .search-item {
            hr {
              width: 100%;
            }
          }
        }
        /**/
        /*Страница авторизации*/
        .detail-header-row {
          margin-bottom: 0;
          .page-title {
            margin-bottom: 14px;
            width: 90%;
          }
        }
        form.form__sign-in {
          padding: 9px 14px;
          .left__side {
            .text;
            span a {
              .a_text;
            }
            a {
              .a_text;
            }
            .row {
              &.input {
                input {
                  height: 30px;
                }
              }
              &.center {
                button.sign-in__button {
                  width: 97px;
                  height: 30px;
                  .text;
                  color: @white;
                }
              }
            }
          }
          .right__side {
            img {
              width: 180px;
              height: 180px;
            }
          }
          .to_main {
            margin-top: 35px;
            .text;
            span a {
              .a_text;
            }
          }
        }
        /**/
        /*Страница регистрации*/
        form.form__sign-up {
          padding: 14px;
          .row {
            font-size: 11px !important;
            &.input {
              input {
                font-size: 11px;
              }
            }
          }
          > div:first-child {
            .left__side {
              .upper {
                .row {
                  &.input {
                    span {
                      margin: 10px 0 8px;
                    }
                    input {
                      height: 30px;
                    }
                  }
                }
              }
              .lower {
                label, span {
                  font-size: 11px;
                  a {
                    font-size: 11px;
                    line-height: normal;
                  }
                }
                .captcha__container {
                  .flex(@f-d: column; @a-i: flex-start);
                  margin: 24px 0 3px;
                  .row {
                    &.captcha {
                      margin-bottom: 16px;
                      > img {
                        width: 114px;
                        height: 28px;
                      }
                      a {
                        img {
                          width: 22px;
                          height: 23px;
                        }
                      }
                      &.input {
                        margin-left: 0;
                        input {
                          height: 30px;
                        }
                      }
                    }
                  }
                }
                .row {
                  &:last-child {
                    margin: 40px 0 30px;
                    .sign-up__button {
                      width: 138px;
                      height: 30px;
                      font-size: 11px;
                      padding: 0;
                    }
                  }
                }
              }
            }
            .right__side {
              img {
                width: 180px;
                height: 180px;
              }
            }
          }
          > div:last-child {
            margin-top: 20px;
            span {
              font-size: 11px;
              a {
                font-size: 11px;
              }
            }
          }
        }
        /**/
        .detail-mid-row {
          .form-to-company {
            width: 100%;
            h3 {
              font-size: 22px;
            }
            form {
              //.form-captcha {
              //  transform: scale(0.80);
              //}
              .form-text-company {
                flex-direction: column;
                > div {
                  width: 100%;
                  &:last-child {
                    margin-top: 20px;
                    textarea {
                      margin-bottom: 20px;
                    }
                    .subs-form-btn {
                      height: 45px;
                      font-size: 16px;
                    }
                  }
                  input {
                    height: 45px;
                    margin-bottom: 16px;
                    font-size: 16px;
                    padding-left: 22px;
                  }
                }
              }
            }
          }
        }
        .detail__block {
          .detail__docs-block {
            &__list {
              ul {
                flex-direction: column !important;
                width: 100% !important;
                li {
                  justify-content: flex-start !important;
                  width: 100% !important;
                }
              }
            }
          }
          .detail__projects-block {
            &__sides {
              .post {
                margin: 0;
                margin-bottom: 20px;
                width: 100% !important;
                .post-preview-text {
                  span {
                    a {
                      font-size: 18px;
                      font-weight: 700;
                      line-height: 19px;
                    }
                  }
                }
                img {
                  height: 100% !important;
                  min-height: 280px;
                }
                &__title {
                  font-size: 18px;
                }
                &__description {
                  a {
                    font-size: 14px;
                  }
                  span {
                    font-size: 14px;
                  }
                }
                .promo_exclusive{
                  &.none{
                    display: none;
                  }
                }
              }
              flex-direction: column !important;
              align-items: flex-start !important;
              &__side {
                width: 100% !important;
                justify-content: flex-start !important;
                margin-bottom: 20px;
                div {
                  &:last-child {
                    padding-right: 0;
                  }
                }
              }
            }
          }
          .detail__branches-block {
            &__sides {
              div:last-child {
                flex-wrap: wrap !important;
                ul {
                  li {
                    width: 50%;
                  }
                }
              }
            }
          }
        }
        .detail__description {
          flex-direction: column !important;
          > div {
            width: 100% !important;
            margin-right: 0;
            &:first-child {
              margin-bottom: 20px;
            }
          }
        }
        /*Каталог новостей*/
        &.news__page {
          .sorting {
            .flex(@f-d: column; @a-i: flex-start);
            display: block;
            div:last-child {
              align-self: flex-end;
            }
          }
          .detail-filter {
            form {
              height: auto;
              margin-bottom: 40px;
              padding: 15px 5px;
              .flex(@f-d: column; @a-i: space-between);



              .select2-container, .select2-container > * {
                width: 130px !important;
                height: 29px !important;
              }
              .select2-container * {
                height: 29px !important;
              }
              .select2-container .select2-selection__rendered {
                line-height: 29px !important;
              }
              .select2-container b {
                height: auto !important;
              }
              > div {
                .flex(@a-i: flex-start; @j-c: space-between);
                width: 100%;
                margin-bottom: 20px;
              }
              .selects {
                justify-content: space-between;
                width: 100%;
                margin-right: 0;
              }

              .date {
                align-items: flex-start;
                justify-content: flex-end;
                flex-wrap: wrap;
                margin: 50px 0 0 -310px;
                width: auto;
                flex-direction: row;
                div:first-child {
                  margin-right: 0px;
                  margin-bottom: 20px;
                }
                input {
                  height: 34px;
                  width: 99px;
                }
              }
              .buttons {
                flex-direction: row-reverse;
                button {
                  width: 135px;
                  &:first-child {
                    margin-bottom: 0;
                  }
                }
              }
              .news_buttons_container{
                display: block!important;

                .filter_margright{
                  margin-right: 0px!important;
                }
                .sol-container{
                  margin-right: 0px!important;
                  margin-bottom: 15px;
                }
              }


            }
          }
          .detail-middle-row {
            .posts {
              .post {
                margin: 0;
                margin-bottom: 20px;
                width: 100%;
                &__title {
                  font-size: 15px;
                }
                &__description {
                  a {
                    font-size: 14px;
                  }
                }
              }
            }
          }
        }

        /**/
      }
      .events_buttons_container{
        display: block!important;

        .filter_margright{
          margin-right: 0px!important;
        }
        .sol-container{
          margin-right: 0px!important;
          margin-bottom: 15px;
        }
      }
      .events-buttons{
        .filt-btn{
          margin-bottom: 0px;
        }
      }


      .artcles_buttons_container{
        display: block!important;
        .selects{
          > div:first-child {
            margin-right: 0px!important;
          }
        }
        .filter_margright{
          margin-right: 0px!important;
        }
        .sol-container{
          margin-right: 0px!important;
          margin-bottom: 15px;
        }

      }


      .detail-right-side {
        width: 35%;
      }
    }

    .events-detail-wrapper {
      .events-detail-content {
        .events-detail-head {
          .ed-head-left-side {
            width: 68%;
            .page-title {
              width: 147%;
            }
            .events-detail-social {
              .ed-soc-views {
                margin-left: 0;
                .views-eye {
                  width: 17px;
                }
                .views-num {
                  font-size: 10px;
                }
              }
            }
            .events-detail-loc {
              .ed-loc-head {
                font-size: 12px;
              }
              .ed-loc-text {
                font-size: 12px;
                margin-left: 0;
              }
            }
            .events-detail-date {
              .ed-date-head {
                font-size: 12px;
              }
              .ed-date-text {
                font-size: 12px;
                margin-left: 9px;
              }
            }
          }
          .ed-head-right-side {
            width: 32%;
            margin-top: 61px;
            img {
              width: 97px;
            }
          }
        }
        .similar-events-block {
          .similar-events-items {
            .similar-events-item {
              width: 100%;
              .sm-item-bottom {
                h4 {
                  font-size: 18px;
                }
                .sm-item-preview-text {
                  font-size: 18px;
                }
              }
            }
          }
        }
        .events-detail-top-slider {
          width: 82%;
          .ed-top-slide {
            img {
              width: 90%;
            }
          }
          .ed-slider-next-arrow {
            right: -9%;
          }
          .ed-slider-prew-arrow {
            left: -9%;
          }
        }
        .mobile-banners-block {
          width: 100%;
        }
      }
      .events-detail-right-side {
        display: none;
      }
    }
    .articles-detail-wrapper {
      .articles-detail-content {
        .similar-articles-block {
          .similar-articles-items {
            .similar-articles-item {
              .sm-item-bottom {
                h4 {
                  font-size: 18px;
                }
                .sm-item-preview-text {
                  font-size: 18px;
                }
              }
            }
          }
        }
        .articles-detail-top-slider {
          width: 82%;
          .ad-top-slide {
            img {
              width: 90%;
            }
          }
          .ad-slider-next-arrow {
            right: -9%;
          }
          .ad-slider-prew-arrow {
            left: -9%;
          }
        }
        .mobile-banners-block {
          width: 100%;
        }
        .similar-articles-block {
          .similar-articles-items {
            .similar-articles-item {
              width: 100%;
            }
          }
        }
      }
      .articles-detail-right-side {
        display: none;
      }
    }
    .news-detail-wrapper {
      .news-detail-content {
        .similar-news-block {
          .similar-news-items {
            .similar-news-item {
              .sm-item-bottom {
                h4 {
                  font-size: 18px;
                }
                .sm-item-preview-text {
                  font-size: 18px;
                }
              }
            }
          }
        }
        .news-detail-date {
          .exclusive {
            float: none;
            margin: 10px 0;
          }
        }
        .news-detail-top-slider {
          width: 82%;
          .nd-top-slide {
            img {
              width: 90%;
            }
          }
          .nd-slider-next-arrow {
            right: -9%;
          }
          .nd-slider-prew-arrow {
            left: -9%;
          }
        }
        .mobile-banners-block {
          width: 100%;
        }
        .similar-news-block {
          .similar-news-items {
            .similar-news-item {
              width: 100%;
            }
          }
        }
      }
      .news-detail-right-side {
        display: none;
      }
    }
    .companys-list-wrapper {
      & * {
        box-sizing: border-box;
      }
      .companys-list-content {
        width: 100%;
        .companys-filter-block {
          display: flex;
          flex-direction: column;
          .select2-container {
            width: 100%;
            margin: 7px 0;
          }
          .companys-filt-selectors {
            margin: 0;
            width: 100%;
            .selectors-container {
              padding: 0 10px;
              display: block;
              .sol-container{
                margin-bottom: 10px;
                width: 100%!important;
              }
              .select2-container {
                flex-wrap: wrap;
                width: 40% !important;
                &:nth-of-type(1), &:nth-of-type(2) {
                  width: 65% !important;
                }
              }
            }
          }
          .companys-filt-btns {
            width: 100%;
            display: inline-flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0 0 0;
            padding: 0 10px;
            .filt-btn {
              width: auto;
            }
          }
        }
        .companys-list {
          .company-item {
            .company-logo {
              width: 100%;
              margin-bottom: 20px;
              display: flex;
              justify-content: center;
            }
            .company-middle {
              width: 60%;
            }
            .company-right {
              width: 35%;
              .company-right-text.crt-link {
                text-align: right;
              }
            }
          }
        }
        .companys-list-bottom-text {
          margin: 30px 0;
          text-align: justify;
        }
      }
      .companys-list-right-side {
        display: flex;
        flex-direction: column;
        width: 100%;
        .right-side-banner {
          width: 100%;
          img {

          }
        }
      }
    }

    .project-detail-wrapper {
      .project-detail-content {
        width: 95%;
        .project-detail-top-slider {
          .nd-slider-next-arrow {
            right: -7%;
          }
        }
        .similar-project-block {
          .project-block {
            margin-bottom: 60%;
            font-size: 14px;
          }
          .project-left-block {
            width: 40%;
          }
          .project-right-block {
            width: 40%;
            font-size: 13px;
          }
        }
        .detail-project-link-block {
          margin: -8% 5px 0 0;
        }
      }
    }
    .project-list-wrapper {
      .project-list-content {
        .project-filter-block {
          height: 100%;
          .project-filt-selectors {
            width: 100%;
            margin: 0;

            .project-selectors-container {
              padding-right: 0px;
              width: 115%;
              .selects{
                width: 100%;
                div.filter_margright{
                  width: 91%;
                  .sol-container {
                    width: 100%!important;
                  }
                }
                .selectors-container {
                  display: block!important;
                  width: 91%;
                  .sol-container {
                    width: 100%!important;
                    padding-bottom:10px;
                    padding-right: 0!important;
                    margin: 0;
                  }
                }
              }
              .select2-container {
                width: 45% !important;
                &:nth-of-type(1), &:nth-of-type(4) {
                  width: 45% !important;
                }
              }
            }
            .project-filt-btns {
              width: 84%;
              display: inline-flex;
              flex-direction: row-reverse;
              justify-content: space-between;
              align-items: center;
              margin: 5px 5%;
              padding-top: 5px;
              .filt-btn {
                width: 45%;
                font-size: 11px;
                padding: 8px 22px;
              }
            }
          }
        }
        .project-list {
          .project-item {
            margin: 10px 0;
            flex-wrap: wrap;
            .project-logo {
              width: 95%;
            }
            .project-middle {
              width: 55%!important;
              padding: 0 0px 0 0px;
            }
            .project-right {
              width: 45%;
              .project-right-text.crt-link {
                margin: 23% 25% 15px 0px;
              }
            }
          }
        }
        .detail-middle-row {
          margin: 0;
          margin-top: 0px;
          .posts {
            .post {
              .post-preview-text {
                span {
                  a {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 19px;
                  }
                }
              }
              margin: 0;
              margin-bottom: 20px;
              width: 100%;
              img {
                height: 100%;
                min-height: 280px;
              }
              &__title {
                font-size: 18px;
              }
              &__description {
                a {
                  font-size: 14px;
                }
                span {
                  font-size: 14px;
                }
              }
            }
          }
        }
      }
      .project-list-right-side {
        .project-side-banner {
          width: 65%;
          img {

          }
        }
      }
    }
    .tender-detail-wrapper {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 45px;
      .tender-detail-content {
        width: 75%;
        .page-title {
          margin-top: 0;
        }
        .tender-detail-social {
          margin-top: 20px;
          .nd-soc-icons {
            display: inline-block;
            a {
              position: relative;
              margin: 0 5px 0 0;
              padding: 0 12px;
              img {
                position: absolute;
                margin: auto;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
              }
            }
          }
          .nd-soc-views {
            display: inline-block;
            margin-left: 12px;
            .views-eye {
              width: 23px;
            }
            .views-num {
              font-size: 14px;
              color: @gray;
            }
          }
        }
        .detail-date-tender {
          margin-top: 20px;
          width: 120%;
          .detail-date-tender-info {
            margin-top: 10px;
            .nd-date-head {
              font-weight: bold;
              font-size: 16px;
            }
            .nd-date-text {
              margin-left: 10px;
              font-size: 13px;
            }
          }
        }
        .detail__menu_blocks-tender {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          margin: 24px 0 50px 0;
          a {
            color: @white;
            width: 30%;
            height: 20px;
            background-color: #013485;
            text-align: center;
            vertical-align: middle;
            font-family: "Open Sans", sans-serif;
            font-size: 13px;
            font-weight: 700;
            line-height: 0px;
            letter-spacing: -0.26px;
            padding: 13px 0px;
            &:not(:last-child) {
              margin-right: 28px;
            }
            &:nth-of-type(2) {
              text-align: left;
              align-self: stretch;
              padding: 7px 26px;
            }
          }
        }
        .detail-tender-text {
          width: 135%;
        }
        .detail__docs-block {
          &__list {
            ul {
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              li {
                width: 50%;
                .flex(@a-i: flex-start; @j-c: flex-start;);
                margin-bottom: 20px;
                a {
                  padding-top: 5px;
                }
                &:before {
                  content: url("/images/detail_icons/pdf-file__icon.png");
                  margin-right: 10px;
                }
              }
            }
          }
        }
        .form-tender {
          margin-top: 5%;
          .form-tender-contacts {
            border: 2px solid #999;
            margin-bottom: 5%;
            .news-detail-contacts-tender {
              margin: 40px 50px 40px 5px;
              flex-wrap: wrap;
              width: 100%;
              .nd-date-head {
                font-weight: bold;
                font-size: 16px;
              }
              .nd-date-text-one {
                margin-left: 5px;
                font-size: 13px;
              }
              .nd-date-text-two {
                margin-left: 5px;
                font-size: 13px;
              }
              .nd-date-text-three {
                margin-left: 73px;
                font-size: 13px;
              }
            }
            .news-detail-contacts-tender.none-auth {
              margin: 40px -450px 30px 15px;
              width: 86%;
            }
          }
          .form-to-company {
            width: 75%;
            background-color: #f5f5f5;
            padding: 30px;
            margin: 0 5% 5% 0;
            h3 {
              margin: 0 0 20px;
              text-align: center;
              color: #4b4b4b;
              font-family: "Open Sans", sans-serif;
              font-size: 17px;
              font-weight: 700;
              line-height: 23px;
              /* Text style for "Отправьте" */
              letter-spacing: -0.34px;
            }
            form {
              .form-text-company {
                width: 100%;
                display: inline-flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: stretch;
                & > div {
                  width: 50%;
                  &:last-child {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;
                    justify-content: space-between;
                    textarea {
                      margin: 240px 0 0 -100%;
                      padding: 5px 15px;
                      -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                      border-width: 0;
                      background-color: #ffffff;
                      margin-bottom: 11px;
                      color: #969696;
                      font-family: "Open Sans", sans-serif;
                      font-size: 13px;
                      font-style: italic;
                      line-height: 19px;
                      letter-spacing: -0.26px;
                      height: 150px;
                      resize: none;
                      width: 185%;
                    }

                  }
                  input {
                    width: 190%;
                    height: 20px;
                    padding: 6px 10px;
                    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.2);
                    border-width: 0;
                    background-color: #ffffff;
                    margin-bottom: 11px;
                    color: #969696;
                    font-family: "Open Sans", sans-serif;
                    font-size: 13px;
                    font-style: italic;
                    line-height: 19px;
                    letter-spacing: -0.26px;
                    &:last-child {
                      margin-bottom: 0;
                    }
                  }
                }
                .capcha {
                  .row {
                    width: 100%;
                    display: inline-flex;
                    justify-content: flex-start;
                    align-items: center;
                    position: relative;
                    margin: 9px 0 11px 0;
                  }
                  a {
                    display: flex;
                    align-items: center;
                    margin-left: 11px;
                    img {
                      object-fit: contain;
                      width: 25px;
                      height: 27px;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .detail-right-side-tender {
        display: none;
      }
      .mobile-right-side-tender {
        display: inline-block;
        margin: 0 0 0 25%;
        width: 50%;
        .mobile-right-side-banner-tender {
          margin: 5% 0 0 0;
          img {
            width: 100%;
          }
        }
      }
    }
    .tender-list-wrapper {
      & * {
        box-sizing: border-box;
      }
      .tender-list-content {
        width: 100%;
        .tender-filter-block {
          display: flex;
          flex-direction: column;
          height: 100%;
          .select2-container {
            width: 100%;
            margin: 7px 0;
          }
          .tender-filt-selectors {
            width: 100%;
            margin: 0;

            .selectors-container-tender {
              flex-wrap: wrap;
              display: block;
              margin-right: 0;
              padding-right: 0;
              width: 110%;
              .filter_margright {
                margin-right: 0!important;

              }
              .selectors-container {
                display: block!important;
                width: 91%;
                .sol-container {
                  width: 100%!important;
                  padding-bottom:10px;
                  padding-right: 0!important;
                  margin: 0;
                }
              }
              .select2-container {
                width: 45% !important;
                &:nth-of-type(1), &:nth-of-type(4) {
                  width: 45% !important;
                }
              }
            }
          }
          .tender-filt-btns {
            width: 96%;
            display: inline-flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: center;
            .filt-btn {
              width: auto;
            }
          }
          .tender-checkbox {
            margin: -1% 0 0 30px;
          }
        }
        .tender-list-info {
          .tender-item-block {
            margin: 10px 0;
            flex-wrap: wrap;
            .tender-middle-block {
              width: 60%;
              padding: 0 25px 25px 0;
            }
            .tender-right-block {
              width: 40%;
              padding: 0 0 10px 0;
              .tender-right-text {
                &.crt-link {
                  margin: 0;
                }
              }
              .tender-right-block-mass {
                margin: 0px 0px 15px -15px;
              }
            }
          }
        }
        .tender-list-bottom-text {
          margin: 30px 0;
          text-align: justify;
        }
      }
      .tender-list-right-side {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 20px 0;
        .right-side-banner {
          width: 65%;
          img {

          }
        }
      }
    }

    header {
      .top-header {
        position: relative;
        .logo {
          height: auto;
          width: 75%;
          img {
            height: auto;
            width: 100%;
          }
        }
        .right-side {
          .social {
            position: static;
            .search-block {
              .search {
                display: none;
              }
              .search-btn {
                display: none;
              }
            }
            .social-icons {
              display: none;
            }
            .flag {
              position: absolute;
              padding: 7px;
              right: 0;
              bottom: 0;
              width: 32px;
              height: 32px;
              a {
                padding: 4px;
                font-size: 20px;
              }
            }
          }
        }
      }
    }
    .content-items-block {
      .content-item {
        .content-item-title {
          .ot-colon {
            display: none;
          }
          .ot-text {
            display: none;
          }
        }
        .posts {
          display: block;
          .half-post {
            width: 100%;
            margin-bottom: 28px;
            .post-preview-text {
              color: lighten(@dark-gray, 30%);
              a {
                font-size: 18px;
              }
              .post-descr-title {
                color: @dark-gray;
                font-size: inherit;
                display: block;
                font-weight: bold;
              }
            }
            .top-text {
              color: @blue;
            }
          }
        }
        .posts-vert {
          .post {
            .post-preview-text, .post-preview-text-big {
              width: 100%;
              height: auto;
            }
            .post-image, .small-post-image {
              width: 100%;
            }
            .post-content-small, .post-content-med, .post-content-big, .post-content-gray-med {
              display: block;
            }
          }
          .sm-post {
            margin-bottom: 38px;
          }
          &.pv-big {
            .post {
              .post-content-med {
                .post-preview-text {
                  p {
                    color: lighten(@dark-gray, 30%);
                    b {
                      color: @dark-gray;
                    }
                    &:first-child {
                      margin-top: 5px;
                    }
                  }
                }
              }
              .post-content-small {
                .post-preview-text-big {
                  p {
                    color: lighten(@dark-gray, 30%);
                    font-size: 18px;
                    b {
                      color: @dark-gray;
                    }
                    &:first-child {
                      margin-top: 5px;
                    }
                  }
                }
                &.add-tender {
                  .post-preview-text-big {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    .add-tender-btn {
                      box-sizing: border-box;
                      width: 100%;
                    }
                    p:first-child {
                      margin-top: 10px;
                    }
                  }
                  .small-post-image {
                    width: 100%;
                  }
                }
              }
            }
          }
          &.pv-med {
            .post {
              .post-content-big {
                .post-preview-text {
                  p {
                    &:first-child {
                      margin-top: 5px;
                      color: @dark-gray;
                    }
                    &:last-child {
                      color: lighten(@dark-gray, 20%);
                    }
                    a {
                      color: inherit;
                    }
                  }
                }
              }
              &.sm-post {
                .post-content-gray-med {
                  .post-preview-text {
                    p {
                      &:first-child {
                        margin-top: 5px;
                        color: @dark-gray;
                      }
                      &:last-child {
                        color: lighten(@dark-gray, 20%);
                      }
                      a {
                        color: inherit;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .new-campaign-block {
      .nc-content {
        .nc-items {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin-top: 15px;
          .nc-item {
            width: 75% !important;
            position: relative;
            .nc-add-link {
              top: 0;
              height: auto;
              display: flex;
              margin-bottom: 5px;
            }
            .nc-text {
              span {
                display: block;
              }
            }
            .nc-img {
              span.veritical_allign_img {
                display: block;
                height: 0;
              }
              img {
                width: 250%;//удалить
                margin-left: 0px;//удалить
                height: 100%;//удалить
                width: 100%;//удалить
                max-width: 80%;//удалить
                min-width: 275px;//удалить
                //min-height: 150px;
              }
            }
          }
        }
      }
      .nc-big-image {
        width: 100%;
      }
    }
    .recommend-equip-block {
      .re-content {
        .re-items {
          .re-item {
            width: 75% !important;
            margin-left: auto;
            margin-right: auto;
            .re-text {
              span {
                display: block;
              }
            }
          }
          .re-banner {
            display: none;
          }
        }
        .re-content-link {
          margin-top: 0;
        }
      }
      .re-big-image {
        display: block;
        width: 100% !important;
        margin-top: 0px;
        img {
          margin-top: 20px;
          text-align: center;
        }
      }
    }
    .banners-block {
      .subs-images {
        .subs-img {
          width: 100%;
        }
      }
    }
    .rating-content-block {
      .rating-column {
        .rating-column-title {
          color: lighten(@dark-gray, 20%);
          strong {
            color: @dark-gray;
          }
        }
        .rating-item {
          .rating-item-text {
            font-size: 15px;
            strong {
              color: @dark-gray;
            }
            i {
              color: lighten(@dark-gray, 30%);
            }
          }
        }
      }
    }
  }

  .footer-wrapper {
    footer {
      & p {
        font-size: 14px !important;
      }
      .bottom-menu-block {
        .bottom-menu {
          width: 100%;
          text-align: center;
          margin: 0;
          &:first-child {
            .bottom-menu-head {
              margin-top: 0;
            }
          }
        }
      }
    }
    .bottom-block {
      padding-bottom: 30px;
      display: flex;
      flex-direction: column;
      margin-top: 20px;
      padding-top: 20px;
      & > * {
        width: 100% !important;
      }
      & p {
        margin: 5px 0;
      }
      .bottom-logo {
        img {
          width: 90%;
        }
        p {
          color: @blue;
        }
      }
      .footer-middle {
      }
      .footer-right {
        float: none;
        text-align: left;
        .fm-social {
          display: inline-flex;
          align-items: center;
          justify-content: space-between;
          height: 45px;
          position: relative;
          width: 100%;
          a {
            display: flex;
            align-items: center;
            width: 45px;
            height: 45px;
            position: relative;
            box-sizing: border-box;
            img {
              width: 100%;
              height: 90%;
              object-fit: contain;
            }
          }
        }
      }
    }
    .shadow {
      box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2);
      border: 0;
      height: 12px;
      position: absolute;
      left: 0;
      width: 100%;
      margin: 0;
    }

  }

  .left_table {
    width: 100%;
  }
}
.alphabet-filter-block {
  padding: 6px;
  background-color: @white;
  li {
    display: inline;
  }
  .alphabet {
    padding: 0;
    margin: 0;
    .alphabet-btn {
      a {
        display: inline-block;
        color: @white;
        font-size: 9px;
        background-color: @blue;
        padding: 4px;
      }
    }
    .alphabet-letter {
      margin: 0 2px;
      font-size: 14px;
      a {
        color: @light-gray;
      }
    }
    .gray-letter {
      a {
        color: @gray;
      }
    }
  }
}

@media @mobile-mini {

  .unimportant_info {
    position: relative;
  }
  #detail_img_modal_div{
    width: 280px!important;
    left: 10%!important;
    top: 20% !important;
  }

  .page-wrapper {
    .detail-wrapper {
      .detail-content {
        .form-to-company {
          form {
            .form-captcha {
              transform: scale(0.80);
              margin-left: -25px !important;
            }
          }
        }
        .events-detail-filter {
          form {
            .select2-container {
              width: 100px !important;
              height: 34px !important;
            }
            .selects {
              font-size: 14px;
              margin-right: 0px;
            }
            .events-date {
              margin: 50px 0 0 -295px;
              input {
                font-size: 13px;
              }
              span {
                font-size: 13px;
              }
            }
          }
        }
        .detail-filter-outfits {
          form {
            .select2-container {
              width: 125px !important;
              height: 29px !important;
            }
            .outfits-buttons {
              width: 105%;
            }
          }
        }
        .detail-filter {
          form {
            .select2-container {
              width: 131px !important;
              height: 29px !important;
            }
            .artcles_buttons_container {
              span {
                font-size: 13px;
                .date__input {
                  height: 30px;
                  width: 90px;
                  font-size: 11px;
                }
                .data__picker_img {
                  right: 6px;
                }
              }
            }
            .buttons {
              flex-direction: row-reverse;
              button {
                width: 135px;
              }
            }
          }
        }
        &.news__page {
          .detail-filter {
            form {
              .select2-container {
                width: 100px !important;
                height: 34px !important;
              }
              .selects {
                font-size: 14px;
                margin-right: 0px;
                .flex(@f-d: row;);
                > div:first-child {
                  margin-right: 15px;
                }
              }
              .date {
                margin: 50px 0 0 -295px;
                input {
                  font-size: 13px;
                }
                span {
                  font-size: 13px;
                }
              }
              .buttons {
                .flex(@f-d: row);
              }
            }
          }
        }
      }
    }
    .tender-list-wrapper {
      .tender-list-content {
        .tender-list-info {
          .tender-item-block {
            .tender-right-block {
              .tender-right-text {
                &.crt-link {
                  text-align: right;
                  margin: 0;
                }
              }
            }
          }
        }
        .tender-filter-block {
          .tender-filt-selectors {
            .tender-filt-btns {
              width: 96%;
              display: inline-flex;
              flex-direction: row-reverse;
              justify-content: space-between;
              align-items: center;
              .filt-btn {
                width: 43%;
                font-size: 11px;
                padding: 6px 12px;
              }
            }
          }
        }
      }
    }
    .tender-detail-wrapper {
      .tender-detail-content {
        .similar-tender-block {
          .detail-tender-link-block {
            margin: 35% 3% 0 0;
          }
        }
        .form-tender {
          .form-to-company {
            form {
              & > div {
                &:last-child {
                  .subs-form-btn {
                    width: 100%;
                    margin: 0 0 0 -45px;
                  }
                }
              }
            }
          }
        }
      }
    }
    .new-campaign-block {
      .nc-content {
        .nc-items {
          .nc-item {
            width: 70% !important;
            position: relative;
            .nc-add-link {
              top: 0;
              height: auto;
              display: flex;
              margin-bottom: 5px;
            }
            .nc-text {
              span {
                display: block;
              }
            }
            .nc-img {
              span.veritical_allign_img {
                display: block;
                height: 0;
              }
              img {
                margin-left: -12px;
                //min-height: 115px;
              }
            }
          }
        }
      }
      .nc-big-image {
        width: 100%;
      }
    }
    .recommend-equip-block {
      .re-content {
        .re-items {
          .re-item {
            width: 100% !important;
            .re-text {
              span {
                display: block;
              }
            }
          }
        }
      }
    }
    .content-items-block {
      .content-item {
        .posts {
          .half-post {
            .post-date {
              width: 60%;
            }
          }
        }
      }
    }
  }
  .page-wrapper .detail-wrapper .detail-content .detail-middle-row .posts .post .post-preview-text{
    height:auto;
  }
}

.ui-icon {
  width: 16px !important;
}