@import url("https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext");
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat Thin"), local("Akrobat-Thin"), url("../fonts/Akrobatthin.woff2") format("woff2"), url("../fonts/Akrobatthin.woff") format("woff"), url("../fonts/Akrobatthin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat ExtraLight"), local("Akrobat-ExtraLight"), url("../fonts/Akrobatextralight.woff2") format("woff2"), url("../fonts/Akrobatextralight.woff") format("woff"), url("../fonts/Akrobatextralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat Light"), local("Akrobat-Light"), url("../fonts/Akrobatlight.woff2") format("woff2"), url("../fonts/Akrobatlight.woff") format("woff"), url("../fonts/Akrobatlight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat"), local("Akrobat-Regular"), url("../fonts/Akrobat.woff2") format("woff2"), url("../fonts/Akrobat.woff") format("woff"), url("../fonts/Akrobat.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat SemiBold"), local("Akrobat-SemiBold"), url("../fonts/Akrobatsemibold.woff2") format("woff2"), url("../fonts/Akrobatsemibold.woff") format("woff"), url("../fonts/Akrobatsemibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat Bold"), local("Akrobat-Bold"), url("../fonts/Akrobatbold.woff2") format("woff2"), url("../fonts/Akrobatbold.woff") format("woff"), url("../fonts/Akrobatbold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat ExtraBold"), local("Akrobat-ExtraBold"), url("../fonts/Akrobatextrabold.woff2") format("woff2"), url("../fonts/Akrobatextrabold.woff") format("woff"), url("../fonts/Akrobatextrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat";
  src: local("Akrobat Black"), local("Akrobat-Black"), url("../fonts/Akrobatblack.woff2") format("woff2"), url("../fonts/Akrobatblack.woff") format("woff"), url("../fonts/Akrobatblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  margin: 0;
  width: 100%;
  position: relative;
  min-height: 100%;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  color: var(--white);
}

h1 {
  font: var(--font-30-600);
  margin-top: 0;
}

h2 {
  font: var(--font-24-600);
}

h3 {
  font: var(--font-20-600);
}

h4 {
  font: var(--font-18-600);
}

h5 {
  font: var(--font-16-600);
}

h6 {
  font: var(--font-14-600);
}

p {
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--light-grey);
  font-size: 14px;
  line-height: 16px;
}

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

img {
  outline: none;
}

body a {
  color: var(--white);
  text-decoration: underline;
  outline: none;
}

a:hover {
  text-decoration: none;
}

table {
  margin: 0 auto;
}

table td {
  padding: 5px;
}

.clear {
  clear: both;
  display: block;
}

iframe {
  border: none;
}

body {
  margin: 0;
  font: var(--font-12);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  min-height: 100%;
  position: relative;
  overflow: hidden;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.version {
  opacity: 0;
}

.scroll {
  overflow: hidden;
  overflow-y: auto;
}
.scroll::-webkit-scrollbar {
  width: 4px;
}
.scroll::-webkit-scrollbar-button {
  height: 0;
}
.scroll::-webkit-scrollbar-track {
  opacity: 0;
}
.scroll::-webkit-scrollbar-track-piece {
  background: none;
}
.scroll::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
.scroll::-webkit-scrollbar-corner, .scroll #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}

.scroll-x {
  overflow: hidden;
  overflow-x: auto;
}
.scroll-x::-webkit-scrollbar {
  height: 4px;
}
.scroll-x::-webkit-scrollbar-button {
  height: 0;
}
.scroll-x::-webkit-scrollbar-track {
  opacity: 0;
}
.scroll-x::-webkit-scrollbar-track-piece {
  background: none;
}
.scroll-x::-webkit-scrollbar-thumb {
  height: 35px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
.scroll-x::-webkit-scrollbar-corner, .scroll-x #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}

.version {
  display: none;
}

.home-head-wrap {
  background: var(--background-back);
  background-size: cover;
}

@media only screen and (max-width: 1100px) {
  .mobile-none {
    display: none !important;
  }
}

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