.block-contacts {
  font-family: Sero Pro, sans-serif;
  margin: 0 0 1.25rem;
  width: 100%;
}
.block-contacts .contact-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-contacts .left {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.25rem;
  justify-content: space-between;
}
.block-contacts .contact-phone a {
  font-size: 19px;
  line-height: 25px;
  white-space: nowrap;
}
.block-contacts .contact-whatsapp {
  align-items: center;
  display: flex;
  gap: .625rem;
}
.block-contacts .contact-whatsapp span {
  line-height: 21px;
}
.block-contacts .contact-whatsapp a {
  height: 1.5rem;
  width: 1.5rem;
}
.block-contacts .contact-work_time {
  background: url(../images/icons/icon-time-mobile.svg) no-repeat .125rem .125rem;
  background-size: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: .625rem;
  padding: 0 0 0 4rem;
  width: 100%;
}
.block-contacts .contact-work_time div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.block-contacts .contact-work_time span {
  line-height: 21px;
}
.block-contacts .right {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-contacts .contact-email {
  align-items: center;
  display: flex;
  gap: .625rem;
}
.block-contacts .contact-email .mail-link {
  font-weight: 400;
  line-height: 21px;
}
.block-contacts .contact-email .email-link {
  color: #0066C8;
  font-family: Raleway, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}
.block-contacts .contact-adress {
  padding: 0 0 0 4rem;
  background: url(../images/icons/icon-adress-mobile.svg) no-repeat .125rem .125rem;
  background-size: 1.5rem;
}
.block-contacts .contact-social {
  align-items: center;
  display: flex;
  gap: .625rem;
}
.block-contacts .contact-social span {
  color: #000;
  font-weight: 400;
  line-height: 21px;
}
.social {
  display: flex;
  gap: .5rem;
}
.social .icon {
  display: block;
  height: 1.5rem;
  font-size: 0;
  width: 1.5rem;
}
.social .icon.telegram {
  background: url("../images/icons/icon-tg.svg") no-repeat 50%;
  background-size: cover;
}
.social .icon.vkontakte {
  background: url("../images/icons/icon-vk.svg") no-repeat 50%;
  background-size: cover;
}
.social .icon:hover {
  opacity: .75;
}

.block-contacts .map-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.block-contacts .map-wrapper span {
  display: block;
  font-size: 19px;
  font-weight: 500;
  line-height: 25px;
}
.block-contacts .map-wrapper .map {
  display: block;
  height: 160px;
  width: 100%;
}
.block-contacts .map-wrapper .map iframe {
  height: 100% !important;
}
@media (min-width: 768px) {
  .block-contacts {
    font-size: .875rem;
    margin: 0 0 50px;
  }
  .block-contacts .contact-list {
    flex-direction: inherit;
    flex-wrap: wrap;
    gap: 3.5rem 1rem;
  }
  .block-contacts .left {
    flex: 0 0 calc(50% - .5rem);
    max-width: calc(50% - .5rem);
  }
  .block-contacts .contact-phone {
    margin: 0 0 .25rem;
  }
  .block-contacts .contact-phone a {
    font-size: 25px;
    font-weight: 400;
    line-height: 33px;
  }
  .block-contacts .contact-whatsapp {
    flex: 0 0 100%;
    order: 5;
  }
  .block-contacts .contact-whatsapp span {
    line-height: 1.125rem
  }
  .block-contacts .contact-work_time {
    gap: 1rem;
  }
  .block-contacts .contact-work_time div {
    gap: .5rem;
  }
  .block-contacts .right {
    flex: 0 0 calc(50% - .5rem);
    justify-content: space-between;
    max-width: calc(50% - .5rem);
  }
  .block-contacts .contact-email .mail-link {
    line-height: 1.25rem;
  }
  .block-contacts .map-wrapper {
    flex: 0 0 100%;
  }
  .block-contacts .map-wrapper span {
    font-size: 1.25rem;
    line-height: 26px;
  }
  .block-contacts .map-wrapper .map {
    min-height: 260px;
  }
}
@media (min-width: 1440px) {
  .block-contacts {
    flex: 0 0 calc(100% - 584px);
    font-size: 1.125rem;
    line-height: 1.5rem;
    max-width: calc(100% - 584px);
  }
  .block-contacts .contact-list {
    flex-direction: inherit;
    gap: 4rem 1rem;
  }
  .block-contacts .left {
    flex: 0 0 calc(45% - .5rem);
    gap: 1.5rem;
    max-width: calc(45% - .5rem);
  }
  .block-contacts .contact-phone {
    margin: 0;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .contact-phone a {
    font-size: 1.5rem;
    line-height: 31px;
  }
  .block-contacts .contact-whatsapp {
    margin: 0 0 .5rem;
    order: inherit;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .contact-work_time {
    background-size: 1rem;
    gap: 1.5rem;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .right {
    flex: 0 0 calc(50% - .5rem);
    gap: .75rem;
    justify-content: start;
    max-width: calc(50% - .5rem);
  }
  .block-contacts .contact-email {
    align-items: start;
    flex-direction: column;
    gap: .25rem;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .contact-email .mail-link {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .block-contacts .contact-adress {
    order: 5;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .contact-social {
    margin: 0 0 18px;
    padding: 0 0 0 2.75rem;
  }
  .block-contacts .map span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1680px) {
  .block-contacts {
    flex: 0 0 calc(100% - 750px);
    max-width: calc(100% - 750px);
  }
  .block-contacts .contact-list {
    gap: 2.875rem 1rem;
  }
  .block-contacts .left {
    flex: 0 0 calc(50% - .5rem);
    gap: .75rem;
    max-width: calc(50% - .5rem);
  }
  .block-contacts .contact-phone {
    padding: 0 0 0 2.875rem;
  }
  .block-contacts .contact-phone a {
    letter-spacing: 1.75px;
  }
  .block-contacts .contact-whatsapp {
    gap: .125rem;
    letter-spacing: 1.25px;
    margin: 0 0 1.875rem;
    padding: 0 0 0 2.875rem;
  }
  .block-contacts .contact-whatsapp a {
    height: 2.25rem;
    width: 2.25rem;
  }
  .block-contacts .contact-work_time {
    background-size: 1.375rem;
    padding: .25rem 0 0 2.875rem;
  }
  .block-contacts .contact-work_time span {
    letter-spacing: 1.45px;
    line-height: 21px;
  }

  .block-contacts .right {
    padding: .25rem 0 0 0;
  }
  .block-contacts .contact-email {
    margin: 0 0 .125rem;
  }
  .block-contacts .contact-email .mail-link {
    font-size: 1.5rem;
    line-height: 1.625rem;
  }
  .block-contacts .contact-email .email-link {
    font-size: 1rem;
    line-height: 1.125rem;
  }
  .block-contacts .contact-adress p {

  }
  .block-contacts .contact-social {
    margin: 0 0 1.25rem;
  }
  .block-contacts .contact-social span {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .social .icon {
    height: 1.75rem;
    width: 1.75rem;
  }

  .block-contacts .map-wrapper {
    gap: .5rem;
  }
}