.AppFooter {
  color: #fff;
}

.AppFooter a {
  color: #fff;
}

.AppFooter-top {
  background: var(--colorBrand) url("/frontend/images/_webp/footer/bg.webp") no-repeat center right;
  background-size: cover;
  padding: 2.8em 0 calc(2.8em - var(--spaceLg));
}

@media (max-width: 47.9rem) {
  .AppFooter-top {
    background: var(--colorBrand);
  }
}

.AppFooter-frame {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-template-areas: "nav contact map" "userSection social map";
}

@media (max-width: 1200px) {
  .AppFooter-frame {
    grid-template-columns: 0.7fr repeat(2, 1fr);
  }
}

@media (max-width: 980px) {
  .AppFooter-frame {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-template-areas: "nav userSection " "contact social" "map map";
  }
}

@media (max-width: 480px) {
  .AppFooter-frame {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    grid-template-areas: "nav" "userSection" "contact" "social" "map";
  }
}

.AppFooter-contact {
  grid-area: contact;
}

.AppFooter-iconRow {
  margin-bottom: var(--spaceSm);
  display: flex;
  align-items: center;
}

.AppFooter-iconRow.address {
  align-items: flex-start;
}

.AppFooter-iconRow .icon {
  display: flex;
  align-items: center;
}

.AppFooter-iconRow svg {
  margin-right: var(--spaceSm);
  width: 34px;
}

.AppFooter-iconRow strong {
  display: inline-block;
  width: 86px;
}

@media (max-width: 650px) {
  .AppFooter-iconRow strong {
    display: none;
  }
}

.AppFooter-map {
  grid-area: map;
}

.AppFooter-map svg {
  margin-top: 25px;
  width: 358px;
  max-width: 100%;
}

.AppFooter-title {
  margin-bottom: var(--spaceRg);
  font-size: var(--textMd);
  color: #fff;
}

.AppFooter-col {
  margin-bottom: var(--spaceLg);
}

.AppFooter-nav {
  grid-area: nav;
}

.AppFooter-userSection {
  grid-area: userSection;
}

.AppFooter-socials {
  grid-area: social;
}

.AppFooter-copy {
  font-size: var(--textSm);
  width: 100%;
  padding: var(--spaceMd) var(--sizeContentOffset);
  margin: 0 auto;
  background: #000;
}

.AppFooter-copy .u-frameMd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 47.9rem) {
  .AppFooter-copy .u-frameMd {
    flex-direction: column;
  }
}

.AppFooter-copy p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
}

.AppFooter-copy p a {
  text-decoration: underline;
}

.AppFooter-copy p a:hover {
  text-decoration: none;
}

.AppFooter-copy svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

@media (max-width: 25rem) {
  .AppFooter-copy svg {
    width: 1.4em;
  }
}

/*# sourceMappingURL=footer.min.css.map */
