.footer {
  border-top: 1px solid #E9E9E9;
  background-color: #fff; }
  .footer__logo {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 40px; }
    .footer__logo .lazy-img-wrap {
      max-width: 200px; }
    @media (max-width: 1249px) {
      .footer__logo .lazy-img-wrap {
        max-width: 104px; } }
    @media (max-width: 1099px) {
      .footer__logo {
        margin-bottom: 24px; } }
    @media (max-width: 575px) {
      .footer__logo {
        margin-bottom: 0; } }
  .footer__subscribe {
    padding: 16px 0px;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    display: grid;
    grid-template-columns: 60% 40%; }
    @media (max-width: 1099px) {
      .footer__subscribe {
        grid-template-columns: 1fr;
        padding: 24px 0px 16px;
        border-top: none; } }
    .footer__subscribe .social-list {
      padding: 0px 15px;
      flex-direction: row;
      align-items: center;
      gap: 20px; }
      @media (max-width: 1249px) {
        .footer__subscribe .social-list {
          justify-self: end;
          padding: 0px;
          gap: 16px; }
          .footer__subscribe .social-list .social-list__list {
            gap: 12px; } }
      @media (max-width: 1099px) {
        .footer__subscribe .social-list {
          display: none; } }
  @media (max-width: 1099px) {
    .footer__social .social-list__title {
      display: none; }
    .footer__social .social-list__item {
      max-width: 30px;
      max-height: 30px; } }
  .footer__top {
    display: flex;
    padding: 40px 0 40px;
    flex-direction: row-reverse;
    margin: 0px -15px; }
    @media (max-width: 1099px) {
      .footer__top {
        flex-direction: column;
        padding-top: 24px;
        margin: 0px; } }
    @media (max-width: 575px) {
      .footer__top {
        border-bottom: none;
        padding-bottom: 0px; } }
  .footer__mid {
    padding: 0 0 16px;
    border-bottom: 1px solid #E9E9E9; }
  .footer__bottom {
    display: grid;
    grid-template-columns: 13fr 12fr;
    color: #9A9CA1;
    padding: 16px 0px; }
    .footer__bottom .footer__top {
      border-bottom: none;
      padding-bottom: 0;
      padding-top: 0; }
    @media (max-width: 1099px) {
      .footer__bottom {
        display: flex;
        flex-direction: column;
        padding-top: 16px;
        padding-bottom: 10px;
        gap: 8px; }
        .footer__bottom .footer__top {
          gap: 4px; }
        .footer__bottom .footer__right {
          border-top: none;
          display: flex;
          flex-direction: row-reverse;
          padding-top: 0px;
          justify-content: space-between; }
        .footer__bottom .footer__left {
          margin-bottom: 0px;
          border-bottom: none; }
        .footer__bottom .footer-nav {
          padding: 0px;
          width: auto; }
        .footer__bottom .btn {
          font-size: 12px; } }
    @media (max-width: 575px) {
      .footer__bottom .btn {
        font-size: 12px; } }
  .footer__left {
    width: 23.3%;
    padding: 0px 15px; }
    @media (max-width: 1099px) {
      .footer__left {
        display: grid;
        width: auto;
        justify-content: space-between;
        margin-bottom: 24px;
        padding: 0; } }
    @media (max-width: 575px) {
      .footer__left {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 0px; }
        .footer__left .js-teleport {
          display: block; }
        .footer__left .header-dropdown__block .social-list__title {
          display: block; } }
    .footer__left .header-dropdown__item:not(:last-child) {
      margin-bottom: 16px; }
      @media (max-width: 1099px) {
        .footer__left .header-dropdown__item:not(:last-child) {
          margin-bottom: 12px; } }
    .footer__left .header-dropdown__block {
      margin-bottom: 0; }
    .footer__left .phones-list {
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .footer__left .phones-list__item:not(:last-child) {
        margin-bottom: 16px; }
        @media (max-width: 1099px) {
          .footer__left .phones-list__item:not(:last-child) {
            margin-bottom: 12px; } }
  .footer__right {
    width: 76.7%;
    display: flex;
    padding: 0px 15px; }
    .footer__right > [id^="bx_incl_area"] {
      width: 33.33%; }
      .footer__right > [id^="bx_incl_area"] > .footer-nav {
        width: auto; }
    @media (max-width: 1099px) {
      .footer__right {
        width: auto;
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px;
        border-top: 1px solid #bdbdbd;
        padding-top: 24px; } }
    @media (max-width: 575px) {
      .footer__right {
        grid-template-columns: 1fr;
        gap: 8px;
        border-top: none;
        padding-bottom: 24px; } }
  .footer__contacts-item {
    margin-bottom: 16px;
    color: #001A34;
    display: flex;
    gap: 14px; }
    .footer__contacts-item__left {
      flex: 0 0 auto; }
    .footer__contacts-item__right {
      white-space: normal; }
      .footer__contacts-item__right b {
        font-weight: 600; }
    .footer__contacts-item .icon {
      fill: #9A9CA1; }
    @media (max-width: 1249px) {
      .footer__contacts-item {
        margin-bottom: 7px; } }
  .footer__phones {
    font-weight: 600;
    margin-top: 38px; }
    @media (max-width: 1099px) {
      .footer__phones {
        margin-top: 0px;
        width: auto; } }
  .footer__payment {
    padding-top: 16px;
    display: flex; }
    .footer__payment > [id^="bx_incl_area"] {
      display: flex; }
    @media (max-width: 1099px) {
      .footer__payment {
        flex-wrap: wrap;
        margin-bottom: 25px; } }
  @media (max-width: 1099px) {
    .footer__payment-item {
      max-width: 65px; } }
  .footer__description {
    padding-top: 16px;
    color: #9A9CA1;
    border-top: 1px solid #E9E9E9; }
    @media (max-width: 1099px) {
      .footer__description {
        font-size: 10px !important; } }
  .footer__dev {
    margin: 0 auto; }

.footer .social-list__list {
  padding-left: 36px; }
  @media (max-width: 1099px) {
    .footer .social-list__list {
      padding-left: 0px; } }

.footer-nav {
  padding: 0px 15px;
  width: 33.33%; }
  @media (max-width: 575px) {
    .footer-nav {
      padding: 0px;
      background-color: #fff;
      border-radius: 8px; } }
  .footer-nav.active .footer-nav__title .icon {
    transform: rotate(180deg); }
  @media (max-width: 575px) {
    .footer-nav.active:last-child {
      border-bottom: 1px solid #e4e4e4; } }
  @media (max-width: 1249px) {
    .footer-nav {
      width: 100%; } }
  .footer-nav__title {
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: -1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .footer-nav__title .icon {
      display: none;
      fill: #9A9CA1; }
    @media (max-width: 575px) {
      .footer-nav__title {
        margin-bottom: 0px;
        padding: 12px;
        position: relative; }
        .footer-nav__title .icon {
          display: flex; } }

.back-to-top {
  background-color: var(--theme-base-color);
  position: fixed;
  right: 56px;
  bottom: 122px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
  transform: rotate(180deg);
  fill: #fff; }
  @media (max-width: 1099px) {
    .back-to-top {
      width: 40px;
      height: 40px;
      right: 20px;
      bottom: 145px; } }
  .back-to-top.active {
    opacity: 1;
    visibility: visible; }
  @media (hover: hover) {
    .back-to-top:hover {
      cursor: pointer;
      background-color: var(--theme-base-active-color); } }
