/* Footer */

.footer {
  position: relative;
  padding-top: 20px;
  background-color: var(--blue);
  z-index: 2;
}

.footer .container {
  overflow: hidden;
  padding-bottom: 90px;
}

.footer__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.footer__socials {
  position: relative;
  z-index: 3;
}

.footer__socials .socials-list a {
  background-color: rgba(255, 255, 255, 0.1);
}

.footer__socials .socials-list a .--mask-item {
  background-color: var(--white);
}

.footer__copyright {
  text-align: right;
  opacity: 0.4;
}

.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 48px;
  margin-right: -45px;
  margin-bottom: -10px;
}

.footer__nav {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.footer__nav li {
  margin-right: 45px;
  margin-bottom: 10px;
}

.footer-nav__link .icon {
  background-color: rgba(233, 233, 233, 0.1);

  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.footer-nav__link .--mask-item {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;

  background-color: var(--white);
  opacity: 0.55;
}

.footer-nav__link .icon + p {
  margin-left: 6px;
}

.footer__logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);

  display: block;
  height: 45px;
  width: auto;
}

/* Footer with hidden block  */

.footer.-with-hidden-content {
  margin-top: -244px;
  padding-top: 0;
  background: linear-gradient(
    to bottom,
    transparent 27px,
    var(--blue) 0%,
    var(--blue) 100%
  );
}

.footer.-with-hidden-content:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  bottom: calc(100% - 27px);

  display: block;
  height: 229px;

  pointer-events: none;
  background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.footer.-with-hidden-content .footer__grid-button {
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer.-with-hidden-content .footer__grid-button.-loading {
  pointer-events: none;
}

.footer.-with-hidden-content .footer__grid-button.-loading div {
  display: none;
}

.footer.-with-hidden-content .footer__grid-button.-loading:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='247px' height='247px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(80,50)'%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='1'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.875s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.875s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,71.21320343559643)'%3E%3Cg transform='rotate(45)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.875'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.75s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.75s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50,80)'%3E%3Cg transform='rotate(90)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.75'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.625s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.625s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.786796564403577,71.21320343559643)'%3E%3Cg transform='rotate(135)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.625'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.5s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(20,50.00000000000001)'%3E%3Cg transform='rotate(180)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.5'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.375s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.375s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.78679656440357,28.786796564403577)'%3E%3Cg transform='rotate(225)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.375'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.25s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.25s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(49.99999999999999,20)'%3E%3Cg transform='rotate(270)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.25'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.125s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.125s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,28.78679656440357)'%3E%3Cg transform='rotate(315)'%3E%3Ccircle cx='0' cy='0' r='6' fill='white' fill-opacity='0.125'%3E%3CanimateTransform attributeName='transform' type='scale' begin='0s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='0s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E")
    no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
}

.footer.-with-hidden-content .footer__top-path {
  position: relative;
  margin-bottom: -7px;
  width: 100%;
  height: 27px;
  background-image: url(../../images/ui/footer-path-for-button.svg);
  background-position: center top;
  -webkit-background-size: 116px 27px;
  background-size: 116px 27px;
  -webkit-user-select: none;
  user-select: none;
}

.footer.-with-hidden-content .footer__top-path:before,
.footer.-with-hidden-content .footer__top-path:after {
  content: "";
  position: absolute;
  display: block;
  width: calc(50vw - 55px);
  height: 100%;
  background-color: var(--blue);
}

.footer.-with-hidden-content .footer__top-path:before {
  right: calc(50% + 55px);
}

.footer.-with-hidden-content .footer__top-path:after {
  left: calc(50% + 55px);
}

body.-inside-page.-constructor .footer {
  margin-top: -28px;
}

/* Footer search */

.footer__search-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  margin-top: -15px;
}

.footer__search {
  position: relative;
}

.footer__search form {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: fit-content;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.footer__search:before {
  content: attr(data-open-text);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--white);
  pointer-events: none;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.footer__search:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  width: 264px;

  background-color: var(--white);

  -webkit-transition: opacity 0.4s, width 0.4s;
  transition: opacity 0.4s, width 0.4s;

  transition-delay: 0.07s;
}

.footer-search__input {
  width: 214px;
  padding-bottom: 13px;

  background-color: transparent;
  border: none;

  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}

.footer-search__input,
.footer__search:before {
  font-family: "Basis Grotesque Pro", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 45px;
  line-height: 58px;
  color: var(--white);
}

.footer-search__input::placeholder {
  opacity: 0;
  color: inherit;

  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.footer-search__button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-top: 9px;
  margin-left: 10px;

  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--white);
}

.footer-search__button:before {
  content: "";
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  object-fit: contain;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8045 14.862L11.2545 10.312C12.1359 9.22334 12.6665 7.84 12.6665 6.33334C12.6665 2.84134 9.8252 0 6.33324 0C2.84128 0 0 2.84131 0 6.33331C0 9.82531 2.84131 12.6667 6.33327 12.6667C7.83991 12.6667 9.22324 12.136 10.3119 11.2547L14.8618 15.8047C14.9918 15.9347 15.1625 16 15.3332 16C15.5039 16 15.6745 15.9347 15.8045 15.8047C16.0652 15.544 16.0652 15.1227 15.8045 14.862ZM6.33327 11.3333C3.57596 11.3333 1.33333 9.09066 1.33333 6.33331C1.33333 3.57597 3.57596 1.33331 6.33327 1.33331C9.09059 1.33331 11.3332 3.57597 11.3332 6.33331C11.3332 9.09066 9.09056 11.3333 6.33327 11.3333Z' fill='%2335354E'/%3E%3C/svg%3E%0A")
    no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
}

.footer-search__line {
  position: absolute;
  left: -24px;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background-color: rgba(233, 233, 233, 0.1);
}

.footer-search__result {
  position: absolute;
  left: auto;
  right: auto;

  width: 473px;
  height: 95px;
  max-height: 129px;

  padding: 16px 36px;

  opacity: 0;
  overflow: hidden;
  pointer-events: none;

  -webkit-transition: height 0.4s, opacity 0.4s;
  transition: height 0.4s, opacity 0.4s;
}

.footer-search__result.-show {
  opacity: 1;
  pointer-events: auto;
}

.footer-search__link + .footer-search__link {
  margin-top: 14px;
}

.footer-search__link em {
  font-weight: 700;
}

.footer__search-box.-showed .footer__search:after {
  width: 264px;
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.footer__search-box.-has-value .footer__search:after,
.footer__search-box.-focus .footer__search:after {
  width: 473px;
}

.footer__search-box.-focus.-has-value .footer__search:after {
  width: 264px;
}

.footer__search-box.-has-value .footer__search:before,
.footer__search-box.-focus .footer__search:before {
  opacity: 0;
}

.footer__search-box.-has-value .footer-search__input,
.footer__search-box.-focus .footer-search__input {
  width: 423px;
}

.footer__search-box.-focus .footer-search__input::placeholder {
  opacity: 1;
}

.footer__search-box.-loading .footer-search__button:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='247px' height='247px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(80,50)'%3E%3Cg transform='rotate(0)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='1'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.875s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.875s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,71.21320343559643)'%3E%3Cg transform='rotate(45)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.875'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.75s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.75s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(50,80)'%3E%3Cg transform='rotate(90)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.75'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.625s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.625s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.786796564403577,71.21320343559643)'%3E%3Cg transform='rotate(135)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.625'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.5s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.5s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(20,50.00000000000001)'%3E%3Cg transform='rotate(180)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.5'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.375s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.375s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(28.78679656440357,28.786796564403577)'%3E%3Cg transform='rotate(225)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.375'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.25s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.25s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(49.99999999999999,20)'%3E%3Cg transform='rotate(270)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.25'%3E%3CanimateTransform attributeName='transform' type='scale' begin='-0.125s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.125s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(71.21320343559643,28.78679656440357)'%3E%3Cg transform='rotate(315)'%3E%3Ccircle cx='0' cy='0' r='6' fill='%2335354e' fill-opacity='0.125'%3E%3CanimateTransform attributeName='transform' type='scale' begin='0s' values='1.5 1.5;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3Canimate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='0s'%3E%3C/animate%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}

.footer__search-box .footer-search__result .os-content {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.footer__search-box.-loading .footer-search__result .os-content {
  opacity: 0.4;
  pointer-events: none;
}

@media screen and (min-width: 1460px) {
  .footer-search__line {
    left: calc((-100vw + 1412px) / 2);
  }
}

@media screen and (max-width: 1024px) {
  .footer {
    padding-top: 20px;
  }

  .footer .container {
    padding-bottom: 108px;
  }

  .footer__bottom {
    flex-direction: column;
  }

  /* Footer path */

  .footer.-with-hidden-content {
    margin-top: -155px;
  }

  .footer.-with-hidden-content:after {
    height: 134px;
  }

  /* Search */

  .footer__search-box {
    margin-top: 60px;
  }

  .footer-search__input,
  .footer__search:before {
    font-size: 30px;
    line-height: 39px;
  }

  .footer__search:before {
    top: 1px;
  }

  .footer-search__input {
    width: 143px;
    padding-bottom: 9px;
    margin-top: 1px;
  }

  .footer-search__button {
    margin-top: 0;
    margin-left: 9px;
  }

  .footer__search:after {
    width: 190px;
    height: 2px;
  }

  .footer-search__result {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-search__line {
    left: -20px;
  }
}

@media screen and (max-width: 759px) {
  .footer__bottom {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    margin-right: 0;
  }

  .footer__nav {
    display: block;
    width: calc(50% - 5px);
  }

  .footer__nav li {
    margin-right: 0;
  }

  /* Search */

  .footer-search__line {
    left: -10px;
  }

  .footer-search__result,
  .footer__search-box.-has-value .footer__search:after,
  .footer__search-box.-focus .footer__search:after {
    width: calc(100vw - 20px);
  }

  .footer__search-box.-has-value .footer-search__input,
  .footer__search-box.-focus .footer-search__input {
    width: calc(100vw - 49px - 20px);
  }
}