.AppFooter {
  background: var(--colorSecondaryBg);
  padding-top: var(--spaceXl);
  margin-top: var(--spaceXl);
}

.AppFooter h2 {
  font-size: var(--textSm);
  font-weight: 700;
  color: var(--colorText);
  margin-bottom: var(--spaceMd);
}

@media (max-width: 48rem) {
  .AppFooter h2 {
    font-size: var(--textRg);
  }
}

.AppFooter-frame {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: var(--spaceXl);
}

.AppFooter-main {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.AppFooter-main a {
  color: inherit;
}

.AppFooter-contacts {
  width: 48%;
  margin-bottom: var(--spaceLg);
}

@media (max-width: 25rem) {
  .AppFooter-contacts {
    width: 100%;
  }
}

.AppFooter-contact {
  display: flex;
  font-size: var(--textXs);
  margin-bottom: var(--spaceLg);
}

@media (max-width: 48rem) {
  .AppFooter-contact {
    font-size: var(--textSm);
  }
}

.AppFooter-contact svg {
  margin-right: var(--spaceRg);
  color: var(--colorBrand);
}

.AppFooter-contact span, .AppFooter-contact a {
  flex: 1;
  font-weight: 500;
}

.AppFooter-socials {
  display: flex;
  flex-wrap: wrap;
}

.AppFooter-socials a {
  text-decoration: none;
  transition: var(--animationBase);
  margin-right: var(--spaceXxs);
}

.AppFooter-socials a:last-child {
  margin-right: 0;
}

.AppFooter-socials a:hover, .AppFooter-socials a:active, .AppFooter-socials a:focus {
  text-decoration: none;
  color: var(--colorBrand);
}

.AppFooter-socials a svg {
  width: 1.2em;
  height: 1.2em;
}

.AppFooter-navs {
  width: 48%;
}

@media (max-width: 25rem) {
  .AppFooter-navs {
    width: 100%;
  }
}

.AppFooter-form {
  width: 48%;
  margin-left: var(--spaceLg);
  font-size: .85em;
}

@media (max-width: 64rem) {
  .AppFooter-form {
    width: 100%;
    margin: var(--spaceLg) 0 0;
    font-size: 1em;
  }
}

.AppFooter-form h2 {
  font-size: var(--textXl);
  font-weight: 700;
}

.AppFooter-copyFrame {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.AppFooter-copy {
  padding: var(--spaceMd) 0;
  background: var(--colorContrastBg);
  color: hsl(0, 0%, calc((var(--colorContrastBg-l) - 60) * -100%));
  font-size: var(--textXs);
}

.AppFooter-copy a {
  color: inherit;
}

.AppFooter-copy p {
  display: flex;
  align-items: center;
  margin: 0;
}

@media (max-width: 25rem) {
  .AppFooter-copy p:first-child {
    width: 100%;
    margin-bottom: var(--spaceXs);
  }
}

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

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

.AppFooter {
  padding: 0;
  margin: 0;
}

.AppFooter-frame {
  display: block;
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.AppFooter .FooterNav-title, .AppFooter .AppFooter-title {
  padding-bottom: 1.25rem;
  margin: 0;
  font-size: 1rem;
  color: var(--colorBrand);
  text-transform: uppercase;
}

.AppFooter-main {
  display: grid;
  gap: 1.5rem 2rem;
  grid-template: 'nav'
 'links'
 'client'
 'contacts' auto / auto;
}

.AppFooter-navs {
  width: auto;
}

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

.AppFooter-navs--links {
  grid-area: links;
}

.AppFooter-navs--client {
  grid-area: client;
}

.AppFooter-contacts {
  grid-area: contacts;
  width: auto;
  margin: 0;
  font-size: 0.75rem;
  color: var(--colorTextGrey);
}

.AppFooter-contacts-perex {
  padding-bottom: 2.5rem;
  margin: 0;
}

.AppFooter-contact {
  padding-bottom: 1rem;
  margin: 0;
  font-size: 0.75rem;
}

.AppFooter-contact a {
  flex-grow: 0;
  flex-basis: auto;
}

.AppFooter-contact svg {
  height: 1rem;
  width: 1rem;
}

.AppFooter-socials {
  gap: 1rem;
  padding-top: 1rem;
  margin: 0;
}

.AppFooter-socials a {
  line-height: 0;
  margin: 0;
}

.AppFooter-socials a svg {
  height: 1.25rem;
  width: 1.25rem;
  color: var(--colorBrand);
}

.AppFooter-socials a:hover svg, .AppFooter-socials a:active svg, .AppFooter-socials a:focus svg {
  color: var(--colorBrandSecondary);
}

@media (min-width: 48rem) {
  .AppFooter-main {
    grid-template: 'nav nav links links'
 'contacts contacts contacts client' auto / 1fr 1fr 1fr 1fr;
  }
  .AppFooter-contacts-perex {
    max-width: 90%;
  }
}

@media (min-width: 80rem) {
  .AppFooter-main {
    grid-template: 'nav links contacts client' / 3fr 3fr 4fr 2fr;
  }
  .AppFooter-contacts-perex {
    max-width: none;
  }
}

.AppFooter-copy {
  background: var(--colorBrand);
  padding: clamp(1.5rem, 4vw, 3.5rem) 0;
}

.AppFooter-copy p {
  display: block;
  width: auto;
  padding-bottom: 2rem;
  margin: 0;
}

.AppFooter-copy p:first-child {
  margin: 0;
}

.AppFooter-copyLinks {
  flex-basis: 100%;
  font-size: 0.8rem;
  text-align: center;
}

.AppFooter-copyLinks br {
  display: none;
}

.AppFooter-copyContact {
  display: block;
}

.AppFooter-copyLogos {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2rem;
}

.AppFooter-copyLogos a {
  padding-left: 2rem;
  position: relative;
}

.AppFooter-copyLogos a::before {
  content: '';
  height: 100%;
  width: .0625rem;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 1rem;
}

.AppFooter-copyLogos a:first-child {
  padding-left: 0;
}

.AppFooter-copyLogos a:first-child:before {
  display: none;
}

.AppFooter-copyLogos a img {
  opacity: 0.7;
}

.AppFooter-copyLogos a:hover img, .AppFooter-copyLogos a:active img, .AppFooter-copyLogos a:focus img {
  opacity: 1;
}

.AppFooter-copyTips {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding-top: 1rem;
  font-size: 0.6rem;
  text-align: center;
}

.AppFooter-copyTips a {
  color: inherit;
  font-weight: 600;
}

.AppFooter-copyTips a:after {
  content: '|';
  display: inline-block;
  padding: 0 .25rem;
  color: #fff;
}

.AppFooter-copyTips a:last-child:after {
  display: none;
}

@media (min-width: 32rem) {
  .AppFooter-copyLinks br {
    display: block;
  }
  .AppFooter-copyContact {
    display: inline-block;
  }
  .AppFooter-copyContact:before {
    content: '|';
    display: inline-block;
    padding: 0 .25rem;
    color: #fff;
  }
  .AppFooter-copyContact--firstInRow:before {
    display: none;
  }
}

@media (min-width: 64rem) {
  .AppFooter-copyLinks {
    flex-basis: auto;
    flex-shrink: 0;
    text-align: left;
  }
  .AppFooter-copyLogos {
    flex: 0 1 auto;
  }
}

@media (min-width: 80rem) {
  .AppFooter-copyFrame {
    flex-wrap: nowrap;
    align-items: center;
    gap: 2rem;
  }
  .AppFooter-copy p, .AppFooter-copyLogos {
    padding-bottom: 0;
  }
  .AppFooter-copyTips {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    padding-top: 0;
  }
}

.AppFooter-partnersTitle, .AppFooter h2.AppFooter-partnersTitle {
  padding-bottom: 1.25rem;
  margin: 0;
  font-size: 1rem;
  color: var(--colorBrand);
  text-transform: uppercase;
  text-align: center;
}

.AppFooter-partnersText {
  padding-bottom: 2rem;
  font-size: .875rem;
  text-align: center;
}

.AppFooter-partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem 3rem;
  padding-bottom: 4.5rem;
}

.AppFooter-partnerItem {
  max-width: 6.5rem;
  filter: grayscale(1);
  transition: filter .15s ease;
}

.AppFooter-partnerItem img {
  max-height: 6.5rem;
}

.AppFooter-partnerItem:hover, .AppFooter-partnerItem:active, .AppFooter-partnerItem:focus {
  filter: grayscale(0);
}

.AppFooter-partnerItem--realitakroku {
  max-width: none;
  width: 10.5rem;
}

.AppFooter-partnerItem--realitakroku a {
  text-decoration: none;
}

.AppFooter-partnerItem--realitakroku img {
  margin-right: -5.75rem;
}

.scrollup {
  display: none;
  width: 3rem;
  height: 3rem;
  text-align: center;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  opacity: .5;
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 999;
  transition: all .25s ease-in-out;
}

.scrollup svg {
  width: 1.25rem;
  fill: #fff;
}

.scrollup.is-show {
  display: flex;
  justify-content: center;
  align-items: center;
}

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