@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;500;600;700;800&display=swap");

:root {
  --black: #212124;
  --bg: #030026;
  --primary: #fff205;
  --secondary: #30dae5;
  --lightGrey: #f4f4f4;
  --mediumGrey: #e6e6e6;
  --radius: 12px;
}

html,
body {
  font-family: "Nunito Sans", sans-serif;
  background: var(--bg);
  scroll-behavior: smooth;
}

.link {
  color: #c4c4c4;
  text-decoration: underline;
}

.link:hover {
  filter: brightness(140%);
}

.btn {
  color: var(--bg);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  text-transform: uppercase;
  max-width: 332px;
  min-width: 332px;
  width: 100%;
  height: 60px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.btn span:first-child {
  position: absolute;
  top: -9px;
  left: -7px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #fff205 0%, #7cff01 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  z-index: 2;
  transition: all 0.2s ease-in;
}

.btn:hover span {
  left: 0px;
  top: 0px;
}

.btn-border {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 13px;
  border: 2px solid #fff;
}

.btn-outline {
  color: var(--bg);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 27.5px */
  text-transform: uppercase;
  max-width: 332px;
  width: 100%;
  height: 60px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.btn-outline span:first-child {
  position: absolute;
  top: -9px;
  left: -7px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #1ee4e2 0%, #b18bf6 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  z-index: 2;
  transition: all 0.2s ease-in;
}

.btn-outline:hover span {
  left: 0px;
  top: 0px;
}

.btn-yellow {
  color: var(--bg);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  /* 27.5px */
  text-transform: uppercase;
  width: 240px;
  height: 40px;
  border-radius: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.btn-yellow span:first-child {
  position: absolute;
  top: -6px;
  left: -8px;
  width: 100%;
  height: 100%;
  background: #fff205;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  z-index: 2;
  transition: all 0.2s ease-in;
}

.btn-yellow:hover span {
  left: 0px;
  top: 0px;
}

.btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.btn-wrap .btn-outline {
  margin-top: 0;
}

.btn-group {
  gap: 10px;
  width: 100%;
}

.btn-send-again {
  margin: 0;
}

.container {
  max-width: 1270px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.title__m {
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  color: #fff;
  margin-bottom: 20px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
}

.required {
  color: red;
  text-decoration: none;
}

input {
  color: #d9d9d9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  border-radius: 33px;
  border: 1px solid #9d9d9d;
  background: rgba(217, 217, 217, 0);
  padding: 20px 40px;
}

input::placeholder {
  color: #d9d9d9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

textarea {
  color: #d9d9d9;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  /* 17.6px */
  border-radius: 33px;
  border: 1px solid #9d9d9d;
  background: rgba(217, 217, 217, 0);
  padding: 20px;
  resize: none;
}

label {
  color: #fff;
}

.header {
  padding: 15px 0px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: var(--bg);
  z-index: 9;
}

.header__wrap {
  width: 100%;
}

.header__top {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.header__wrap-index {
  justify-content: start;
}

.header__menu-btn {
  display: none;
}

.header__logo-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}


.header__logo-top {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}

.header__logo-bottom {
  color: #fff;
}

.header__logo-company {
  width: 200px;
  height: 40px;
}

.header__logo-company img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header__logo {
  display: flex;
  justify-self: center;
  /* display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; */
}

.header__logo div,
.header__logo-center div {
  font-size: 22px;
  font-weight: 700;
  margin-right: 5px;
  color: #fff;
}

.header__logo span {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #8e8e90;
}

.header__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.header__logo-nav {
  display: none;
}

.header__link {
  /* width: 200px; */
}

.header__search {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 300px;
  position: relative;
  z-index: 8;
}

.header__search-form {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}

.header__search-input {
  display: block;
  width: 300px;
  height: 40px;
  appearance: textfield;
  outline: none;
  position: relative;
  text-overflow: ellipsis;
  z-index: 2;
}

.header__search-input::placeholder {
  position: absolute;
  left: 48px;
}

.header__search-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 7px;
  top: 50%;
  bottom: 50%;
  z-index: 2;
  cursor: pointer;
  transition: all 0.32s linear;
}

.header__search-btn svg {
  width: 30px;
  height: 30px;
}

.header__search-btn svg path {
  fill: #fff;
}

.header__search-open {
  display: none;
}

.footer {
  padding-top: 40px;
  background-color: var(--bg);
  width: 100%;
  height: 100px;
}

.footer__link {
  color: #fff;
  font-size: 18px;
}

.footer a {
  text-decoration: underline;
  color: #fff;
  font-size: 18px;
}

/* Страница регистрации */

.form__photo-top {
  /* background: linear-gradient(180deg, #5cfdea 0%, #b18bf6 100%); */
  width: 100%;
  height: 150px;
  display: flex;
  align-items: stretch;
}

.form__photo-link {
  padding-left: 190px;
  margin-top: auto;
  font-size: 14px;
  color: #c4c4c4;
  text-decoration: underline;

  transition: all 0.32s linear;
  margin-bottom: 2px;
}

.form__photo-top label {
  font-weight: 900;
}

.from__photo-link:hover {
  color: var(--mediumGrey);
}

.form__photo-bottom {
  width: 100%;
  height: 120px;
  position: relative;
}

.form__photo-img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: -60px;
  left: 20px;
}

.form__photo-img img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.form {
  margin-bottom: 120px;
  padding-top: 75px;
}

.form__person-wrap,
.form__inputs-wrap {
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 33px;
  display: grid;
  gap: 24px;
  width: 100%;
  position: relative;
  border: 1px solid #fff205;
}

.form__person-wrap {
  grid-template-columns: repeat(2, 1fr);
}

.form__inputs-wrap {
  grid-template-columns: repeat(2, 1fr);
}

.form__field {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 7px;
}

.form__input {
  margin-bottom: 10px;
  margin-right: 12px;
  width: 100%;
  max-width: 275px;
  height: 50px;
}

.form__contacts-wrap {
  margin-bottom: 30px;
  width: 100%;
  padding: 30px;
  border-radius: 33px;
  border: 1px solid #fff205;
}

.form__contacts-top {
  margin-bottom: 20px;
  display: flex;
  justify-content: start;
  align-items: end;
  gap: 10px;
}

.form__contacts-title {
  color: #fff;
  font-size: 28px;
}

.form__contacts-subtitle {
  padding-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
  color: #8e8e90;
}

.form__fields-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.checkbox-wrap {
  display: flex;
  justify-content: start;
  align-items: center;
  /* flex-direction: column; */
  gap: 5px;
}

/* Радио-кнопки */

input[type="radio"] {
  width: 24px;
  height: 24px;
}

/* для элемента input c type="checkbox" */
.custom-radio>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-radio>label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  font-weight: 400;
  font-size: 16px;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-radio>label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* стили при наведении курсора на checkbox */
.custom-radio>input:not(:disabled):not(:checked)+label:hover::before {
  border-color: var(--primary);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-radio>input:checked+label::before {
  border: 5px solid var(--primary);
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-radio>input:disabled+label::before {
  background-color: #e9ecef;
}

input[type="radio"] {
  width: 20px;
  height: 20px;
}

/* для элемента input c type="checkbox" */
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox>label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox>label::before {
  content: "";
  display: inline-block;
  width: 2em;
  height: 2em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 70% 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* стили при наведении курсора на checkbox */
.custom-checkbox>input:not(:disabled):not(:checked)+label:hover::before {
  border-color: var(--primary);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox>input:checked+label::before {
  border-color: var(--primary);
  /* background-color: var(--primary); */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox>input:disabled+label::before {
  background-color: #e9ecef;
}

.checkbox-wrap_final {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.checkbox-wrap_final a {
  color: var(--primary) !important;
}

.checkbox-wrap_final label {
  flex-wrap: wrap;
  justify-content: start;
}

.timer-display {
  color: #c4c4c4 !important;
}

.login {
  margin-bottom: 120px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.login__title {
  padding-top: 100px;
  margin: 10px auto 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  max-width: 570px;
}

.tablinks {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.tablinks.active {
  color: #fff205;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.tab {
  text-align: center;
}

.login__form {
  padding: 30px;
  margin: 0 auto;
  width: 570px;
  border: 2px solid #fff205;
  border-radius: 33px;
  background-color: var(--bg);
}

/* .login__form .btn-group {
  justify-content: start;
} */

.custom_login {
  height: 100vh;
}

.custom_login .btn-group {
  flex-direction: column;
}

.login__btn {
  margin: 0 auto;
}

.login__field {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.login__input {
  margin-bottom: 20px;
}

.login__label {
  margin-bottom: 7px;
}

.login__phone-field {
  height: auto;
  opacity: 1;
  transition: all 0.32s linear;
}

.login__phone-field.active {
  margin-bottom: 0;
  height: 0;
  opacity: 0;
  position: relative;
  z-index: 8;
}

.login__message {
  margin-bottom: 0;
  height: 0;
  opacity: 0;
  transition: all 0.32s linear;
  position: relative;
  z-index: 10;
}

.login__message.active {
  height: auto;
  opacity: 1;
}

.persons {
  padding-top: 150px;
  margin-bottom: 120px;
}

.persons__sort {
  margin-left: auto;
  width: fit-content;
  position: relative;
}

.persons__sort-title {
  text-align: right;
  color: #fff;
}

.persons__sort-title span {
  color: var(--primary) !important;
}

.persons__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.persons__item {
  border-radius: 33px;
  border: 2px solid #fff205;
  padding: 30px;
  overflow: hidden;
  background-color: var(--bg);
  color: #fff;
  transition: all 0.32s linear;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
}

.persons__item[data-user-id="168"] {
  border: 2px solid #7cff01;
}

.persons__item[data-user-id="1280"] {
  border: 2px solid #ed760e;
}

.persons__item[data-user-id="1281"] {
  border: 2px solid #ed760e;
}

/* .persons__item:hover {
  box-shadow: 0px 0px 7px rgba(34, 32, 30, 0.2);
} */

.persons__item:hover .persons__name {
  color: var(--primary);
}

.persons__top {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.persons__img {
  margin-bottom: 20px;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.persons__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.persons__name {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
  transition: all 0.32s linear;
}

.persons__about {
  margin-bottom: 20px;
}

.persons__job {
  margin-bottom: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: start;
  color: #fff;
}

.persons__job span,
.persons__job p {
  width: fit-content;
  /*  white-space: nowrap;*/
}

.persons__company {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: start;
  color: #fff;
}

.persons__company p {
  width: fit-content;
}

.persons__actions {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  gap: 5px;
}

.persons__help span,
.persons__look span,
.persons__job span,
.persons__company span {
  font-size: 14px;
  color: #30dae5;
  font-weight: 500;
}

.persons__top .persons__help p,
.persons__top .persons__look p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contact-modal .persons__help p,
.contact-modal .persons__look p {
  display: block;
  text-wrap: wrap;
  white-space: wrap;
}

.modal-content-user p {
  margin-top: 10px;
  margin-bottom: 20px;
}

.persons__btn {
  margin: 5px auto;
  margin-top: auto;
  margin-bottom: 0px;
}

.woocommerce-Button {
  /* padding: 14px 19px;
  height: 42px;
  max-width: 170px;
  min-width: 170px;
  width: 100%;
  border-radius: 14px;
  background-color: #ed760e;
  color: #fff;
  text-decoration: none;
  transition: all 0.32s linear;
  cursor: pointer;
  box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px; */
  /* margin-bottom: 24px; */
}

#phone_number {
  margin-bottom: 20px;
  margin-right: 12px;
  width: 100%;
}

.form-row-wide {
  display: flex;
  flex-direction: column;
  width: 100%;
}

label[for="phone_number"] {
  margin-bottom: 7px;
}

.modal__btn {
  width: 200px;
}

.mo_customer_validation-modal-content {
  margin-top: 100px !important;
  padding: 30px !important;
  margin: 0 auto !important;
  max-width: 700px !important;
  box-shadow: 3px 20px 20px 20px rgba(0, 0, 0, 0.05) !important;
  border-radius: 14px !important;
}

.header__profile-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}

.avatar_header_img {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar_header_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

input[type="file"] {
  display: none;
}

.pagination {
  text-align: center;
  margin-top: 50px;
}

.page-link span {
  padding: 10px 15px;
  height: 42px;
  max-width: 170px;
  min-width: 170px;
  width: 100%;
  border-radius: 14px;
  background-color: var(--bg);
  border: 2px solid #30dae5;
  color: #fff;
  text-decoration: none;
  transition: all 0.32s linear;
  cursor: pointer;
  box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.1);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin: 2px;
}

.page-link a {
  padding: 10px 15px;
  height: 42px;
  max-width: 170px;
  min-width: 170px;
  width: 100%;
  border-radius: 14px;
  background-color: var(--bg);
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  transition: all 0.32s linear;
  cursor: pointer;
  box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.1);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin: 2px;
}

.contacts {
  background-color: #030026;
  border: 1px solid #e8e8f1;
  border-radius: 13px;
}

.contacts__nav {
  display: none;
}

.close,
.close-button {
  color: #fff;
}

.contacts__wrap {
  padding: 20px;
  border: 1px solid #e8e8f1;
  border-radius: 13px;
}

.contacts__list {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  gap: 20px;
}

.contacts__item {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  transition: all 0.32s linear;
}

.contacts__item span {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.32s linear;
  color: #fff;
}

.contacts__item span svg {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.32s linear;
}

.contacts__item span svg path {
  fill: var(--primary);
  stroke: var(--primary);
  transition: all 0.32s linear;
}

.contacts__item:hover span {
  color: #8e8e90;
}

.contacts__phone:hover span svg path {
  fill: #8e8e90;
  stroke: #8e8e90;
}

.contacts__whatsapp:hover span svg path {
  fill: #4fce5d;
  stroke: #4fce5d;
}

.contacts__telegram:hover span svg path {
  fill: #229ed9;
  stroke: #229ed9;
}

.woocommerce-privacy-policy-text {
  display: none;
}

.contact-modal h2 {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
}

.contact-modal p {
  color: #fff;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Прозрачный черный цвет */
  z-index: 999;
  /* Помещаем подложку поверх всего остального контента */
}

/* Стили для модального окна */
.contact-modal {
  width: 40vw;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #e8e8f1;
  border-radius: 15px;
  padding: 30px 30px;
  overflow: auto;
  background-color: #030026;
  transition: all 0.32s linear;
  z-index: 1000;
  /* Помещаем модальное окно над подложкой */
}

.persons__img_modal {
  text-align: center;
}

@media (max-width: 767px) {
  .contact-modal {
    max-height: 100vh;
    transform: translate(-50%, 0);
    top: 0px;
    left: 50%;
    right: 50%;
  }
}

/* Стили для кнопки закрытия модального окна */
.close-button {
  position: absolute;
  top: 22px;
  right: 22px;
  cursor: pointer;
}

.persons__img_modal img {
  margin-bottom: 20px;
  width: 120px;
  height: 120px;
  justify-content: center;
  align-items: center;
  object-fit: cover;
  border-radius: 50%;
}

.watsapp_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: rgb(67, 216, 84);
  color: rgb(255, 255, 255);
}

.WhatsApp_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-whatsapp:before {
  content: "";
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMi4wNCAyYy01LjQ2IDAtOS45MSA0LjQ1LTkuOTEgOS45MWMwIDEuNzUuNDYgMy40NSAxLjMyIDQuOTVMMi4wNSAyMmw1LjI1LTEuMzhjMS40NS43OSAzLjA4IDEuMjEgNC43NCAxLjIxYzUuNDYgMCA5LjkxLTQuNDUgOS45MS05LjkxYzAtMi42NS0xLjAzLTUuMTQtMi45LTcuMDFBOS44MTYgOS44MTYgMCAwIDAgMTIuMDQgMm0uMDEgMS42N2MyLjIgMCA0LjI2Ljg2IDUuODIgMi40MmE4LjIyNSA4LjIyNSAwIDAgMSAyLjQxIDUuODNjMCA0LjU0LTMuNyA4LjIzLTguMjQgOC4yM2MtMS40OCAwLTIuOTMtLjM5LTQuMTktMS4xNWwtLjMtLjE3bC0zLjEyLjgybC44My0zLjA0bC0uMi0uMzJhOC4xODggOC4xODggMCAwIDEtMS4yNi00LjM4Yy4wMS00LjU0IDMuNy04LjI0IDguMjUtOC4yNE04LjUzIDcuMzNjLS4xNiAwLS40My4wNi0uNjYuMzFjLS4yMi4yNS0uODcuODYtLjg3IDIuMDdjMCAxLjIyLjg5IDIuMzkgMSAyLjU2Yy4xNC4xNyAxLjc2IDIuNjcgNC4yNSAzLjczYy41OS4yNyAxLjA1LjQyIDEuNDEuNTNjLjU5LjE5IDEuMTMuMTYgMS41Ni4xYy40OC0uMDcgMS40Ni0uNiAxLjY3LTEuMThjLjIxLS41OC4yMS0xLjA3LjE1LTEuMThjLS4wNy0uMS0uMjMtLjE2LS40OC0uMjdjLS4yNS0uMTQtMS40Ny0uNzQtMS42OS0uODJjLS4yMy0uMDgtLjM3LS4xMi0uNTYuMTJjLS4xNi4yNS0uNjQuODEtLjc4Ljk3Yy0uMTUuMTctLjI5LjE5LS41My4wN2MtLjI2LS4xMy0xLjA2LS4zOS0yLTEuMjNjLS43NC0uNjYtMS4yMy0xLjQ3LTEuMzgtMS43MmMtLjEyLS4yNC0uMDEtLjM5LjExLS41Yy4xMS0uMTEuMjctLjI5LjM3LS40NGMuMTMtLjE0LjE3LS4yNS4yNS0uNDFjLjA4LS4xNy4wNC0uMzEtLjAyLS40M2MtLjA2LS4xMS0uNTYtMS4zNS0uNzctMS44NGMtLjItLjQ4LS40LS40Mi0uNTYtLjQzYy0uMTQgMC0uMy0uMDEtLjQ3LS4wMSIvPjwvc3ZnPg==");
  background-size: 35px 35px;
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.WhatsApp_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.WhatsApp_number {
  font-size: 12px;
}

.WhatsApp_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.nickname_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: rgb(18, 180, 30);
  color: rgb(255, 255, 255);
}

.nickname_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-nickname:before {
  content: "";
  background-size: contain;
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02LjYyIDEwLjc5YzEuNDQgMi44MyAzLjc2IDUuMTQgNi41OSA2LjU5bDIuMi0yLjJjLjI3LS4yNy42Ny0uMzYgMS4wMi0uMjRjMS4xMi4zNyAyLjMzLjU3IDMuNTcuNTdjLjU1IDAgMSAuNDUgMSAxVjIwYzAgLjU1LS40NSAxLTEgMWMtOS4zOSAwLTE3LTcuNjEtMTctMTdjMC0uNTUuNDUtMSAxLTFoMy41Yy41NSAwIDEgLjQ1IDEgMWMwIDEuMjUuMiAyLjQ1LjU3IDMuNTdjLjExLjM1LjAzLjc0LS4yNSAxLjAyeiIvPjwvc3ZnPg==");
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.nickname_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.nickname_number {
  font-size: 12px;
}

.nickname_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.telegram_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: rgb(30, 144, 255);
  color: rgb(255, 255, 255);
}

.telegram_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-telegram:before {
  content: "";
  background-size: contain;
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik05Ljc4IDE4LjY1bC4yOC00LjIzbDcuNjgtNi45MmMuMzQtLjMxLS4wNy0uNDYtLjUyLS4xOUw3Ljc0IDEzLjNMMy42NCAxMmMtLjg4LS4yNS0uODktLjg2LjItMS4zbDE1Ljk3LTYuMTZjLjczLS4zMyAxLjQzLjE4IDEuMTUgMS4zbC0yLjcyIDEyLjgxYy0uMTkuOTEtLjc0IDEuMTMtMS41LjcxTDEyLjYgMTYuM2wtMS45OSAxLjkzYy0uMjMuMjMtLjQyLjQyLS44My40MnoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=");
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.telegram_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.telegram_number {
  font-size: 12px;
}

.telegram_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.viber_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: #7f4da0;
  color: rgb(255, 255, 255);
}

.viber_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-viber:before {
  content: "";
  background-size: contain;
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='800px' height='800px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='512' rx='64' ry='64' width='512' fill='%237b519d'/%3E%3Cg fill='%23ffffff' fill-rule='evenodd'%3E%3Cpath d='M421.915 345.457c-12.198-9.82-25.233-18.634-38.064-27.638-25.59-17.973-48.996-19.37-68.091 9.546-10.723 16.234-25.734 16.945-41.43 9.823-43.27-19.62-76.683-49.85-96.255-93.83-8.658-19.458-8.544-36.903 11.713-50.665 10.725-7.278 21.53-15.89 20.666-31.793-1.128-20.736-51.475-90.033-71.357-97.347-8.227-3.027-16.42-2.83-24.79-.017-46.62 15.678-65.93 54.019-47.437 99.417 55.17 135.442 152.26 229.732 285.91 287.282 7.62 3.277 16.085 4.587 20.371 5.763 30.428.306 66.073-29.01 76.367-58.104 9.911-27.99-11.035-39.1-27.603-52.437zM272.06 77.439c97.707 15.025 142.768 61.485 155.21 159.895 1.154 9.09-2.232 22.768 10.737 23.02 13.554.259 10.288-13.217 10.402-22.316 1.146-92.684-79.669-178.606-173.524-181.774-7.081 1.019-21.733-4.883-22.647 10.988-.609 10.7 11.727 8.942 19.822 10.187z'/%3E%3Cpath d='M291.172 104.422c-9.398-1.132-21.805-5.56-24.001 7.48-2.293 13.687 11.535 12.297 20.42 14.286 60.346 13.487 81.358 35.451 91.294 95.311 1.451 8.727-1.432 22.31 13.399 20.059 10.991-1.674 7.021-13.317 7.94-20.118.487-57.47-48.758-109.778-109.052-117.018z'/%3E%3Cpath d='M296.713 151.416c-6.273.155-12.43.834-14.736 7.538-3.463 10.02 3.822 12.409 11.237 13.6 24.755 3.974 37.783 18.571 40.256 43.257.668 6.7 4.92 12.129 11.392 11.365 8.969-1.07 9.78-9.053 9.505-16.634.443-27.734-30.904-59.79-57.654-59.126z'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.viber_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.viber_number {
  font-size: 12px;
}

.viber_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.instagram_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: rgb(228, 64, 95);
  color: rgb(255, 255, 255);
}

.instagram_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-instagram:before {
  content: "";
  background-size: contain;
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg fill='white' width='800px' height='800px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.445 5h-8.891A6.559 6.559 0 0 0 5 11.554v8.891A6.559 6.559 0 0 0 11.554 27h8.891a6.56 6.56 0 0 0 6.554-6.555v-8.891A6.557 6.557 0 0 0 20.445 5zm4.342 15.445a4.343 4.343 0 0 1-4.342 4.342h-8.891a4.341 4.341 0 0 1-4.341-4.342v-8.891a4.34 4.34 0 0 1 4.341-4.341h8.891a4.342 4.342 0 0 1 4.341 4.341l.001 8.891z'/%3E%3Cpath d='M16 10.312c-3.138 0-5.688 2.551-5.688 5.688s2.551 5.688 5.688 5.688 5.688-2.551 5.688-5.688-2.55-5.688-5.688-5.688zm0 9.163a3.475 3.475 0 1 1-.001-6.95 3.475 3.475 0 0 1 .001 6.95zM21.7 8.991a1.363 1.363 0 1 1-1.364 1.364c0-.752.51-1.364 1.364-1.364z'/%3E%3C/svg%3E");
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.instagram_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.instagram_number {
  font-size: 12px;
}

.instagram_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.vkontakte_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: #346ecb;
  color: rgb(255, 255, 255);
}

.vkontakte_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-vkontakte:before {
  content: "";
  background-size: contain;
  width: 35px;
  /* Ширина иконки */
  height: 35px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='white' width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.579 6.855c.14-.465 0-.806-.662-.806h-2.193c-.558 0-.813.295-.953.619 0 0-1.115 2.719-2.695 4.482-.51.513-.743.675-1.021.675-.139 0-.341-.162-.341-.627V6.855c0-.558-.161-.806-.626-.806H9.642c-.348 0-.558.258-.558.504 0 .528.79.65.871 2.138v3.228c0 .707-.127.836-.407.836-.743 0-2.551-2.729-3.624-5.853-.209-.607-.42-.852-.98-.852H2.752c-.627 0-.752.295-.752.619 0 .582.743 3.462 3.461 7.271 1.812 2.601 4.363 4.011 6.687 4.011 1.393 0 1.565-.313 1.565-.853v-1.966c0-.626.133-.752.574-.752.324 0 .882.164 2.183 1.417 1.486 1.486 1.732 2.153 2.567 2.153h2.192c.626 0 .939-.313.759-.931-.197-.615-.907-1.51-1.849-2.569-.512-.604-1.277-1.254-1.51-1.579-.325-.419-.231-.604 0-.976.001.001 2.672-3.761 2.95-5.04z'/%3E%3C/svg%3E");
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
}

.vkontakte_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.vkontakte_number {
  font-size: 12px;
}

.vkontakte_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.email_modal {
  align-items: center;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 60px;
  padding: 5px 5px;
  transition: background-color 0.2s ease-out, scale 0.2s ease;
  width: 100%;
  background-color: #7d95bb;
  color: rgb(255, 255, 255);
}

.email_svg {
  border-right: 1px solid;
  display: flex;
  flex-shrink: 0;
  height: 70%;
  justify-content: center;
  width: 60px;
}

.etag-font-sprite-email:before {
  content: "";
  width: 30px;
  /* Ширина иконки */
  height: 30px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='white' width='800px' height='800px' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1694.235h1920V226H0v1468.235ZM112.941 376.664V338.94H1807.06v37.723L960 1111.233l-847.059-734.57ZM1807.06 526.198v950.513l-351.134-438.89-88.32 70.475 378.353 472.998H174.042l378.353-472.998-88.32-70.475-351.134 438.89V526.198L960 1260.768l847.059-734.57Z' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
  /* Отключаем повторение фона */
}

.etag-font-sprite-site:before {
  content: "";
  width: 30px;
  /* Ширина иконки */
  height: 30px;
  /* Высота иконки */
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNODU0LjQgODAwLjljLjItLjMuNS0uNi43LS45QzkyMC42IDcyMi4xIDk2MCA2MjEuNyA5NjAgNTEycy0zOS40LTIxMC4xLTEwNC44LTI4OGMtLjItLjMtLjUtLjUtLjctLjhjLTEuMS0xLjMtMi4xLTIuNS0zLjItMy43Yy0uNC0uNS0uOC0uOS0xLjItMS40bC00LjEtNC43bC0uMS0uMWMtMS41LTEuNy0zLjEtMy40LTQuNi01LjFsLS4xLS4xYy0zLjItMy40LTYuNC02LjgtOS43LTEwLjFsLS4xLS4xbC00LjgtNC44bC0uMy0uM2MtMS41LTEuNS0zLTIuOS00LjUtNC4zYy0uNS0uNS0xLTEtMS42LTEuNWMtMS0xLTItMS45LTMtMi44Yy0uMy0uMy0uNy0uNi0xLTFDNzM2LjQgMTA5LjIgNjI5LjUgNjQgNTEyIDY0cy0yMjQuNCA0NS4yLTMwNC4zIDExOS4yYy0uMy4zLS43LjYtMSAxYy0xIC45LTIgMS45LTMgMi45Yy0uNS41LTEgMS0xLjYgMS41Yy0xLjUgMS40LTMgMi45LTQuNSA0LjNsLS4zLjNsLTQuOCA0LjhsLS4xLjFjLTMuMyAzLjMtNi41IDYuNy05LjcgMTAuMWwtLjEuMWMtMS42IDEuNy0zLjEgMy40LTQuNiA1LjFsLS4xLjFjLTEuNCAxLjUtMi44IDMuMS00LjEgNC43Yy0uNC41LS44LjktMS4yIDEuNGMtMS4xIDEuMi0yLjEgMi41LTMuMiAzLjdjLS4yLjMtLjUuNS0uNy44QzEwMy40IDMwMS45IDY0IDQwMi4zIDY0IDUxMnMzOS40IDIxMC4xIDEwNC44IDI4OGMuMi4zLjUuNi43LjlsMy4xIDMuN2MuNC41LjguOSAxLjIgMS40bDQuMSA0LjdjMCAuMS4xLjEuMS4yYzEuNSAxLjcgMyAzLjQgNC42IDVsLjEuMWMzLjIgMy40IDYuNCA2LjggOS42IDEwLjFsLjEuMWMxLjYgMS42IDMuMSAzLjIgNC43IDQuN2wuMy4zYzMuMyAzLjMgNi43IDYuNSAxMC4xIDkuNmM4MC4xIDc0IDE4NyAxMTkuMiAzMDQuNSAxMTkuMnMyMjQuNC00NS4yIDMwNC4zLTExOS4yYTMwMCAzMDAgMCAwIDAgMTAtOS42bC4zLS4zYzEuNi0xLjYgMy4yLTMuMSA0LjctNC43bC4xLS4xYzMuMy0zLjMgNi41LTYuNyA5LjYtMTAuMWwuMS0uMWMxLjUtMS43IDMuMS0zLjMgNC42LTVjMC0uMS4xLS4xLjEtLjJjMS40LTEuNSAyLjgtMy4xIDQuMS00LjdjLjQtLjUuOC0uOSAxLjItMS40YTk5IDk5IDAgMCAwIDMuMy0zLjdtNC4xLTE0Mi42Yy0xMy44IDMyLjYtMzIgNjIuOC01NC4yIDkwLjJhNDQ0LjA3IDQ0NC4wNyAwIDAgMC04MS41LTU1LjljMTEuNi00Ni45IDE4LjgtOTguNCAyMC43LTE1Mi42SDg4N2MtMyA0MC45LTEyLjYgODAuNi0yOC41IDExOC4zTTg4NyA0ODRINzQzLjVjLTEuOS01NC4yLTkuMS0xMDUuNy0yMC43LTE1Mi42YzI5LjMtMTUuNiA1Ni42LTM0LjQgODEuNS01NS45QTM3My44NiAzNzMuODYgMCAwIDEgODg3IDQ4NE02NTguMyAxNjUuNWMzOS43IDE2LjggNzUuOCA0MCAxMDcuNiA2OS4yYTM5NC43MiAzOTQuNzIgMCAwIDEtNTkuNCA0MS44Yy0xNS43LTQ1LTM1LjgtODQuMS01OS4yLTExNS40YzMuNyAxLjQgNy40IDIuOSAxMSA0LjRtLTkwLjYgNzAwLjZjLTkuMiA3LjItMTguNCAxMi43LTI3LjcgMTYuNFY2OTdhMzg5LjEgMzg5LjEgMCAwIDEgMTE1LjcgMjYuMmMtOC4zIDI0LjYtMTcuOSA0Ny4zLTI5IDY3LjhjLTE3LjQgMzIuNC0zNy44IDU4LjMtNTkgNzUuMW01OS02MzMuMWMxMSAyMC42IDIwLjcgNDMuMyAyOSA2Ny44QTM4OS4xIDM4OS4xIDAgMCAxIDU0MCAzMjdWMTQxLjZjOS4yIDMuNyAxOC41IDkuMSAyNy43IDE2LjRjMjEuMiAxNi43IDQxLjYgNDIuNiA1OSA3NU01NDAgNjQwLjlWNTQwaDE0Ny41Yy0xLjYgNDQuMi03LjEgODcuMS0xNi4zIDEyNy44bC0uMyAxLjJBNDQ1LjAyIDQ0NS4wMiAwIDAgMCA1NDAgNjQwLjltMC0xNTYuOVYzODMuMWM0NS44LTIuOCA4OS44LTEyLjUgMTMwLjktMjguMWwuMyAxLjJjOS4yIDQwLjcgMTQuNyA4My41IDE2LjMgMTI3Ljh6bS01NiA1NnYxMDAuOWMtNDUuOCAyLjgtODkuOCAxMi41LTEzMC45IDI4LjFsLS4zLTEuMmMtOS4yLTQwLjctMTQuNy04My41LTE2LjMtMTI3Ljh6bS0xNDcuNS01NmMxLjYtNDQuMiA3LjEtODcuMSAxNi4zLTEyNy44bC4zLTEuMmM0MS4xIDE1LjYgODUgMjUuMyAxMzAuOSAyOC4xVjQ4NHpNNDg0IDY5N3YxODUuNGMtOS4yLTMuNy0xOC41LTkuMS0yNy43LTE2LjRjLTIxLjItMTYuNy00MS43LTQyLjctNTkuMS03NS4xYy0xMS0yMC42LTIwLjctNDMuMy0yOS02Ny44YzM3LjItMTQuNiA3NS45LTIzLjMgMTE1LjgtMjYuMW0wLTM3MGEzODkuMSAzODkuMSAwIDAgMS0xMTUuNy0yNi4yYzguMy0yNC42IDE3LjktNDcuMyAyOS02Ny44YzE3LjQtMzIuNCAzNy44LTU4LjQgNTkuMS03NS4xYzkuMi03LjIgMTguNC0xMi43IDI3LjctMTYuNFYzMjd6TTM2NS43IDE2NS41YzMuNy0xLjUgNy4zLTMgMTEtNC40Yy0yMy40IDMxLjMtNDMuNSA3MC40LTU5LjIgMTE1LjRjLTIxLTEyLTQwLjktMjYtNTkuNC00MS44YzMxLjgtMjkuMiA2Ny45LTUyLjQgMTA3LjYtNjkuMk0xNjUuNSAzNjUuN2MxMy44LTMyLjYgMzItNjIuOCA1NC4yLTkwLjJjMjQuOSAyMS41IDUyLjIgNDAuMyA4MS41IDU1LjljLTExLjYgNDYuOS0xOC44IDk4LjQtMjAuNyAxNTIuNkgxMzdjMy00MC45IDEyLjYtODAuNiAyOC41LTExOC4zTTEzNyA1NDBoMTQzLjVjMS45IDU0LjIgOS4xIDEwNS43IDIwLjcgMTUyLjZhNDQ0LjA3IDQ0NC4wNyAwIDAgMC04MS41IDU1LjlBMzczLjg2IDM3My44NiAwIDAgMSAxMzcgNTQwbTIyOC43IDMxOC41Yy0zOS43LTE2LjgtNzUuOC00MC0xMDcuNi02OS4yYzE4LjUtMTUuOCAzOC40LTI5LjcgNTkuNC00MS44YzE1LjcgNDUgMzUuOCA4NC4xIDU5LjIgMTE1LjRjLTMuNy0xLjQtNy40LTIuOS0xMS00LjRtMjkyLjYgMGMtMy43IDEuNS03LjMgMy0xMSA0LjRjMjMuNC0zMS4zIDQzLjUtNzAuNCA1OS4yLTExNS40YzIxIDEyIDQwLjkgMjYgNTkuNCA0MS44YTM3My44MSAzNzMuODEgMCAwIDEtMTA3LjYgNjkuMiIvPjwvc3ZnPg==");
  background-size: 35px 35px;
  background-size: contain;
  background-position: center;
  /* Выравнивание фона по центру */
  background-repeat: no-repeat;
  /* Отключаем повторение фона */
}

.email_content {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-right: 40px;
  overflow: hidden;
}

.email_number {
  font-size: 12px;
}

.email_lable {
  font-size: 15px;
  font-weight: 600;
  margin-top: 3px;
}

.overlay_user {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Прозрачный черный цвет */
  z-index: 999;
  /* Помещаем подложку поверх всего остального контента */
}

.modal-content-user {
  text-align: center;
  position: absolute;
  top: 60px;
  /* Учитывая отступ сверху */
  right: calc((100% - 1270px) / 2 + 15px);
  /* Рассчитываем правый отступ */
  border: 1px solid #e8e8f1;
  border-radius: 13px;
  overflow: hidden;
  background-color: #030026;
  transition: all 0.32s linear;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  z-index: 1000 !important;
  /* Помещаем модальное окно над подложкой */
  padding: 20px;
  color: #fff;
}

.modal-content-user p {
  color: #fff;
}

@media (max-width: 1250px) {
  .modal-content-user {
    right: 15px;
  }
}

.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
}

.close {
  position: absolute;
  top: 3px;
  right: 13px;
  cursor: pointer;
}

body.admin-bar header {
  top: 32px;
  /* Сдвигаем заголовок на высоту админбара */
}

.persons__img label {
  margin-bottom: 20px;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal_sort {
  position: absolute;
  top: 24px;
  right: 0px;
  width: 300px;
  border: 1px solid #e8e8f1;
  border-radius: 33px;
  overflow: hidden;
  background-color: #030026;
  transition: all 0.32s linear;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  z-index: 1000 !important;
  /* Помещаем модальное окно над подложкой */
  padding: 20px;
}

@media (max-width: 1250px) {}

.close_sort {
  position: absolute;
  top: 3px;
  right: 13px;
  cursor: pointer;
}

#openModal_sort:after {
  color: #ed760e;
  /* Цвет для добавленных фраз */
}

.overlay_sort {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Прозрачный черный цвет */
  z-index: 999;
  /* Помещаем подложку поверх всего остального контента */
}

.button-container {
  display: inline-block;
}

.timer-display {
  margin-top: 20px;
  color: #fff;
}

#loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #030026;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loader {
  border: 8px solid #f3f3f3;
  /* Цвет кольца */
  border-top: 8px solid #fff205;
  /* Синий цвет */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#phone_number_call {
  margin-bottom: 20px;
  margin-right: 12px;
  width: 100%;
}

#email {
  margin-bottom: 20px;
  margin-right: 12px;
  width: 100%;
}

#password_email {
  margin-right: 12px;
  width: 100%;
  margin-bottom: 20px;
}

#email_password {
  margin-right: 12px;
  width: 100%;
  margin-bottom: 20px;
}

#send-sms-email-password {
  margin-top: 20px;
  margin-right: 12px;
  width: 100%;
}

.login__message_call {
  margin-bottom: 0;
  transition: all 0.32s linear;
  position: relative;
  z-index: 10;
}

/* Стили табов для формы звонка и почты */
/* Скрыть содержимое всех вкладок, кроме первой */
/* .tabcontent {
  display: none;
} */
/* Оформление кнопок табов */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 15px;
  transition: 0.3s;
}

/* Отобразить содержимое активной вкладки */
#emailForm.active,
#phoneForm.active {
  display: block;
}

#login_code {
  width: 100%;
}

.adlibis-login.login-wrapper {
  margin-top: 100px;
}

.login .login-wrapper {
  background: var(--bg);
  border: 2px solid #fff205;
  border-radius: 33px;
  color: #fff;
}

.login .login-field-row-label,
.login .field {
  color: #fff;
}

.btn-border {
  background: var(--bg);
}

div#otp-field {
  margin-bottom: 2em;
}