/* Reset and defaults */

:root {
  --basesize: 16px;
  --baseline: 24px;
  --quarter: calc(var(--baseline) / 4);
  --half: calc(var(--baseline) / 2);
  --double: calc(var(--baseline) * 2);
  --triple: calc(var(--baseline) * 3);
  --quadruple: calc(var(--baseline) * 4);
  --systemfont: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
  --basefont: var(--systemfont);
}

@font-face {
  font-family: "Mont";
  src: url("../fonts/Mont-SemiBold.woff2") format("woff2"),
    url("../fonts/Mont-SemiBold.woff2") format("woff");
  font-weight: 600;
  font-style: normal;
}
.info-alarm {
  font-family: "Mont";
  font-weight: 600;
  color: #ffffff;
  position: relative;
  padding-left: 30px;
  width: fit-content;
  margin: 0 auto;
}
.info-alarm::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 17px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 0C9.87466 0 10.9973 1.1157 11.066 2.51476C13.466 3.55962 15.0812 5.99764 15.0812 8.76033V12.5679C16.158 12.6505 17.0057 13.5773 17.0057 14.7107C17.0057 15.8973 16.0721 16.8595 14.9151 16.8595H2.09063C0.933625 16.8595 0 15.8973 0 14.7107C0 13.5832 0.847709 12.6505 1.92453 12.5679V8.76033C1.92453 5.99764 3.53976 3.55962 5.93969 2.51476C6.0027 1.1157 7.12534 0 8.5 0ZM6.98214 3.87839C4.94306 4.55136 3.5283 6.51712 3.5283 8.76033V12.7273C3.5283 13.5478 2.88106 14.2149 2.08491 14.2149C1.82143 14.2149 1.60377 14.4392 1.60377 14.7107C1.60377 14.9823 1.82143 15.2066 2.09063 15.2066H14.9151C15.1843 15.2066 15.402 14.9823 15.402 14.7107C15.402 14.4392 15.1843 14.2149 14.9208 14.2149C14.1247 14.2149 13.4774 13.5478 13.4774 12.7273V8.76033C13.4774 6.51712 12.0684 4.55136 10.0236 3.87839L9.46799 3.6954V2.64463C9.46799 2.10153 9.03841 1.65289 8.50573 1.65289C7.97305 1.65289 7.54346 2.09563 7.54346 2.64463V3.7013L6.98214 3.87839ZM5.45283 16.8595H7.0566C7.0566 17.68 7.70384 18.3471 8.5 18.3471C9.29616 18.3471 9.9434 17.68 9.9434 16.8595H11.5472C11.5472 18.595 10.184 20 8.5 20C6.81604 20 5.45283 18.595 5.45283 16.8595Z' fill='white'/%3E%3C/svg%3E%0A");
}
.info-alarm::after {
  content: "";
  width: 11px;
  position: absolute;
  height: 11px;
  left: 8px;
  top: 1px;
  background: url("../media/circle.png");
}
.sticky {
  position: fixed;
  top: 0;
}
html,
body {
  overflow-x: hidden;
}

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  cursor: default;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--basefont);
  font-size: var(--basesize);
}

@media (max-width: 768px) {
  body {
    font-size: calc(14px + (16 - 14) * (100vw - 375px) / (768 - 375));
  }
}

button,
input,
select,
table,
textarea {
  font-family: inherit;
  font-size: inherit;
}

body,
table,
textarea {
  line-height: 1.5;
}

h1,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1;
}

h2 {
  font-weight: normal;
  /*font-size: 1.5rem;*/
  line-height: 1;
}

a:any-link {
  color: var(--link-color, currentColor);
  text-decoration: none;
}

a:hover.u,
.u a:hover,
a.U,
.U a {
  text-decoration-thickness: from-font;
  text-decoration-color: var(--line-color, currentColor);
  text-decoration-line: underline;
}

a:hover.U,
.U a:hover {
  text-decoration: none;
}

b,
strong {
  font-weight: bolder;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6,
* + .§§ {
  margin-top: var(--double);
}

h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + h5,
h5 + h6,
* + p,
* + .§,
* + hr,
* + ol,
* + ul,
* + dl,
* + table,
* + figure,
* + details,
* + form,
* + pre,
* + address,
* + blockquote,
* + iframe {
  margin-top: var(--baseline);
}

.z * + *,
.∨ + *,
* + .∧ {
  margin-top: 0;
}

img,
svg,
canvas {
  display: block;
}

img,
svg,
canvas,
audio,
video,
input,
button,
select,
table,
textarea {
  max-width: 100%;
}

sub,
sup {
  font-size: 68.75%;
}

sub,
sup,
button,
input,
small,
code,
kbd,
samp {
  line-height: 1;
}

hr {
  border: none;
  height: var(--baseline);
  background: var(--hr-line, linear-gradient(90deg, lightgray, lightgray))
    no-repeat left 50% / 100% 1px;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

caption {
  padding: var(--half);
}

ol,
ul {
  list-style-position: inside;
  list-style-type: none;
  padding: 0;
}

ul.m,
ol.m,
.m ul,
.m ol {
  list-style-type: revert;
}

dd,
li li {
  margin-left: var(--baseline);
}

dd + dt {
  margin-top: var(--half);
}

progress {
  width: 100%;
}

main,
header,
section {
  display: block;
}

address {
  font-style: normal;
}

:not(.∨) + .§¼ {
  margin-top: var(--quarter);
}
:not(.∨) + .§½ {
  margin-top: var(--half);
}
:not(.∨) + .§2 {
  margin-top: var(--double);
}
:not(.∨) + .§3 {
  margin-top: var(--triple);
}
:not(.∨) + .§4 {
  margin-top: var(--quadruple);
}

@media (max-width: 1440px) {
  :not(.∨) + .§2 {
    margin-top: calc(23px + (48 - 23) * (100vw - 786px) / (1440 - 786));
  }
}
@media (max-width: 786px) {
  :not(.∨) + .§2 {
    margin-bottom: calc(0px + (23 - 0) * (100vw - 375px) / (786 - 375));
    margin-top: calc(23px + (44 - 23) * (100vw - 375px) / (768 - 375));
  }
}

/* * */

summary::-webkit-details-marker {
  display: none;
}

/* Dialogs */

dialog + .backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

._dialog_overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

dialog:not([open]) {
  display: none;
}

dialog[open] {
  display: block;
}

.-modal {
  overflow: visible;
  border: none;
  max-width: 100vw;
  max-height: 100vh;
  scrollbar-width: thin;
  background-color: #fff;
  color: #222;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.-modal::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.-modal.covered {
  opacity: 0;
}

.-modal.covered::backdrop {
  background: rgba(0, 0, 0, 0);
}

@supports not (scrollbar-width: thin) {
  .-modal::-webkit-scrollbar,
  .-modal ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .-modal::-webkit-scrollbar-thumb,
  .-modal ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 9px;
  }

  .-modal::-webkit-scrollbar-corner,
  .-modal ::-webkit-scrollbar-corner {
    display: none;
  }
}

/* At center */

.-modal.center {
  width: 640px;
}

.-modal.center > header,
.-modal.center > div {
  padding: 12px;
}

.-modal.center > header {
  background: linear-gradient(90deg, #269, #36c);
  background-color: #1d1d1b;
  color: #fff;
  font-weight: bolder;
}

.-modal.center > div {
  overflow: auto;
  max-height: 50vh; /*ie*/
  max-height: calc(100vh - var(--h, 0px));
}

/* At left */

.-modal.left {
  width: 640px;
  top: 0;
  left: 0;
  transform: translate(0, 0);
}

.-modal.left > header,
.-modal.left > div {
  padding: 12px;
}

.-modal.left > header {
  font-weight: bolder;
  color: #fff;
  background: linear-gradient(90deg, #269, #36c);
} /*#0f495c, #008464*/

.-modal.left > div {
  overflow: auto;
  max-height: 50vh; /*ie*/
  max-height: calc(100vh - var(--h, 0px));
  height: 100vh;
}

/* At right */

.-modal.right {
  width: 640px;
  top: 0;
  left: auto;
  right: 0;
  transform: translate(0, 0);
}

.-modal.right > header,
.-modal.right > div {
  padding: 12px;
}

.-modal.right > header {
  color: #000;
  background-color: #fff;
  /*background: linear-gradient(90deg, #269, #36c);*/
}

.-modal.right > div {
  overflow: auto;
  max-height: 50vh; /*ie*/
  max-height: calc(100vh - var(--h, 0px));
  height: 100vh;
}

/* Appears */

@media (prefers-reduced-motion: no-preference) {
  .-modal[open].center {
    animation: appear-1 300ms;
  }

  @keyframes appear-1 {
    from {
      transform: translate(-50%, -50%) scale(0.9);
      opacity: 0;
    }
  }

  .-modal[open].left {
    animation: appear-2 300ms;
  }

  @keyframes appear-2 {
    from {
      transform: translateX(-50%);
      opacity: 0;
    }
  }

  .-modal[open].right {
    animation: appear-3 300ms;
  }

  @keyframes appear-3 {
    from {
      transform: translateX(50%);
      opacity: 0;
    }
  }
}

/* Close button */

.-modal > button[data-close] {
  border: none;
  border-radius: 0;
  background: none;
  position: absolute;
  right: 12px;
  top: 12px;
  filter: drop-shadow(0 0 3px #0001);
  cursor: pointer;
  outline-width: 1px;
}

.-modal > button[data-close]:focus {
  outline-width: thin;
  outline-style: dotted;
}

.-modal > button[data-close] img {
  display: block;
  width: 18px;
  height: 18px;
  user-select: none;
}

.-modal > button[data-close] + header {
  padding-right: 48px;
}

/*
@media (min-width: 736px)
{
.-modal > button[data-close]
{ right: -36px; }
}
*/

.-modal#REQ > div,
.-modal#MENU > div {
  outline: none;
}

.-modal#MENU {
  width: 400px;
}

.-modal#MENU > header {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  box-shadow: 0 -1px 0 0px #ccc inset;
}

.-modal#MENU > header .logo img {
  width: 156px;
  height: auto;
}

.-modal#MENU > header button {
  flex: 0 0 45px;
  --bg: transparent;
  --bg-a: lightgray;
}

.-modal#MENU > header button img {
  transform: scale(1.8666666);
}

.-modal#MENU > footer {
  display: flex;
  gap: 12px;
  padding: 20px 12px;
  background-color: #231f20;
}

.-modal#MENU > footer img {
  width: 24px;
  height: 24px;
}

.-modal#MENU > footer a:hover img {
  opacity: 0.5;
}

.-modal#MENU > div {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f6f7f9;
}

.-modal#MENU ul.menu-list {
  font-weight: bold;
  font-size: 15px;
  background-color: #fff;
  margin: -20px -12px 0 -12px;
  padding: 20px 12px 20px 12px;
}

.-modal#MENU > div > * + *,
.-modal#MENU ul.menu-list > * + * {
  margin-top: 24px;
}

.-modal#MENU .info .k {
  font-size: 14px;
  color: #999;
}

.-modal#MENU .info .v {
  font-weight: bold;
  color: #231f20;
}

.-modal#MENU .btns {
  display: flex;
  gap: 12px;
  flex: 0 1 220px;
}

.-modal#MENU .btns .-bt {
  flex: 0 1 220px;
}

.-modal#REQ .fl {
  display: flex;
  flex-direction: column-reverse;
}

.-modal#REQ > div {
  margin-top: 32px;
  margin-bottom: 32px;
}

.-modal#REQ h2 {
  font-size: 20px;
  margin-top: 24px;
  text-align: center;
}

.-modal#REQ img {
  margin-left: auto;
  margin-right: auto;
}

.-modal#REQ [data-response] {
  margin-top: 24px;
  text-align: center;
}

.-modal#REQ .failure,
.-modal#REQ .success {
  display: none;
}

.-modal#REQ .-success ~ .success,
.-modal#REQ .-failure ~ .failure {
  display: block;
}

/* Common */

:root {
  --basefont: "Manrope", var(--systemfont);
  --headfont: "Manrope", var(--basefont);
  --c1: #ed1b2f;
}

:root {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1,
h2 {
  --font-size: 42px;
}

@media (max-width: 1920px) {
  h1 {
    font-size: 42px;
    font-size: calc(24px + (42 - 24) * (100vw - 720px) / (1920 - 720));
    line-height: calc(32px + (42 - 32) * (100vw - 375px) / (1920 - 375));
  }

  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 24px;
  }
}

@media (max-width: 720px) {
  h1 {
    font-size: calc(18px + (24 - 18) * (100vw - 375px) / (720 - 375));
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 375px) {
  h1 {
    font-size: 30px;
  }
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@media (max-width: 768px) {
  .-outer {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
  }
}

.-outer-footer {
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .-outer-footer {
    padding-bottom: calc(40px + (100 - 40) * (100vw - 375px) / (768 - 375));
  }
}

.-inner {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
}

.-spacer {
  margin: auto;
}

.-center {
  text-align: center;
}

.-rel {
  position: relative;
}

.-clrfix::after {
  content: "";
  clear: both;
  display: table;
}

[class*="-scroll-locked"] {
  overflow: hidden;
}

[hidden],
dialog:not([open]) {
  display: none;
}

[disabled] {
  pointer-events: none;
}

.-two {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--half) var(--baseline);
}

.-two > * {
  min-width: 0;
  flex: 0 1 auto;
}

* + .-two {
  margin-top: var(--baseline);
}

/*** Headers ***/

.h1 {
  font-family: var(--headfont);
  --font-size: 48px;
}

.h2 {
  font-family: var(--headfont);
  --font-size: 42px;
}

/*** Buttons ***/

a.-bt,
span.-bt,
button.-bt {
  display: inline-flex;
  gap: 0.5em;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: none;
  border-radius: 6px;
  background: var(--bg, darkcyan);
  color: var(--fg, white);
  padding: 15px;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
}

a.-bt:hover,
a.-bt:focus,
span.-bt:focus,
button.-bt:hover,
button.-bt:focus {
  outline: none;
  cursor: pointer;
  text-decoration: none;
  background: var(--bg-a, darkgreen);
  color: var(--fg-a, white);
}

.-bt img {
  width: 1em;
  height: 1em;
  transform: scale(1.5);
}

.-bt.red {
  --bg: var(--c1);
  --bg-a: #1d1d1b;
}

.-bt.gray {
  --bg: #e9edf1;
  --fg: #1d1d1b;
  --bg-a: var(--c1);
}

.-bt.black {
  --bg: #231f20;
  --fg: #fff;
  --bg-a: var(--c1);
}

.-bt.white {
  --bg: #fff;
  --fg: #000;
  --bg-a: var(--c1);
}

@media (prefers-reduced-motion: no-preference) {
  a.-bt,
  span.-bt,
  button.-bt {
    transition-property: color, background-color;
    transition-duration: 300ms;
  }
}

/*** Flying input name ***/

.-x {
  position: relative;
}

.-x div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: gray;
  user-select: none;
  pointer-events: none;
}

.-x:focus-within div,
.-x.filled div {
  top: -1.5em;
  color: gray;
  font-size: 0.8em;
}

@media (prefers-reduced-motion: no-preference) {
  .-x div {
    transition-property: color, font, top;
    transition-duration: 300ms;
  }
}

/*** Menu ***/

.-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 0 12px #0003;
  position: relative;
}

.-menu .fl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.-menu .logo img {
  width: 96px;
  height: auto;
}

@media (max-width: 320px) {
  .-menu .logo img {
    min-height: 45px;
  }
}
.-menu .info .k {
  font-size: 13px;
  color: #999;
}

@media (max-width: 1440px) {
  .-menu .info .k {
    font-size: calc(11px + (14 - 11) * (100vw - 1076px) / (1440 - 1076));
  }
}

@media (max-width: 1076px) {
  .-menu .info .k {
    font-size: 11px;
  }
}

.-menu .info .v {
  font-weight: bold;
  color: #231f20;
}

.-menu .btns {
  display: flex;
  gap: 12px;
  flex: 0 1 147px;
}

.-menu .btns .-bt {
  flex: 0 1 220px;
}

/*** Submenu ***/

.-submenu {
  background-color: #231f20;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.burger_line {
  position: relative;
  width: 30px;
  height: 2px;
  background: #000;
  transition: all 0.5s ease;
}

.rotate_line_1 {
  transform: rotateZ(40deg);
  top: 9px;
  animation: rotateUp 0.7s ease;
}

@keyframes rotateUp {
  from {
    top: 0;
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(220deg);
    top: 9px;
  }
}

.trans_line_2 {
  /*transform: translateX(150vw);*/
  transform: translateX(0vw);
  bottom: 1px;
  transform: rotateZ(360deg);
  width: 0px;
}

.trans_line_2_2 {
  /*transform: translateX(150vw);*/
  transform: translateX(0vw);
  bottom: 1px;
  transform: rotateZ(90deg);
  width: 20px;
}

.rotate_line_3 {
  transform: rotateZ(-40deg);
  bottom: 9.6px;
  animation: rotateDown 0.7s ease;
}

@keyframes rotateDown {
  from {
    bottom: 0;
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(-220deg);
    bottom: 9.6px;
  }
}

.menu {
  position: absolute;
  z-index: 5;
  padding: 0px 0 0px 80px;
  padding-left: 0;
  top: 90px;
  width: 183vw;
  background: #fff;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.6s ease;
  transform: translateX(0%);
  animation: trans 0.7s ease;
}

@keyframes trans {
  from {
    transform: translateX(150%);
  }
  to {
    transform: translateX(0%);
  }
}

@media (max-width: 1059px) {
  .menu {
    top: 66px;
    /*height: calc( 210px + (405 - 210) * (100vw - 1059px) / (375 - 1059) );*/
  }
}
@media (max-width: 375px) {
  .menu {
    top: 66px;
  }
}

.menu-toggler {
  display: none;
}
.menu_translate {
  transform: translateX(150%);
  animation: -trans 0.7s ease;
}

@keyframes -trans {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(150%);
  }
}

.menu__item {
  width: 100%;
  margin-top: 30px;
  text-align: left;
  transition: all 0.5s ease;
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

.menu__item:hover {
  /*font-size: 16px;*/
  letter-spacing: 1px;
  word-spacing: 1px;
  /*border-bottom: 1px solid #fff;*/
}

@media (max-height: 840px) {
  .menu__item {
    margin-top: 20px;
  }
}
@media (max-height: 730px) {
  .menu__item {
    margin-top: 15px;
  }
}
@media (max-height: 615px) {
  .menu__item {
    margin-top: 10px;
  }
}
/*@media (max-width: 459px) {
  .menu__item {
    margin-top: 30px;
  }
}*/

@media (max-width: 459px) and (max-height: 800px) {
  .menu__item {
    margin-top: 20px;
  }
}
@media (max-width: 459px) and (max-height: 680px) {
  .menu__item {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  /*  .menu__item {
    margin-top: calc( 15px + (30 - 15) * (100vw - 768px) / (375 - 768) );
  }*/
}

.menu__item:first-child {
  margin-top: 0;
}

.menu__link {
  font-weight: bold;
  font-size: 18px;
  color: #000 !important;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}

.menu__item:hover > .menu__link {
  /*font-size: 16px;*/
  letter-spacing: 1px;
  word-spacing: 1px;
  border-bottom: 1px solid #fff;
}
.-submenu ul {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 auto;
  width: 100%;
}

.-submenu a {
  display: inline-block;
}

.-menu .burger {
  position: relative;
  top: 5px;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

/*** Mobile menu ***/

@media (min-width: 1060px) {
  .-menu .burger {
    display: none;
  }
}

@media (max-width: 1076px) {
  .-menu .info {
    display: none;
  }
}
@media (max-width: 1059px) {
  .-submenu {
    display: none;
  }

  .-menu .btns {
    flex: 0 1 auto;
  }

  .-menu .-bt.burger {
    flex: 0 0 45px;
    --bg: transparent;
    /*--bg-a: lightgray;*/
  }

  .-menu .-bt.burger img {
    transform: scale(1.8666666);
  }
}

@media (max-width: 459px) {
  .-menu .-bt:not(.burger) {
    display: none;
    width: 223px;
  }
}

/*** Intro, Download app ***/

.-intro {
  background-color: #fee8f1;
}

.-intro .-swiper {
  position: relative;
}

.-intro .-swiper .pagi {
  position: absolute;
  top: 48px;
  width: 1230px;
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 28px;
  z-index: 1;
}

@media (max-width: 1440px) {
  .-intro .-swiper .pagi {
    left: 714px;
    left: calc(573px + (714 - 573) * (100vw - 1024px) / (1440 - 1024));
  }
}
@media (max-width: 1024px) {
  .-intro .-swiper .pagi {
    left: 573px;
    left: calc(523px + (573 - 523) * (100vw - 921px) / (1024 - 921));
  }
}
@media (max-width: 921px) {
  .-intro .-swiper .pagi {
    left: 523px;
    left: calc(424px + (523 - 424) * (100vw - 768px) / (921 - 768));
  }
}
@media (max-width: 768px) {
  .-intro .-swiper .pagi {
    left: 424px;
    left: calc(197px + (424 - 197) * (100vw - 375px) / (768 - 375));
    top: calc(9px + (48 - 9) * (100vw - 375px) / (768 - 375));
  }
}
@media (max-width: 375px) {
  .-intro .-swiper .pagi {
    left: 197px;
  }
}
@media (max-width: 374px) {
  .-intro .-swiper .pagi {
    left: 53vw;
    top: 2vh;
  }
}

.-intro .-swiper .pagi .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 28px;
  --swiper-pagination-bullet-height: 28px;
  --swiper-pagination-color: linear-gradient(90deg, #fea386, #fe7c6c);
  --swiper-pagination-bullet-inactive-color: #fe7c6c;
  border: 2px solid #fff;
}

.-intro .swiper-slide .-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  min-height: 600px;
}

@media (max-width: 1440px) {
  .-intro .swiper-slide .-inner {
  }
}
@media (max-width: 1060px) {
  .-intro .swiper-slide .-inner {
    gap: unset;
  }
}

@media (max-width: 920px) {
  .-intro .swiper-slide .-inner {
    flex-direction: column;
    justify-content: center;
  }
}

.-intro .swiper-slide .-inner .cont {
  flex: 1 1 320px;
  align-self: center;
  padding: 24px 0;
}

.-intro .swiper-slide .-inner .cont h2 {
  font-size: 42px;
}
@media (max-width: 1920px) {
  .-intro .swiper-slide .-inner .cont h2 {
    font-size: calc(24px + (42 - 24) * (100vw - 375px) / (1920 - 375));
  }
}

@media (max-width: 375px) {
  .-intro .swiper-slide .-inner .cont h2 {
    font-size: 24px;
  }
}

.-intro .swiper-slide .-inner .pict {
  flex: 1 1 320px;
  align-self: flex-end;
}

@media (max-width: 920px) {
  .-intro .swiper-slide .-inner .pict {
    align-self: unset;
    padding-top: 40px;
  }
}

@media (max-width: 1152px) {
  .-intro .swiper-slide .-inner .cont {
    padding-top: 120px;
  }
}

@media (min-width: 1153px) {
  .-intro .swiper-slide .-inner .cont {
    padding: 120px 0;
  }
}

@media (max-width: 920px) {
  .-intro .swiper-slide .-inner .cont {
    padding-top: calc(60px + (100 - 60) * (100vw - 375px) / (920 - 375));
  }
}
@media (max-width: 375px) {
  .-intro .swiper-slide .-inner .cont {
    padding-top: 60px;
  }
}

.-district-info li {
}

.-intro ul,
.-download-app ul {
  font-size: 18px;
}

@media (max-width: 768px) {
  .-intro ul {
    font-size: calc(15px + (18 - 15) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .-intro ul {
    font-size: 15px;
  }
}

.-intro ul li::before,
.-download-app ul li::before,
.-en ul li::before {
  content: "✔";
  font-weight: bold;
  margin-inline-end: 9px;
}

.-intro ul li::before,
.-en ul li::before {
  color: red;
}

.-en ul li,
.-en ul {
  padding: 5px 0;
}
.-download-app ul li::before {
  color: inherit;
}

.-intro .link,
.-download-app .link {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px 24px;
}

@media (max-width: 425px) {
  .-intro .link {
    gap: 12px calc(5px + (24 - 5) * (100vw - 375px) / (425 - 375));
  }
}
@media (max-width: 375px) {
  .-intro .link {
    gap: 12px 5px;
  }
}

.-intro .link a img,
.-download-app .link a img {
  width: auto;
  height: 48px;
}

.-intro .link a:hover img,
.-download-app .link a:hover img {
  opacity: 0.7;
}

.-intro .pict img {
  margin: auto;
}

.-intro .swiper-slide a,
.-intro .swiper-slide button {
  transition-property: visibility, opacity;
  transition-duration: 300ms;
}

.-intro .swiper-slide:not(.swiper-slide-active) a,
.-intro .swiper-slide:not(.swiper-slide-active) button {
  visibility: hidden;
  opacity: 0;
}

/*** Download app ***/

.-download-app {
  /*background:
    var(--url-1, none) no-repeat calc(50% - 900px) bottom,
    var(--url-2, none) no-repeat calc(50% + 90px) bottom;*/
  background: var(--url-1, none) no-repeat calc(50% - 900px) bottom,
    var(--url-2, none) no-repeat
      calc(50% + calc(270px + (340 - 270) * (100vw - 1440px) / (1920 - 1440)))
      bottom;
  background-size: 570px;
}

@media (max-width: 1440px) {
  .-download-app {
    background: var(--url-1, none) no-repeat calc(50% - 900px) bottom,
      var(--url-2, none) no-repeat
        calc(50% + calc(190px + (270 - 190) * (100vw - 768px) / (1440 - 768)))
        bottom;
    background-size: calc(400px + (570 - 400) * (100vw - 768px) / (1440 - 768));
  }
}

@media (max-width: 768px) {
  .-download-app {
    background: var(--url-1, none) no-repeat calc(50% - 900px) bottom,
      var(--url-2, none) no-repeat
        calc(50% + calc(90px + (190 - 90) * (100vw - 375px) / (768 - 375)))
        bottom;
    background-size: 400px;
    background-position-y: calc(
      150px + (300 - 150) * (100vw - 768px) / (375 - 768)
    );
    height: calc(480px + (18 - 480) * (100vw - 768px) / (375 - 768));
  }
}

@media (max-width: 375px) {
  .-download-app {
    background: var(--url-2, none) no-repeat;
    background-position-y: 300px;
    background-position-x: calc(50% + 5px);
    height: 600px;
  }
}

.-download-app {
  background-color: #ff6460;
  color: #fff;
  padding-top: var(--quadruple);
  padding-bottom: var(--quadruple);
}

.-download-app * + li {
  margin-top: var(--half);
}

@media (max-width: 1440px) {
  .-download-app ul {
    font-size: calc(15px + (18 - 15) * (100vw - 375px) / (1440 - 375));
  }
}

@media (max-width: 768px) {
  .-download-app h2 br {
    display: none;
  }
}

.-download-app h2 {
  font-size: 42px;
}

@media (max-width: 1440px) {
  .-download-app h2 {
    font-size: calc(24px + (42 - 24) * (100vw - 720px) / (1440 - 720));
  }
}

@media (max-width: 720px) {
  .-download-app h2 {
    font-size: calc(20px + (24 - 20) * (100vw - 375px) / (768 - 375));
  }
}
@media (max-width: 375px) {
  .-download-app h2 {
    font-size: 20px;
  }

  .-download-app ul {
    font-size: 15px;
  }
}

/*** Comfort ***/

.-comfort .fl {
  display: flex;
  flex-wrap: wrap;
  border-radius: 12px;
  overflow: hidden;
}

.-comfort .-inner {
}
.-comfort .fl .info {
  min-width: 0;
  flex: 1000000 1 320px;
  padding: 24px;
  background: var(--url-1, none) no-repeat center bottom -55px;
  background-color: #f5f7f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.-comfort .fl .info .b-2 {
  flex: 0 1 120px;
}

@media (max-width: 1112px) {
  .-comfort .fl .info .b-2 {
    display: none;
  }
}

.-comfort .fl .info p {
  font-size: 15px;
}

.-comfort .fl .pict {
  min-width: 0;
  flex: 1 1 680px;
}

.-comfort .fl .pict img {
  width: 100%;
}

.-comfort ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width: 480px) {
  .-comfort ul {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

.-comfort ul li {
  display: flex;
  gap: 12px;
  align-items: center;
  background-color: #d4e2e8;
  border-radius: 12px;
  padding: 24px 20px;
}

.-comfort ul span {
  display: block;
}

.-comfort ul div > span:first-child {
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .-comfort ul div > span:first-child {
    font-size: calc(20px + (24 - 20) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .-comfort ul div > span:first-child {
    font-size: 20px;
  }
}

/*** Service ***/

.-service {
  padding-top: var(--quadruple);
  padding-bottom: var(--quadruple);
  background-color: #f5f7f9;
}

.-service .-inner {
}

.-service ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px 24px;
}

@media (min-width: 480px) {
  .-service ul {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }

  .-service ul .h {
    font-size: 21px;
  }
}

@media (max-width: 768px) {
  .-service ul .h {
    font-size: calc(
      18px + (21 - 18) * (100vw - 375px) / (768 - 375)
    ) !important;
  }
}

.-service ul li,
.-service ul li a {
  background-color: white;
  border-radius: 12px;
  min-width: 0;
}

.-service ul li a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 28px;
  background: var(--url-1, none) no-repeat right bottom;
  min-height: 290px;
  transition: box-shadow 300ms;
}

.-service ul li a:hover {
  box-shadow: 0 0 12px #0003;
}

.-service ul .h {
  font-weight: bold;
  max-width: 240px;
}

.-service ul .bt {
  display: inline-block;
  color: #231f20;
  background-color: #e9eff3;
  border-radius: 6px;
  padding: 12px 24px;
}

/*** District ***/

.-district ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px 24px;
}

.-district ul > * {
  min-width: 0;
}

@media (min-width: 480px) {
  .-district ul {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  }
}

.-district .pict img {
  width: 100%;
  border-radius: 6px;
}

.-district .h {
  margin-top: 12px;
  font-weight: bold;
  font-size: 21px;
  line-height: 20px;
}

@media (max-width: 768px) {
  .-district .h {
    margin-top: calc(12px + (25 - 12) * (100vw - 768px) / (375 - 768));
  }
}

.-district .station {
  margin-top: 6px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.-district .station::before {
  content: "м";
  display: inline-block;
  text-align: center;
  padding-bottom: 3px;
  width: 16px;
  height: 16px;
  color: white;
  background-color: var(--s-color, red);
  border-radius: 24px;
  margin-inline-end: 9px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.-district .home {
  margin: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.-district .home span {
  font-size: 14px;
}

.-district .home img {
  width: 16px;
  height: 16px;
}

.-district ul a {
  display: block;
}

.-district ul a img {
  transition: transform 300ms;
}

.-district ul a:hover img {
  transform: scale(1.025);
}

/*** District map ***/

.-district-map {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

.-district-map .map {
  position: absolute;
  width: 100%;
  height: 100%;
}

@media (min-width: 700px) {
  .-district-map {
    padding-bottom: 50%;
  }
}

@media (min-width: 1200px) {
  .-district-map {
    padding-bottom: 38%;
  }
}

.-district-map .list {
  display: none;
  position: absolute;
  top: 48px;
  left: 48px;
  bottom: 48px;
  width: 380px;
  background-color: #fff;
  border-radius: 9px;
  box-shadow: 0 0 0 1px #dedede inset;
  overflow: auto;
  scrollbar-width: thin;
}

@media (min-width: 1326px) {
  .-district-map .list {
    display: block;
    left: calc(50% - 1230px / 2);
  }
}

@supports not (scrollbar-width: thin) {
  .-district-map .list::-webkit-scrollbar,
  .-district-map .list ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .-district-map .list::-webkit-scrollbar-thumb,
  .-district-map .list ::-webkit-scrollbar-thumb {
    background-color: #d4e2e8;
  }

  .-district-map .list::-webkit-scrollbar-corner,
  .-district-map .list ::-webkit-scrollbar-corner {
    display: none;
  }
}

.-district-map .list ul > * + * {
  border-top: solid 1px #dedede;
}

.-district-map .list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 24px;
}

.-district-map .list a:hover,
.-district-map .list a:focus {
  background-color: #f9f9f9;
}

.-district-map .list .pict {
  flex: 0 0 80px;
}

.-district-map .list .pict img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.-district-map .list .name {
  font-size: 18px;
  font-weight: bold;
}

.-district-map .list .desc {
  font-size: 13px;
}

/*** District info ***/

.-district-info li {
  display: flex;
  /*align-items: center;*/
  align-items: flex-end;
  gap: 12px;
}

.-district-info * + li {
  /*margin-top: var(--baseline);*/
}

.-district-info p {
  font-size: 15px;
  line-height: 1.75;
}

.-district-info li .i {
  flex: 0 0 41px;
}

.-district-info li .i img {
  width: 41px;
  height: 41px;
}

.-district-info li .k {
  color: #878786;
  font-size: 15px;
}

.-district-info li .v {
  color: #231f20;
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .-district-info li .v {
    font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375));
  }
}
@media (max-width: 425px) {
  .-district-info li .v {
    max-width: 240px;
  }
}

.-district-info .fl {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.-district-info .fl > * {
  min-width: 0;
  flex: 1 1 420px;
}

.-district-info .fl .bigpic {
  width: 100%;
  aspect-ratio: 600 / 380;
  object-fit: cover;
  border-radius: 12px;
}

.-district-info .map-wr {
  position: relative;
  padding-bottom: 75%;
}

.-district-info .map {
  position: absolute;
  width: 100%;
  height: 100%;
}

.-district-info a {
  display: inline-block;
}

/*** District home info ***/

.-gray-bg {
  background-color: #f5f7f9;
  padding-top: var(--double);
  padding-bottom: var(--quadruple);
}

/*** District home info ***/

.-few-selects {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.-few-selects > * {
  min-width: 0;
  flex: 0 1 auto;
}

/*** Home list ***/

.-homes {
  background-color: #f5f7f9;
  padding-top: var(--double);
  padding-bottom: var(--quadruple);
}
@media (max-width: 1920px) {
  .-homes {
    padding-top: calc(24px + (48 - 24) * (100vw - 375px) / (1920 - 375));
    padding-bottom: calc(24px + (48 - 24) * (100vw - 375px) / (1920 - 375));
  }
}

.-home-list {
  display: grid;
  gap: 48px 24px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
@media (max-width: 1920px) {
  .-home-list {
    gap: calc(24px + (48 - 24) * (100vw - 562px) / (1920 - 562)) 24px;
  }
}
@media (max-width: 561px) {
  .-home-list {
    gap: 24px 24px;
  }
}

.-home-list a {
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 100%;
  max-height: 190px;
  padding: 24px;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 24px #0001;
  transition: box-shadow 300ms;
}

.-home-list a:hover {
  box-shadow: 0 0 12px #0003;
}

.-home-list .name {
  color: #010101;
  font-size: 24px;
  font-weight: bold;
}
@media (max-width: 1920px) {
  .-home-list .name {
    font-size: calc(20px + (24 - 20) * (100vw - 375px) / (1920 - 375));
  }
}

@media (max-width: 375px) {
  .-home-list .name {
    font-size: 20px;
  }
}

.-home-list .desc {
  font-size: 13px;
}

/*** Home details ***/

.-uni-details {
  box-shadow: 0 0 0 1px #dedede inset;
  border-radius: 12px;
  background-color: white;
  font-size: 15px;
}

.-uni-details > * {
  padding: 24px;
}

.-uni-details summary + div {
  background: linear-gradient(90deg, #ddd, #eee) no-repeat top left 24px /
    calc(100% - 48px) 1px;
  overflow-x: auto;
}

.-uni-details summary {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  border-radius: 12px;
  cursor: pointer;
  user-select: none;
  transition: background-color 300ms;
}

.-uni-details summary:hover {
  background-color: #8881;
}

.-uni-details summary::marker {
  content: "";
}

.-uni-details summary::after {
  flex: 0 0 24px;
  content: "−";
  width: 24px;
  height: 24px;
  transform: scale(1.125);
  color: #fff;
  background-color: #ff645f;
  border-radius: 50%;
  font-weight: normal;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.-uni-details:not([open]) summary::after {
  content: "+";
}

.-home-details hr {
  --hr-line: linear-gradient(90deg, #dedede, #dedede);
}

.-uni-details summary,
.-uni-details h2,
.-uni-details h3 {
  font-size: 18px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .-uni-details summary,
  .-uni-details h2,
  .-uni-details h3 {
    font-size: calc(16px + (18 - 16) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .-uni-details summary,
  .-uni-details h2,
  .-uni-details h3 {
    font-size: 16px;
  }
}

.-uni-details ul.info-list {
  column-width: 420px;
  column-gap: 24px;
}

.-uni-details ul.info-list > * {
  break-inside: avoid;
}

.-uni-details ul.info-list * + li {
  margin-top: 24px;
}

.-uni-details .-bt.gray {
  --bg: #e9edf1;
  --fg-a: #ed1b2f;
  --bg-a: #e5e5e5;
}

.-uni-details ul.doc-list:not([hidden]) {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

.-uni-details ul.stat-list {
  font-size: 15px;
}

.-uni-details ul.stat-list > * + *:not(.∧) {
  margin-top: 24px;
}

.-uni-details ul.stat-list li {
  display: flex;
  flex-wrap: wrap;
  gap: 0 24px;
}

.-uni-details ul.stat-list .k {
  min-width: 0;
  flex: 1 1 400px;
  font-weight: bold;
}

.-uni-details ul.stat-list .v {
  min-width: 0;
  flex: 1000000 1 400px;
}

.-uni-details table.info-table {
  font-size: 14px;
  width: 100%;
}
@media (max-width: 768px) {
  .-uni-details table.info-table {
    overflow-x: scroll;
  }
}

.-uni-details table.info-table td {
  text-align: center;
}

.-uni-details table.info-table td,
.-uni-details table.info-table th {
  padding: 12px;
  min-width: 80px;
}

@media (max-width: 1440px) {
  .-uni-details table.info-table td,
  .-uni-details table.info-table th {
    padding: calc(3px + (12 - 3) * (100vw - 768px) / (1440 - 768));
    min-width: ;
  }

  .-uni-details > * {
    padding: calc(7px + (24 - 7) * (100vw - 768px) / (1440 - 768));
  }
}
@media (max-width: 768px) {
  .-uni-details table.info-table td,
  .-uni-details table.info-table th {
    padding: 3px;
  }
  .-uni-details > * {
    padding: 7px;
  }
}

.-uni-details table.info-table thead tr {
  background-color: #fef1f4;
}

.-uni-details table.info-table thead tr th {
  font-size: 18px;
  text-align: center;
}

.-uni-details table.info-table * + tr {
  border-top: 1px solid #ddd;
}

.-uni-details table.info-table tr > :first-child {
  width: 25%;
  padding-left: 15px;
  text-align: left;
}

.-uni-details table.info-table tr > :last-child {
  padding-right: 0;
}

.-uni-details table.info-table .gray {
  color: #8a8a8a;
}

.-uni-details table.info-table .red {
  color: #ff5a4f;
}

/*** Forms ***/

select.v1 {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  line-height: 1;
  padding: 15px 35px 15px 20px;
  background: var(--url-1, none) no-repeat right 12px center / 12px 12px;
  background-color: #f5f7f9;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
}

form.v1 > * + * {
  margin-top: var(--baseline);
}

form.v1 input,
form.v1 textarea {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  border: none;
  border-radius: 6px;
  background-color: #fff;
  color: #1d1d1b;
  padding: 12px;
  line-height: 1;
  width: 100%;
  height: 3rem;
}

form.v1 [type="submit"] {
  color: #fff;
  background-color: #231f20;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 300ms;
}

form.v1 [type="submit"]:hover,
form.v1 [type="submit"]:focus {
  background-color: #333;
}

form.v1 textarea {
  resize: none;
  min-height: 180px;
}

form.v1 > div > * + *,
form.v1 label > * + * {
  margin-top: var(--half);
}

@media (max-width: 1920px) {
  form.v1 > div > * + * {
    margin-top: calc(12px + (18 - 12) * (100vw - 1920px) / (1440 - 1920));
  }
}
@media (max-width: 1440px) {
  form.v1 > div > * + * {
  }
}

form.v1 .readme {
  line-height: 1;
  font-size: 13px;
}

/*** News on main ***/

.-news-on-main {
  padding-top: var(--quadruple);
  padding-bottom: var(--quadruple);
  background-color: #f5f7f9;
}

.-news-on-main .all-news {
  font-weight: bold;
  color: var(--c1);
}

.-news-on-main .swiper-slide,
.-news-on-main .swiper-slide a {
  background-color: white;
  border-radius: 12px;
  min-width: 0;
}

.-news-on-main .swiper-slide a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  transition: box-shadow 300ms;
}

.-news-on-main .swiper-slide a:hover {
  box-shadow: 0 0 12px #0003;
}

.-news-on-main .swiper-slide .h {
  line-height: 1.333333333;
  font-size: 24px;
  font-weight: bold;
  min-height: 160px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
@media (max-width: 1440px) {
  .-news-on-main .swiper-slide .h {
    font-size: calc(21px + (24 - 21) * (100vw - 768px) / (1440 - 768));
  }
}
@media (max-width: 768px) {
  .-news-on-main .swiper-slide .h {
    font-size: calc(18px + (21 - 18) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .-news-on-main .swiper-slide .h {
    font-size: 18px;
  }
}

.-news-on-main .swiper-slide .date {
  font-size: 14px;
}

.-news-on-main .zxc {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.-news-on-main .prev img,
.-news-on-main .next img {
  width: 24px;
  height: 24px;
}

.-news-on-main .prev img {
  transform: rotateY(180deg);
}

.-news-on-main .swiper-button-disabled {
  opacity: 0.5;
}

.-news-on-main .prev,
.-news-on-main .next {
  background: #fff;
  border: none;
  border-radius: 48px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 0 12px #0001;
  transform: scale(1.2);
}

@media (min-width: 720px) {
  .-news-on-main .prev,
  .-news-on-main .next {
    width: 42px;
    height: 42px;
  }
}

/* .-news-on-main .swiper-slide a,
.-news-on-main .swiper-slide button
{ transition-property: visibility, opacity;
  transition-duration: 300ms; }


.-news-on-main .swiper-slide:not(.swiper-slide-active) a,
.-news-on-main .swiper-slide:not(.swiper-slide-active) button
{ visibility: hidden;
  opacity: 0; } */

/*** News list ***/

.-news-list {
  display: grid;
  gap: 48px 24px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

.-thanks-list {
  display: grid;
  gap: 48px 24px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.-thanks-list .img {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
  position: relative;
}

.-thanks-list a {
  position: relative;
}

.-thanks-list a::before {
  content: "";
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  background-image: url("images/thanks-list-hover.svg");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  transition: 0.3s;
}

.-thanks-list li:hover a::before {
  visibility: visible;
  opacity: 1;
}

.-news-list a {
  background-color: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  padding: 24px;
  min-height: 320px;
  box-shadow: 0 12px 24px #0001;
  transition: box-shadow 300ms;
}

.-news-list a:hover {
  box-shadow: 0 0 12px #0003;
}

.-news-list .name {
  font-size: 24px;
  font-weight: bold;
}

@media (max-width: 1440px) {
  .-news-list .name {
    font-size: calc(18px + (24 - 18) * (100vw - 1046px) / (1440 - 1046));
  }
}

@media (max-width: 1046px) {
  .-news-list .name {
    font-size: 18px;
  }
}
@media (max-width: 1045px) {
  .-news-list .name {
    font-size: 24px;
    font-size: calc(18px + (24 - 18) * (100vw - 679px) / (1045 - 679));
  }
}
@media (max-width: 679px) {
  .-news-list .name {
    font-size: 18px;
  }
}
@media (max-width: 678px) {
  .-news-list .name {
    font-size: 26px;
    font-size: calc(20px + (26 - 20) * (100vw - 320px) / (678 - 320));
  }
}
@media (max-width: 375px) {
  .-news-list .name {
    font-size: 20px;
  }
}

.-news-list .meta {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
}

.-news-list * + .meta {
  margin-top: auto;
}

.-news-list .type:not(:empty) {
  background-color: #bdccd2;
  color: #fff;
  border-radius: 6px;
  padding: 0 6px;
}

.-news-more {
  box-shadow: 0 12px 24px #0001;
  transition: all 300ms;
}

.-news-more:hover {
  box-shadow: 0 0 12px #0003;
}

/*** News item ***/

.-news-item {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: var(--double);
}

.-news-item .content {
  min-width: 0;
  flex: 1000000 1 420px;
}

.-news-item .sidebar {
  min-width: 0;
  flex: 1 1 420px;
}

.-news-item .content .date {
  color: #99a0a7;
  font-size: 14px;
}

.-news-item .doc-list {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.-news-item .doc-list > * {
  min-width: 0;
}

.-news-item .last-news {
  background-color: #f5f7f9;
  border-radius: 12px;
  padding: 24px;
}

.-news-item .last-news h2 {
  font-size: 24px;
}

.-news-item .last-news ul {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.-news-item .last-news ul a {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}

.-news-item .last-news ul .name {
  font-size: 15px;
  font-weight: bold;
}

.-news-item .last-news ul .date {
  font-size: 12px;
  color: #878786;
  margin-top: auto;
}

.-news-item .download-app {
  background: var(--url-1, none) no-repeat left -320px bottom,
    var(--url-1, none) no-repeat left 420px bottom;
  color: #fff;
  background-color: #ff6e6f;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 545px) {
  .-news-item .download-app {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}

.-news-item .download-app > .one {
  min-width: 0;
  flex: 1000000 1 160px;
}

@media (max-width: 545px) {
  .-news-item .download-app > .one {
    flex: 1000000 1 120px;
  }
}

.-news-item .download-app > .two {
  min-width: 0;
  flex: 1 1 160px;
}

.-news-item .download-app h2 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.-news-item .download-app ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

@media (max-width: 768px) {
  .-news-item .download-app ul {
    flex-wrap: nowrap;
    gap: calc(5px + (18 - 5) * (100vw - 430px) / (768 - 430));
  }
}
@media (max-width: 430px) {
  .-news-item .download-app ul {
    gap: 5px;
  }
}

.-news-item .download-app ul img {
  width: 160px;
  height: auto;
  transition: opacity 300ms;
}

.-news-item .download-app a:hover img {
  opacity: 0.5;
}

.-news-item .download-app img.cell {
  margin-bottom: -24px;
  user-select: none;
}

/*** Service tabs ***/
.service__download-btn {
  width: 200px;
  height: 50px;
  gap: 0.5em;
  background: #e9edf1;
  position: relative;
  z-index: 2;
  /*right: 345px;*/
  /*left: 71.7vw;*/
  bottom: 90px;
  outline: none;
  border: none;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*@media (max-width: 3664px) {
  .service__download-btn {
    left: 61.3vw;
  }

}
@media (max-width: 2013px) {
  .service__download-btn {
    left: 70.8vw;
  }
}
@media (max-width: 2012px) {
  .service__download-btn {
    left: 1422px;
    left: calc( 1375px + (1422 - 1375) * (100vw - 1920px) / (2012 - 1920) );
  }
}*/
@media (max-width: 3664px) {
  .service__download-btn {
    left: calc(1375px + (2250 - 1375) * (100vw - 1920px) / (3664 - 1920));
  }
}

@media (max-width: 1920px) {
  .service__download-btn {
    left: calc(1136px + (1375 - 1136) * (100vw - 1440px) / (1920 - 1440));
  }
}
@media (max-width: 1440px) {
  .service__download-btn {
    left: 1136px;
    left: calc(988px + (1136 - 988) * (100vw - 1225px) / (1440 - 1225));
    bottom: 87px;
    bottom: calc(87px + (100 - 87) * (100vw - 1440px) / (768 - 1440));
    bottom: calc(70px + (87 - 70) * (100vw - 1024px) / (1440 - 1024));
  }
}

@media (max-width: 1024px) {
  .service__download-btn {
    bottom: 70px;
    bottom: calc(70px + (100 - 70) * (100vw - 1024px) / (768 - 1024));
    bottom: calc(60px + (70 - 60) * (100vw - 787px) / (1024 - 787));
  }
}

@media (max-width: 1225px) {
  .service__download-btn {
    left: 988px;
    left: calc(764px + (988 - 764) * (100vw - 1024px) / (1225 - 1024));
  }
}
@media (max-width: 1024px) {
  .service__download-btn {
    left: 764px;
    left: calc(526px + (764 - 526) * (100vw - 768px) / (1024 - 768));
  }
}

@media (max-width: 786px) {
  .service__download-btn {
    bottom: 103px;
  }
}

@media (max-width: 768px) {
  .service__download-btn {
    left: 526px;
    left: calc(161px + (526 - 161) * (100vw - 375px) / (768 - 375));
    bottom: 100px;
    bottom: calc(60px + (75 - 60) * (100vw - 376px) / (768 - 376));
  }
}

@media (max-width: 375px) {
  .service__download-btn {
    left: 161px;
    bottom: 75px;
  }
}

@media (max-width: 374px) {
  .service__download-btn {
    left: 43vw;
  }
}

.service__download__span {
  font-size: 14px;
  font-weight: bold;
  color: #1d1d1b;
  transition: color 0.5s ease;
}

.service__download-btn:hover > .service__download__span {
  color: #ed1b2f;
}

.service__download-btn svg {
  position: relative;
  width: 20px;
  height: 20px;
}
.-service-tabs {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

.-service-tabs li {
  min-width: 0;
}

.-service-tabs button {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 90px;
  width: 100%;
  border: none;
  border-radius: 6px;
  background: var(--url-1, none) no-repeat right center / auto 100%;
  background-color: #fff;
  box-shadow: 0 0 0 1px #dedede inset;
  text-align: start;
  font-size: 15px;
  line-height: 1.5;
  padding: 12px 72px 12px 24px;
  cursor: pointer;
}

.-service-tabs button:hover {
  background-color: #f9f9f9;
}

.-service-tabs button.active {
  background: var(--url-1, none) no-repeat right center / auto 100%,
    linear-gradient(90deg, #fca283, #ff7d6f);
  color: #fff;
}

.-service-tabs button.-url-1.active {
  /*  background:
  var(--url-1, none) no-repeat right center / auto 100%,
  linear-gradient(90deg, #fca283, #ff7d6f);*/
  color: #fff;
  background: var(--url-1, none) no-repeat right center / auto 100%, #7d24ff !important;
}

/*** Service tabs content ***/

.-service-tabs-content {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  font-size: 15px;
}

@media (max-width: 1250px) {
  .-service-tabs-content {
    flex-direction: column;
  }
}
@media (max-width: 801px) {
  .-service-tabs-content {
    font-size: calc(12px + (15 - 12) * (100vw - 375px) / (801 - 375));
  }
}
@media (max-width: 375px) {
  .-service-tabs-content {
    font-size: 12px;
  }
}

.-service-tabs-content .sidebar {
  min-width: 0;
  flex: 1 1 400px;
  align-self: flex-start;
  background-color: #d2dee6;
}
@media (max-width: 1250px) {
  .-service-tabs-content .sidebar {
    width: 100%;
  }
}

.-service-tabs-content .content {
  min-width: 0;
  flex: 1000000 1 420px;
  padding: 24px;
}

@media (max-width: 801px) {
  .-service-tabs-content .content {
    padding: calc(15px + (24 - 15) * (100vw - 375px) / (801 - 375));
  }
}
@media (max-width: 375px) {
  .-service-tabs-content .content {
    padding: 15px;
  }
}

.-service-tabs-content .content > *:not(.active) {
  display: none;
}

@media (max-width: 860px) {
  .-service-tabs-content {
    border-radius: 6px;
    box-shadow: 0 0 0 1px #dedede inset;
  }
}

@media (min-width: 861px) {
  .-service-tabs-content .sidebar {
    border-radius: 6px 0 0 6px;
    box-shadow: 0 0 0 1px #dedede inset;
  }

  .-service-tabs-content .content {
    border-radius: 0 6px 6px 0;
    box-shadow: 0 0 0 1px #dedede inset;
  }
}

.-service-tabs-content .sidebar h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding: 24px;
}

.-service-tabs-content .sidebar a {
  width: 360px;
  max-width: 100%;
}

.-service-tabs-content .sidebar .background {
  display: flex;
  flex-direction: column;
  min-height: 340px;
  padding: 24px;
  background: var(--url-1, none) no-repeat center bottom;
}

.-service-tabs-content .content h2 {
  font-size: 24px;
}

.-service-tabs-content .content .kv-list > * + * {
  margin-top: var(--baseline);
}

.-service-tabs-content .content .kv-list > * {
  display: flex;
  gap: 0 24px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.-service-tabs-content .content .kv-list .k,
.-service-tabs-content .content .kv-list .v {
  min-width: 0;
}

.-service-tabs-content .content .kv-list .k {
  font-weight: bold;
  max-width: 87%;
}
@media (max-width: 801px) {
  .-service-tabs-content .content .kv-list .k {
    max-width: calc(67% + (87 - 67) * (100vw - 375px) / (801 - 375));
  }
}
@media (max-width: 375px) {
  .-service-tabs-content .content .kv-list .k {
    max-width: 67%;
  }
}

.-service-tabs-content .content .kv-list .v {
  margin-inline-start: auto;
  white-space: nowrap;
}

.-service-tabs-content .content .kv-list li {
  flex-wrap: nowrap;
}

/*** About ***/

.-about-1 {
  background-color: #f5f7f9;
  padding-top: var(--double);
}

.-about-1 .fl,
.-about-2 .fl {
  display: flex;
  flex-wrap: wrap;
}

.-about-1 .fl {
  gap: 0 24px;
}

.-about-2 .fl {
  gap: 24px;
}

.-about-1 .fl > *,
.-about-2 .fl > * {
  min-width: 0;
  flex: 1 1 420px;
}

.-about-1 .info {
  align-self: center;
  font-size: 18px;
}

@media (max-width: 768px) {
  .-about-1 .info {
    font-size: calc(14px + (18 - 14) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .-about-1 .info {
    font-size: 14px;
  }
}
.-about-1 .pict img {
  margin: auto;
}

.-about-2 .stat-list {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.-about-2 .stat-list li {
  flex: 1 1 190px;
  color: #fff;
  background-color: crimson;
  border-radius: 12px;
  padding: 32px 24px;
}

@media (max-width: 982px) {
  .-about-2 .stat-list {
    margin-top: 20px;
  }
}
@media (min-width: 905px) {
  .-about-2 .stat-list {
    /*margin-top: -120px;*/
  }

  .-about-2 .stat-list li:first-child {
    flex: 1 1 100%;
  }
}

.-about-2 .stat-list li:nth-child(1) {
  background: linear-gradient(90deg, #ff574b, #ff6e6f);
}

.-about-2 .stat-list li:nth-child(2) {
  background: linear-gradient(90deg, #fca283, #ff7d6f);
}

.-about-2 .stat-list li:nth-child(3) {
  background: linear-gradient(90deg, #f9758f, #f468a0);
}

.-about-2 .stat-list li:nth-child(2) .img,
.-about-2 .stat-list li:nth-child(3) .img {
  margin-left: unset;
}

@media (max-width: 982px) {
  .-about-2 .stat-list li:nth-child(2) .img,
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: auto;
  }
}

@media (max-width: 904px) {
  .-about-2 .stat-list li:nth-child(1) .img,
  .-about-2 .stat-list li:nth-child(2) .img,
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: unset;
  }
}
@media (max-width: 708px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: auto;
  }
  .-about-2 .stat-list li:nth-child(2) .img,
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: unset;
  }
}

@media (max-width: 708px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: 150px;
    margin-left: calc(88px + (150 - 88) * (100vw - 569px) / (708 - 569));
  }
}
@media (max-width: 569px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: 88px;
  }
}
@media (max-width: 568px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: calc(55px + (88 - 55) * (100vw - 497px) / (568 - 497));
  }
}
@media (max-width: 497px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: 55px;
  }
}
@media (max-width: 496px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    margin-left: unset;
    position: relative;
    left: 57px;
    left: calc(0px + (57 - 0) * (100vw - 375px) / (496 - 375));
  }
}

@media (max-width: 375px) {
  .-about-2 .stat-list li:nth-child(3) .img {
    left: unset;
  }
}
.-about-2 .stat-list .wr {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 451px) {
  .-about-2 .stat-list .wr {
    flex-wrap: nowrap;
  }
}

@media (max-width: 374px) {
  .-about-2 .stat-list .wr {
    flex-wrap: wrap;
  }
}

.-about-2 .stat-list .wr > * {
  min-width: 0;
  flex: 0 1 160px;
}

.-about-2 .stat-list .wr > .img {
  flex: 0 1 128px;
  margin-left: auto;
}
@media (max-width: 904px) {
  .-about-2 .stat-list .wr > .img {
    margin-left: unset;
  }
}

.-about-2 .stat-list .inf span {
  display: block;
  font-weight: bold;
  font-size: 32px;
  line-height: 1;
}

@media (max-width: 1440px) {
  .-about-2 .stat-list .inf span {
    font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  }
}

@media (max-width: 768px) {
  .-about-2 .stat-list .inf span {
    font-size: calc(24px + (28 - 24) * (100vw - 375px) / (768 - 375));
  }
}
@media (max-width: 375px) {
  .-about-2 .stat-list .inf span {
    font-size: 24px;
  }
}

.-about-2 .stat-list .inf .num {
  font-size: 38px;
}

.-about-2 .stat-list li > * + *,
.-about-2 .stat-list .inf > * + * {
  margin-top: var(--half);
}

.-about-2 .stat-list .img img {
  width: 126px;
  height: 126px;
}

.-about-2 .stat-list .txt {
  font-size: 15px;
  font-weight: bold;
}

.-about-2 .info {
  font-size: 15px;
}

.-about-2 .big {
  font-size: 24px;
  font-weight: bold;
}

/*** About content ***/

.-about-content {
  font-size: 15px;
}

.-about-content .-inner {
  padding: 24px;
  background-color: #f5f7f9;
  border-radius: 12px;
}

.-about-content h2 {
  font-size: 24px;
}

.-about-content img.pict {
  width: 100%;
}

@media (min-width: 640px) {
  .-about-content img.pict {
    width: 50%;
    float: right;
    margin: -24px -24px 24px 24px;
    border-radius: 0 12px 0 12px;
  }

  .-about-content img.pict + * {
    margin-top: 24px;
  }
}

.-about-content ul * + li {
  margin-top: 24px;
}

.-about-content li::before {
  content: "●";
  display: inline-block;
  margin-inline-end: 12px;
}

.-about-content li:nth-child(3n + 1)::before {
  color: red;
}

.-about-content li:nth-child(3n + 2)::before {
  color: orangered;
}

.-about-content li:nth-child(3n + 3)::before {
  color: hotpink;
}

/*** About info list ***/

.-about-info-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px 42px;
}

@media (min-width: 420px) {
  .-about-info-list {
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
  }
}

.-about-info-list li {
  background-color: #d4e2e8;
  border-radius: 12px;
  padding: 24px;
  font-size: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.-about-info-list li > * {
  min-width: 0;
}

.-about-info-list li .pict {
  flex: 1 0 116px;
}

.-about-info-list li .pict img {
  margin: auto;
}

.-about-info-list li .desc {
  flex: 1000000 1 240px;
}

/*** License ***/

.-license {
  padding-top: var(--quadruple);
  padding-bottom: var(--quadruple);
  background-color: #f5f7f9;
}

/*** License list ***/

.-license-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 48px 24px;
}

.-license-list a {
  display: block;
}

.-license-list a img {
  margin: auto;
  transition: transform 300ms;
}

.-license-list a:hover img {
  transform: scale(1.025);
}

.-license-list a > * + * {
  margin-top: 12px;
}

.-license-list .name {
  font-weight: bold;
}

.-license-list .desc {
  font-size: 14px;
}

/*** Q and A ***/

.-qa .fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

.-qa .fl .info {
  flex: 1000000 1 850px;
  min-width: 0;
}

.-qa .fl .doit {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
  flex: 0 1 320px;
}

.-qa .fl .info p {
  max-width: 800px;
}

.-qa .fl .doit p {
  display: flex;
  flex: 0 1 220px;
}

.-qa .fl .doit p a {
  flex: 0 1 220px;
  font-weight: bold;
}

@media (max-width: 369px) {
  .-qa .fl .info {
    text-align: center;
    padding-top: 100px;
    background: var(--url-1, none) no-repeat center top;
  }
}

@media (min-width: 370px) {
  .-qa .fl .info {
    padding-left: 100px;
    background: var(--url-1, none) no-repeat left top;
  }

  .-qa .fl .doit {
    padding-left: 100px;
  }
}

/*** Q and A Form ***/

@media (min-width: 1150px) {
  .-qa-form {
    background: var(--url-1, none) no-repeat calc(50% - 800px) bottom;
  }
}

.-qa-form {
  color: #fff;
  background-color: #ff5e59;
  padding-top: var(--quadruple);
  padding-bottom: var(--quadruple);
}

.-qa-form .fl {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.-qa-form .fl > * {
  min-width: 0;
  flex: 1 1 420px;
}

.-qa-form h2 {
  line-height: 1.333333;
  text-align: center;
}

.-qa-form .pict {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 982px) {
  .-qa-form .fl form {
    width: 483px;
    margin: 0 auto;
  }
}

@media (max-width: 525px) {
  .-qa-form .fl form {
    width: 100%;
  }
}

/*** Footer ***/

.-foot {
  color: #fff;
  background-color: #231f20;
  padding-top: var(--double);
  padding-bottom: var(--double);
  margin-top: 0 !important;
}

.-foot .logo {
  width: 235px;
  position: relative;
  bottom: 12px;
}

@media (max-width: 1440px) {
  .-foot .logo {
    width: calc(175px + (235 - 175) * (100vw - 375px) / (1440 - 375));
  }
}

.-foot .soc {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.soc a {
  margin-right: 16px;
}

.-foot .soc img {
  width: 24px;
  height: 24px;
}

.-foot .soc a:hover img {
  opacity: 0.5;
}

.-foot .top,
.-foot .bot {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
  gap: 48px;
}

@media (max-width: 768px) {
  .-foot .top {
    gap: calc(0px + (48 - 0) * (100vw - 600px) / (768 - 600));
  }
  .-foot .bot {
    column-gap: calc(0px + (48 - 0) * (100vw - 651px) / (768 - 651));
  }
}
@media (max-width: 651px) {
  .-foot .bot {
    column-gap: 0;
  }
}

@media (max-width: 600px) {
  .-foot .top {
    display: flex;
    flex-direction: column;
  }
}

/*@media (min-width: 1154px)
{
  .-foot .bot
  { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
}
*/

@media (max-width: 1153px) {
  .-foot .bot {
    grid-template-columns: repeat(auto-fill, minmax(320px, 350px));
  }
}
/*@media (min-width: 960px)
{
  .-foot .bot
  { grid-template-columns: 1fr 1.75fr 0.66fr; }

  .-foot .logo {
    /*margin-bottom: 82px;
  }
}
*/
@media (max-width: 800px) {
  .-foot .bot {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 650px) {
  .-foot .bot {
    grid-auto-flow: row;
  }
}

/*@media (min-width: 480px)
{
  .-foot .bot
  { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
}
*/

@media (min-width: 1052px) {
  .-foot .top {
    grid-template-columns: 1fr 1.75fr 0.66fr;
  }
}

@media (max-width: 1051px) {
  .-foot .top {
    grid-template-columns: 1fr 1.5fr;
  }

  .-foot .nomobile {
    display: none;
  }
}

.-foot .bot .copy {
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 650px) {
  .-foot .bot .copy {
    text-align: left;
  }
}

.-foot .links,
.-foot .store {
  column-width: 190px;
  column-gap: 24px;
}

@media (max-width: 973px) {
  .-foot .links {
    column-width: unset;
    column-count: 2;
  }
}

@media (max-width: 815px) {
  .-foot .store {
    column-width: unset;
    column-count: 2;
  }
}

@media (max-width: 768px) {
  .-foot .links {
    margin-bottom: calc(35px + (10 - 35) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 776px) {
  .-foot .store {
    margin-bottom: 18px;
    margin-bottom: calc(18px + (30 - 18) * (100vw - 776px) / (375 - 776));
  }
}

@media (max-width: 600px) {
  .-foot .links {
    margin-top: 20px;
  }
}
@media (max-width: 426px) {
  .-foot .links {
    column-count: 1;
  }
}
@media (max-width: 375px) {
  .-foot .store {
    margin-bottom: 30px;
  }
}

.-foot .links > *,
.-foot .store > * {
  break-inside: avoid;
}

.-foot .links li + li,
.-foot .store li + li {
  margin-top: 12px;
}

.-foot .store a:hover img {
  opacity: 0.7;
}

.-foot .store img {
  height: 48px;
}

@media (max-width: 375px) {
  .-foot .store img {
    height: calc(40px + (48 - 40) * (100vw - 320px) / (375 - 320));
  }
}

@media (max-width: 320px) {
  .-foot .store img {
    height: 40px;
  }
}
.-foot * + .info {
  margin-top: 24px;
}

.-foot .info .k {
  font-size: 13px;
  color: #999;
}

.-foot .info .v {
  font-weight: bold;
}

.-foot .btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.-foot .btns > * {
  flex: 0 1 220px;
}

.-foot .policy a {
  color: #909090;
  white-space: nowrap;
}

.-foot .copy a {
  color: var(--c1);
}

.-foot .copy a.gis-link {
  color: rgb(237, 27, 47) !important;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}
/*** Bread crumb ***/

.-bread,
.-bread li {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.-bread li:not(:last-child)::after {
  content: ">";
}

.-bread {
  font-size: 13px;
}

.-bread li > * {
  display: inline-block;
}

.-bread li a {
  color: #878786;
}

.-bread li span {
  color: #bfbfbf;
}

@media (max-width: 1440px) {
  .-inner {
    padding: 0 calc(0px + (65 - 0) * (100vw - 1440px) / (1060 - 1440));
  }
}
@media (max-width: 1060px) {
  .-inner {
    padding: 0 65px;
    padding: 0 calc(15px + (65 - 15) * (100vw - 375px) / (1060 - 375));
  }
}
@media (max-width: 375px) {
  .-inner {
    padding: 0 15px;
  }
}

/***  ***/

/*** Mobile/Desktop gaps ***/

@media (max-width: 719px) {
  .-comfort,
  .-service,
  .-district,
  .-news-on-main,
  .-qa,
  .-foot,
  .-district,
  .-download-app,
  .-gray-bg,
  .-qa-form,
  .-about-1,
  .-license {
    --quadruple: calc(var(--baseline) * 2);
  }
}

* {
  outline: none;
}

.btn-sm {
  display: none !important;
}

@media (max-width: 459px) {
  .btn-sm {
    display: block !important;
  }
}

/*Show All button*/

.-district .-inner .-bt {
  margin-top: 25px;
  width: 100%;
  display: none;
}
@media (max-width: 768px) {
  .-district .-inner .-bt {
    display: block;
  }

  .disItem {
    display: none;
  }
}

.form {
  position: fixed;
  z-index: 10;
  top: 18vh;
  left: 730px;
  background: #fff;
  width: 510px;
  padding: 30px 35px 40px 35px;
  font-family: var(--basefont);
  box-sizing: border-box;
}
@media (max-width: 1920px) {
  .form {
    left: calc(465px + (735 - 465) * (100vw - 1440px) / (1920 - 1440));
  }
}
@media (max-width: 1440px) {
  .form {
    left: calc(120px + (465 - 120) * (100vw - 768px) / (1440 - 768));
  }
}
@media (max-width: 768px) {
  .form {
    margin: 0 auto;
    width: calc(340px + (510 - 340) * (100vw - 375px) / (768 - 375));
    left: calc(20px + (120 - 20) * (100vw - 375px) / (768 - 375));
    padding: 30px calc(25px + (35 - 25) * (100vw - 375px) / (768 - 375)) 40px
      calc(25px + (35 - 25) * (100vw - 375px) / (768 - 375));
  }
}
@media (max-width: 374px) {
  .form {
    width: 95%;
    left: 2.4vw;
  }
}

@media (max-height: 830px) {
  .form {
    top: 15vh;
  }
}
@media (max-height: 768px) {
  .form {
    top: 10vh;
  }
}
@media (max-height: 695px) {
  .form {
    top: 5vh;
  }
}

.form-dot-wrap {
  padding: 0;
  margin: 0;
  max-width: 100%;
  z-index: 1;
  list-style-type: none;
  display: flex;
  justify-content: center;
  column-gap: 10px;
}
.form-dot {
  background: #fe7c6c;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  transition: all 0.5s ease;
}
.form-dot-active {
  background: linear-gradient(90deg, #fea386, #fe7c6c);
  background: -webkit-linear-gradient(90deg, #fea386, #fe7c6c);
}
.form-title {
  margin-top: 20px;
  font-family: var(--basefont);
  text-align: center;
  font-size: 24px;
  line-height: 27px;
}
.form-group {
}
.input-group {
}
.input-group-prepend {
}
.input-group-text {
  margin: 0;
  font-size: 14px;
  line-height: 64px;
  font-family: var(--basefont);
}

@media (max-width: 768px) {
  .input-group-text {
    line-height: calc(50px + (64 - 50) * (100vw - 375px) / (768 - 375));
  }
}
.form-control {
  height: 55px;
  width: 100%;
  border-radius: 5px;
  background: #d3dfe7;
  border: none;
  outline: none;
  padding: 20px;
  box-sizing: border-box;
}
.submit {
  margin-top: 30px;
  width: 100%;
  height: 55px;
  font-size: 15px;
  background: #ed1b2f;
  border-radius: 10px;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
}

.submit:hover {
  background: #1d1d1b;
  color: var(--fg-a, white);
}

.aggrement {
  color: #5a5a5a;
  font-size: 13px;
  line-height: 21px;
}
@media (max-width: 768px) {
  .aggrement {
    line-height: calc(17px + (21 - 17) * (100vw - 375px) / (768 - 375));
  }
}
.agree-link {
  color: #ed1b2f;
  text-decoration: none;
}

.form-hidden {
  display: none;
}

.form-toggler {
  margin-top: 30px;
  width: 100%;
  height: 55px;
  font-size: 15px;
  background: #ed1b2f;
  border-radius: 10px;
  border: none;
  outline: none;
  color: #fff;
  cursor: pointer;
}

.body-shadow::before {
  position: fixed;
  content: "";
  width: 100%;
  height: 1000%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
}

.closer {
  position: relative;
  width: 100%;
  height: 40px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}
.closer-container {
  height: 100%;
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.closer__line {
  position: relative;
  height: 2px;
  max-width: 35px;
  background: #000;
}

.closer__line:first-child {
  top: 2px;
  transform: rotateZ(45deg);
}
.closer__line:last-child {
  transform: rotateZ(-45deg);
}

.banner-container {
  width: 1224px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1440px) {
  .banner-container {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .banner-container {
    margin-left: calc(0px + (40 - 0) * (100vw - 767px) / (375 - 767));
  }
}

.banner-btn {
  padding-left: 35px;
  background: #7d24ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 135px;
  cursor: pointer;
}
@media (max-width: 1920px) {
  .banner-btn {
    column-gap: calc(40px + (135 - 40) * (100vw - 375px) / (1920 - 375));
    padding-left: calc(15px + (35 - 15) * (100vw - 375px) / (1920 - 375));
  }
}

.banner-btn img {
  width: 90px;
}
@media (max-width: 1920px) {
  .banner-btn img {
    width: calc(80px + (90 - 80) * (100vw - 1440px) / (1920 - 1440));
  }
}
@media (max-width: 1440px) {
  .banner-btn img {
    width: calc(65px + (80 - 65) * (100vw - 768px) / (1440 - 768));
  }
}

.banner-btn__text {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 42px;
  display: flex;
  align-items: center;
  color: #fff;
}

/*BANNER*/

.banner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: "Manrope", sans-serif;
}
@media (max-width: 1200px) {
  .banner {
    flex-direction: column;
  }
}
.banner__sidebar {
  padding: 20px 25px;
  display: flex;
  flex-direction: column;
  background: url(images/sidebar-phone.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 400px;
  height: 435px;
  box-sizing: border-box;
  border-radius: 5px 0 0 5px;
}

@media (max-width: 1200px) {
  .banner__sidebar {
    width: 100%;
    border-radius: 5px 5px 0 0;
  }
}
@media (max-width: 768px) {
  .banner__sidebar {
    width: 95%;
    margin: 0 auto;
  }
}
.banner__sidebar__title {
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #ffffff;
}
@media (max-width: 768px) {
  .banner__sidebar__title {
    font-size: calc(21px + (24 - 21) * (100vw - 375px) / (768 - 375));
  }
}
.banner__sidebar__text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #fff;
}
@media (max-width: 768px) {
  .banner__sidebar__text {
    font-size: calc(14px + (16 - 14) * (100vw - 375px) / (768 - 375));
  }
}
.banner__sidebar__img {
  width: 263px;
  margin: 25px auto 0 auto;
}
@media (max-width: 768px) {
  .banner__sidebar__img {
    width: calc(200px + (263 - 200) * (100vw - 375px) / (768 - 375));
  }
}

.banner__content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  width: 830px;
  height: 764px;
  background: #ffffff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  border-radius: 0 5px 5px 0;
}
@media (max-width: 1920px) {
  .banner__content {
    width: calc(680px + (830 - 680) * (100vw - 1440px) / (1920 - 1440));
  }
}
@media (max-width: 1440px) {
  .banner__content {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .banner__content {
    border-radius: 0 0 5px 5px;
  }
}
@media (max-width: 768px) {
  .banner__content {
    width: 95%;
    margin: 0 auto;
    height: auto;
  }
}
.banner__content__title {
  margin-top: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  display: flex;
  align-items: center;
  color: #000000;
}
@media (max-width: 768px) {
  .banner__content__title {
    font-size: calc(21px + (24 - 21) * (100vw - 375px) / (768 - 375));
  }
}

.banner__content__title-bottom {
  margin-top: 34px;
}
.banner__content__text {
  margin-top: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #000;
}

@media (max-width: 768px) {
  .banner__content__text {
    font-size: calc(14px + (16 - 14) * (100vw - 375px) / (768 - 375));
  }
}
.banner__content__card-wrap {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 375px);
  grid-column-gap: 25px;
  grid-row-gap: 22px;
}
@media (max-width: 1920px) {
  .banner__content__card-wrap {
    grid-template-columns: repeat(
      2,
      calc(296px + (375 - 296) * (100vw - 1440px) / (1920 - 1440))
    );
  }
}
@media (max-width: 1440px) {
  .banner__content__card-wrap {
    grid-template-columns: repeat(2, 296px);
  }
}
@media (max-width: 768px) {
  .banner__content__card-wrap {
    grid-template-columns: 1fr;
  }
}
.banner__content__card {
  padding: 30px 15px;
  height: 136px;
  background: #ffea95;
  border-radius: 5px;
  display: flex;
  align-items: center;
  column-gap: 15px;
  box-sizing: border-box;
}
.banner__content__card-img {
  width: 80px;
  height: 80px;
}
.banner__content__card-text {
  margin-top: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #000;
}
@media (max-width: 768px) {
  .banner__content__card-text {
    font-size: calc(12px + (15 - 12) * (100vw - 375px) / (768 - 375));
  }
}
.banner__content__btn {
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  height: 45px;
  background: #7d24ff;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 42px;
  display: flex;
  align-items: center;
  color: #ffffff;
  border: none;
  outline: none;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.banner__content__btn:hover {
  background: #1d1d1b;
  color: var(--fg-a, white);
}

.hidden {
  display: none;
}

.mobile-contacts {
  display: none;
}

@media (max-width: 1051px) {
  .mobile-contacts {
    margin: 50px 0;
    display: grid;
    /*grid-auto-flow: column;*/
    grid-template-columns: 1fr 1fr 1fr calc(
        90px + (155 - 90) * (100vw - 801px) / (1051 - 801)
      );
    grid-row-gap: 25px;
    align-items: flex-start;
    justify-content: space-between;
  }

  .mobile-contacts .info {
    margin-top: 0;
  }
  .-foot .soc {
    margin: 0;
  }
}

@media (max-width: 927px) {
  .mobile-contacts {
    grid-auto-flow: row;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 425px) {
  .mobile-contacts {
    margin: 0;
    grid-template-columns: 1fr;
  }
}

.violet {
  background: var(--url-1, none) no-repeat right center / auto 100%, #7d24ff !important;
}

ul.menu__list {
  width: 106vw;
}

.menu__item__disabled {
  width: 100%;
  margin-top: 5px;
  text-align: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #999;
}

.menu__list__top {
  border-top: 1px solid #f4f4f4;
  padding-left: 80px;
  padding-top: 20px;
  padding-bottom: 25px;
}

.menu__list__bottom {
  width: 100%;
  background: #f6f7f9;
  padding-left: 80px;
  padding-top: 20px;
  padding-bottom: 25px;
  margin-right: 0;
  box-sizing: border-box;
}

.menu__list__social {
  padding: 15px 20px;
  padding-left: 80px;
  display: flex;
  column-gap: 16px;
  background: #231f20;
  box-sizing: border-box;
}
.menu__list__item {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .menu__list__top,
  .menu__list__bottom,
  .menu__list__social {
    padding-left: calc(30px + (80 - 30) * (100vw - 375px) / (768 - 375));
  }
}

@media (max-width: 375px) {
  .menu__list__top,
  .menu__list__bottom,
  .menu__list__social {
    padding-left: 30px;
  }
}

.grafic {
  box-shadow: unset;
  padding: 40px 0 0 0;
  overflow-x: scroll;
}
.banner__content__card-text {
  margin-top: 20px;
  margin-bottom: 20px;
}