@font-face {
  font-family: Proxima Nova;
  src: url('./Proxima Nova.ttf') format('opentype');
}

@font-face {
  font-family: Proxima Nova Bold;
  src: url('./ProximaNova-Bold.ttf') format('opentype');
}

/* [data-typography="poppins"] {
  font-family: Proxima Nova !important;
}

.nav-bold {
  font-family: Proxima Nova Bold;
} */

@media (max-width: 87rem/*1250px*/) {
  .nav-control {
    margin-right: 2rem; /* 32px потому, что паддинг 8px в сумме 40px */
    right: 0px;
  }
  .white-header-blank {
    width: calc(100% - var(--header_menu_padding_x) * 2) !important;
  }
  .nav-header {
    width: calc(100% - var(--header_menu_padding_x) * 2);
    height: var(--header_total);
    border-bottom: 2px solid #f6f6f6;
  }
  .nav-header .brand-logo {
    justify-content: flex-start;
    background: white;
    width: 50vw; /* любое значение не меньшее размеров лого, но меньшее ширины экрана */
    padding-left: 0;
    margin-left: 2.5rem; /* 40px */
  }
}

@media (min-width: 64rem) {
    [data-layout="horizontal"] .nav-header {
        width: calc(100% - var(--header_menu_padding_x) * 2);
        top: var(--header_menu_top);
        height: var(--header_total);
    }
}

@media (min-width: 88rem) {
  [data-layout="horizontal"] .nav-header {
    width: 50px;
    left: 50vw;
  }
  [data-layout="horizontal"] .nav-header .brand-logo {
    width: 50px;
  }
}

@media (max-width: 26.75rem /* 428px IPhone Pro Max */ ) {
  .nav-control {
    margin-right: 1.375rem; /* 22px потому, что паддинг 8px в сумме 30px */
  }
  .nav-header .brand-logo {
    margin-left: 1.875rem; /* 30px */
  }
}

.hamburger.is-active .line:nth-child(1) {
  transform: translateY(+12px) rotate(+45deg) !important;
}

.hamburger.is-active .line:nth-child(2) {
  transform: scale(0) !important;
}

.hamburger.is-active .line:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg) !important;
}

.hamburger.is-active .line:nth-child(1), .hamburger.is-active .line:nth-child(3) {
  width: 1.5rem !important;
  height: 0.125rem !important;
}

.authincation {
  background: #aaa;
}

.footer {
  height: 2.5rem;
}

.content-body {
  min-height: 80vh !important;
}