.page-contacte {
  position: relative;
}
.page-contacte .blocks-contacte {
  display: flex;
  padding: 60px 0;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 959px) {
  .page-contacte .blocks-contacte {
    margin-top: 850px;
    background-color: #fafafa;
    padding: 10px;
    width: 100vw;
    margin-left: calc(var(--ph) * -1);
    box-sizing: border-box;
    position: relative;
  }
}
@media (max-width: 639px) {
  .page-contacte .blocks-contacte {
    margin-top: 480px;
    padding: 0;
    gap: 1px;
  }
}
.page-contacte .blocks-contacte .block-contacte {
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 13px 29px 0 rgba(0, 0, 0, 0.03), 0 53px 53px 0 rgba(0, 0, 0, 0.02), 0 120px 72px 0 rgba(0, 0, 0, 0.01), 0 214px 86px 0 rgba(0, 0, 0, 0), 0 334px 94px 0 rgba(0, 0, 0, 0);
  background: #fff;
  position: relative;
  width: 480px;
  box-sizing: border-box;
}
@media (max-width: 959px) {
  .page-contacte .blocks-contacte .block-contacte {
    width: 100%;
  }
}
@media (max-width: 959px) {
  .page-contacte .blocks-contacte .block-contacte {
    padding: 24px 15px;
    border-radius: 0;
  }
}
.page-contacte .blocks-contacte .block-contacte h1 {
  font-weight: 500;
  font-size: 48px;
  line-height: 1.2;
  color: #0b0d0f;
}
@media (max-width: 959px) {
  .page-contacte .blocks-contacte .block-contacte h1 {
    font-size: 40px;
  }
}
@media (max-width: 639px) {
  .page-contacte .blocks-contacte .block-contacte h1 {
    font-size: 24px;
  }
}
.page-contacte .blocks-contacte .block-contacte p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
  color: #0b0d0f;
}
@media (max-width: 639px) {
  .page-contacte .blocks-contacte .block-contacte p {
    font-size: 16px;
  }
}
.page-contacte .blocks-contacte .block-contacte p:before {
  margin-right: 12px;
}
.page-contacte .blocks-contacte .block-contacte p a {
  font-weight: 700;
  font-size: 16px;
  color: #838da1;
  display: table-cell;
  margin-top: 4px;
  padding-left: 32px;
  text-decoration: unset;
  transition: color 0.3s;
}
.page-contacte .blocks-contacte .block-contacte p a:hover {
  color: #000;
}
.page-contacte .blocks-contacte .block-contacte p a:before {
  margin-right: 8px;
}
.page-contacte .blocks-contacte .block-contacte.uk-button {
  text-align: left;
  padding: 20px 80px 20px 32px;
  text-transform: unset;
  position: relative;
}
.page-contacte .blocks-contacte .block-contacte.uk-button:before {
  content: "\e91a";
  position: absolute;
  font-family: "icomoon";
  font-size: 16px;
  border: 1px solid #e8eaee;
  border-radius: 40px;
  padding: 0 11px;
  background-color: #fff;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  transition: transform 0.3s;
}
.page-contacte .blocks-contacte .block-contacte.uk-button.uk-active:before {
  transform: translateY(-50%) rotate(-90deg);
}
@media (max-width: 959px) {
  .page-contacte .blocks-contacte .block-contacte.uk-button.uk-active:before {
    transform: translateY(-50%) rotate(180deg);
  }
}
.page-contacte .blocks-contacte .block-contacte.uk-button span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #838da1;
  display: block;
}
.page-contacte .blocks-contacte .block-contacte.uk-button span[class*=icon] {
  font-weight: 500;
  font-size: 18px;
  color: #0b0d0f;
}
.page-contacte .blocks-contacte .block-contacte.uk-button span[class*=icon]:before {
  margin-right: 12px;
}
.page-contacte #map {
  position: absolute;
  width: calc(100% + 240px);
  margin-left: -240px;
  height: 100%;
  z-index: 0;
}
@media (max-width: 959px) {
  .page-contacte #map {
    width: 100%;
    margin-left: unset;
  }
}
.page-contacte #map .leaflet-map-pane {
  left: 240px;
}
@media (max-width: 959px) {
  .page-contacte #map .leaflet-map-pane {
    left: unset;
    top: -300px;
  }
}
.page-contacte #map .leaflet-bottom.leaflet-right {
  display: none;
}

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