/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/scss/components/footer/style.scss ***!
  \****************************************************************************************************************************************************************************************/
/**
 * Foundation for Sites
 * Version 6.8.1
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/no-global-function-names */
/**
 * Foundation for Sites
 * Version 6.8.1
 * https://get.foundation
 * Licensed under MIT Open Source
 */
.testClass {
  position: relative;
}

.footer {
  position: relative;
  color: #fff;
  background-color: #fff;
}

.footer-menu-wrap {
  width: 100%;
  background-color: #281f26;
  padding: 9px 0px;
}
@media (max-width: 1023px) {
  .footer-menu-wrap {
    display: none;
  }
}

.nav--footer .nav-list {
  display: flex;
}
.nav--footer .nav-list .nav-link {
  transition: all 0.3s ease;
  color: #fff;
  margin-right: 60px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}
.nav--footer .nav-list .nav-link:hover, .nav--footer .nav-list .nav-link.active {
  color: #cc468f;
}
@media (max-width: 1459px) {
  .nav--footer .nav-list .nav-link {
    margin-right: 20px;
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .nav--footer .nav-list .nav-link {
    font-size: 12px;
  }
}

.footer-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-partners {
  padding: 37px 0px;
}
.footer-partners__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #281f26;
  margin-bottom: 33px;
  padding-left: 15px;
  text-transform: uppercase;
}
.footer-partners .footer-partners__block {
  background-color: #fff;
  display: flex;
  justify-content: center;
}
.footer-partners .footer-partners__block__item {
  width: 240px;
  padding: 0px 15px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  text-align: center;
  color: #919191;
  font-size: 12px;
  margin-left: -1px;
}
.footer-partners .footer-partners__block__item img {
  transition: all 0.3s ease;
}
.footer-partners .footer-partners__block__item .lazy-img-wrap {
  margin-bottom: 8px;
}
@media (max-width: 1199px) {
  .footer-partners .footer-partners__block__item {
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .footer-partners .footer-partners__block {
    flex-wrap: wrap;
  }
}
@media (max-width: 1023px) {
  .footer-partners {
    display: none;
  }
}

.footer-bottom {
  display: flex;
  width: 100%;
  padding: 18px 0;
  background-color: #f4f4f4;
  padding: 24px 0px;
}
@media (max-width: 1023px) {
  .footer-bottom {
    padding: 17px 0px;
  }
}
.footer-bottom__contacts {
  font-size: 12px;
  color: #281f26;
  line-height: 20px;
}
@media (max-width: 1023px) {
  .footer-bottom__contacts {
    margin-top: 30px;
  }
}
.footer-bottom__col {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-bottom__col {
    margin-bottom: 5px;
  }
}
.footer-bottom__text {
  margin-right: 25px;
  color: #fafafa;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .footer-bottom__text {
    color: #fafafa;
  }
}
.footer-bottom .subscribe {
  margin-top: 20px;
}
.footer-bottom .payment-system {
  display: flex;
  margin-top: 28px;
}
@media (max-width: 1023px) {
  .footer-bottom .payment-system {
    margin-top: 16px;
  }
}
.footer-bottom .payment-system__item {
  width: 95px;
  height: 48px;
}
.footer-bottom .dev {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  min-height: 100%;
  font-size: 15px;
}
@media (max-width: 1023px) {
  .footer-bottom .dev {
    justify-content: flex-start;
  }
}
.footer-bottom .dev a {
  display: block;
}
.footer-bottom .dev a:hover {
  color: #cc468f;
}
.footer-bottom .dev .copyright-beltechsoft {
  padding: 15px 0 0 0;
}
.footer-bottom .dev .copyright-beltechsoft .copyright-beltechsoft__text {
  display: flex;
  align-items: center;
  color: #af226f;
}

.footer-to-top {
  width: 50px;
  height: 50px;
  background: #281F26;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2729%27 viewBox=%270 0 24 29%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10.5 27C10.5 27.8284 11.1716 28.5 12 28.5C12.8284 28.5 13.5 27.8284 13.5 27L10.5 27ZM13.0607 0.939341C12.4749 0.353554 11.5251 0.353554 10.9393 0.939341L1.3934 10.4853C0.807611 11.0711 0.807611 12.0208 1.3934 12.6066C1.97918 13.1924 2.92893 13.1924 3.51472 12.6066L12 4.12132L20.4853 12.6066C21.0711 13.1924 22.0208 13.1924 22.6066 12.6066C23.1924 12.0208 23.1924 11.0711 22.6066 10.4853L13.0607 0.939341ZM13.5 27L13.5 2L10.5 2L10.5 27L13.5 27Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  z-index: 1500;
}
@media (max-width: 1459px) {
  .footer-to-top {
    right: 20px;
    bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer-to-top {
    width: 30px;
    height: 30px;
    background-size: 50%;
    bottom: 10px;
    right: 10px;
  }
}
@media (max-width: 410px) {
  .footer-to-top {
    right: 10px;
    bottom: 45px;
  }
}
.footer-to-top.active {
  opacity: 1;
}