.block-contacts {
  position: relative;
  margin-bottom: 60px;
}
.block-contacts .contacts-info-wrapper {
  display: flex;
  align-items: flex-start;
}
.block-contacts .contacts-info-wrapper .contacts-info {
  width: 30%;
  min-width: 296px;
  padding-right: 30px;
}
.block-contacts .contacts-info-wrapper .contacts-info .block-title {
  margin-bottom: 20px;
}
.block-contacts .contacts-info-wrapper .contacts-info .title {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  transition: color 0.3s ease;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .icon {
  margin-right: 15px;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .icon img, .block-contacts .contacts-info-wrapper .contacts-info .title .icon svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .content {
  font-weight: 800;
  line-height: 150%;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .content a {
  transition: all 0.5s ease;
  color: #ffffff;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .content a:hover {
  color: #f58220;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .content .phone {
  margin-bottom: 5px;
  display: block;
}
.block-contacts .contacts-info-wrapper .contacts-info .title .content .phone:last-child {
  margin-bottom: 0px;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-addres {
  margin-bottom: 30px;
  color: #ffffff;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-phone {
  margin-bottom: 30px;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-phone .phone-item {
  margin-bottom: 30px;
  color: #404040;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-phone .phone-item:last-child {
  margin-bottom: 0px;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-mail {
  margin-bottom: 30px;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item {
  margin-bottom: 30px;
  color: #ffffff;
  display: block;
  font-weight: 800;
  line-height: 150%;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item:hover {
  color: #f58220;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item:last-child {
  margin-bottom: 0px;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon svg, .block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon svg g, .block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon img g {
  opacity: 1;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon svg g path, .block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon img g path {
  fill: #f58220;
}
.block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon svg path, .block-contacts .contacts-info-wrapper .contacts-info .contacts-info-socials .social-item .icon img path {
  fill: #f58220;
}
.block-contacts .contacts-info-wrapper .contacts-map {
  width: 70%;
  overflow: hidden;
  height: 350px;
}
.block-contacts .contacts-info-wrapper .contacts-map .map-holder {
  height: 100%;
}
.block-contacts .contacts-info-wrapper .contacts-map .map-holder iframe {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .block-contacts {
    margin-bottom: 40px;
  }
  .block-contacts .contacts-info-wrapper {
    flex-direction: column;
  }
  .block-contacts .contacts-info-wrapper .contacts-info {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 30px;
  }
  .block-contacts .contacts-info-wrapper .contacts-map {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .block-contacts .contacts-info-wrapper .contacts-info .block-title {
    width: 100%;
  }
  .block-contacts .contacts-info-wrapper .contacts-map {
    height: 300px;
  }
}