@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");
* {
  -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(--orange);
  text-decoration: underline;
  outline: none;
}

a:hover {
  color: var(--orange);
  text-decoration: none;
}

table {
  margin: 0 auto;
}

table td {
  padding: 5px;
}

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

iframe {
  border: none;
}

body {
  background: var(--background-back);
  background-size: cover;
  margin: 0;
  font: var(--font-12);
  color: var(--text);
  min-height: 100%;
  position: relative;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

html #bd .file-input-list:empty {
  margin: 0 !important;
}
html #bd .file-task-input-list:empty {
  margin: 0 !important;
}

.version {
  opacity: 0;
}

.right-container.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  filter: blur(5px);
}

.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;
}

@media only screen and (max-width: 1000px) {
  .mobile-none {
    display: none !important;
  }
  html #bd .mobile-column {
    flex-direction: column;
  }
}
@media only screen and (max-width: 800px) {
  html #bd .home-title {
    margin-bottom: 10px !important;
  }
  html #bd .home-title span {
    font-size: 30px !important;
  }
  html #bd .home-content {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  html #bd .logo {
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 20px !important;
  }
  html #bd .logo-wrap {
    width: 52px !important;
    height: 52px !important;
    margin-bottom: 10px !important;
  }
  html #bd .logo-wrap .component-content {
    font-size: 30px !important;
  }
  html #bd .download-button .component-button-wrap {
    padding: 12px !important;
  }
  html #bd .download-button .component-button-wrap .button-title {
    font-size: 16px !important;
  }
  html #bd .doc-button .component-button-wrap {
    padding: 12px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  html #bd .doc-button .component-button-wrap .button-title {
    font-size: 16px !important;
  }
  html #bd .block-wrap {
    position: relative;
  }
  html #bd .block-wrap .list-menu {
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    width: 100% !important;
    padding: 10px !important;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
    transition-delay: 0ms;
    z-index: 100;
  }
  html #bd .block-wrap .list-menu.active {
    left: 0;
  }
  html #bd .doc-right .component-icon.all {
    width: 100% !important;
    height: auto !important;
  }
  html #bd .mobile-menu {
    display: flex !important;
  }
  html #bd .component-iframe {
    width: 100% !important;
    height: 300px !important;
  }
}

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