.centres {
  margin-top: 40px; }
  .centres-modals {
    margin-top: 25px;
    margin-left: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 979px) {
      .centres-modals {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; } }
    .centres-modals-item {
      margin: 15px;
      width: calc(50% - 30px);
      border-radius: 3px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #F9F9F9;
      border: 1px dashed #0054A6;
      padding: calc(20px + (100vw - 320px) * 0.01125) calc(30px + (100vw - 320px) * 0.0125); }
      .centres-modals-item-content {
        width: calc(100% - 259px); }
        .centres-modals-item-content-info {
          margin-top: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          line-height: 25px;
          color: #333; }
          .centres-modals-item-content-info__svg {
            width: 24px;
            height: 24px;
            margin-right: 9px;
            fill: #333; }
        .centres-modals-item-content__header {
          font-weight: 900;
          font-size: calc(20px + (100vw - 320px) * 0.005);
          line-height: calc(28px + (100vw - 320px) * 0.005);
          color: #0054A6; }
      .centres-modals-item__btn {
        width: 218px;
        height: 53px;
        font-weight: 900;
        font-size: 16px;
        cursor: pointer;
        line-height: 25px; }
      @media (max-width: 1600px) {
        .centres-modals-item {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap; }
          .centres-modals-item-content {
            width: 100%; }
          .centres-modals-item__btn {
            width: 100%;
            margin-top: 15px; } }
  @media (max-width: 1600px) and (max-width: 979px) {
    .centres-modals-item {
      width: 100%; } }
  .centres-map {
    margin-top: 210px;
    height: 800px;
    position: relative; }
    @media (max-width: 979px) {
      .centres-map {
        height: unset; } }
    .centres-map-select {
      position: absolute;
      bottom: 0;
      margin-left: 228px;
      z-index: 1;
      padding: 40px 32px;
      height: 474px;
      width: 280px;
      -webkit-box-shadow: 2px 6px 15px rgba(0, 0, 0, 0.15);
              box-shadow: 2px 6px 15px rgba(0, 0, 0, 0.15);
      border-radius: 3px;
      background: #fff; }
      @media (max-width: 1600px) {
        .centres-map-select {
          margin-left: 0; } }
      @media (max-width: 1170px) {
        .centres-map-select {
          width: 100%;
          height: 400px; } }
      .centres-map-select__title {
        text-align: center;
        font-weight: 900;
        font-size: 28px;
        line-height: 36px;
        color: #333; }
      .centres-map-select-list {
        width: 100%;
        height: 256px;
        margin-top: 20px; }
        @media (max-width: 1170px) {
          .centres-map-select-list {
            height: 200px; } }
        .centres-map-select-list-item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .centres-map-select-list-item.hidden {
            display: none; }
          .centres-map-select-list-item-letter {
            width: 38px;
            height: 38px;
            border: 1px solid #ED1847;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-weight: 900;
            font-size: 16px;
            line-height: 24px;
            color: #ED1847;
            margin-right: 19px; }
          .centres-map-select-list-item-subitems {
            display: block;
            margin-top: -5.5px; }
            .centres-map-select-list-item-subitems__city {
              display: block;
              font-weight: 500;
              font-size: 16px;
              line-height: 24px;
              color: #333;
              padding: 6.25px 0; }
              .centres-map-select-list-item-subitems__city:first-child {
                padding: 12.5px 0 6.25px; }
              .centres-map-select-list-item-subitems__city:last-child {
                padding: 6.25px 0 18px 0; }
              .centres-map-select-list-item-subitems__city.active {
                -webkit-text-decoration-line: underline;
                        text-decoration-line: underline;
                color: #ED1847; }
              .centres-map-select-list-item-subitems__city:hover {
                color: #0054A6; }
              .centres-map-select-list-item-subitems__city.hidden {
                display: none; }
      .centres-map-select-map {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      .centres-map-select-input {
        margin-top: 25px; }
  .centres-form {
    position: relative;
    margin-top: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 84px; }
    .centres-form-wrapper {
      position: relative;
      width: 1500px;
      padding: 0 15px; }
      @media (max-width: 1600px) {
        .centres-form-wrapper {
          width: 1290px; } }
  @media (max-width: 1600px) and (max-width: 1320px) {
    .centres-form-wrapper {
      width: 100%; } }
      @media (max-width: 1320px) {
        .centres-form-wrapper {
          padding: 0; } }
    .centres-form__bauble {
      fill: #ED1847;
      position: absolute;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
      .centres-form__bauble_mini {
        height: 72px;
        width: 72px;
        right: -21px;
        bottom: 80px; }
      .centres-form__bauble_medium {
        top: 103px;
        left: -50.5px;
        width: 131px;
        height: 131px; }
      .centres-form__bauble_big {
        top: 8px;
        right: -192px;
        width: 384px;
        height: 384px; }
  .centres__title {
    font-size: calc(32px + (100vw - 320px) * 0.00375);
    line-height: calc(38px + (100vw - 320px) * 0.00313);
    color: #333;
    font-weight: bold; }
  .centres__description {
    margin-top: 14px;
    font-size: 17px;
    line-height: 26px;
    color: #878787; }

#centresMap {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%; }
  @media (max-width: 1170px) {
    #centresMap {
      margin-top: 20px;
      height: 400px;
      position: unset; } }

/*# sourceMappingURL=installation_centres.css.map */