@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Bold.woff2") format("woff2"), url("../../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Medium.woff2") format("woff2"), url("../../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
  font-style: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../../fonts/Montserrat-Regular.woff2") format("woff2"), url("../../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal; }

html {
  box-sizing: border-box;
  font-size: 100%;
  color: #000;
  height: 100%;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

html,
button,
input {
  font-family: "Montserrat", Helvetica, Arial, sans-serif; }

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

.page {
  display: flex;
  flex-direction: column;
  min-height: 100%; }

.wrap {
  width: 100%;
  max-width: 1002px;
  padding: 0 1em;
  display: flex;
  margin: 0 auto;
  flex-direction: column; }
  .wrap_no-padding {
    max-width: 970px;
    padding: 0; }
  .wrap_row {
    flex-direction: row; }
  .wrap_jb {
    justify-content: space-between; }
  .wrap_as {
    align-items: stretch; }
  .wrap_ac {
    align-items: center; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .wrap_fw-tb {
      flex-wrap: wrap; } }
  @media (max-width: 575.98px) {
    .wrap {
      padding: 0 .625em; }
      .wrap_no-padding {
        padding: 0; } }

.subhead {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-bottom: 1px solid #e0e9f7;
  transform: translateY(-4px);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s; }
  .subhead:before {
    content: none;
    position: absolute;
    height: 1px;
    bottom: 100%;
    left: 0;
    right: 0;
    border-top: 1px solid #e0e9f7; }
    @media (max-width: 575.98px) {
      .subhead:before {
        left: 0;
        right: 0; } }
    @media (max-width: 767.98px) {
      .subhead:before {
        content: ''; } }
  .subhead_visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto; }
  .subhead:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    height: 50%;
    left: 0;
    box-shadow: 0px 2px 1.25em rgba(71, 131, 225, 0.05); }
  .subhead__list {
    list-style: none;
    justify-content: center;
    grid-template-columns: auto auto auto auto;
    padding: 0 0 .5em;
    display: none; }
    .subhead__list_visible {
      display: grid; }
  .subhead__link {
    display: flex;
    align-items: center;
    padding: .5em 1em;
    text-decoration: none;
    color: currentColor;
    position: relative;
    z-index: 1;
    transition: background 0.3s, color 0.3s; }
    .subhead__link:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 1px;
      opacity: 0;
      border-radius: 0.25em;
      background-color: #F9FAFB;
      transition: opacity 0.3s; }
    .subhead__link_active, .subhead__link:hover {
      color: #0f7f6c; }
      .subhead__link_active:before, .subhead__link:hover:before {
        opacity: 1;
        transition: opacity 0.1s; }
  .subhead__link-text {
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 575.98px) {
      .subhead__link-text {
        font-size: 0.875em; } }
  .subhead__icon {
    flex-shrink: 0;
    margin-right: .625em; }
  @media (max-width: 767.98px) {
    .subhead__list {
      padding: 0.5em 0;
      justify-content: space-around; }
    .subhead__link {
      padding: .3em .5em; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .subhead__list {
      grid-template-columns: auto auto auto; } }
  @media (max-width: 575.98px) {
    .subhead__list {
      grid-template-columns: auto auto; }
    .subhead__item {
      width: 45%; } }

.menu {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  list-style: none; }
  .menu:before {
    content: none;
    position: absolute;
    height: 1px;
    bottom: 100%;
    left: -1em;
    right: -1em;
    border-top: 1px solid #e0e9f7; }
    @media (max-width: 575.98px) {
      .menu:before {
        left: -.625em;
        right: -.625em; } }
    @media (max-width: 767.98px) {
      .menu:before {
        content: ''; } }
  .menu__button {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    color: currentColor;
    font-size: 1em; }
  .menu__link {
    color: currentColor;
    text-decoration: none; }
  .menu__button-text {
    margin-right: 0.625em;
    white-space: nowrap; }
  .menu__button-text, .menu__link {
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 575.98px) {
      .menu__button-text, .menu__link {
        font-size: 0.875em; } }
  .menu__button, .menu__link {
    position: relative;
    z-index: 1;
    transition: background 0.3s, color 0.3s;
    padding: 0 1em;
    display: flex;
    align-items: center;
    height: 100%; }
    .menu__button:before, .menu__link:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 1px;
      left: 0;
      right: 0;
      bottom: 1px;
      opacity: 0;
      border-radius: 0.25em;
      background-color: #F9FAFB;
      transition: opacity 0.3s; }
    .menu__button_active, .menu__button:hover, .menu__link_active, .menu__link:hover {
      color: #3258FE; }
      .menu__button_active:before, .menu__button:hover:before, .menu__link_active:before, .menu__link:hover:before {
        opacity: 1;
        transition: opacity 0.1s; }
  .menu__button-icon {
    fill: currentColor;
    opacity: 0.75; }
  .menu__button_active .menu__button-icon {
    transform: rotate(180deg); }
  @media (max-width: 860px) {
    .menu {
      justify-content: center; }
      .menu__button, .menu__link {
        padding: 0.625em 0.5em; } }

.lang {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: background 0.3s, color 0.3s;
  padding: 0 1em;
  margin-right: -1em; }
  .lang:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 1px;
    opacity: 0;
    border-radius: 0.25em;
    background-color: #F9FAFB;
    transition: opacity 0.3s; }
  .lang_active, .lang:hover {
    color: #3258FE; }
    .lang_active:before, .lang:hover:before {
      opacity: 1;
      transition: opacity 0.1s; }
  .lang__icon {
    margin-right: 0.75em;
    fill: currentColor; }
  .lang__label {
    text-transform: uppercase;
    font-weight: 600; }
    @media (max-width: 575.98px) {
      .lang__label {
        font-size: 0.875em; } }
  .lang select {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    -webkit-appearance: none; }
  @media (min-width: 576px) and (max-width: 991.98px) {
    .lang {
      padding: 0 1em;
      margin-right: -1em; } }
  @media (max-width: 575.98px) {
    .lang {
      padding: 0 .625em;
      margin-right: -.625em; }
      .lang__icon {
        margin-right: 0.2em; } }

.logo {
  display: inline-block;
  color: #000; }
  .logo__image {
    fill: currentColor; }

.header {
  position: sticky;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 0.9em;
  background-color: #fff;
  box-shadow: 0px 2px 1.25em rgba(71, 131, 225, 0.05); }
  .header__wrap {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-areas: "logo menu lang"; }
  .header__logo-wrap {
    position: relative;
    top: 1px;
    grid-area: logo; }
  .header__logo {
    transition: color 0.3s;
    height: 100%;
    padding: 0.5em 0; }
    .header__logo:hover {
      color: #3258FE;
      transition: color 0.1s; }
  .header__lang {
    display: flex;
    justify-content: flex-end;
    grid-area: lang; }
  .header__menu {
    flex-shrink: 0;
    grid-area: menu; }
  @media (max-width: 815px) {
    .header__wrap {
      grid-template-columns: minmax(0, 1fr) auto auto;
      grid-template-areas: "logo lang lang" "menu menu menu"; }
    .header__logo-wrap {
      padding: .625em 0; }
    .header__logo {
      padding: 0; } }
  @media (max-width: 575.98px) {
    .header {
      font-size: 0.75em; }
    .header__logo-wrap {
      padding-right: 1em; } }

.prod-icon {
  position: relative;
  display: inline-block;
  width: 3.125em;
  height: 3.125em;
  border-radius: .5em;
  background-color: #fff;
  color: #12967F;
  border: 1px solid #AAAAAA;
  display: flex;
  align-items: center;
  justify-content: center; }
  .prod-icon_min {
    width: 1.56125em;
    height: 1.56125em;
    border-radius: .25em; }
  .prod-icon__arrow {
    position: absolute;
    background-color: #fff;
    border-radius: 0.25em;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }
    .prod-icon__arrow_to {
      top: -0.25em;
      left: -0.25em; }
    .prod-icon__arrow_from {
      bottom: -0.25em;
      right: -0.25em; }
  .prod-icon__arrow-icon {
    fill: currentColor; }
  .prod-icon__image {
    max-width: 90%;
    max-height: 90%; }

.prods {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -2.5em; }
  .prods__icon {
    margin-bottom: .75em; }
  .prods__link {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    text-decoration: none;
    color: #000;
    padding-bottom: .5em; }
    .prods__link:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: -0.625em;
      left: -0.625em;
      right: -0.625em;
      bottom: -0.625em;
      border-radius: 0.5em;
      pointer-events: none;
      background-color: #fff;
      box-shadow: 0px 2px 1.25em rgba(71, 131, 225, 0.1);
      opacity: 0;
      transform: translateZ(0) scale(0.95);
      transition: opacity 0.3s, transform 0.3s; }
  .prods__title {
    font-weight: 600;
    font-size: 1.125em;
    margin-bottom: 0.3em;
    transition: color 0.3s; }
  .prods__text {
    font-size: .875em;
    line-height: 1.4; }
  .prods__link:hover .prods__title {
    color: #0f7f6c;
    transition: color 0.3s; }
  .prods__link:hover:before {
    opacity: 1;
    transform: translateZ(0) scale(1);
    transition: opacity 0.1s, transform 0.1s; }
  .prods__item {
    margin-bottom: 2.5em; }
    @media (min-width: 992px) {
      .prods__item {
        width: calc(20% - 1.6em); }
        .prods__item:not(:nth-child(5n)) {
          margin-right: 2em; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      .prods__item {
        width: calc(25% - 1.5em); }
        .prods__item:not(:nth-child(4n)) {
          margin-right: 2em; } }
    @media (min-width: 576px) and (max-width: 767.98px) {
      .prods__item {
        width: calc(33.33333% - 1.33333em); }
        .prods__item:not(:nth-child(3n)) {
          margin-right: 2em; } }
    @media (max-width: 575.98px) {
      .prods__item {
        width: calc(50% - 1em); }
        .prods__item:not(:nth-child(2n)) {
          margin-right: 2em; } }
  @media (max-width: 575.98px) {
    .prods {
      margin-bottom: -1.5em; }
      .prods__item {
        margin-bottom: 1.5em; }
      .prods__link {
        padding-bottom: 0em; }
        .prods__link:before {
          top: -0.5em;
          left: -0.5em;
          right: -.5em;
          bottom: -0.5em; } }

.main {
  position: relative;
  padding-top: 3em;
  margin-bottom: 2em;
  background: linear-gradient(180deg, #F9FAFB 0%, #fff 100%); }
  .main__title {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 0.3em;
    letter-spacing: 0.01em; }
  .main__description {
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
    color: #455773;
    letter-spacing: 0.02em; }
  .main__header {
    margin-bottom: 2em; }
  .main__prods {
    padding: 0; }
  @media (max-width: 991.98px) {
    .main__prods {
      padding: 0; } }
  @media (max-width: 575.98px) {
    .main {
      padding-top: 2em; }
      .main__title {
        font-size: 1.5em; }
      .main__description {
        font-size: 1em; }
      .main__header {
        margin-bottom: 1.5em; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .main {
      padding-top: 3em; }
      .main__header {
        margin-bottom: 4em; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .main {
      padding-top: 2em; }
      .main__title {
        font-size: 1.75em; }
      .main__description {
        font-size: 1.125em; }
      .main__header {
        margin-bottom: 3em; } }

.details {
  margin-bottom: 2.25em; }
  .details__summary {
    position: relative;
    list-style: none;
    margin-bottom: 1em;
    outline: none; }
    .details__summary::-webkit-details-marker {
      display: none; }
  .details__summary-title {
    font-size: 1.25em;
    font-weight: 600; }
  .details__icon {
    position: absolute;
    left: 0;
    top: 50%;
    display: none;
    fill: currentColor;
    transform: translateY(-50%); }
  .details__text {
    line-height: 1.6;
    margin: 1em 0 }
  .details__text b {
    font-weight: 600; }
  .details[open] .details__icon {
    transform: translateY(-50%) rotate(90deg); }
  @media (max-width: 991.98px) {
    .details {
      margin-bottom: 1em; }
      .details__summary {
        cursor: pointer;
        padding-left: 1em; }
      .details__text {
        padding-left: 1.125em; }
      .details__icon {
        display: initial; } }
  @media (max-width: 575.98px) {
    .details__summary-title {
      font-size: 1.125em; } }

.button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
  font-size: .875em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 4px;
  border: 1px solid;
  height: 2.3em;
  line-height: 1;
  display: flex;
  align-items: center;
  padding: .1em 1.1em 0 .9em;
  overflow: hidden;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, opacity 0.3s; }
  .button__icon {
    fill: currentColor;
    margin-right: .65em;
    transform: translateZ(0); }
  .button_big {
    font-size: 1.125em; }
    .button_big .button__icon {
      transform: scale(1.2) translateZ(0); }
  .button_green {
    color: #fff;
    box-shadow: 0px 2px 10px rgba(8, 68, 58, 0.15);
    background-color: #12967F;
    border-color: #12967F; }
    .button_green.hover {
      color: #12967F; }
  .button_red {
    color: #fff;
    box-shadow: 0px 2px 10px rgba(8, 68, 58, 0.15);
    background-color: #E54D43;
    border-color: #E54D43; }
    .button_red.hover {
      color: #E54D43; }
  .button_grey {
    color: #fff;
    box-shadow: 0px 2px 10px rgba(53, 54, 59, 0.15);
    background-color: #60626C;
    border-color: #60626C; }
    .button_grey.hover {
      color: #60626C; }
  .button.hover {
    background-color: #fff; }
  .button:disabled {
    opacity: 0.5;
    pointer-events: none;
    box-shadow: 0px 0 0 rgba(0, 0, 0, 0); }
  .button.hover, .button:disabled {
    transition: color 0.1s, background-color 0.1s, box-shadow 0.1s, opacity 0.1s; }
  @media (max-width: 575.98px) {
    .button {
      font-size: 0.75em;
      padding: .1em .8em 0 .6em; }
      .button__icon {
        margin-right: .4em;
        transform: scale(0.9) translateZ(0); }
      .button_big {
        font-size: 1em; }
        .button_big .button__icon {
          transform: scale(1) translateZ(0); } }

.circle {
  position: relative; }
  .circle:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid #12967F;
    border-radius: 50%;
    transition: border-color 0.3s, background-color 0.3s; }
  .circle__progress {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #12967F;
    stroke-width: 4px;
    stroke-dashoffset: 190;
    stroke-dasharray: 190;
    transform: translateZ(0);
    transition: opacity 0.3s, stroke-dashoffset 0.3s, stroke 0.3s; }
    .circle__progress_hidden {
      opacity: 0;
      transition: opacity 0.1s, stroke-dashoffset 0.1s, stroke 0.1s; }
  .circle__loader {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #12967F;
    stroke-width: 4px;
    stroke-dashoffset: 160;
    stroke-dasharray: 190;
    transition: opacity 0.3s, stroke 0.3s;
    animation: rotate 1s linear infinite; }
    .circle__loader_hidden {
      opacity: 0;
      transition: opacity 0.1s, stroke 0.1s; }
  .circle__percentage {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-weight: 700;
    color: currentColor;
    font-size: 1em;
    line-height: 0.85;
    letter-spacing: 0.02em;
    padding-top: .15em;
    padding-left: 0.2em; }
  .circle__percentage-icon {
    margin-bottom: .1em;
    fill: currentColor;
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)); }
  .circle__percentage, .circle__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    will-change: opacity;
    transition: opacity 0.3s; }
    .circle__percentage_hidden, .circle__icon_hidden {
      opacity: 0;
      transition: opacity 0.1s; }
  .circle__icon {
    fill: currentColor; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.file-stats {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none; }
  .file-stats__text-wrap {
    width: 100%;
    position: relative;
    text-transform: uppercase;
    font-size: 0.75em;
    height: 1em;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: currentColor;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: opacity 0.3s, text-shadow 0.3s; }
  .file-stats__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: 1;
    transition: opacity 0.3s; }
    .file-stats__text_hidden {
      opacity: 0;
      transition: opacity 0.1s; }
  .file-stats__circle {
    position: relative;
    z-index: 1;
    width: 3.4em;
    height: 3.4em;
    margin-bottom: 0.5em;
    transition: opacity 0.3s, color 0.3s; }
  .file-stats_hidden .file-stats__circle,
  .file-stats_hidden .file-stats__text-wrap {
    opacity: 0;
    transition: opacity 0.1s; }

.file-download {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  left: 5px;
  bottom: 5px;
  height: 1.5em;
  width: 1.5em;
  overflow: hidden;
  font-size: 1em;
  border-radius: 0.25em;
  background-color: #fff;
  font-size: 1em;
  border: 1px solid #fff;
  color: #000;
  transition: opacity 0.3s, background-color 0.3s; }
  .file-download__content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.1em .25em 0;
    width: calc(134px - 10px); }
  .file-download__text {
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    flex-grow: 1;
    text-align: center;
    padding: 0.1em;
    display: none; }
  .file-download__icon {
    fill: currentColor;
    margin-right: 0.1em; }
  .file-download:not(:disabled):hover {
    background-color: rgba(255, 255, 255, 0.85);
    transition: opacity 0.1s, background-color 0.1s; }
  .file-download:disabled {
    opacity: 0.85;
    pointer-events: none;
    transition: opacity 0.1s, background-color 0.1s; }

.file {
  display: flex;
  flex-direction: column;
  width: 134px;
  opacity: 1;
  transition: opacity 0.1s; }
  .file__download {
    z-index: 2; }
  .file_ghost {
    opacity: .5;
    transition: opacity 0.3s; }
  .file__content {
    position: relative;
    z-index: 1;
    height: 134px;
    width: 100%;
    border-radius: 0.5em;
    border: 1px solid #cccccc;
    overflow: hidden; }
    .file__content-move {
      cursor: move;
    }
    .file__content:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      background-color: rgba(0, 0, 0, 0.15);
      transition: opacity 0.3s; }
  .file__title {
    text-align: center;
    line-height: 1.5;
    font-size: 0.75em;
    font-weight: 500;
    -webkit-font-kerning: none;
    font-kerning: none; }
  .file__title-text {
    white-space: nowrap; }
  .file__image {
    position: absolute;
    z-index: -1;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.1s; }
    .file__image_hidden {
      opacity: 0;
      transition: opacity 0.3s; }
  .file__close-icon {
    fill: currentColor; }
  .file__close {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    z-index: 2;
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    top: 5px;
    right: 5px;
    color: #fff;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); }
    .file__close:hover {
      background-color: rgba(255, 255, 255, 0.85); }
    .file__close:disabled {
      opacity: 0.85;
      pointer-events: none; }
      .file__close:disabled .file__close-icon {
        opacity: 0.6; }
  .file__content:hover .file__download:not(:disabled) {
    width: calc(100% - 10px);
    transition: opacity 0.1s, background-color 0.1s; }
    .file__content:hover .file__download:not(:disabled) .file-download__text {
      display: block; }
  .file__stats {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: .5em;
    color: #000;
    transition: color 0.3s; }
    .file__stats_light {
      color: #fff;
      transition: color 0.1s; }
      .file__stats_light .file-stats__circle {
        color: #fff;
        transition: opacity 0.1s, color 0.1s; }
        .file__stats_light .file-stats__circle:before {
          border-color: #fff;
          background-color: rgba(0, 0, 0, 0.2);
          transition: border-color 0.1s, background-color 0.1s; }
      .file__stats_light .file-stats__text-wrap {
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
        transition: opacity 0.1s, text-shadow 0.1s; }
      .file__stats_light .circle__progress {
        stroke: #fff;
        transition: opacity 0.1s, stroke-dashoffset 0.1s, stroke 0.1s; }
      .file__stats_light .circle__loader {
        stroke: #fff;
        transition: opacity 0.1s, stroke 0.1s; }
  .file_process .file__stats:before {
    opacity: 0;
    transition: opacity 0.1s; }
  .file_process .file__stats:after {
    opacity: 1;
    transition: opacity 0.1s; }
  .file_process .file__download {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s; }
  .file_process .file__content:before {
    opacity: 0;
    transition: opacity 0.1s; }

.scroll-button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  width: 1.875em;
  height: 1.875em;
  font-size: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #60626C;
  border-radius: 0.25em;
  border: 1px solid #60626C;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  transition: color 0.3s, box-shadow 0.3s, background-color 0.3s, opacity 0.3s; }
  .scroll-button__icon {
    fill: currentColor;
    transform: translateX(-1px); }
    .scroll-button__icon_rotate {
      transform: rotate(180deg) translateX(-1px); }
  .scroll-button_hidden {
    opacity: 0;
    pointer-events: none; }
  .scroll-button:hover {
    background-color: #60626C;
    color: #fff;
    transition: color 0.1s, box-shadow 0.1s, background-color 0.1s, opacity 0.1s; }
  .scroll-button:disabled {
    color: #a1a2ab;
    border-color: currentColor;
    pointer-events: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }

.control {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 0;
  padding: 1.2em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3em;
  overflow: visible; }
  .control:before {
    content: '';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='0' ry='0' stroke='%23a1a1a1' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 0;
  }
  .control__title {
    font-size: 1.75em;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0.35em; }
  .control__description {
    max-width: calc(100% - 10vw);
    font-size: 1.125em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 3em;
    line-height: 1.4;
    display: none; }
  .control__select-wrap {
    margin-right: 1.4em;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .control__select-text {
    text-align: center;
    font-size: 0.875em;
    font-weight: 600;
    color: #808080;
    padding-top: 0.15em;
    display: none;
    text-transform: lowercase; }
  .control__buttons {
    display: flex; }
  .control__files {
    position: relative;
    width: 100%; }
    .control__files:before, .control__files:after {
      content: '';
      position: absolute;
      z-index: 2;
      pointer-events: none;
      top: 0;
      height: 100%;
      width: 2em;
      background-image: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0)); }
    .control__files:before {
      left: 0; }
    .control__files:after {
      right: 0;
      transform: rotate(180deg); }
  .control__files-wrapper {
    width: 100%;
    overflow: hidden; }
  .control__files-inner {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    padding-left: 2em;
    display: flex;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .control__files-inner::-webkit-scrollbar {
      display: none; }
  .control__file {
    flex-shrink: 0; }
    .control__file:not(:last-child) {
      margin-right: 1.25em; }
  .control__scroll-button {
    position: absolute;
    z-index: 4;
    top: calc(50% - .35em); }
    .control__scroll-button_prev {
      transform: translate(-50%, -50%); }
    .control__scroll-button_next {
      transform: translate(50%, -50%); }
  .control_start .control__select-wrap {
    margin-right: 0; }
  .control_start .control__title {
    font-weight: 600; }
  .control_start .control__description {
    display: block; }
  .control_start .control__download-button, .control_start .control__cancel-button {
    display: none; }
  .control_start .control__files {
    display: none; }
  @media (min-width: 992px) {
    .control__scroll-button_prev {
      left: 0; }
    .control__scroll-button_next {
      right: 0; }
    .control_start {
      padding-top: 3em; }
      .control_start .control__title {
        font-size: 2em;
        margin-bottom: 0.2em; }
      .control_start .control__buttons_top {
        margin-bottom: 3em; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .control__description {
      margin-bottom: 2em; }
    .control_start {
      padding: 2em 1em; }
      .control_start .control__title {
        font-size: 2em;
        margin-bottom: 0.2em; }
      .control_start .control__buttons_top {
        margin-bottom: 0em; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .control__description {
      margin-bottom: 1em; }
    .control_start {
      padding: 1.5em 1em; }
      .control_start .control__buttons_top {
        margin-bottom: 0em; }
      .control_start .control__title {
        font-size: 1.75em;
        margin-bottom: 0.3em; } }
  @media (min-width: 576px) and (max-width: 991.98px) {
    .control__scroll-button_prev {
      left: .3em; }
    .control__scroll-button_next {
      right: .3em; } }
  @media (min-width: 576px) {
    .control__files {
      margin-bottom: 1em; }
    .control__buttons_top {
      margin-bottom: 1.2em; }
    .control_start .control__select-text {
      display: block; } }
  @media (max-width: 575.98px) {
    .control {
      padding: 1em 0;
      margin-bottom: 1.5em; }
      .control__scroll-button_prev {
        left: .5em; }
      .control__scroll-button_next {
        right: .5em; }
      .control__files {
        margin-bottom: .85em; }
      .control__buttons_top {
        margin-bottom: 1em; }
      .control__title {
        font-weight: 600;
        margin-bottom: 0.5em; }
      .control__description {
        max-width: none;
        font-size: 0.875em;
        padding: 0 1em; }
      .control__select-wrap {
        margin-right: .5em; }
      .control_start {
        padding: 1.25em 1em; }
        .control_start .control__buttons_top {
          margin-bottom: 0em; } }
  @media (min-width: 375px) and (max-width: 575.98px) {
    .control__description {
      margin-bottom: 1.4em; }
    .control__title {
      font-size: 1.5em;
      margin-bottom: 0.4em; }
    .control_start .control__title {
      font-size: 1.5em;
      margin-bottom: 0.3em; } }
  @media (max-width: 374.98px) {
    .control__description {
      margin-bottom: 1em; }
    .control__title {
      font-size: 1.3em;
      margin-bottom: 0.45em; }
    .control_start .control__title {
      font-size: 1.3em;
      margin-bottom: 0.2em; } }

.inner {
  background: linear-gradient(180deg, #F9FAFB 0%, #fff 100%);
  padding-top: 1.5em; }

.share {
  list-style: none;
  display: flex;
  align-items: center; }
  .share_right {
    justify-content: flex-end; }
  .share__title {
    font-size: 0.875em;
    margin-right: 0.4em;
    color: #808080; }
  .share__link {
    width: 1.6em;
    height: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #878DA4;
    transition: color 0.3s; }
    .share__link_fb {
      width: 1.4em; }
      .share__link_fb:hover {
        color: #4267B2;
        transition: color 0.1s; }
    .share__link_tw:hover {
      color: #1DA1F2;
      transition: color 0.1s; }
    .share__link_red:hover {
      color: #FF4500;
      transition: color 0.1s; }
    .share__link_pin:hover {
      color: #e60023;
      transition: color 0.1s; }
  .share__icon {
    fill: currentColor; }
    .share__icon_red {
      margin-top: -3px; }

.footer {
  margin-top: auto;
  padding: 0.75em; }
  .footer__wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
  .footer__text {
    font-size: 0.875em; }
    .footer__text_data {
      color: #808080; }
    .footer__text_copy {
      flex-shrink: 0; }
  .footer__text-copy {
    font-weight: 500; }
  .footer__text-line {
    display: inline-block;
    width: 1px;
    height: 1.25em;
    background: #cccccc;
    vertical-align: middle;
    margin: 0 .625em; }
  .footer__text-link {
    position: relative;
    text-decoration: none;
    color: #3258FE; }
    .footer__text-link:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: currentColor;
      opacity: 0;
      transform: translateY(0.1em);
      pointer-events: none;
      transition: opacity 0.3s, transform 0.3s; }
    .footer__text-link:hover:before {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.1s, transform 0.1s; }
  @media (min-width: 992px) {
    .footer__text_data {
      width: 100%;
      white-space: nowrap; }
    .footer__text_copy {
      padding: 0 1em; }
    .footer__share {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .footer__wrap {
      flex-wrap: wrap; }
    .footer__text {
      margin: 0 auto; }
      .footer__text_copy {
        padding: 0 1em; }
    .footer__share {
      margin: 0 auto; } }
  @media (max-width: 767.98px) {
    .footer {
      padding: 1.25em 0; }
      .footer__wrap {
        flex-direction: column; }
      .footer__text_copy {
        order: 1; }
      .footer__text_data {
        margin-bottom: .625em; }
      .footer__share {
        margin-bottom: .625em; } }

.modal {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 2.5em;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.1s, visibility 0.1s; }
  .modal_hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s; }
  .modal__wrap {
    position: relative;
    height: 100%;
    max-height: calc( 100vh - 5em);
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 0.75em;
    overflow: hidden; }
    .modal__wrap:before, .modal__wrap:after {
      content: '';
      position: absolute;
      left: 2em;
      width: calc(100% - 4em);
      height: 2em; }
    .modal__wrap:before {
      top: 0;
      background-image: linear-gradient(#fff, rgba(255, 255, 255, 0)); }
    .modal__wrap:after {
      bottom: 0;
      background-image: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); }
  .modal__content {
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 1.5em 6em 2em 2em; }
    .modal__content h1 {
      font-size: 2em;
      font-weight: 600;
      line-height: 1.4;
      margin-bottom: 0.65em;
      letter-spacing: 0.01em; }
    .modal__content h2 {
      font-size: 1.25em;
      font-weight: 600;
      margin-top: 1.2em;
      margin-bottom: .6em; }
    .modal__content p {
      line-height: 1.6;
      margin-bottom: 1em; }
      .modal__content p:last-child {
        margin-bottom: 0; }
    .modal__content ol {
      padding-left: 0;
      list-style: none;
      counter-reset: ol; }
      .modal__content ol[start="9"] {
        counter-reset: ol 9; }
      .modal__content ol li:before {
        counter-increment: ol;
        content: counter(ol) ". "; }
    .modal__content li {
      line-height: 1.6;
      margin-bottom: 1em; }
    .modal__content a {
      color: #3258FE;
      text-decoration: none;
      background-image: linear-gradient(currentColor, currentColor);
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 100% 1px;
      transition: background-size 0.3s; }
      .modal__content a:hover {
        background-size: 100% 0px;
        transition: background-size 0.1s; }
  .modal__close {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    position: fixed;
    font-size: 1em;
    width: 3em;
    height: 3em;
    top: 2.5em;
    right: calc(50vw - 485px);
    margin-top: 1.5em;
    margin-right: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25em;
    color: #000;
    transition: background-color 0.3s, color 0.3s; }
    .modal__close:hover {
      color: #3258FE;
      background-color: #F9FAFB;
      transition: background-color 0.1s, color 0.1s; }
  .modal__close-icon {
    fill: currentColor; }
  @media screen and (max-width: 1050px) {
    .modal__close {
      right: 2.5em; } }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .modal {
      padding: 1.75em; }
      .modal__wrap {
        max-height: calc( 100vh - 3.5em); }
      .modal__content {
        padding: 1.5em 4.5em 1.5em 1.5em; }
        .modal__content h1 {
          font-size: 1.75em; }
      .modal__close {
        width: 2.5em;
        height: 2.5em;
        padding: 0.5em;
        top: 1.75em;
        right: 1.75em;
        margin-top: 1.5em;
        margin-right: 1.5em; } }
  @media (max-width: 575.98px) {
    .modal {
      padding: 1.25em .625em; }
      .modal__wrap {
        max-height: calc( 100vh - 2.5em); }
      .modal__content {
        padding: 1em 4em 1em 1em; }
        .modal__content h1 {
          font-size: 1.5em; }
        .modal__content h2 {
          font-size: 1.125em; }
      .modal__close {
        width: 2.5em;
        height: 2.5em;
        padding: 0.5em;
        top: 1.25em;
        right: .625em;
        margin-top: 1em;
        margin-right: 1em; } }

.ha-top, .ha-top > div, .ha-bottom, .ha-bottom > div {
  width: 100%;
  max-width: 728px;
  min-height: 60px;
}
.ha-top {
  margin: 0 auto 3em auto;
}
.ha-bottom {
  margin: 3em auto 1em auto;
}
.inner .ha-top {
  margin: 2em auto 3em auto;
}
.inner .ha-bottom {
  margin: 1em auto 3em auto;
}