:root {
  --es-w: 0.68143899895px;
  --es-h: 0.68121442125px;
  --es2-w: 0.80282555282px;
  --es2-h: 0.80281496063px;
}

body {
  margin: 0;
  padding: 40px 25px 40px 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: linear-gradient(90deg, #8CB3C8 0%, #FFF 100%);
  background-image: url(../img/po/bg.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
  background-position: center center;
  font-family: "Roboto", sans-serif;
  line-height: normal;
}

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

.text::-webkit-scrollbar {
  width: 4px;
  background: rgba(0, 0, 0, 0.1);
}

.text::-webkit-scrollbar-thumb {
  width: 4px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 10px;
          border-radius: 10px;
}

a {
  color: #0A74BF;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  -moz-transition: 0.3s all;
  transition: 0.3s all;
}
a:hover {
  opacity: 0.8;
}

section {
  display: none;
  -webkit-box-align: start;
  -webkit-align-items: start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 35px;
  height: 815px;
}
section .img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
section .right {
  max-height: 790px;
  overflow: hidden;
}
section .text {
  height: 100%;
  max-height: 790px;
  overflow: auto;
  width: 453px;
  font-size: 18px;
  padding: 0 20px;
  position: relative;
  font-size: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
section .text .title {
  font-size: 36px;
}
section .text:after {
  content: "";
  position: fixed;
  bottom: 118px;
  right: 25px;
  width: 453px;
  height: 0;
  -webkit-box-shadow: 0px -30px 30px 30px rgb(255, 255, 255);
     -moz-box-shadow: 0px -30px 30px 30px rgb(255, 255, 255);
          box-shadow: 0px -30px 30px 30px rgb(255, 255, 255);
}
section .text .link-none-text {
  display: none;
}
section .text .link-none-tooltip {
  display: block;
}
section .text .link-none-tooltip:last-child {
  margin-bottom: 40px;
}
section.activeTooltip .img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--bg-color-top);
  z-index: 3;
}
section.activeTooltip .img:after {
  content: "";
  position: absolute;
  top: var(--bg-color-left-top);
  left: 0;
  height: var(--bg-color-left-height);
  width: 100%;
  background: var(--bg-color-left);
  z-index: 3;
}

.text .title {
  font-weight: 700;
}
.text .link {
  display: block;
  margin-bottom: 10px;
}
.text .link-none-tooltip {
  display: none;
}

.tooltipster-base {
  max-width: 400px;
}

.elem {
  position: absolute;
  cursor: pointer;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  border: 3px solid #2B89CB;
  -webkit-box-shadow: 0px 0px 4px 2px #95CBF5;
     -moz-box-shadow: 0px 0px 4px 2px #95CBF5;
          box-shadow: 0px 0px 4px 2px #95CBF5;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.elem.active {
  z-index: 99;
}
.elem.istoriya-tocki {
  width: -webkit-calc(var(--es-w) * 372);
  width: -moz-calc(var(--es-w) * 372);
  width: calc(var(--es-w) * 372);
  height: -webkit-calc(var(--es-h) * 60);
  height: -moz-calc(var(--es-h) * 60);
  height: calc(var(--es-h) * 60);
  left: -webkit-calc(var(--es-w) * 6);
  left: -moz-calc(var(--es-w) * 6);
  left: calc(var(--es-w) * 6);
  top: -webkit-calc(var(--es-h) * 352);
  top: -moz-calc(var(--es-h) * 352);
  top: calc(var(--es-h) * 352);
}
.elem.istoriya-tocki-filtr {
  width: -webkit-calc(var(--es-w) * 56);
  width: -moz-calc(var(--es-w) * 56);
  width: calc(var(--es-w) * 56);
  height: -webkit-calc(var(--es-h) * 30);
  height: -moz-calc(var(--es-h) * 30);
  height: calc(var(--es-h) * 30);
  left: -webkit-calc(var(--es-w) * 31);
  left: -moz-calc(var(--es-w) * 31);
  left: calc(var(--es-w) * 31);
  top: -webkit-calc(var(--es-h) * 1017);
  top: -moz-calc(var(--es-h) * 1017);
  top: calc(var(--es-h) * 1017);
}
.elem.istoriya-tocki-znacheniya {
  width: -webkit-calc(var(--es-w) * 69);
  width: -moz-calc(var(--es-w) * 69);
  width: calc(var(--es-w) * 69);
  height: -webkit-calc(var(--es-h) * 30);
  height: -moz-calc(var(--es-h) * 30);
  height: calc(var(--es-h) * 30);
  left: -webkit-calc(var(--es-w) * 87);
  left: -moz-calc(var(--es-w) * 87);
  left: calc(var(--es-w) * 87);
  top: -webkit-calc(var(--es-h) * 1017);
  top: -moz-calc(var(--es-h) * 1017);
  top: calc(var(--es-h) * 1017);
}
.elem.istoriya-tocki-ustanovki {
  width: -webkit-calc(var(--es-w) * 56);
  width: -moz-calc(var(--es-w) * 56);
  width: calc(var(--es-w) * 56);
  height: -webkit-calc(var(--es-h) * 30);
  height: -moz-calc(var(--es-h) * 30);
  height: calc(var(--es-h) * 30);
  left: -webkit-calc(var(--es-w) * 156);
  left: -moz-calc(var(--es-w) * 156);
  left: calc(var(--es-w) * 156);
  top: -webkit-calc(var(--es-h) * 1017);
  top: -moz-calc(var(--es-h) * 1017);
  top: calc(var(--es-h) * 1017);
}
.elem.istoriya-tocki-qrafik {
  width: -webkit-calc(var(--es-w) * 64);
  width: -moz-calc(var(--es-w) * 64);
  width: calc(var(--es-w) * 64);
  height: -webkit-calc(var(--es-h) * 30);
  height: -moz-calc(var(--es-h) * 30);
  height: calc(var(--es-h) * 30);
  left: -webkit-calc(var(--es-w) * 212);
  left: -moz-calc(var(--es-w) * 212);
  left: calc(var(--es-w) * 212);
  top: -webkit-calc(var(--es-h) * 1017);
  top: -moz-calc(var(--es-h) * 1017);
  top: calc(var(--es-h) * 1017);
}
.elem.seriya {
  width: -webkit-calc(var(--es-w) * 52);
  width: -moz-calc(var(--es-w) * 52);
  width: calc(var(--es-w) * 52);
  height: -webkit-calc(var(--es-h) * 52);
  height: -moz-calc(var(--es-h) * 52);
  height: calc(var(--es-h) * 52);
  left: -webkit-calc(var(--es-w) * 3);
  left: -moz-calc(var(--es-w) * 3);
  left: calc(var(--es-w) * 3);
  top: -webkit-calc(var(--es-h) * 174);
  top: -moz-calc(var(--es-h) * 174);
  top: calc(var(--es-h) * 174);
}
.elem.seriya-close {
  width: -webkit-calc(var(--es-w) * 33);
  width: -moz-calc(var(--es-w) * 33);
  width: calc(var(--es-w) * 33);
  height: -webkit-calc(var(--es-h) * 22);
  height: -moz-calc(var(--es-h) * 22);
  height: calc(var(--es-h) * 22);
  left: -webkit-calc(var(--es-h) * 1201);
  left: -moz-calc(var(--es-h) * 1201);
  left: calc(var(--es-h) * 1201);
  top: -webkit-calc(var(--es-w) * 350);
  top: -moz-calc(var(--es-w) * 350);
  top: calc(var(--es-w) * 350);
}
.elem.seriya-close2 {
  width: -webkit-calc(var(--es-w) * 165);
  width: -moz-calc(var(--es-w) * 165);
  width: calc(var(--es-w) * 165);
  height: -webkit-calc(var(--es-h) * 34);
  height: -moz-calc(var(--es-h) * 34);
  height: calc(var(--es-h) * 34);
  left: -webkit-calc(var(--es-h) * 1070);
  left: -moz-calc(var(--es-h) * 1070);
  left: calc(var(--es-h) * 1070);
  top: -webkit-calc(var(--es-w) * 603);
  top: -moz-calc(var(--es-w) * 603);
  top: calc(var(--es-w) * 603);
}
.elem.pomeweniye {
  width: -webkit-calc(var(--es-w) * 141);
  width: -moz-calc(var(--es-w) * 141);
  width: calc(var(--es-w) * 141);
  height: -webkit-calc(var(--es-h) * 48);
  height: -moz-calc(var(--es-h) * 48);
  height: calc(var(--es-h) * 48);
  left: -webkit-calc(var(--es-w) * 3);
  left: -moz-calc(var(--es-w) * 3);
  left: calc(var(--es-w) * 3);
  top: -webkit-calc(var(--es-h) * 119);
  top: -moz-calc(var(--es-h) * 119);
  top: calc(var(--es-h) * 119);
}
.elem.pomeweniye-close {
  width: -webkit-calc(var(--es-w) * 34);
  width: -moz-calc(var(--es-w) * 34);
  width: calc(var(--es-w) * 34);
  height: -webkit-calc(var(--es-h) * 20);
  height: -moz-calc(var(--es-h) * 20);
  height: calc(var(--es-h) * 20);
  left: -webkit-calc(var(--es-h) * 1200);
  left: -moz-calc(var(--es-h) * 1200);
  left: calc(var(--es-h) * 1200);
  top: -webkit-calc(var(--es-w) * 260);
  top: -moz-calc(var(--es-w) * 260);
  top: calc(var(--es-w) * 260);
}
.elem.pomeweniye-close2 {
  width: -webkit-calc(var(--es-w) * 167);
  width: -moz-calc(var(--es-w) * 167);
  width: calc(var(--es-w) * 167);
  height: -webkit-calc(var(--es-h) * 34);
  height: -moz-calc(var(--es-h) * 34);
  height: calc(var(--es-h) * 34);
  left: -webkit-calc(var(--es-h) * 1068);
  left: -moz-calc(var(--es-h) * 1068);
  left: calc(var(--es-h) * 1068);
  top: -webkit-calc(var(--es-w) * 692);
  top: -moz-calc(var(--es-w) * 692);
  top: calc(var(--es-w) * 692);
}
.elem.tex-process {
  width: -webkit-calc(var(--es-w) * 33);
  width: -moz-calc(var(--es-w) * 33);
  width: calc(var(--es-w) * 33);
  height: -webkit-calc(var(--es-h) * 31);
  height: -moz-calc(var(--es-h) * 31);
  height: calc(var(--es-h) * 31);
  left: -webkit-calc(var(--es-w) * 3);
  left: -moz-calc(var(--es-w) * 3);
  left: calc(var(--es-w) * 3);
  top: -webkit-calc(var(--es-h) * 87);
  top: -moz-calc(var(--es-h) * 87);
  top: calc(var(--es-h) * 87);
  z-index: 2;
}
.elem.tex-process-close {
  width: -webkit-calc(var(--es-w) * 35);
  width: -moz-calc(var(--es-w) * 35);
  width: calc(var(--es-w) * 35);
  height: -webkit-calc(var(--es-h) * 21);
  height: -moz-calc(var(--es-h) * 21);
  height: calc(var(--es-h) * 21);
  left: -webkit-calc(var(--es-h) * 1129);
  left: -moz-calc(var(--es-h) * 1129);
  left: calc(var(--es-h) * 1129);
  top: -webkit-calc(var(--es-w) * 290);
  top: -moz-calc(var(--es-w) * 290);
  top: calc(var(--es-w) * 290);
}
.elem.tex-process-close2 {
  width: -webkit-calc(var(--es-w) * 170);
  width: -moz-calc(var(--es-w) * 170);
  width: calc(var(--es-w) * 170);
  height: -webkit-calc(var(--es-h) * 33);
  height: -moz-calc(var(--es-h) * 33);
  height: calc(var(--es-h) * 33);
  left: -webkit-calc(var(--es-h) * 993);
  left: -moz-calc(var(--es-h) * 993);
  left: calc(var(--es-h) * 993);
  top: -webkit-calc(var(--es-w) * 571);
  top: -moz-calc(var(--es-w) * 571);
  top: calc(var(--es-w) * 571);
}
.elem.indicator {
  width: -webkit-calc(var(--es-w) * 147);
  width: -moz-calc(var(--es-w) * 147);
  width: calc(var(--es-w) * 147);
  height: -webkit-calc(var(--es-h) * 52);
  height: -moz-calc(var(--es-h) * 52);
  height: calc(var(--es-h) * 52);
  left: -webkit-calc(var(--es-h) * 3);
  left: -moz-calc(var(--es-h) * 3);
  left: calc(var(--es-h) * 3);
  top: -webkit-calc(var(--es-w) * 36);
  top: -moz-calc(var(--es-w) * 36);
  top: calc(var(--es-w) * 36);
}
.elem.indicator2 {
  width: -webkit-calc(var(--es-w) * 100);
  width: -moz-calc(var(--es-w) * 100);
  width: calc(var(--es-w) * 100);
}
.elem.ustanovka-tocki {
  width: -webkit-calc(var(--es-w) * 43);
  width: -moz-calc(var(--es-w) * 43);
  width: calc(var(--es-w) * 43);
  height: -webkit-calc(var(--es-h) * 37);
  height: -moz-calc(var(--es-h) * 37);
  height: calc(var(--es-h) * 37);
  left: -webkit-calc(var(--es-h) * 412);
  left: -moz-calc(var(--es-h) * 412);
  left: calc(var(--es-h) * 412);
  top: -webkit-calc(var(--es-w) * 0);
  top: -moz-calc(var(--es-w) * 0);
  top: calc(var(--es-w) * 0);
}
.elem.ustanovka-tocki-close {
  width: -webkit-calc(var(--es-w) * 37);
  width: -moz-calc(var(--es-w) * 37);
  width: calc(var(--es-w) * 37);
  height: -webkit-calc(var(--es-h) * 24);
  height: -moz-calc(var(--es-h) * 24);
  height: calc(var(--es-h) * 24);
  left: -webkit-calc(var(--es-h) * 1208);
  left: -moz-calc(var(--es-h) * 1208);
  left: calc(var(--es-h) * 1208);
  top: -webkit-calc(var(--es-w) * 91);
  top: -moz-calc(var(--es-w) * 91);
  top: calc(var(--es-w) * 91);
}
.elem.ustanovka-tocki-close2 {
  width: -webkit-calc(var(--es-w) * 168);
  width: -moz-calc(var(--es-w) * 168);
  width: calc(var(--es-w) * 168);
  height: -webkit-calc(var(--es-h) * 34);
  height: -moz-calc(var(--es-h) * 34);
  height: calc(var(--es-h) * 34);
  left: -webkit-calc(var(--es-h) * 1074);
  left: -moz-calc(var(--es-h) * 1074);
  left: calc(var(--es-h) * 1074);
  top: -webkit-calc(var(--es-w) * 858);
  top: -moz-calc(var(--es-w) * 858);
  top: calc(var(--es-w) * 858);
}
.elem.trevoqi {
  width: -webkit-calc(var(--es-w) * 43);
  width: -moz-calc(var(--es-w) * 43);
  width: calc(var(--es-w) * 43);
  height: -webkit-calc(var(--es-h) * 37);
  height: -moz-calc(var(--es-h) * 37);
  height: calc(var(--es-h) * 37);
  left: -webkit-calc(var(--es-h) * 369);
  left: -moz-calc(var(--es-h) * 369);
  left: calc(var(--es-h) * 369);
  top: -webkit-calc(var(--es-w) * 0);
  top: -moz-calc(var(--es-w) * 0);
  top: calc(var(--es-w) * 0);
}
.elem.trevoqi-close {
  width: -webkit-calc(var(--es2-w) * 34);
  width: -moz-calc(var(--es2-w) * 34);
  width: calc(var(--es2-w) * 34);
  height: -webkit-calc(var(--es2-h) * 24);
  height: -moz-calc(var(--es2-h) * 24);
  height: calc(var(--es2-h) * 24);
  left: -webkit-calc(var(--es2-h) * 1590);
  left: -moz-calc(var(--es2-h) * 1590);
  left: calc(var(--es2-h) * 1590);
  top: -webkit-calc(var(--es2-w) * -4);
  top: -moz-calc(var(--es2-w) * -4);
  top: calc(var(--es2-w) * -4);
}
.elem.admin {
  width: -webkit-calc(var(--es-w) * 43);
  width: -moz-calc(var(--es-w) * 43);
  width: calc(var(--es-w) * 43);
  height: -webkit-calc(var(--es-h) * 37);
  height: -moz-calc(var(--es-h) * 37);
  height: calc(var(--es-h) * 37);
  left: -webkit-calc(var(--es-h) * 541);
  left: -moz-calc(var(--es-h) * 541);
  left: calc(var(--es-h) * 541);
  top: -webkit-calc(var(--es-w) * 0);
  top: -moz-calc(var(--es-w) * 0);
  top: calc(var(--es-w) * 0);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 20 20"><rect x="0" fill="none" width="20" height="20"/><g><path d="M10 9.25c-2.27 0-2.73-3.44-2.73-3.44C7 4.02 7.82 2 9.97 2c2.16 0 2.98 2.02 2.71 3.81 0 0-.41 3.44-2.68 3.44zm0 2.57L12.72 10c2.39 0 4.52 2.33 4.52 4.53v2.49s-3.65 1.13-7.24 1.13c-3.65 0-7.24-1.13-7.24-1.13v-2.49c0-2.25 1.94-4.48 4.47-4.48z"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px 16px;
     -moz-background-size: 16px;
       -o-background-size: 16px;
          background-size: 16px;
}
.elem.admin-close {
  width: -webkit-calc(var(--es2-w) * 34);
  width: -moz-calc(var(--es2-w) * 34);
  width: calc(var(--es2-w) * 34);
  height: -webkit-calc(var(--es2-h) * 24);
  height: -moz-calc(var(--es2-h) * 24);
  height: calc(var(--es2-h) * 24);
  left: -webkit-calc(var(--es2-h) * 1590);
  left: -moz-calc(var(--es2-h) * 1590);
  left: calc(var(--es2-h) * 1590);
  top: -webkit-calc(var(--es2-w) * -4);
  top: -moz-calc(var(--es2-w) * -4);
  top: calc(var(--es2-w) * -4);
}
.elem.config {
  width: -webkit-calc(var(--es-w) * 43);
  width: -moz-calc(var(--es-w) * 43);
  width: calc(var(--es-w) * 43);
  height: -webkit-calc(var(--es-h) * 37);
  height: -moz-calc(var(--es-h) * 37);
  height: calc(var(--es-h) * 37);
  left: -webkit-calc(var(--es-h) * 584);
  left: -moz-calc(var(--es-h) * 584);
  left: calc(var(--es-h) * 584);
  top: -webkit-calc(var(--es-w) * 0);
  top: -moz-calc(var(--es-w) * 0);
  top: calc(var(--es-w) * 0);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 20 20"><rect x="0" fill="none" width="20" height="20"/><g><path d="M18 12h-2.18c-.17.7-.44 1.35-.81 1.93l1.54 1.54-2.1 2.1-1.54-1.54c-.58.36-1.23.63-1.91.79V19H8v-2.18c-.68-.16-1.33-.43-1.91-.79l-1.54 1.54-2.12-2.12 1.54-1.54c-.36-.58-.63-1.23-.79-1.91H1V9.03h2.17c.16-.7.44-1.35.8-1.94L2.43 5.55l2.1-2.1 1.54 1.54c.58-.37 1.24-.64 1.93-.81V2h3v2.18c.68.16 1.33.43 1.91.79l1.54-1.54 2.12 2.12-1.54 1.54c.36.59.64 1.24.8 1.94H18V12zm-8.5 1.5c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></g></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px 16px;
     -moz-background-size: 16px;
       -o-background-size: 16px;
          background-size: 16px;
}
.elem.config-close {
  width: -webkit-calc(var(--es2-w) * 34);
  width: -moz-calc(var(--es2-w) * 34);
  width: calc(var(--es2-w) * 34);
  height: -webkit-calc(var(--es2-h) * 24);
  height: -moz-calc(var(--es2-h) * 24);
  height: calc(var(--es2-h) * 24);
  left: -webkit-calc(var(--es2-h) * 1590);
  left: -moz-calc(var(--es2-h) * 1590);
  left: calc(var(--es2-h) * 1590);
  top: -webkit-calc(var(--es2-w) * -4);
  top: -moz-calc(var(--es2-w) * -4);
  top: calc(var(--es2-w) * -4);
}
.elem.otchet {
  width: -webkit-calc(var(--es-w) * 43);
  width: -moz-calc(var(--es-w) * 43);
  width: calc(var(--es-w) * 43);
  height: -webkit-calc(var(--es-h) * 37);
  height: -moz-calc(var(--es-h) * 37);
  height: calc(var(--es-h) * 37);
  left: -webkit-calc(var(--es-h) * 627);
  left: -moz-calc(var(--es-h) * 627);
  left: calc(var(--es-h) * 627);
  top: -webkit-calc(var(--es-w) * 0);
  top: -moz-calc(var(--es-w) * 0);
  top: calc(var(--es-w) * 0);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 20 20" fill="none"><path fill="%23000000" fill-rule="evenodd" d="M4 1a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2V7.414A2 2 0 0017.414 6L13 1.586A2 2 0 0011.586 1H4zm0 2h7.586L16 7.414V17H4V3zm2 2a1 1 0 000 2h5a1 1 0 100-2H6zm-1 5a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h8a1 1 0 100-2H6z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 14px 14px;
     -moz-background-size: 14px;
       -o-background-size: 14px;
          background-size: 14px;
}
.elem.otchet-close {
  width: -webkit-calc(var(--es2-w) * 34);
  width: -moz-calc(var(--es2-w) * 34);
  width: calc(var(--es2-w) * 34);
  height: -webkit-calc(var(--es2-h) * 24);
  height: -moz-calc(var(--es2-h) * 24);
  height: calc(var(--es2-h) * 24);
  left: -webkit-calc(var(--es2-h) * 1590);
  left: -moz-calc(var(--es2-h) * 1590);
  left: calc(var(--es2-h) * 1590);
  top: -webkit-calc(var(--es2-w) * -4);
  top: -moz-calc(var(--es2-w) * -4);
  top: calc(var(--es2-w) * -4);
}
.elem.bd {
  width: -webkit-calc(var(--es-w) * 100);
  width: -moz-calc(var(--es-w) * 100);
  width: calc(var(--es-w) * 100);
  height: -webkit-calc(var(--es-h) * 50);
  height: -moz-calc(var(--es-h) * 50);
  height: calc(var(--es-h) * 50);
  left: -webkit-calc(var(--es-h) * 1743);
  left: -moz-calc(var(--es-h) * 1743);
  left: calc(var(--es-h) * 1743);
  top: -webkit-calc(var(--es-w) * 38);
  top: -moz-calc(var(--es-w) * 38);
  top: calc(var(--es-w) * 38);
}

.tooltip {
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M13.0645 25.0092H11.9418C11.9002 25.0025 11.8591 24.9912 11.8174 24.9886C11.0489 24.9507 10.2859 24.8379 9.53924 24.6519C6.84058 23.977 4.58193 22.5804 2.83885 20.4173C0.338092 17.3146 -0.523937 13.7745 0.289259 9.87713C0.953901 6.69014 2.68104 4.15854 5.33087 2.2741C7.27956 0.886216 9.46471 0.148583 11.8539 0.0200749C13.343 -0.0656346 14.8351 0.1236 16.2556 0.578312C19.0159 1.46502 21.2165 3.11248 22.8532 5.50118C24.0117 7.18704 24.7273 9.13739 24.9339 11.1725C24.9612 11.4295 24.9828 11.6865 25.0069 11.9435V13.0641C24.9997 13.1155 24.9879 13.1638 24.9854 13.2137C24.9391 14.1308 24.7861 15.0394 24.5294 15.9211C23.6521 18.9114 21.9132 21.266 19.3125 22.9849C17.6725 24.0707 15.793 24.7411 13.836 24.9382C13.5795 24.9634 13.322 24.985 13.0645 25.0092ZM2.00972 12.4905C1.99687 18.2589 6.68329 22.9767 12.4481 22.9978C13.829 23.0046 15.1976 22.7389 16.4756 22.2159C17.7536 21.6928 18.9158 20.9228 19.8957 19.9498C20.8755 18.9768 21.6538 17.82 22.1858 16.5457C22.7178 15.2715 22.9932 13.9047 22.9961 12.5239C23.0187 6.75593 18.3184 2.02428 12.5515 2.0104C11.1706 2.00431 9.80208 2.27078 8.52437 2.79454C7.24666 3.3183 6.08487 4.08904 5.10557 5.06261C4.12627 6.03618 3.34872 7.19343 2.81748 8.46804C2.28623 9.74265 2.01174 11.1096 2.00972 12.4905Z" fill="white"/><path d="M13.1927 15.5161H10.51C10.4977 15.3969 10.4853 15.2766 10.473 15.1563C10.3738 14.174 10.5285 13.2426 11.0251 12.3806C11.3258 11.8568 11.7447 11.4368 12.1965 11.0441C12.5697 10.7223 12.9511 10.4072 13.2354 9.99649C13.5279 9.57395 13.5382 9.12263 13.3547 8.66001C13.2004 8.27448 12.855 8.17939 12.4865 8.13929C11.5864 8.04163 10.7902 8.34131 10.0284 8.78183C9.84897 8.88464 9.67985 9.00801 9.49686 9.12726L8.26318 6.75347C8.53973 6.58435 8.80703 6.40392 9.08923 6.25126C10.5989 5.43806 12.2058 5.24376 13.8697 5.56965C14.8371 5.75933 15.6287 6.25588 16.1556 7.1174C16.4142 7.54478 16.5657 8.02833 16.5972 8.52687C16.6702 9.5169 16.5237 10.4591 15.9731 11.3109C15.6572 11.7859 15.262 12.2032 14.8047 12.5445C14.376 12.8751 13.9684 13.2256 13.6497 13.6708C13.349 14.0874 13.1889 14.5891 13.1927 15.1029C13.1922 15.2401 13.1927 15.3774 13.1927 15.5161Z" fill="white"/><path d="M11.9254 19.8596C11.3538 19.8596 10.8459 19.6915 10.4861 19.2304C10.0461 18.6706 9.99159 18.0337 10.2435 17.3881C10.4866 16.7636 10.9945 16.4629 11.6463 16.3786C11.98 16.3335 12.3196 16.3633 12.6404 16.4659C13.4145 16.7163 13.8674 17.4519 13.7713 18.2913C13.653 19.2772 12.9725 19.8555 11.9254 19.8596Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  background-position: center center;
  z-index: 2;
}
.tooltip span {
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.tooltip:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -webkit-calc(100% + 7px);
  left: -moz-calc(100% + 7px);
  left: calc(100% + 7px);
  width: 27px;
  height: 2px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #fff;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
  display: none;
}
.tooltip:after {
  content: "";
  position: absolute;
  top: -webkit-calc(100% + 7px);
  top: -moz-calc(100% + 7px);
  top: calc(100% + 7px);
  left: 50%;
  width: 2px;
  height: 15px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
  display: none;
}
.tooltip.istoriya-tocki {
  left: -68px;
  top: -webkit-calc(var(--es-h) * 365);
  top: -moz-calc(var(--es-h) * 365);
  top: calc(var(--es-h) * 365);
}
.tooltip.istoriya-tocki:before {
  display: block;
}
.tooltip.istoriya-tocki-filtr {
  left: -webkit-calc(var(--es-w) * 35);
  left: -moz-calc(var(--es-w) * 35);
  left: calc(var(--es-w) * 35);
  top: auto;
  bottom: -50px;
}
.tooltip.istoriya-tocki-filtr:after {
  display: block;
  top: auto;
  bottom: -webkit-calc(100% + 7px);
  bottom: -moz-calc(100% + 7px);
  bottom: calc(100% + 7px);
}
.tooltip.istoriya-tocki-znacheniya {
  left: -webkit-calc(var(--es-w) * 98);
  left: -moz-calc(var(--es-w) * 98);
  left: calc(var(--es-w) * 98);
  top: auto;
  bottom: -50px;
}
.tooltip.istoriya-tocki-znacheniya:after {
  display: block;
  top: auto;
  bottom: -webkit-calc(100% + 7px);
  bottom: -moz-calc(100% + 7px);
  bottom: calc(100% + 7px);
}
.tooltip.istoriya-tocki-ustanovki {
  left: -webkit-calc(var(--es-w) * 160);
  left: -moz-calc(var(--es-w) * 160);
  left: calc(var(--es-w) * 160);
  top: auto;
  bottom: -50px;
}
.tooltip.istoriya-tocki-ustanovki:after {
  display: block;
  top: auto;
  bottom: -webkit-calc(100% + 7px);
  bottom: -moz-calc(100% + 7px);
  bottom: calc(100% + 7px);
}
.tooltip.istoriya-tocki-qrafik {
  left: -webkit-calc(var(--es-w) * 222);
  left: -moz-calc(var(--es-w) * 222);
  left: calc(var(--es-w) * 222);
  top: auto;
  bottom: -50px;
}
.tooltip.istoriya-tocki-qrafik:after {
  display: block;
  top: auto;
  bottom: -webkit-calc(100% + 7px);
  bottom: -moz-calc(100% + 7px);
  bottom: calc(100% + 7px);
}
.tooltip.seriya {
  left: -68px;
  top: -webkit-calc(var(--es-h) * 182);
  top: -moz-calc(var(--es-h) * 182);
  top: calc(var(--es-h) * 182);
}
.tooltip.seriya:before {
  display: block;
}
.tooltip.pomeweniye {
  left: -68px;
  top: -webkit-calc(var(--es-h) * 122);
  top: -moz-calc(var(--es-h) * 122);
  top: calc(var(--es-h) * 122);
}
.tooltip.pomeweniye:before {
  display: block;
}
.tooltip.tex-process {
  left: -68px;
  top: -webkit-calc(var(--es-h) * 84);
  top: -moz-calc(var(--es-h) * 84);
  top: calc(var(--es-h) * 84);
}
.tooltip.tex-process:before {
  display: block;
}
.tooltip.indicator {
  left: -68px;
  top: -webkit-calc(var(--es-w) * 40);
  top: -moz-calc(var(--es-w) * 40);
  top: calc(var(--es-w) * 40);
}
.tooltip.indicator:before {
  display: block;
}
.tooltip.ustanovka-tocki {
  left: -webkit-calc(var(--es-h) * 417);
  left: -moz-calc(var(--es-h) * 417);
  left: calc(var(--es-h) * 417);
  top: -50px;
}
.tooltip.ustanovka-tocki:after {
  display: block;
}
.tooltip.trevoqi {
  left: -webkit-calc(var(--es-h) * 374);
  left: -moz-calc(var(--es-h) * 374);
  left: calc(var(--es-h) * 374);
  top: -50px;
}
.tooltip.trevoqi:after {
  display: block;
}
.tooltip.admin {
  left: -webkit-calc(var(--es-h) * 546);
  left: -moz-calc(var(--es-h) * 546);
  left: calc(var(--es-h) * 546);
  top: -50px;
}
.tooltip.admin:after {
  display: block;
}
.tooltip.config {
  left: -webkit-calc(var(--es-h) * 589);
  left: -moz-calc(var(--es-h) * 589);
  left: calc(var(--es-h) * 589);
  top: -50px;
}
.tooltip.config:after {
  display: block;
}
.tooltip.otchet {
  left: -webkit-calc(var(--es-h) * 632);
  left: -moz-calc(var(--es-h) * 632);
  left: calc(var(--es-h) * 632);
  top: -50px;
}
.tooltip.otchet:after {
  display: block;
}
.tooltip.bd {
  left: -webkit-calc(var(--es-h) * 1775);
  left: -moz-calc(var(--es-h) * 1775);
  left: calc(var(--es-h) * 1775);
  top: -50px;
}
.tooltip.bd:after {
  display: block;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized {
  top: auto !important;
  bottom: 235px !important;
  left: 140px !important;
  height: auto !important;
  width: 610px !important;
  max-width: 100% !important;
  pointer-events: all;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow {
  display: none;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background: #EBF0F3;
  border: none;
  margin: 0;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
  color: #000;
  padding: 20px 30px;
  font-size: 20px;
  line-height: 23px;
  font-weight: 300;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .title {
  font-size: 24px;
  -moz-text-align-last: left;
       text-align-last: left;
  margin-bottom: 20px;
  padding-right: 20px;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content .title:before {
  content: "";
  position: absolute;
  top: 23.5px;
  right: 30px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M2.27637 2.45508L15.724 17.0446" stroke="%23999999" stroke-width="3" stroke-linecap="round"/><path d="M15.8599 2.58276L2.14049 16.917" stroke="%23999999" stroke-width="3" stroke-linecap="round"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
     -moz-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
}

img {
  max-width: 100%;
}

#main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
.header .arr {
  width: 60px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  -moz-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}
.header .arr:hover {
  opacity: 0.8;
}
.header .arr.disable {
  opacity: 0.5;
}
.header .arr svg {
  width: 60px;
  height: 60px;
}
.header .arrs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
.header .logo h1 {
  color: #fff;
  text-shadow: 0px 1px 10.9px rgba(40, 221, 255, 0.43);
  font-family: Roboto;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 33px;
  position: relative;
}
.footer a {
  text-shadow: 0px 1px 10.9px rgba(40, 221, 255, 0.43);
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-decoration: none;
}
.footer a.disable {
  opacity: 0.5;
}
.footer span {
  color: #FFF;
  text-shadow: 0px 1px 10.9px rgba(40, 221, 255, 0.43);
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.footer .logo {
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}
.footer .logo:before, .footer .logo:after {
  content: "";
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 3px;
  background-color: #0089c5;
}
.footer .logo img {
  height: 60px;
}

.d-none {
  display: none;
}

.mainLogo {
  height: 60px;
  margin-left: 250px;
}