:root {
  /* default */
  --link-default-color: var(--color-blue-primary);
  --link-default-hover-color: var(--color-blue-primary-light);
  --link-default-active-color: var(--color-blue-primary-dark);
}

.Article {
  font-size: 18px;
  line-height: 1.34;
  color: var(--color-charcoal);
  position: relative;
  z-index: 5;
}

@media screen and (max-width: 767px) {

.Article {
    font-size: 16px;
    line-height: 24px
}
  }

.Article_size_s {
      font-size: 16px;
      line-height: 1;
    }

@media screen and (max-width: 767px) {

.Article_size_s {
        font-size: 13px !important;
        line-height: 16px;
        letter-spacing: 0.16px
    }
      }

.Article .container-fluid {
    padding: 0;
  }

.Article > *:last-child {
    margin-bottom: 0 !important;
  }

.Article a.external-link,
  .Article a:not([class]) {
    text-decoration: none;
    color: var(--color-blue-primary) !important;
    border-bottom-color: currentColor !important;
    border-bottom: 1px solid;
    -webkit-transition: border 0.2s ease, color 0.2s ease;
    transition: border 0.2s ease, color 0.2s ease;
  }

.Article a.external-link:hover, .Article a:not([class]):hover {
      color: var(--color-blue-primary-light) !important;
    }

.Article a.external-link:active, .Article a:not([class]):active {
      color: var(--color-blue-primary-dark) !important;
    }

.Article a.external-link:visited, .Article a:not([class]):visited {
      color: #70529f;
      border-bottom-color: #70529f;
    }

.Article p {
    margin: 9px 0;
  }

.Article p > iframe {
      max-width: 100%;
    }

@media screen and (max-width: 768px) {

.Article p > iframe {
        height: 50vw
    }
      }

.Article h2 {
    font-size: 30px;
    line-height: 1.07;
    font-weight: var(--font-weight-text-bold);
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xl);
  }

@media screen and (min-width: 768px) and (max-width: 1199px) {

.Article h2 {
      font-size: 26px;
      line-height: 32px
  }
    }

@media screen and (max-width: 767px) {

.Article h2 {
      font-size: 22px;
      line-height: 24px
  }
    }

.Article h3 {
    font-size: 26px;
    line-height: 1.24;
    margin-top: var(--space-5xl);
    margin-bottom: var(--space-xl);
  }

@media screen and (min-width: 16000px) {

.Article h3 {
      font-size: 32px;
      line-height: 40px
  }
    }

@media screen and (max-width: 767px) {

.Article h3 {
      font-size: 20px;
      line-height: 24px
  }
    }

.Article h4 {
    font-size: 20px;
    line-height: 1.2;
    margin-top: var(--space-5xl);
    margin-bottom: var(--space-xl);
  }

@media screen and (min-width: 16000px) {

.Article h4 {
      font-size: 24px;
      line-height: 28px
  }
    }

@media screen and (max-width: 767px) {

.Article h4 {
      font-size: 18px;
      line-height: 22px
  }
    }

.Article h5 {
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: 0.3px;
    font-weight: normal;
    color: var(--color-charcoal);
  }

.Article ul.styled-list,
  .Article ul:not([class]) {
    list-style-type: none;
    padding-left: 0;
  }

.Article ul.styled-list,
  .Article > ul:not([class]) {
    margin: 16px 0 32px;
  }

@media screen and (max-width: 767px) {

.Article ul.styled-list,
  .Article > ul:not([class]) {
      margin-bottom: 40px
  }
    }

.Article ul.styled-list li, .Article > ul:not([class]) li {
      position: relative;
      padding-left: 32px;
    }

@media screen and (max-width: 767px) {

.Article ul.styled-list li, .Article > ul:not([class]) li {
        padding-left: 24px
    }
      }

.Article ul.styled-list li:before, .Article > ul:not([class]) li:before {
        content: '';
        position: absolute;
        top: 0;
        margin-top: 10px;
        left: 0;
        width: 8px;
        height: 8px;
        background-position: center;
        background-repeat: no-repeat;
      }

.Article ul.styled-list li:not(:first-child), .Article > ul:not([class]) li:not(:first-child) {
        margin-top: 8px;
      }

.Article ul.styled-list li:nth-child(4n + 1):before, .Article > ul:not([class]) li:nth-child(4n + 1):before {
          background-size: 7px 8px;
          background-image: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 4L6.5 0L6.5 8L0.5 4Z' fill='%23F0503C'/%3E%3C/svg%3E%0A");
        }

.Article ul.styled-list li:nth-child(4n + 2):before, .Article > ul:not([class]) li:nth-child(4n + 2):before {
          background-size: 8px 6px;
          background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0L4.24655 6H0L3.75345 0H8Z' fill='%23284086'/%3E%3C/svg%3E%0A");
        }

.Article ul.styled-list li:nth-child(4n + 3):before, .Article > ul:not([class]) li:nth-child(4n + 3):before {
          background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 0V6H0V0H6Z' fill='%232BC6BF'/%3E%3C/svg%3E%0A");
          background-size: 6px 6px;
        }

.Article ul.styled-list li:nth-child(4n + 4):before, .Article > ul:not([class]) li:nth-child(4n + 4):before {
          background-size: 8px 7px;
          background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 6.5L0 0.5H8L4 6.5Z' fill='%23FFB133'/%3E%3C/svg%3E%0A");
        }

.Article ul.styled-list.inline-styled-list {
    display: inline-block;
    margin: calc(var(--space-2xs) * -1) calc(var(--space-xs) * -1);
  }

.Article ul.styled-list.inline-styled-list li {
      display: inline-block;
      margin: var(--space-2xs) var(--space-xs);
      padding-left: var(--space-m);
    }

.Article ul.styled-list.inline-styled-list li:before {
        margin-top: 8px;
      }

.Article li > *:first-child {
    margin-top: 0;
  }

.Article ol.list-numeric-secondary {
    margin: var(--space-5xl) 0 var(--space-xxl);
    padding: 0;
    list-style-type: none;
    counter-reset: section;
  }

.Article ol.list-numeric-secondary > li {
      position: relative;
      padding-left: 8px + 24px;
    }

.Article ol.list-numeric-secondary > li:before {
        counter-increment: section; /* Инкрементирует счётчик*/
        content: counter(section);
        position: absolute;
        top: 5px;
        left: 0;
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: 0.6px;
        font-weight: var(--font-weight-text-bold);
      }

.Article ol.list-numeric-secondary > li:not(:first-child) {
        margin-top: var(--space-6xl);
      }

.Article ol:not([class]) {
    counter-reset: list;
    margin: var(--space-m) 0;
  }

.Article ol:not([class]) li {
      position: relative;
      padding-left: var(--space-2xl);
    }

.Article ol:not([class]) li:before {
        counter-increment: list;
        content: counter(list) '. ';
        position: absolute;
        top: 0;
        left: 0;
        font-weight: 600;
        color: var(--color-blue-primary);
      }

.Article ol:not([class]) li:not(:first-child) {
        margin-top: 10px;
      }

.Article blockquote {
    margin: var(--space-xl) 0;
    padding-left: 28px;
    border-left: 4px solid var(--color-bright-orange);
  }

@media screen and (max-width: 767px) {

.Article blockquote {
      padding-left: 22px;
      border-width: 2px
  }
    }

.Article blockquote.blockquote_ghost {
      padding-left: var(--space-2xl);
      border-left: 0;
      font-size: var(--size-text-2xl);
      line-height: 1.28;
      letter-spacing: 0.3px;
    }

@media screen and (min-width: 768px) and (max-width: 1199px) {

.Article blockquote.blockquote_ghost {
        font-size: var(--size-text-xl)
    }
      }

@media screen and (max-width: 767px) {

.Article blockquote.blockquote_ghost {
        font-size: var(--size-text-l);
        line-height: 24px
    }
      }

.Article .Article-Files {
    margin: var(--space-2xl) 0 var(--space-3xl);
  }

@media screen and (max-width: 767px) {

.Article .Article-Files {
      margin: var(--space-2xl) 0
  }
    }

.Article .Article-Quote {
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-6xl);
  }

.Article .Article-Quote-Text {
      position: relative;
      padding-left: var(--space-7xl);
    }

@media screen and (max-width: 1199px) {

.Article .Article-Quote-Text {
        padding-left: var(--space-5xl)
    }
      }

@media screen and (max-width: 767px) {

.Article .Article-Quote-Text {
        padding-left: var(--space-4xl)
    }
      }

.Article .Article-Quote-Text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 20px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='25px' height='20px' viewBox='0 0 25 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='1.-All-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='COM/Blog_Article_1300' transform='translate(-40.000000, -2260.000000)' fill='%23284086'%3E%3Cg id='Group-21' transform='translate(40.000000, 1440.000000)'%3E%3Cg id='quote' transform='translate(0.000000, 816.000000)'%3E%3Cpath d='M10,4 L10,24 L0,14 L0,4 L10,4 Z M15,4 L25,4 L25,24 L15,14 L15,4 Z' id='quotation-marks'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 5px;
      }

.Article .Article-Quote-User {
      margin-top: var(--space-m);
    }

.Article .Article-Quote-User .User-Block:first-child {
        padding-left: var(--space-7xl);
      }

@media screen and (max-width: 1199px) {

.Article .Article-Quote-User .User-Block:first-child {
          padding-left: var(--space-5xl)
      }
        }

@media screen and (max-width: 767px) {

.Article .Article-Quote-User .User-Block:first-child {
          padding-left: var(--space-4xl)
      }
        }

@media screen and (max-width: 767px) {

.Article .Article-Quote-User .User-Block:not(:first-child) {
          margin-left: var(--space-xs)
      }
        }

.Article .Article-Quote-User .Avatar_size_m {
        width: 55px;
        height: 55px;
      }

@media screen and (max-width: 1199px) {

.Article .Article-Quote-User .Avatar_size_m {
          width: 48px;
          height: 48px
      }
        }

@media screen and (max-width: 767px) {

.Article .Article-Quote-User .Avatar_size_m {
          width: 40px;
          height: 40px
      }
        }

.Article figure {
    margin: var(--space-3xl) 0 var(--space-6xl);
    background: #fff;
    padding: var(--space-xl) var(--space-2xl) var(--space-2xl);
    border-radius: 2px;
    border: 1px solid var(--color-decor);
  }

@media screen and (max-width: 767px) {

.Article figure {
      padding: var(--space-m)
  }
    }

.Article figure.figure-secondary {
      background-color: transparent;
      border: 0;
      padding: 0;
    }

.Article figure.figure-secondary figcaption {
        margin-top: var(--space-2m);
      }

.Article figure iframe {
      width: 100%;
      height: 448px;
    }

.Article figure p {
      margin: 0;
    }

.Article figure img {
      display: block;
      margin: 0 auto;
    }

.Article figure figcaption {
      border-top: 1px solid #a2a8aa;
      margin-top: var(--space-xl);
      padding-top: calc(var(--space-m) - 1px);
      font-size: 16px;
      letter-spacing: 0.2px;
      line-height: 1;
      color: var(--color-web);
    }

@media screen and (max-width: 767px) {

.Article figure figcaption {
        font-size: 13px
    }
      }

.Article > *:first-child {
    margin-top: 0 !important;
  }

.Article > *:last-child {
    margin-bottom: 0 !important;
  }

.Article h2 {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xl);
  }

.Article h4 {
    font-size: var(--size-text-xs);
    line-height: var(--size-text-m);
    letter-spacing: 0.6px;
    font-weight: bold;
    text-transform: uppercase;
  }

.Article .blog-read-more-in-content {
    background-color: #fff;
    border-radius: 16px;
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-6xl);
    padding: var(--space-2xl) var(--space-2xl) var(--space-xl);
    background: #ffffff;
    -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(157, 167, 170, 0.16);
            box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08), 0 4px 8px 0 rgba(157, 167, 170, 0.16);
  }

@media screen and (max-width: 767px) {

.Article .blog-read-more-in-content {
      padding: var(--space-xl) var(--space-m) var(--space-m)
  }
    }

.Article .blog-read-more-in-content__label {
      display: block;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0.6px;
      margin-bottom: var(--space-xs);
    }

.Article .blog-read-more-in-content__link {
      border: 0;
      font-weight: 700;
      color: var(--color-reach-black) !important;
      text-decoration: none;
      display: block;

      font-size: 30px;
      line-height: 1.07;
    }

@media screen and (min-width: 768px) and (max-width: 1199px) {

.Article .blog-read-more-in-content__link {
        font-size: 26px;
        line-height: 32px
    }
      }

@media screen and (max-width: 767px) {

.Article .blog-read-more-in-content__link {
        font-size: 22px;
        line-height: 24px
    }
      }

.Article .blog-read-more-in-content__icon {
      margin-top: 16px;
    }

.Article .blog-read-more-in-content__icon .icon {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='16px' viewBox='0 0 24 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='1.-All-Pages' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='COM/Blog_Article_1300' transform='translate(-72.000000, -3224.000000)' fill='%230F161A'%3E%3Cg id='Group-4' transform='translate(40.000000, 2616.000000)'%3E%3Cg id='recommended-article' transform='translate(0.000000, 504.000000)'%3E%3Cg id='Button/Icon+Text' transform='translate(32.000000, 104.000000)'%3E%3Cg id='Group' transform='translate(0.000000, 2.000000)'%3E%3Cpolygon id='Path' fill-rule='nonzero' points='24 6 18 12 18 6'%3E%3C/polygon%3E%3Cpolygon id='Path' fill-rule='nonzero' points='12 12 18 6 18 12'%3E%3C/polygon%3E%3Cpolygon id='Path' points='0 4 0 8 15 7 24 6 15 5'%3E%3C/polygon%3E%3Cpolygon id='Path' fill-rule='nonzero' points='12 7.15493e-08 18 6 18 0'%3E%3C/polygon%3E%3Cpolygon id='Path' fill-rule='nonzero' points='24 6 18 0 18 6'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        width: 24px;
        height: 16px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
      }

.Article .blog-read-more-in-content__icon .icon > * {
          display: none;
        }

.Article-ContentPosts {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-xxl);
}

.Article-ContentClients {
  margin: var(--space-3xl) 0;
}

.Article-ContentClients .GridItem {
    text-align: center;
  }

.Article-ContentClients .GridItem:not(:last-child) {
      border-right: 0.5px solid var(--color-gainsboro);
    }

@media screen and (min-width: 1200px) {
      .Article-ContentClients .GridItem:nth-child(4n) {
        border-right: 0;
      }

      .Article-ContentClients .GridItem:not(:nth-child(-n + 4)) {
        border-top: 0.5px solid var(--color-gainsboro);
      }
    }

@media screen and (max-width: 1199px) {
      .Article-ContentClients .GridItem:nth-child(-n + 2) {
        border-top: 1px solid var(--color-gainsboro);
      }

      .Article-ContentClients .GridItem:nth-child(2n) {
        border-right: 0;
      }

      .Article-ContentClients .GridItem:not(:nth-child(-n + 2)) {
        border-top: 0.5px solid var(--color-gainsboro);
      }
    }

.Article-Banner {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-xxl);
}

.Article .table-wrapper {
  margin-top: var(--space-3xl);
  margin-bottom: var(--space-6xl);
  overflow-x: auto;
}

@media screen and (max-width: 767px) {

.Article .table-wrapper {
    margin: 0 calc(var(--space-m) * -1);
    margin-top: var(--space-3xl);
    margin-bottom: var(--space-6xl);
    padding: 0 var(--space-m)
}
  }

.Article .table-wrapper table {
    border-spacing: 0;
  }

.Article .table-wrapper table th {
      font-size: 14px;
      color: #0f161a;
      letter-spacing: 0.86px;
      line-height: 16px;
      text-align: left;
      border-bottom: 8px solid var(--color-charcoal);
      padding-bottom: 10px;
    }

.Article .table-wrapper table td {
      font-size: 16px;
      letter-spacing: 0.2px;
      line-height: 16px;
    }

.Article .table-wrapper table th,
    .Article .table-wrapper table td {
      padding-right: 16px;
    }

.Article .table-wrapper table tr:not(:first-child):not(:last-child) td {
        border-bottom: 1px solid var(--color-charcoal);
      }

.Article .table-wrapper table tr:not(:first-child) td {
        padding-top: 14px;
        padding-bottom: 14px;
      }

.Article-Vacancy-Title {
    margin-bottom: var(--space-xl);
  }

.Article-SideItemWrapper {
  position: relative;
}

@media screen and (min-width: 1200px) {
    .Article-SideItemWrapper .Article-SideItemInner {
      position: absolute;
      top: 0;
      left: 100%;
      width: calc(100% / 2);
      padding-left: var(--space-5xl);
    }

      .Article-SideItemWrapper .Article-SideItemInner .Article-SideItem {
        margin: 0;
      }
  }

@media screen and (max-width: 1199px) {

.SiteBlock.Article-SideItem .BlogCard,
  .SiteBlock.Article-SideItem .CaseCard {
      max-width: 336px
  }
    }

.Article-ValuesCard {
  margin-bottom: var(--space-3xl);
}

.iframe-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.iframe-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
