*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
u, i, center, dl, dt, dd, ol, li, caption, tbody, tfoot, thead, tr, th,
fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-size: 100%;
  font: inherit;
  border: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  /*    line-height:1;*/ }

ol, ul {
  /*    list-style: none;*/ }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

/*table{
    border-collapse:collapse;
    border-spacing:0;
}*/
html, body {
  height: 100%; }

a {
  text-decoration: none;
  outline: 0; }

section, div, input, textarea {
  box-sizing: border-box; }

/* ------------------------------------------- */
.flex, .main-vertical, .header, .header__block-left, .header__controls, .header__controls-mobile, .menu__info, .menu__link, .main__top-block, .main__search-block-inner, .main-mobile__search-block-inner, .main-mobile__buttons, .sort-mobile__items .radio, .list__th, .list__td, .list-mobile__header, .list-mobile__header-left, .list-mobile__icons, .list-mobile__footer, .list-mobile__footer-left, .navigation, .navigation__link, .navigation__rows-block, .card__change, .shops__header, .shops__footer, .shops__controls, .shop__status-block_active, .purchases-mob__info, .registration__checkbox, .popup__buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -o-flex;
  display: flex; }

label label, .input, .select, .textarea, .main label, .list__dots, .registration__checkbox label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */ }

/* ------------------------------------------- */
.label, .button-black, .button-white, .button-grey {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* ------------------------------------------- */
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter.eot");
  src: url("/fonts/Inter/Inter.eot?#iefix") format("embedded-opentype"), url("/fonts/Inter/Inter.woff") format("woff"), url("/fonts/Inter/Inter.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "InterBold";
  src: url("/fonts/InterBold/InterBold.eot");
  src: url("/fonts/InterBold/InterBold.eot?#iefix") format("embedded-opentype"), url("/fonts/InterBold/InterBold.woff") format("woff"), url("/fonts/InterBold/InterBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "InterLight";
  src: url("/fonts/InterLight/InterLight.eot");
  src: url("/fonts/InterLight/InterLight.eot?#iefix") format("embedded-opentype"), url("/fonts/InterLight/InterLight.woff") format("woff"), url("/fonts/InterLight/InterLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "InterMedium";
  src: url("/fonts/InterMedium/InterMedium.eot");
  src: url("/fonts/InterMedium/InterMedium.eot?#iefix") format("embedded-opentype"), url("/fonts/InterMedium/InterMedium.woff") format("woff"), url("/fonts/InterMedium/InterMedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Squartiqa4FLight-Italic";
  src: url("/fonts/Squartiqa4FLight-Italic/Squartiqa4FLight-Italic.eot");
  src: url("/fonts/Squartiqa4FLight-Italic/Squartiqa4FLight-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/Squartiqa4FLight-Italic/Squartiqa4FLight-Italic.woff") format("woff"), url("/fonts/Squartiqa4FLight-Italic/Squartiqa4FLight-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*
@font-face{
  font-family:"DidotBold";
  src:url("/fonts/DidotBold/DidotBold.eot");
  src:url("/fonts/DidotBold/DidotBold.eot?#iefix") format("embedded-opentype"), url("/fonts/DidotBold/DidotBold.woff") format("woff"), url("/fonts/DidotBold/DidotBold.ttf") format("truetype"); font-weight:normal; font-style:normal;
}
*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

h1, .text-page h2, .contacts__title {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 24px;
  line-height: 48px;
  font-size: 32px; }
  @media only screen and (max-width: 767px) {
    h1, .text-page h2, .contacts__title {
      line-height: 32px;
      font-size: 26px; } }
  @media only screen and (max-width: 590px) {
    h1, .text-page h2, .contacts__title {
      line-height: 32px;
      font-size: 24px; } }

.h1_range .h3 {
  font-size: 32px !important;
  font-weight: normal !important; }
.h1_cyan {
  color: #00a9ad; }
  .h1_cyan::after {
    background-color: #00a9ad; }

h2 {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
  font-size: 32px; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 26px; } }
  @media only screen and (max-width: 470px) {
    h2 {
      font-size: 18px; } }

.h2_catalog {
  color: #000; }

h3 {
  padding-bottom: 12px;
  text-align: left;
  line-height: 32px;
  font-size: 30px;
  font-family: "Times New Roman"; }

h4 {
  padding: 0;
  padding-bottom: 4px;
  font-size: 18px;
  font-family: "Inter", sans-serif; }

html, body {
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  letter-spacing: 0.01em;
  color: #7a8994;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: normal; }

.container_width {
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto; }

label {
  cursor: pointer; }
  label label {
    outline: none; }

.c {
  clear: both; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.abs {
  position: absolute; }

.relative {
  position: relative; }

.hidden, .row.hidden {
  display: none; }

.hidden_i {
  display: none !important; }

.nowrap {
  white-space: nowrap; }

.nopadd {
  padding: 0px !important; }

.center {
  text-align: center; }

.center_i {
  text-align: center !important; }

.left_i {
  text-align: left !important; }

.right {
  text-align: right; }

.right_i {
  text-align: right !important; }

.top {
  vertical-align: top; }

.top_i {
  vertical-align: top !important; }

.middle {
  vertical-align: middle; }

.bottom {
  vertical-align: bottom; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.upper {
  text-transform: uppercase; }

.lower {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.table {
  display: table;
  width: 100%; }

.table.auto {
  width: auto;
  margin: auto; }

.table.nowidth {
  width: auto; }

.row_group {
  display: table-row-group; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell;
  vertical-align: middle; }
  .table-cell__head {
    padding-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase; }
  .table-cell_50 {
    width: 50%; }

.underline a, a.underline {
  text-decoration: underline; }

.hr {
  clear: both;
  height: 1px;
  background-color: #e0e0e0;
  font-size: 0px; }

.width100 {
  width: 100%; }

.height100 {
  height: 100%; }

.text_white {
  color: #fff !important; }

.text_red {
  color: #eb1744 !important; }

.text_yellow {
  color: #f8a621; }

.text_blue, .text_blue a {
  color: #006cc0 !important; }

.text_grey, .text_grey a {
  color: #646464 !important; }

.text_grey2 {
  color: #979797; }

.text_green {
  color: #55b846 !important; }

.text_orange {
  color: #ea5b0b !important; }

.text_black {
  color: #000 !important; }

.no-overflow {
  overflow: hidden; }

.star {
  color: #a50202; }

body {
  min-height: 100vh;
  background-color: #f5f7f6;
  color: #212322;
  font-family: "Inter", sans-serif; }
  body.scrolled .autocomplete-suggestions {
    top: 75px !important; }

.outer {
  min-height: calc(100% - 142px);
  background-image: url("/img/ua/running_man.svg");
  background-repeat: no-repeat;
  background-position: left -36px bottom;
  border: 1px solid #f5f7f6; }
  @media only screen and (max-width: 590px) {
    .outer {
      min-height: auto;
      background: none; } }
  .outer_exit {
    background-position: right 50px bottom 24px; }

.main-vertical {
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between; }
  @media only screen and (max-width: 590px) {
    .main-vertical {
      min-height: none; } }

.container-main {
  width: 100%;
  max-width: 1440px;
  min-width: 340px;
  margin: auto; }
  @media only screen and (max-width: 1600px) {
    .container-main {
      padding: 0 48px; } }
  @media only screen and (max-width: 1344px) {
    .container-main {
      padding: 0 32px; } }
  @media only screen and (max-width: 590px) {
    .container-main {
      padding: 0 16px; } }
  .container-main_small {
    max-width: 1070px; }

.error-block {
  position: relative;
  padding-left: 55px;
  color: #eb3c27; }
  .error-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 21px;
    width: 16px;
    height: 16px;
    background-image: url("/img/ua/icon_info.svg");
    background-size: cover; }

.error-text {
  color: #eb3c27;
  font-size: 11px; }
  .error-text_relative {
    position: relative; }

.error-text2 {
  color: #ec2b2b;
  font-size: 11px; }
  .error-text2_relative {
    position: relative; }

.error-input {
  border: 1px solid #eb3c27 !important; }

.error_div {
  background-color: #ffeded !important;
  border: 1px solid #ec2b2b !important; }

.loading {
  background-image: url("/img/ua/loading.gif") !important;
  background-repeat: no-repeat;
  background-position: right center; }

.shadow, .shadow-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(100, 116, 139, 0.5);
  z-index: 100; }

.input, .select, .textarea {
  width: 100%;
  background-color: #fff;
  outline: none;
  color: #212322;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  border: 1px solid #e2e8f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*
    &:active ~ .label, &:focus ~ .label, &:not(:placeholder-shown) ~ .label{
      opacity: 1;
      top: -14px;
      font-size: 11px;
    }
    &.disabled{
      background-color: #efefef;
      pointer-events: none;
    }
  */ }

.textarea {
  height: 100px;
  padding: 6px 10px; }

.label {
  position: absolute;
  left: 8px;
  top: 4px;
  pointer-events: none;
  color: #212322;
  font-size: 12px; }

.radio input {
  display: none; }
  .radio input ~ .label2 {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    background-image: url("/img/ua/radio.svg");
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle; }
  .radio input:checked ~ .label2 {
    background-image: url("/img/ua/radio_active.svg"); }

.button-black {
  padding: 12px;
  background-color: #212322;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-family: "InterMedium", sans-serif;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .button-black.disabled {
    background-color: #fff;
    cursor: auto;
    color: #64748b;
    font-size: 18px;
    border: 2px solid #64748b; }
  .button-black_wide {
    width: 300px !important; }

.button-white {
  padding: 12px;
  cursor: pointer;
  text-align: center;
  color: #212322;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  border: 1px solid #212322;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.button-grey {
  padding: 12px;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  color: #64748b;
  font-size: 18px;
  font-family: "InterBold", sans-serif;
  border: 2px solid #64748b; }

.disabled {
  opacity: .3;
  pointer-events: none; }

.header-stub {
  height: 140px; }
  @media only screen and (max-width: 830px) {
    .header-stub {
      height: 110px; } }
  @media only screen and (max-width: 670px) {
    .header-stub {
      height: 80px; } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  padding: 17px 94px 17px 45px;
  background-color: #fff;
  justify-content: space-between; }
  @media only screen and (max-width: 1200px) {
    .header {
      padding-left: 20px;
      padding-right: 20px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } }
  @media only screen and (max-width: 830px) {
    .header {
      height: 65px; } }
  @media only screen and (max-width: 670px) {
    .header {
      height: 55px; } }
  .header__logo {
    width: 400px;
    height: 46px;
    background-image: url("/img/ua/logo.svg");
    background-size: cover; }
    @media only screen and (max-width: 830px) {
      .header__logo {
        width: 300px;
        height: 35px; } }
    @media only screen and (max-width: 670px) {
      .header__logo {
        width: 227px;
        height: 25px; } }
  .header__shop {
    padding-top: 16px;
    padding-left: 40px;
    color: #212322;
    font-size: 14px;
    font-family: "InterBold", sans-serif;
    text-transform: uppercase; }
    @media only screen and (max-width: 999px) {
      .header__shop {
        display: none; } }
  .header__controls {
    align-items: center; }
    @media only screen and (max-width: 670px) {
      .header__controls {
        display: none; } }
  .header__control {
    width: 40px;
    height: 40px;
    margin: 0 25px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
    @media only screen and (max-width: 1030px) {
      .header__control {
        margin: 0 12px; } }
    @media only screen and (max-width: 670px) {
      .header__control {
        margin: 0 8px; } }
    .header__control_active {
      background-color: #eb3c27;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
      .header__control_active.header__control_bonus {
        background-image: url("/img/ua/icon_bonus_active.svg"); }
      .header__control_active.header__control_settings {
        background-image: url("/img/ua/icon_settings_active.svg"); }
      .header__control_active.header__control_logout {
        background-image: url("/img/ua/icon_logout_active.svg"); }
    .header__control_close {
      background-image: url("/img/ua/icon_close_thin.svg"); }
    .header__control_bonus {
      background-image: url("/img/ua/icon_bonus.svg"); }
    .header__control_settings {
      background-image: url("/img/ua/icon_settings.svg"); }
    .header__control_logout {
      background-image: url("/img/ua/icon_logout.svg"); }
  .header__menu-ico {
    display: none;
    position: absolute;
    top: 18px;
    right: 34px;
    cursor: pointer; }
    @media only screen and (max-width: 670px) {
      .header__menu-ico {
        display: block; } }
    .header__menu-ico div {
      width: 26px;
      height: 2px;
      margin-bottom: 6px;
      background-color: #212322;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px; }
      .header__menu-ico div:nth-last-child(1) {
        margin-bottom: 0; }
  .header__menu-mobile {
    position: fixed;
    top: 0;
    right: 24px;
    padding: 16px 0;
    background-color: #f5f7f6;
    z-index: 104;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  .header__controls-mobile {
    gap: 40px;
    flex-direction: column; }

.main-title {
  padding-bottom: 30px;
  text-align: center;
  color: #212322;
  font-size: 24px;
  font-family: "Squartiqa4FLight-Italic", sans-serif; }
  @media only screen and (max-width: 670px) {
    .main-title {
      font-size: 14px; } }
  .main-title_small {
    margin-bottom: 10px;
    font-size: 18px; }
  .main-title_no-padd {
    padding-bottom: 0; }

.main-text {
  padding-bottom: 18px;
  text-align: center;
  line-height: 28px;
  font-size: 18px; }
  @media only screen and (max-width: 670px) {
    .main-text {
      line-height: 20px;
      font-size: 14px; } }
  .main-text_margin-top {
    margin-top: 30px; }
  .main-text_padding-bottom {
    padding-bottom: 30px; }

.main-block {
  width: 330px;
  margin: 0 auto; }

.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 240px;
  background-color: #fff;
  z-index: 101;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 1030px) {
    .menu {
      width: 67px; } }
  @media only screen and (max-width: 670px) {
    .menu {
      right: 0;
      bottom: auto;
      width: 100%; } }
  .menu_short {
    width: 67px; }
    @media only screen and (max-width: 670px) {
      .menu_short {
        width: 100%; } }
    .menu_short .menu__info-full {
      display: none; }
    .menu_short .menu__items {
      padding-left: 16px; }
    .menu_short .menu__link span {
      display: none; }
  .menu__arrow {
    position: absolute;
    top: 17px;
    right: 14px;
    width: 24px;
    height: 24px;
    background-color: #e2e8f0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    @media only screen and (max-width: 1030px) {
      .menu__arrow {
        display: none; } }
    .menu__arrow_left {
      background-image: url("/img/ua/arrow_left.svg"); }
    .menu__arrow_right {
      background-image: url("/img/ua/arrow_right.svg"); }
  .menu__info {
    height: 185px;
    padding-bottom: 10px;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    border-bottom: 2px solid #e2e8f0; }
    @media only screen and (max-width: 1030px) {
      .menu__info {
        display: none; } }
  .menu__title {
    line-height: 28px;
    color: #212322;
    font-size: 18px;
    font-family: "InterBold", sans-serif; }
  .menu__occupation {
    padding-bottom: 4px;
    color: #64748b; }
  .menu__phone {
    color: #64748b; }
  .menu__text {
    color: #64748b; }
    .menu__text_active {
      position: relative; }
      .menu__text_active::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 7px;
        margin-right: 6px;
        background-image: url("/img/ua/icon_checkmark_green.svg");
        background-size: cover; }
  .menu__items {
    padding-top: 24px;
    padding-left: 37px; }
    @media only screen and (max-width: 1030px) {
      .menu__items {
        padding-left: 16px; } }
    @media only screen and (max-width: 670px) {
      .menu__items {
        display: flex;
        justify-content: space-between; } }
  .menu__link {
    height: 36px;
    margin-bottom: 20px;
    align-items: center;
    color: #212322;
    font-size: 12px;
    font-family: "InterMedium", sans-serif;
    text-transform: uppercase; }
    .menu__link::before {
      content: "";
      width: 37px;
      height: 37px;
      margin-right: 10px;
      background-repeat: no-repeat;
      background-position: center; }
    @media only screen and (max-width: 1030px) {
      .menu__link span {
        display: none; } }
    .menu__link_customers::before {
      content: "";
      background-image: url("/img/ua/icon_cart.svg"); }
    .menu__link_users::before {
      content: "";
      background-image: url("/img/ua/icon_users.svg"); }
    .menu__link_shops::before {
      content: "";
      background-image: url("/img/ua/icon_shop.svg"); }
    .menu__link_settings::before {
      content: "";
      background-image: url("/img/ua/icon_settings.svg"); }
    .menu__link_logout::before {
      content: "";
      background-image: url("/img/ua/icon_logout.svg"); }
    .menu__link_active::before {
      background-color: #eb3c27;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    .menu__link_active.menu__link_customers::before {
      background-image: url("/img/ua/icon_cart_active.svg"); }
    .menu__link_active.menu__link_users::before {
      background-image: url("/img/ua/icon_users_active.svg"); }
    .menu__link_active.menu__link_shops::before {
      background-image: url("/img/ua/icon_shop_active.svg"); }
    .menu__link_active.menu__link_settings::before {
      background-image: url("/img/ua/icon_settings_active.svg"); }
    .menu__link_active.menu__link_logout::before {
      background-image: url("/img/ua/icon_logout_active.svg"); }

.main {
  margin-left: 240px;
  padding-left: 20px;
  padding-right: 52px; }
  @media only screen and (max-width: 1030px) {
    .main {
      margin-left: 67px; } }
  @media only screen and (max-width: 670px) {
    .main {
      margin-left: 0;
      padding-top: 64px;
      padding-right: 20px; } }
  @media only screen and (max-width: 590px) {
    .main {
      padding-left: 16px;
      padding-right: 16px; } }
  .main_wide {
    margin-left: 67px; }
    @media only screen and (max-width: 670px) {
      .main_wide {
        margin-left: 0; } }
  .main__top-block {
    padding-top: 29px;
    padding-bottom: 31px;
    justify-content: space-between; }
    @media only screen and (max-width: 670px) {
      .main__top-block {
        padding-top: 0; } }
  .main__logo {
    display: block;
    width: 166px;
    height: 19px;
    margin-bottom: 29px;
    background-image: url("/img/ua/logo.svg");
    background-size: cover; }
  .main__top-left-block {
    position: relative; }
    @media only screen and (max-width: 1030px) {
      .main__top-left-block {
        display: flex;
        flex-direction: column; } }
    @media only screen and (max-width: 670px) {
      .main__top-left-block {
        display: none; } }
  .main__add-item-button {
    display: inline-block;
    width: 44px;
    height: 36px;
    background-color: #212322;
    background-image: url("/img/ua/icon_plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .main__remove-item-button {
    display: inline-block;
    width: 44px;
    height: 36px;
    margin-right: 50px;
    background-image: url("/img/ua/icon_close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    cursor: pointer;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .main__cancel-add-item-button {
    display: inline-block;
    width: 44px;
    height: 36px;
    margin-right: 50px;
    background-color: #212322;
    background-image: url("/img/ua/icon_close_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .main__cancel-add-item-button-mobile {
    display: none;
    position: absolute;
    top: 8px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url("/img/ua/icon_close_thin.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer; }
    @media only screen and (max-width: 670px) {
      .main__cancel-add-item-button-mobile {
        display: block; } }
  .main__print {
    position: absolute;
    top: 54px;
    left: 64px;
    width: 24px;
    height: 24px;
    background-image: url("/img/ua/ico_printer.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer; }
  .main__blocked {
    display: inline-block;
    margin-left: 50px; }
    @media only screen and (max-width: 1030px) {
      .main__blocked {
        margin-top: 24px;
        margin-left: 0; } }
  .main label {
    outline: none;
    vertical-align: middle;
    color: #212322;
    font-size: 12px;
    font-family: "InterMedium", sans-serif;
    text-transform: uppercase; }
  .main__button-back {
    margin-left: 16px;
    padding: 6px 24px 8px 52px;
    background-image: url("/img/ua/arrow_back.svg");
    background-repeat: no-repeat;
    background-position: left 28px center;
    vertical-align: middle; }
  .main__search-block {
    position: relative;
    margin-right: 87px; }
    @media only screen and (max-width: 1030px) {
      .main__search-block {
        margin-right: 0; } }
    @media only screen and (max-width: 670px) {
      .main__search-block {
        display: none; } }
  .main__search-block-inner {
    align-items: center; }
  .main__input {
    width: 430px;
    height: 37px;
    margin-right: 8px;
    padding: 0 12px;
    background-color: #fff;
    color: #212322;
    font-size: 16px;
    border: 1px solid #e2e8f0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    @media only screen and (max-width: 1030px) {
      .main__input {
        width: 330px; } }
    .main__input_calendar, .main__input_calendar-range {
      width: 210px;
      margin-right: 8px;
      padding-right: 26px;
      background-image: url("/img/ua/icon_calendar.svg");
      background-repeat: no-repeat;
      background-position: right 10px center; }
    .main__input_calendar-range {
      width: 220px;
      padding-left: 10px; }
  .main__search-cross {
    position: absolute;
    top: 13px;
    right: 80px;
    width: 12px;
    height: 12px;
    background-image: url("/img/ua/icon_close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer; }
  .main__search-button {
    display: inline-block;
    width: 60px;
    height: 36px;
    background-color: #212322;
    background-image: url("/img/ua/icon_search.svg");
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
  .main__checkbox, .main__checkbox-all, .main__checkbox-blocked {
    display: none; }
    .main__checkbox ~ .label2, .main__checkbox-all ~ .label2, .main__checkbox-blocked ~ .label2 {
      position: relative;
      display: inline-block;
      top: auto;
      left: auto;
      width: 19px;
      height: 17px;
      margin-right: 4px;
      background-image: url("/img/ua/checkbox.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%;
      opacity: 1; }
      .main__checkbox ~ .label2_list, .main__checkbox-all ~ .label2_list, .main__checkbox-blocked ~ .label2_list {
        margin: 0 8px; }
    .main__checkbox:checked ~ .label2, .main__checkbox-all:checked ~ .label2, .main__checkbox-blocked:checked ~ .label2 {
      background-image: url("/img/ua/checkbox_active.png"); }

.main-mobile {
  display: none; }
  @media only screen and (max-width: 670px) {
    .main-mobile {
      display: block; } }
  .main-mobile__search-block {
    position: fixed;
    top: 94px;
    left: 16px;
    right: 16px;
    z-index: 103; }
    .main-mobile__search-block_filled {
      top: 142px; }
    .main-mobile__search-block_purchases {
      margin-top: 98px; }
  .main-mobile__search-block-inner {
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 590px) {
      .main-mobile__search-block-inner {
        flex-wrap: wrap; } }
    .main-mobile__search-block-inner span {
      flex: 1 0 100%; }
      @media only screen and (max-width: 590px) {
        .main-mobile__search-block-inner span {
          display: block;
          padding-bottom: 8px; } }
      .main-mobile__search-block-inner span input {
        width: 100%; }
    @media only screen and (max-width: 590px) {
      .main-mobile__search-block-inner .main__input {
        flex: 1 0 calc(100% - 70px); } }
  .main-mobile__buttons {
    height: 36px;
    margin-bottom: 16px;
    gap: 8px;
    justify-content: center;
    align-items: center; }
    .main-mobile__buttons_filled {
      margin-bottom: 64px; }
  .main-mobile__button {
    width: 60px;
    height: 36px;
    background-color: #212322;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
    .main-mobile__button_sort {
      background-image: url("/img/ua/icon_sort.svg");
      background-color: transparent;
      border: 1px solid #212322; }
    .main-mobile__button_add {
      background-image: url("/img/ua/icon_plus_white.svg"); }
    .main-mobile__button_search {
      background-image: url("/img/ua/icon_search_white.svg"); }
    .main-mobile__button_delete {
      background-image: url("/img/ua/icon_bin_white.svg"); }
      .main-mobile__button_delete.inactive {
        background-image: url("/img/ua/icon_bin_grey.svg");
        background-color: transparent;
        cursor: default;
        border: 2px solid #94a3b8; }
    .main-mobile__button_print {
      background-color: transparent;
      background-image: url("/img/ua/ico_printer.svg");
      border: 1px solid #212322; }

.sort-mobile {
  position: fixed;
  top: 88px;
  left: 0;
  right: 0;
  padding: 20px 32px;
  background-color: #fff;
  z-index: 103; }
  .sort-mobile__title {
    padding-left: 28px;
    padding-bottom: 16px;
    background-image: url("/img/ua/icon_sort.svg");
    background-repeat: no-repeat;
    background-size: 14px 16px;
    color: #212322;
    font-size: 14px;
    font-family: "Squartiqa4FLight-Italic", sans-serif; }
  .sort-mobile__close {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url("/img/ua/icon_close_thin.svg");
    background-size: cover;
    cursor: pointer;
    z-index: 103; }
  .sort-mobile__items .radio {
    margin-bottom: 30px;
    align-items: center;
    color: #212322;
    font-size: 14px;
    font-family: "InterMedium", sans-serif;
    text-transform: uppercase; }
  .sort-mobile__items label, .sort-mobile__items input {
    vertical-align: middle; }

.overflow-wrapper {
  padding-bottom: 40px; }

.overflow, .overflow2 {
  margin-bottom: 120px;
  padding-bottom: 40px;
  overflow-x: auto; }
  @media only screen and (max-width: 999px) {
    .overflow, .overflow2 {
      display: none; } }

.overflow2 {
  margin-top: 20px; }
  @media only screen and (max-width: 670px) {
    .overflow2 {
      display: block;
      margin-top: 20px; } }

.list {
  display: grid;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .list_customers {
    grid-template-columns: 34px 1fr 1fr 1fr 1fr 100px 70px 74px 110px 30px; }
  .list_users {
    grid-template-columns: 34px 1fr 1fr 140px 1fr 130px 110px 110px 30px; }
  .list_purchases {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
  .list__th {
    background-color: #e2e8f0 !important;
    font-family: "InterMedium", sans-serif;
    align-items: center; }
    @media only screen and (max-width: 670px) {
      .list__th {
        display: none; } }
    .list__th_first {
      padding-left: 10px; }
    @media only screen and (max-width: 670px) {
      .list__th_mob {
        display: block;
        margin-right: 1px;
        padding: 4px; }
        .list__th_mob:nth-last-child(1) {
          margin-right: 0; } }
    .list__th a {
      color: #212322; }
  .list__td {
    position: relative;
    min-height: 40px;
    padding-right: 8px;
    background-color: #fff;
    align-items: center; }
    @media only screen and (max-width: 670px) {
      .list__td {
        padding-left: 4px;
        padding-right: 4px; } }
    .list__td_first {
      padding-left: 10px; }
    .list__td_grey {
      background-color: #f5f7f6; }
    .list__td_blocked {
      pointer-events: none;
      color: #94a3b8; }
      .list__td_blocked .label2_list {
        opacity: .4; }
    .list__td_nopadd {
      padding-right: 0; }
    .list__td_email {
      display: inline-block; }
    .list__td_checked {
      position: relative;
      padding-left: 17px; }
      .list__td_checked::before {
        content: "";
        position: absolute;
        top: 7px;
        left: 0;
        width: 10px;
        height: 7px;
        background-image: url("/img/ua/icon_checkmark_green.svg");
        background-size: cover;
        vertical-align: baseline; }
  .list__sorted {
    position: relative; }
    .list__sorted::before {
      content: "";
      position: relative;
      display: inline-block;
      width: 20px;
      height: 16px;
      background-image: url("/img/ua/arrow_down.svg");
      background-position: left center;
      background-repeat: no-repeat;
      vertical-align: middle; }
    .list__sorted_desc::before {
      background-image: url("/img/ua/arrow_up.png"); }
  .list__dots {
    width: 30px;
    height: 30px;
    background-image: url("/img/ua/icon_list_dots.svg");
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
    cursor: pointer; }
  .list__submenu {
    position: absolute;
    display: none;
    top: -15px;
    right: 26px;
    width: 190px;
    grid-template-columns: 130px 16px;
    gap: 16px;
    padding: 16px;
    background-color: #e2e8f0;
    color: #212322;
    font-size: 14px;
    border: 1px solid #cbd5e1;
    z-index: 101;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
    .list__submenu_active {
      display: grid; }
    .list__submenu_full {
      top: -40px; }
    .list__submenu_mid {
      top: -20px; }
    .list__submenu_one {
      top: -5px; }
    .list__submenu a {
      cursor: pointer; }
  .list__link {
    color: #212322; }
  .list__icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto; }
    .list__icon_deactivate {
      background-image: url("/img/ua/icon_bin.svg"); }
    .list__icon_activate {
      background-image: url("/img/ua/icon_switch_on.svg"); }
    .list__icon_edit {
      background-image: url("/img/ua/icon_edit.svg"); }
    .list__icon_history {
      background-image: url("/img/ua/icon_history.svg"); }

.list-mobile {
  display: none; }
  @media only screen and (max-width: 999px) {
    .list-mobile {
      display: block; } }
  .list-mobile__item {
    margin-bottom: 10px;
    padding: 18px 12px 14px 12px;
    background-color: #fff;
    border: 1px solid #cbd5e1;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; }
    .list-mobile__item_blocked .list-mobile__card, .list-mobile__item_blocked .list-mobile__body, .list-mobile__item_blocked .list-mobile__footer {
      color: #94a3b8; }
  .list-mobile__header {
    padding-bottom: 12px;
    justify-content: space-between; }
  .list-mobile__header-left {
    align-items: center; }
  .list-mobile__checkbox {
    width: 30px; }
  .list-mobile__card {
    font-size: 12px; }
  .list-mobile__card-number {
    font-size: 14px;
    font-weight: bold; }
  .list-mobile__icons {
    gap: 24px; }
  .list-mobile__icon-edit {
    width: 16px;
    height: 16px;
    background-image: url("/img/ua/icon_edit_red.svg");
    background-size: cover; }
  .list-mobile__icon-history {
    width: 16px;
    height: 16px;
    background-image: url("/img/ua/icon_history_red.svg");
    background-size: cover; }
  .list-mobile__body {
    padding: 8px 0;
    margin: 0 14px;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0; }
  .list-mobile__fio {
    padding-bottom: 6px;
    font-size: 14px; }
  .list-mobile__phone {
    padding-bottom: 6px;
    font-size: 12px; }
  .list-mobile__email {
    font-size: 12px; }
  .list-mobile__footer {
    padding: 0 14px;
    justify-content: space-between;
    font-size: 12px; }
  .list-mobile__footer-left {
    height: 40px;
    align-items: center; }
  .list-mobile__birthdate {
    flex: 1 0 76px; }
  .list-mobile__gender {
    flex: 1 0 30px;
    height: 25px;
    padding-top: 5px;
    text-align: center;
    align-self: center;
    border-left: 2px solid #e2e8f0;
    border-right: 2px solid #e2e8f0; }
  .list-mobile__status {
    padding-left: 10px; }
  .list-mobile__sum {
    padding-left: 10px;
    align-self: center;
    border-left: 2px solid #e2e8f0; }
  .list-mobile__sum-title {
    color: #94a3b8;
    font-size: 10px; }

.navigation {
  position: fixed;
  left: 240px;
  right: 0;
  bottom: 0;
  height: 66px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.03);
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.03); }
  @media only screen and (max-width: 1030px) {
    .navigation {
      left: 67px; } }
  @media only screen and (max-width: 999px) {
    .navigation {
      display: none; } }
  .navigation_wide {
    left: 67px; }
  .navigation__left-block {
    width: 210px; }
  .navigation__block {
    margin: 0;
    padding: 0; }
  .navigation li {
    display: inline-block;
    list-style: none;
    vertical-align: middle; }
  .navigation__link {
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: #64748b; }
    .navigation__link_active {
      background-color: #e2e8f0;
      color: #212322;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
  .navigation__arrow {
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    border: 1px solid #94a3b8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }
    .navigation__arrow_left {
      background-image: url("/img/ua/arrow_left_navigation.svg"); }
    .navigation__arrow_right {
      background-image: url("/img/ua/arrow_right_navigation.svg"); }
  .navigation__rows-block {
    position: relative;
    margin-right: 52px;
    color: #212322;
    font-size: 16px; }
  .navigation__number {
    padding-left: 20px;
    padding-right: 16px;
    background-image: url("/img/ua/icon_select_box.svg");
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer; }
  .navigation__numbers-block {
    display: none;
    position: absolute;
    right: -20px;
    bottom: 30px;
    width: 80px;
    padding: 8px 16px;
    background-color: #e2e8f0;
    border: 1px solid #cbd5e1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    .navigation__numbers-block_active {
      display: block; }
    .navigation__numbers-block div {
      padding: 8px 0;
      cursor: pointer;
      font-size: 14px; }
      .navigation__numbers-block div.active {
        background-image: url("/img/ua/icon_checkmark_black.svg");
        background-repeat: no-repeat;
        background-position: right center; }

.card {
  width: 724px;
  margin: -56px auto 0;
  padding-right: 130px; }
  @media only screen and (max-width: 1030px) {
    .card {
      margin-left: 0; } }
  @media only screen and (max-width: 670px) {
    .card {
      position: relative;
      width: 350px;
      margin: 0 auto;
      padding-right: 0; } }
  @media only screen and (max-width: 670px) and (max-width: 470px) {
    .card {
      width: 100%; } }

  .card .form__body {
    width: 350px; }
    @media only screen and (max-width: 470px) {
      .card .form__body {
        width: 100%; } }
  @media only screen and (max-width: 470px) {
    .card__title {
      padding-top: 15px;
      text-align: left; } }
  @media only screen and (max-width: 470px) {
    .card__title_no-padd {
      padding-bottom: 0; } }
  .card__columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px; }
    @media only screen and (max-width: 670px) {
      .card__columns {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px; } }
    .card__columns_one {
      grid-template-columns: repeat(1, 1fr);
      justify-content: center; }
    @media only screen and (max-width: 670px) {
      .card__columns_padd-mobile {
        margin-top: 30px; } }
    .card__columns .card__column {
      width: 350px;
      margin: 0 auto; }
      @media only screen and (max-width: 470px) {
        .card__columns .card__column {
          width: 100%; } }
  @media only screen and (max-width: 670px) {
    .card__column_reverse {
      display: flex;
      flex-direction: column-reverse; } }
  .card__column .button-white {
    white-space: nowrap; }
  .card__change {
    justify-content: space-between; }
  .card__card-confirmed {
    padding-top: 4px;
    font-size: 16px;
    font-family: "InterBold", sans-serif; }
  .card__icon {
    width: 34px;
    height: 34px;
    background-size: cover;
    cursor: pointer; }
    .card__icon_change {
      background-image: url("/img/ua/icon_card.svg"); }
  .card .form__input-columns {
    grid-template-columns: 1.5fr 1fr; }
    .card .form__input-columns_narrow {
      grid-template-columns: 1fr 44px; }
  .card__select {
    height: 37px;
    margin-bottom: 16px;
    padding-left: 12px;
    border: 1px solid #94a3b8; }
    .card__select_no-marg {
      margin-bottom: 0; }
  .card__status {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media only screen and (max-width: 670px) {
      .card__status {
        padding-top: 4px;
        padding-bottom: 4px; } }
    .card__status::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -24px;
      width: 138px;
      height: 138px;
      background-image: url("/img/ua/running_man.svg");
      background-size: cover; }
      @media only screen and (max-width: 670px) {
        .card__status::before {
          width: 106px;
          height: 106px; } }
  .card__status-title {
    padding-left: 154px;
    color: #94a3b8;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase; }
    .card__status-title_switcher {
      padding-top: 12px; }
    .card__status-title_switcher2 {
      padding-left: 0;
      text-align: center; }
  .card__status-text {
    display: inline-block;
    padding-left: 4px; }
  .card__status-value {
    font-size: 14px;
    font-family: "InterMedium", sans-serif; }
  .card .form__buttons {
    width: 100%;
    margin-bottom: 24px; }
  .card__button {
    margin-top: 0 !important;
    padding: 9px 7px;
    height: 37px;
    font-size: 14px; }
  .card__input {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .card__phone-confirmed {
    position: relative;
    width: 300px;
    padding-left: 40px;
    word-wrap: break-word;
    font-size: 16px;
    font-family: "InterBold", sans-serif; }
    .card__phone-confirmed::before {
      content: '';
      position: absolute;
      top: -6px;
      left: 0;
      width: 25px;
      height: 25px;
      background-image: url("/img/ua/icon_checkmark_green.svg");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center bottom;
      vertical-align: bottom; }
  .card__shops {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e2e8f0; }
  .card__shops-list {
    max-height: 106px;
    overflow-x: hidden;
    overflow-y: auto; }
    .card__shops-list_many {
      margin-right: -17px; }
    .card__shops-list_small-height {
      margin-right: 0; }

.shops {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 120px;
  align-items: self-start; }
  @media only screen and (max-width: 1200px) {
    .shops {
      grid-template-columns: repeat(3, 1fr); } }
  @media only screen and (max-width: 830px) {
    .shops {
      grid-template-columns: repeat(2, 1fr);
      gap: 10px; } }
  @media only screen and (max-width: 590px) {
    .shops {
      grid-template-columns: repeat(1, 1fr); } }
  .shops_search {
    margin-bottom: 60px; }
  .shops__item {
    padding: 24px;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
  .shops__header {
    padding-bottom: 16px;
    align-items: center; }
  .shops__logo {
    max-width: 44px;
    margin-right: 12px; }
  .shops__title {
    line-height: 28px;
    color: #212322;
    font-size: 18px;
    font-family: "InterMedium", sans-serif; }
  .shops__title-link {
    color: #212322; }
  .shops__text {
    padding-bottom: 10px;
    line-height: 12px;
    color: #64748b;
    font-size: 12px;
    border-bottom: 1px solid #94a3b8; }
  .shops__footer {
    justify-content: space-between; }
  .shops__controls {
    padding-top: 10px;
    gap: 20px;
    align-items: center; }
  .shops__icon {
    width: 20px;
    height: 20px;
    background-size: cover; }
    .shops__icon_users {
      background-image: url("/img/ua/icon_users.svg"); }
    .shops__icon_edit {
      background-image: url("/img/ua/icon_edit.svg"); }
  .shops__discount {
    margin-top: 7px;
    padding: 5px 3px;
    background-color: #cbd5e1;
    color: #fff;
    font-size: 14px;
    font-family: "InterMedium", sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    .shops__discount_active {
      background-color: #eb3c27; }

.shop__download {
  display: inline-block;
  height: 50px;
  background-image: url("/img/ua/icon_download.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  font-size: 14px !important;
  text-transform: none !important; }
  .shop__download_filled {
    background-image: url("/img/ua/icon_edit_alt.svg"); }
  .shop__download img {
    max-width: 40px;
    max-height: 40px; }
.shop__status-block_active {
  justify-content: space-between; }
  .shop__status-block_active .shop__users-button {
    display: inline-block; }
.shop__users-button {
  display: none;
  width: 88px;
  height: 44px;
  background-image: url("/img/ua/icon_users.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  border: 1px solid #212322;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
.shop__discount {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #cbd5e1; }

.search-results {
  position: relative;
  padding-top: 108px; }
  .search-results_no {
    width: 290px;
    margin: auto; }
  .search-results__text {
    position: relative;
    padding-bottom: 50px;
    color: #eb3c27;
    font-size: 14px; }
    .search-results__text::before {
      content: "";
      position: absolute;
      top: 0;
      left: -36px;
      width: 16px;
      height: 16px;
      background-image: url("/img/ua/icon_info.svg");
      background-size: cover; }
    @media only screen and (max-width: 670px) {
      .search-results__text {
        padding-left: 36px; }
        .search-results__text::before {
          left: 0; } }
  .search-results__button {
    display: inline-block;
    width: 178px;
    font-size: 16px; }
    .search-results__button_mobile {
      display: block;
      width: 100%; }

.ui-datepicker-trigger {
  display: none; }

.settings {
  width: 724px;
  margin: 0 auto; }
  @media only screen and (max-width: 999px) {
    .settings {
      width: 100%; } }
  .settings .menu__occupation {
    padding: 12px 0 14px; }
  .settings .menu__phone {
    display: inline-block;
    padding: 0 12px 12px 12px;
    border-bottom: 2px solid #e2e8f0; }
    .settings .menu__phone_user {
      display: block;
      margin-top: 10px; }
  .settings__text {
    padding-bottom: 10px;
    text-align: center;
    line-height: 28px;
    font-size: 18px; }
    @media only screen and (max-width: 670px) {
      .settings__text {
        font-size: 14px; } }
  .settings .button-white {
    margin-top: 20px; }
  .settings__shop-title {
    padding-bottom: 10px;
    color: #212322;
    font-size: 14px;
    font-weight: bold; }
  .settings__shops {
    padding-top: 10px;
    text-align: left; }
  .settings__shop {
    padding-bottom: 8px;
    color: #64748b;
    font-size: 14px;
    font-weight: bold; }
    .settings__shop:nth-last-child(1) {
      padding-bottom: 0; }
    .settings__shop_description {
      font-weight: normal; }
  .settings__attention {
    position: relative;
    width: 330px;
    margin: 30px auto 0;
    line-height: 20px;
    color: #eb3c27;
    font-size: 14px;
    padding-left: 34px; }
    .settings__attention::before {
      content: "";
      position: absolute;
      top: 2px;
      left: 0;
      width: 16px;
      height: 16px;
      background-image: url("/img/ua/icon_info.svg");
      background-size: cover; }

.running-man {
  position: fixed;
  right: 50px;
  bottom: 24px;
  width: 358px;
  height: 358px;
  background-image: url("/img/ua/running_man.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover; }
  @media only screen and (max-width: 670px) {
    .running-man {
      right: 0;
      bottom: 0;
      width: 233px;
      height: 233px; } }

.check-info label {
  text-transform: uppercase; }

@media only screen and (max-width: 670px) {
  .purchases {
    display: none; } }
.purchases__title {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  width: 300px;
  margin: 0 auto;
  text-align: center; }
  .purchases__title .main-title {
    padding-bottom: 0; }
.purchases__card-number {
  color: #212322;
  font-size: 12px;
  text-transform: uppercase; }
.purchases__contact {
  position: absolute;
  top: 100px;
  right: 52px;
  text-align: right;
  font-size: 14px; }
.purchases__fio {
  color: #212322;
  font-weight: bold; }
.purchases__phone {
  color: #64748b; }

.purchases-mob {
  display: none;
  padding-top: 16px;
  padding-bottom: 20px; }
  @media only screen and (max-width: 670px) {
    .purchases-mob {
      display: block; } }
  .purchases-mob__info {
    justify-content: center; }
  .purchases-mob__left-block {
    flex: 1 0 50%;
    text-align: right; }
  .purchases-mob__right-block {
    position: relative;
    flex: 1 0 50%;
    margin-left: 30px; }
    .purchases-mob__right-block::before {
      content: "|";
      position: absolute;
      top: 16px;
      left: -16px;
      color: #64748b;
      font-size: 14px; }
  .purchases-mob__card-number-title {
    padding-right: 12px;
    text-transform: uppercase; }
  .purchases-mob .purchases__card-number {
    font-size: 14px; }
  .purchases-mob .purchases__fio {
    width: 200px; }

.registration-body {
  height: auto;
  background-color: #fff; }
  @media only screen and (max-width: 999px) {
    .registration-body {
      padding-top: 0;
      background-color: #f5f7f6; } }

.running-man2 {
  position: fixed;
  left: -100px;
  bottom: 0;
  width: 580px;
  height: 580px;
  background-image: url("/img/ua/running_man.svg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10; }
  @media only screen and (max-width: 1344px) {
    .running-man2 {
      display: none; } }

.registration {
  position: relative;
  width: 885px;
  margin: 44px auto 0;
  padding-top: 80px;
  padding-bottom: 12px;
  background-color: #f5f7f6;
  border: 3px solid #eb3c27;
  z-index: 1; }
  @media only screen and (max-width: 999px) {
    .registration {
      width: 100%;
      margin: 0;
      padding: 20px 0 0 0;
      border: 0; } }
  .registration .logo {
    margin-top: 0; }
  @media only screen and (max-width: 999px) {
    .registration .form__block {
      margin-top: 20px; } }
  .registration__main-title {
    padding-top: 40px;
    padding-bottom: 0; }
  .registration .form__body {
    width: 360px; }
  .registration__info {
    position: absolute;
    top: 0;
    right: 0; }
  .registration__info-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/img/ua/icon_info.svg");
    cursor: pointer; }
  .registration__barcode {
    position: absolute;
    top: -102px;
    right: -162px;
    width: 161px;
    padding: 12px 16px;
    background-color: #eb3c27;
    background-image: url("/img/ua/barcode.svg");
    background-position: center bottom 12px;
    background-repeat: no-repeat;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
    @media only screen and (max-width: 670px) {
      .registration__barcode {
        right: 0; } }
  .registration__barcode-text {
    padding-bottom: 50px;
    line-height: 12px;
    color: #fff;
    font-size: 12px; }
  .registration__checkbox {
    padding-bottom: 14px;
    font-family: "InterMedium", sans-serif;
    text-transform: uppercase; }
    .registration__checkbox .label2 {
      flex: 1 0 20px; }
    .registration__checkbox a {
      color: #eb3c27; }
    .registration__checkbox label {
      outline: none; }
    .registration__checkbox .error-text {
      position: absolute;
      margin-top: 39px !important;
      margin-left: 25px;
      text-transform: none; }

.popup {
  max-width: 330px;
  margin: 0 auto;
  padding: 32px 20px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top 50px center;
  text-align: center;
  z-index: 111;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }
  @media only screen and (max-width: 670px) {
    .popup {
      width: 95%; } }
  .popup__buttons {
    justify-content: space-between; }
  .popup .button-black, .popup .button-white {
    display: inline-block;
    width: 133px;
    margin-top: 30px;
    margin-bottom: 0; }
  .popup__text-red {
    line-height: 22px;
    color: #212322;
    font-size: 16px;
    font-family: "InterMedium", sans-serif; }
  .popup__text-red {
    line-height: 28px;
    color: #eb3c27;
    font-size: 18px;
    font-family: "InterMedium", sans-serif; }
  .popup__loading {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    z-index: 101; }
    .popup__loading_active {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
  .popup__title {
    padding-bottom: 24px;
    text-align: center;
    line-height: 28px;
    font-size: 24px;
    font-style: italic;
    font-family: "InterBold", sans-serif; }
  .popup__text-big {
    text-align: left;
    line-height: 20px;
    font-size: 14px; }

.one_message {
  padding-bottom: 20px; }

.popup-deactivate {
  padding-top: 133px;
  background-image: url("/img/ua/icon_bell.svg"); }

.popup-error {
  padding-top: 120px;
  background-image: url("/img/ua/icon_attention.svg"); }

.popup-info {
  padding-top: 120px;
  background-image: url("/img/ua/icon_attention.svg"); }

.popup-success {
  padding-top: 120px;
  background-image: url("/img/ua/icon_checkbox_active.svg"); }
  .popup-success .popup__text {
    color: #03b053;
    font-size: 16px;
    font-family: "InterBold", sans-serif; }

.popup-attention {
  padding-top: 120px;
  background-image: url("/img/ua/icon_clock.svg"); }
  @media only screen and (max-width: 670px) {
    .popup-attention {
      width: 95%; } }
  .popup-attention .button-black {
    display: inline-block;
    width: 133px;
    margin-top: 30px;
    margin-bottom: 0; }

.popup-text {
  width: 726px;
  max-width: 726px;
  padding: 50px; }
  @media only screen and (max-width: 999px) {
    .popup-text {
      width: 95%;
      padding: 50px 10px; } }

.logo {
  width: 400px;
  height: 46px;
  margin: 80px auto 0;
  background-image: url("/img/ua/logo.svg");
  background-size: cover; }
  @media only screen and (max-width: 590px) {
    .logo {
      width: 320px;
      height: 37px;
      margin-top: 14px; } }

.form_padding-top {
  padding-top: 160px; }
.form__main-title {
  margin-bottom: -20px;
  text-align: center;
  color: #212322;
  font-size: 24px;
  font-family: "Squartiqa4FLight-Italic", sans-serif; }
  .form__main-title_small {
    margin-bottom: 10px;
    font-size: 18px; }
.form__block {
  margin: 50px auto 0; }
  .form__block_second {
    margin-top: 24px; }
  .form__block_no-margin-top {
    margin-top: 0; }
  .form__block_margin-bottom {
    margin-bottom: 220px; }
  .form__block_margin-top {
    margin-top: 60px !important; }
.form__center {
  width: 330px;
  margin: 0 auto 8px; }
.form__tabs {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }
.form__tab {
  padding: 7px 12px;
  cursor: pointer;
  color: #212322;
  font-size: 14px; }
  .form__tab_active {
    background-color: #e2e8f0;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
.form__body-outer_change-password .form__body {
  position: relative; }
  .form__body-outer_change-password .form__body::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 24px;
    width: 24px;
    height: 24px;
    background-image: url("/img/ua/icon_rubber.svg");
    background-size: cover; }
.form__body-outer_change-password.active .form__body::after {
  background-image: url("/img/ua/icon_rubber_active.svg"); }
.form__body {
  width: 330px;
  margin: auto;
  padding: 24px;
  background-color: #fff;
  color: #212322;
  border: 1px solid #e2e8f0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
  .form__body_checked {
    padding-top: 100px;
    background-image: url("/img/ua/icon_checkbox_active.svg");
    background-repeat: no-repeat;
    background-position: center 40px;
    text-align: center; }
  .form__body_status {
    margin-top: 44px;
    padding-right: 6px; }
    @media only screen and (max-width: 670px) {
      .form__body_status {
        margin-top: 34px;
        margin-bottom: 16px; } }
  .form__body_marg-up {
    margin-top: 24px; }
    @media only screen and (max-width: 670px) {
      .form__body_marg-up {
        margin-top: 16px; } }
  .form__body_check {
    margin-bottom: 24px; }
.form__text {
  padding-bottom: 24px;
  line-height: 12px;
  color: #64748b;
  font-size: 12px; }
  .form__text_padding-top {
    padding-top: 20px; }
.form__text-green {
  padding-bottom: 16px;
  text-align: center;
  color: #03b053;
  font-size: 14px; }
.form__text-big {
  padding-top: 6px;
  padding-bottom: 21px;
  text-align: center;
  color: #212322;
  font-size: 18px; }
@media only screen and (max-width: 590px) {
  .form__change-password {
    display: none; } }
.form__user {
  padding-bottom: 10px;
  text-align: center;
  font-size: 18px;
  font-family: "InterBold", sans-serif; }
  .form__user_ava {
    padding-bottom: 40px; }
    .form__user_ava::before {
      content: "";
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 12px;
      vertical-align: bottom;
      background-image: url("/img/ua/icon_profile.svg");
      background-size: cover; }
.form__phone-settings {
  padding-bottom: 10px;
  text-align: center;
  color: #64748b;
  border-bottom: 2px solid #e2e8f0; }
.form__phone, .form__email, .form__datebirth {
  position: relative;
  text-align: center;
  color: #212322;
  font-size: 14px; }
  .form__phone_checked::before, .form__email_checked::before, .form__datebirth_checked::before {
    content: "";
    position: absolute;
    top: 6px;
    width: 10px;
    height: 7px;
    margin-left: -14px;
    background-image: url("/img/ua/icon_checkmark_green.svg");
    background-size: cover;
    z-index: 5; }
.form__check-number {
  margin-top: -6px;
  text-align: center;
  padding-bottom: 24px;
  color: #212322;
  font-size: 14px; }
.form__label {
  padding-bottom: 6px;
  font-size: 14px; }
  .form__label_grey {
    color: #64748b; }
.form__label2 {
  font-size: 12px;
  font-family: "InterBold", sans-serif;
  text-transform: uppercase; }
.form__input-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px; }
.form__input {
  width: 100%;
  margin-bottom: 16px;
  padding: 8px 12px;
  color: #212322;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  border: 1px solid #e2e8f0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }
  .form__input_calendar {
    background-image: url("/img/ua/icon_calendar.svg");
    background-repeat: no-repeat;
    background-position: right 10px center; }
  .form__input_no-marg {
    margin-bottom: 0; }
  .form__input_grey {
    background-color: #a0a0a0; }
.form__select {
  width: 100%;
  margin-bottom: 28px;
  padding: 8px 12px;
  background-color: #fff;
  color: #212322;
  font-size: 16px;
  font-family: "Inter", sans-serif;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #e2e8f0; }
.form .error-text {
  margin-top: -10px;
  padding-bottom: 10px; }
.form__shops {
  padding-top: 10px; }
.form__title {
  padding-bottom: 10px;
  font-family: "InterBold", sans-serif; }
  .form__title_big {
    font-size: 18px; }
.form__title-underlined {
  display: inline-block;
  position: relative;
  margin-bottom: 23px;
  padding-bottom: 13px;
  color: #212322;
  font-size: 12px; }
  .form__title-underlined::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 5px;
    right: 5px;
    height: 1px;
    background-color: #212322; }
.form__title-green {
  text-align: center;
  color: #03b053;
  font-size: 18px;
  color: #03b053; }
.form__shop {
  padding-bottom: 4px; }
.form__shop-link {
  color: #64748b; }
  .form__shop-link span {
    font-weight: bold; }
.form__buttons {
  width: 330px;
  margin: 24px auto 0; }
  @media only screen and (max-width: 670px) {
    .form__buttons {
      margin-top: 16px; } }
.form__button {
  display: block;
  margin-top: 12px; }
  .form__button_send {
    margin-bottom: 12px; }
  @media only screen and (max-width: 670px) {
    .form__button_desktop {
      display: none; } }
.form__notes {
  position: relative;
  margin-top: 30px;
  padding-left: 34px;
  line-height: 20px;
  color: #eb3c27;
  font-size: 14px; }
  .form__notes::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-image: url("/img/ua/icon_info.svg");
    background-size: cover; }
  .form__notes p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px; }
.form__rubber {
  position: absolute;
  top: 16px;
  right: 24px;
  width: 24px;
  height: 24px;
  background-image: url("/img/ua/icon_rubber_active.svg");
  background-repeat: no-repeat;
  background-position: center; }
.form__success {
  padding-top: 57px;
  background-image: url("/img/ua/icon_checkbox_active.svg");
  background-repeat: no-repeat;
  background-position: top center; }
  .form__success .form__text {
    padding-bottom: 0;
    text-align: center;
    line-height: 28px;
    color: #03b053;
    font-size: 18px;
    font-family: "InterMedium", sans-serif; }
  .form__success .form__text-small {
    text-align: center;
    line-height: 20px;
    color: #03b053;
    font-size: 14px;
    font-family: "Inter", sans-serif; }
.form__error {
  padding-top: 57px;
  background-image: url("/img/ua/icon_attention.svg");
  background-repeat: no-repeat;
  background-position: top center; }
  .form__error .form__text {
    text-align: center;
    line-height: 28px;
    color: #eb3c27;
    font-size: 18px;
    font-family: "InterMedium", sans-serif; }
.form__customer {
  display: inline-block;
  margin-top: -8px;
  margin-bottom: 36px;
  padding: 8px 0 8px 34px;
  background-image: url("/img/ua/icon_profile.svg");
  background-repeat: no-repeat;
  background-position: left center;
  color: #212322;
  font-size: 18px; }
.form__select-block {
  padding-bottom: 12px; }
.form__discount {
  display: inline-block;
  padding-left: 34px;
  padding-bottom: 10px;
  background-image: url("/img/ua/icon_info.svg");
  background-repeat: no-repeat;
  text-align: center;
  color: #eb3c27; }
.form__check {
  padding-bottom: 24px; }
.form__discount-result {
  color: #03b053; }
.form__discount-title {
  font-size: 18px;
  font-weight: bold; }
.form__discount-text {
  font-size: 14px; }

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px; }
  .switch_small {
    width: 22px;
    height: 14px; }
    .switch_small input:checked + .slider-switch {
      border: 2px solid #eb3c27; }
      .switch_small input:checked + .slider-switch:before {
        background-color: #fff;
        -webkit-transform: translateX(8px) !important;
        -ms-transform: translateX(8px) !important;
        transform: translateX(8px) !important; }
    .switch_small .slider-switch {
      background-color: white;
      border: 2px solid #212322; }
      .switch_small .slider-switch::before {
        height: 6px;
        width: 6px;
        background-color: #212322; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .switch input:checked + .slider-switch {
      background-color: #eb3c27; }
      .switch input:checked + .slider-switch:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px); }

.slider-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  -webkit-transition: .4s;
  transition: .4s; }
  .slider-switch::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .slider-switch.round {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px; }
    .slider-switch.round:before {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }

/*# sourceMappingURL=style.css.map */