/* Start:/local/templates/alpha_hydraulics/assets/css/contacts.css?17818728165357*/
/* Contacts page */
.page-contacts .page-head {
  margin-bottom: 0;
  padding: 40px 0;
  border-bottom: none;
}

.page-contacts .page-head .container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-contacts .page-title {
  margin-top: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--black);
}

.page-contacts .page-content {
  padding-bottom: 0;
}

.page-contacts .page-content > .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.page-contacts .bx-breadcrumb,
.page-contacts .bx-breadcrumb a {
  font-size: 16px;
  line-height: 1;
  color: #7a7a7a;
}

.page-contacts .bx-breadcrumb a:hover {
  color: var(--deep-blue);
  text-decoration: none;
}

.contacts-page__main {
  background: #f4f6fd;
  padding: 40px 60px;
}

.contacts-page__main-inner {
  display: grid;
  grid-template-columns: minmax(0, 800px) minmax(280px, 488px);
  gap: 32px;
  align-items: stretch;
  width: min(100%, var(--container));
  margin-inline: auto;
}

.contacts-page__map {
  position: relative;
  min-height: 663px;
  overflow: hidden;
  border-radius: 16px;
  background: #eef0f2;
}

.contacts-page__map > div,
.contacts-page__map ymaps,
.contacts-page__map iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 663px;
}

.contacts-page__cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.contacts-card {
  display: flex;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--grey-blue);
  border-radius: 12px;
  background: var(--white);
}

.contacts-card__icon {
  flex-shrink: 0;
  width: 48px;
}

.contacts-card__icon--plain {
  height: 29px;
}

.contacts-card__icon--round {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  border-radius: 999px;
  background: #e8edfb;
}

.contacts-card__icon img {
  display: block;
}

.contacts-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.contacts-card__label {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #7a7a7a;
}

.contacts-card__value {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--black);
  text-decoration: none;
}

a.contacts-card__value:hover {
  color: var(--deep-blue);
}

.contacts-page__callback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  margin-top: 0;
  padding: 18px 32px;
  border: none;
  border-radius: 40px;
  background: var(--deep-blue);
  color: var(--white);
  font-family: var(--font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

.contacts-page__callback:hover {
  background: #1b3d9c;
}

.contacts-page__requisites {
  background: #f4f6fd;
  padding: 0 60px 60px;
}

.contacts-page__requisites-inner {
  width: min(100%, var(--container));
  margin-inline: auto;
}

.contacts-page__requisites-title {
  margin: 0 0 24px;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--black);
}

.contacts-requisites {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.contacts-requisites__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 50px;
  margin-bottom: 24px;
}

.contacts-requisites__company {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--black);
}

.contacts-requisites__download {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: var(--deep-blue);
  text-decoration: none;
}

a.contacts-requisites__download:hover {
  text-decoration: underline;
}

.contacts-requisites__download--disabled {
  opacity: 0.45;
  cursor: default;
}

.contacts-requisites__table {
  overflow: hidden;
  border: 1px solid var(--grey-blue);
  border-radius: 12px;
  background: var(--white);
}

.contacts-requisites__row {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 50px;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 1.2;
}

.contacts-requisites__row + .contacts-requisites__row {
  border-top: 1px solid var(--grey-blue);
}

.contacts-requisites__label {
  color: #7a7a7a;
}

.contacts-requisites__value {
  color: var(--black);
}

@media (max-width: 1199px) {
  .contacts-page__main-inner {
    grid-template-columns: 1fr;
  }

  .contacts-page__map {
    min-height: 420px;
  }

  .contacts-page__map > div,
  .contacts-page__map ymaps,
  .contacts-page__map iframe {
    min-height: 420px;
  }
}

@media (max-width: 767px) {
  .page-contacts .page-head {
    padding: 32px 0 24px;
  }

  .page-contacts .page-title {
    font-size: clamp(32px, 8vw, 48px);
  }

  .contacts-page__main,
  .contacts-page__requisites {
    padding-inline: 20px;
  }

  .contacts-page__requisites {
    padding-bottom: 40px;
  }

  .contacts-page__requisites-title {
    font-size: clamp(32px, 8vw, 48px);
  }

  .contacts-requisites__row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 16px 20px;
  }

  .contacts-card__value {
    font-size: 20px;
  }
}

/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1775724250666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */
/* /local/templates/alpha_hydraulics/assets/css/contacts.css?17818728165357 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1775724250666 */