.article-layout {
  margin-inline: auto;
  max-width: 1200px;
  padding: 0 0 3rem 0;
}
.article-layout ul{
  list-style: none;
}

.article-breadcrumbs{
  padding: 22px 1rem;
  font-size: 14px;
}
.article-breadcrumbs .breadcrumbs-list{
  gap: 0;
}
.breadcrumbs{
  padding: 0 0 9px;
}
.breadcrumbs-item{
  display: flex;
  align-items: center;
  margin: 0;
}
.breadcrumbs-item a{
  color: var(--color-primary);
}
.article-breadcrumbs .breadcrumbs-list:after{
  display: none;
}
.article-breadcrumbs .breadcrumbs-item + .breadcrumbs-item:before{
  content: '';
  display: inline-block;
  position: relative;
  width: 8px;
  min-width: 8px;
  height: 12px;
  margin: 0 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6.2381L1 11' stroke='black' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  opacity: 1;
  transform: none;
}
.breadcrumbs {
  display: flex;
  margin: 0;
  padding: 0;
}
.breadcrumbs-item a {
  font-size: 14px;
  letter-spacing: -0.09px;
  text-decoration: none;
}

.article-layout__content{
  display: flex;
  margin-top: 8px;
}
.article-layout__left{
  width: 788px;
  margin-right: 65px;
  padding-left: 1rem;
}
.article-layout__right{
  flex: 1;
}

@media (max-width: 1200px) {
  .article-layout__right{
    display: none;
  }
  .article-layout__left{
    width: 100%;
    padding-right: 1rem;
    margin-right: 0;
  }
}

.article-header {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.article-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

.article-info {
  font-size: 14px;
  line-height: 1.6;
  margin: 27px 0 0;
  padding: 0;
  display: flex;
}

.article-info-item:has(.article-tags) {
  flex: 1;
}

.article-date{
  width: 212px;
  color: #383838;
}
.article-date time {
  display: flex;
  align-items: center;
  color: #393A3C;
}
.article-date time b{
  margin-right: 3px;
}

.article-author {
  display: flex;
  margin: 0;
  align-items: center;
  color: #212529;
  text-align: left;
}
.article-author figcaption {
  margin: 0 0 0 12px;
  font-weight: 400;
  padding: 4px 0 0;
  line-height: 1.4;
  text-align: left;
}
.article-author figcaption span{
  display: block;
  color: #393A3C;
  font-weight: 500;
}
.article-author > span{
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
}
.article-author img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
}
.article-tags {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  padding: 4px 0 0 22px;
  flex-wrap: wrap;
}
.article-tags ul{
  margin: 0;
}
.article-tags-item{
  margin: 0 0 0 5px;
}
.article-tags-link {
  color: #383838;
  text-decoration: none;
  text-transform: lowercase;
}
.article-tags-link:hover{
  color: var(--color-primary);
}


.article-navigation {
  padding: 7px 1rem 0 0;
  margin-top: -20px;
  position: relative;
}

.article-navigation-title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 18px;
  color: #383838;
}

.article-navigation-list {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  color: #383838;
}

.article-navigation-item {
  line-height: 1.2;
  margin: 0 0 14px;
}

.article-navigation__container{
  position: relative;
  opacity: 0;
  transition: opacity 0.5s;
}
.article-navigation__container > .article-navigation-block{
  padding-top: 20px;
  padding-bottom: 22px;
}
.article-navigation__container.show{
  opacity: 1;
}

.article-navigation-block + .article-navigation-block {
  margin-top: 42px;
}
.article-navigation-bforms__in{
  padding-top: 20px;
}

.article-navigation-link {
  font-size: 14px;
  color: #383838;
  text-decoration: none;
}

.article-navigation-link:hover {
  color: #414141;
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
  text-underline-offset: 0.1em;
  text-decoration-skip-ink: none;
}

.article-navigation-promo {
  border-left: 1px solid #CCCCCC;
  line-height: 1.2;
  padding: 13px 0 0 15px;
  position: relative;
}

.article-navigation-promo .-promo-title .-line {
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.article-navigation-promo .-promo-title .-line::before {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 261px;
  height: 19px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/local/img/hr-blog-banner/line.png);
  margin-top: -3px;
}

.article-navigation-promo .-promo-title strong {
  font-size: 20px;
  font-weight: 800;
}

.article-navigation-promo .-promo-title strong + span{
  display: block;
  margin-top: 5px;
}

.article-navigation-promo .-promo-button {
  margin: 17px 0 0;
}

.navigation-promo-button {
  color: #fff !important;
  text-decoration: none;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 13px 20px;
  text-align: center;
  justify-content: center;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  max-width: 225px;
}

.navigation-promo-button.-danger {
  background-color: #EE525B;
}

.navigation-promo-button.-success {
  background-color: #57BC20;
}
.navigation-promo-button.-cert {
  max-width: 160px;
}

.article-navigation-promo .-promo-image {
  position: absolute;
  right: -75px;
  top: 47%;
  transform: translate(0, -50%);
  width: 136px;
}
.article-navigation-promo .-promo-image-2 {
  position: absolute;
  right: -75px;
  top: 52%;
  transform: translate(0, -50%);
  width: 139px;
}
.article-navigation-promo .-promo-image-3 {
  position: absolute;
  right: -89px;
  top: 54%;
  transform: translate(0, -50%);
  width: 232px;
  z-index: -1;
}

.article-navigation-promo.-article-navigation-promo-x2{
  padding: 0 0 0 15px;
  margin: 60px 0 0 0;
}

.article-navigation-promo .-promo-container-x2{
  height: 134px;
}

.-promo-container-x2 .-promo-image-4{
  position: absolute;
  top: -37px;
  left: 6px;
  width: 293px;
}

.-promo-container-x2 .-promo-image-4 a{
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.-promo-container-x2 .-promo-image-4 a span{
  display: inline-block;
  margin: 19px 0 0 15px;
  font-size: 16px;
  line-height: 1;
  color: #383838;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.15em;
  position: relative;
}
.-promo-container-x2 .-promo-image-4 a span::after{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 100%;
  top: 50%;
  margin: -10px 0 0 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4476_3127' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4217 16.6671C11.1642 16.4586 11.1244 16.0808 11.3329 15.8232L14.4273 12.0008L11.3329 8.17828C11.1244 7.92072 11.1642 7.54291 11.4217 7.33441C11.6793 7.12591 12.0571 7.16568 12.2656 7.42324L15.6656 11.6232C15.8438 11.8434 15.8438 12.1581 15.6656 12.3783L12.2656 16.5783C12.0571 16.8358 11.6793 16.8756 11.4217 16.6671Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4217 16.6671C11.1642 16.4586 11.1244 16.0808 11.3329 15.8232L14.4273 12.0008L11.3329 8.17828C11.1244 7.92072 11.1642 7.54291 11.4217 7.33441C11.6793 7.12591 12.0571 7.16568 12.2656 7.42324L15.6656 11.6232C15.8438 11.8434 15.8438 12.1581 15.6656 12.3783L12.2656 16.5783C12.0571 16.8358 11.6793 16.8756 11.4217 16.6671Z' fill='%23383838'/%3E%3Cpath d='M11.3329 15.8232L10.1722 14.8836L11.3329 15.8232ZM14.4273 12.0008L15.588 12.9404L16.3486 12.0008L15.588 11.0612L14.4273 12.0008ZM11.3329 8.17828L10.1722 9.11788L10.1722 9.11788L11.3329 8.17828ZM11.4217 7.33441L12.3613 8.4951L12.3613 8.4951L11.4217 7.33441ZM12.2656 7.42324L13.4263 6.48364L13.4263 6.48364L12.2656 7.42324ZM15.6656 11.6232L14.5049 12.5628L14.5049 12.5628L15.6656 11.6232ZM15.6656 12.3783L14.5049 11.4387L14.5049 11.4387L15.6656 12.3783ZM12.2656 16.5783L13.4263 17.5179L12.2656 16.5783ZM11.3329 15.8232L10.1722 14.8836C9.44478 15.7822 9.58353 17.1004 10.4821 17.8278L11.4217 16.6671L12.3613 15.5064C12.7448 15.8169 12.804 16.3794 12.4936 16.7628L11.3329 15.8232ZM14.4273 12.0008L13.2666 11.0612L10.1722 14.8836L11.3329 15.8232L12.4936 16.7628L15.588 12.9404L14.4273 12.0008ZM11.3329 8.17828L10.1722 9.11788L13.2666 12.9404L14.4273 12.0008L15.588 11.0612L12.4936 7.23868L11.3329 8.17828ZM11.4217 7.33441L10.4821 6.17373C9.58353 6.90115 9.44478 8.2193 10.1722 9.11788L11.3329 8.17828L12.4936 7.23868C12.804 7.62215 12.7448 8.18467 12.3613 8.4951L11.4217 7.33441ZM12.2656 7.42324L13.4263 6.48364C12.6988 5.58505 11.3807 5.4463 10.4821 6.17373L11.4217 7.33441L12.3613 8.4951C11.9779 8.80553 11.4153 8.74632 11.1049 8.36284L12.2656 7.42324ZM15.6656 11.6232L16.8263 10.6836L13.4263 6.48364L12.2656 7.42324L11.1049 8.36284L14.5049 12.5628L15.6656 11.6232ZM15.6656 12.3783L16.8263 13.3179C17.448 12.5499 17.448 11.4517 16.8263 10.6836L15.6656 11.6232L14.5049 12.5628C14.2396 12.2351 14.2396 11.7664 14.5049 11.4387L15.6656 12.3783ZM12.2656 16.5783L13.4263 17.5179L16.8263 13.3179L15.6656 12.3783L14.5049 11.4387L11.1049 15.6387L12.2656 16.5783ZM11.4217 16.6671L10.4821 17.8278C11.3807 18.5552 12.6988 18.4165 13.4263 17.5179L12.2656 16.5783L11.1049 15.6387C11.4153 15.2552 11.9778 15.196 12.3613 15.5064L11.4217 16.6671Z' fill='%23383838' mask='url(%23path-1-inside-1_4476_3127)'/%3E%3C/svg%3E%0A");
  transition: transform .3s;
}
.-promo-container-x2 .-promo-image-4 a:hover span{
  color: #61C13A;
}
.-promo-container-x2 .-promo-image-4 a:hover span::after{
  transform: translateX(10%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_4476_3127' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4217 16.6671C11.1642 16.4586 11.1244 16.0808 11.3329 15.8232L14.4273 12.0008L11.3329 8.17828C11.1244 7.92072 11.1642 7.54291 11.4217 7.33441C11.6793 7.12591 12.0571 7.16568 12.2656 7.42324L15.6656 11.6232C15.8438 11.8434 15.8438 12.1581 15.6656 12.3783L12.2656 16.5783C12.0571 16.8358 11.6793 16.8756 11.4217 16.6671Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4217 16.6671C11.1642 16.4586 11.1244 16.0808 11.3329 15.8232L14.4273 12.0008L11.3329 8.17828C11.1244 7.92072 11.1642 7.54291 11.4217 7.33441C11.6793 7.12591 12.0571 7.16568 12.2656 7.42324L15.6656 11.6232C15.8438 11.8434 15.8438 12.1581 15.6656 12.3783L12.2656 16.5783C12.0571 16.8358 11.6793 16.8756 11.4217 16.6671Z' fill='%23383838'/%3E%3Cpath d='M11.3329 15.8232L10.1722 14.8836L11.3329 15.8232ZM14.4273 12.0008L15.588 12.9404L16.3486 12.0008L15.588 11.0612L14.4273 12.0008ZM11.3329 8.17828L10.1722 9.11788L10.1722 9.11788L11.3329 8.17828ZM11.4217 7.33441L12.3613 8.4951L12.3613 8.4951L11.4217 7.33441ZM12.2656 7.42324L13.4263 6.48364L13.4263 6.48364L12.2656 7.42324ZM15.6656 11.6232L14.5049 12.5628L14.5049 12.5628L15.6656 11.6232ZM15.6656 12.3783L14.5049 11.4387L14.5049 11.4387L15.6656 12.3783ZM12.2656 16.5783L13.4263 17.5179L12.2656 16.5783ZM11.3329 15.8232L10.1722 14.8836C9.44478 15.7822 9.58353 17.1004 10.4821 17.8278L11.4217 16.6671L12.3613 15.5064C12.7448 15.8169 12.804 16.3794 12.4936 16.7628L11.3329 15.8232ZM14.4273 12.0008L13.2666 11.0612L10.1722 14.8836L11.3329 15.8232L12.4936 16.7628L15.588 12.9404L14.4273 12.0008ZM11.3329 8.17828L10.1722 9.11788L13.2666 12.9404L14.4273 12.0008L15.588 11.0612L12.4936 7.23868L11.3329 8.17828ZM11.4217 7.33441L10.4821 6.17373C9.58353 6.90115 9.44478 8.2193 10.1722 9.11788L11.3329 8.17828L12.4936 7.23868C12.804 7.62215 12.7448 8.18467 12.3613 8.4951L11.4217 7.33441ZM12.2656 7.42324L13.4263 6.48364C12.6988 5.58505 11.3807 5.4463 10.4821 6.17373L11.4217 7.33441L12.3613 8.4951C11.9779 8.80553 11.4153 8.74632 11.1049 8.36284L12.2656 7.42324ZM15.6656 11.6232L16.8263 10.6836L13.4263 6.48364L12.2656 7.42324L11.1049 8.36284L14.5049 12.5628L15.6656 11.6232ZM15.6656 12.3783L16.8263 13.3179C17.448 12.5499 17.448 11.4517 16.8263 10.6836L15.6656 11.6232L14.5049 12.5628C14.2396 12.2351 14.2396 11.7664 14.5049 11.4387L15.6656 12.3783ZM12.2656 16.5783L13.4263 17.5179L16.8263 13.3179L15.6656 12.3783L14.5049 11.4387L11.1049 15.6387L12.2656 16.5783ZM11.4217 16.6671L10.4821 17.8278C11.3807 18.5552 12.6988 18.4165 13.4263 17.5179L12.2656 16.5783L11.1049 15.6387C11.4153 15.2552 11.9778 15.196 12.3613 15.5064L11.4217 16.6671Z' fill='%2361C13A' mask='url(%23path-1-inside-1_4476_3127)'/%3E%3C/svg%3E%0A");
}

.-download-cases-icon {
  width: 28px;
  height: 28px;
  min-width: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -16px 7px -16px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath fill='%23fff' d='M222 144v64a6 6 0 0 1-6 6H40a6 6 0 0 1-6-6v-64a6 6 0 0 1 12 0v58h164v-58a6 6 0 0 1 12 0m-98.24 4.24a6 6 0 0 0 8.48 0l40-40a6 6 0 0 0-8.48-8.48L134 129.51V32a6 6 0 0 0-12 0v97.51L92.24 99.76a6 6 0 0 0-8.48 8.48Z'/%3E%3C/svg%3E");
}

.article-picture {
  margin: 18px 0 0;
  padding: 0;
}

.article-picture img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.article-content {
  padding: 0;
}
.article-content img[data-fancybox]{
  cursor: pointer;
}

.article{
  color: #393A3C;
  font-size: 16px;
  line-height: 1.625;
  padding: 45px 0 0;
}
.article figure {
  text-align: center;
  margin: 40px 0;
}
.article figure img {
  margin: 0 auto;
  /* width: 100%;
  max-width: 600px; */
  width: auto;
  max-width: 100%;
  border-radius: 10px;
}
.article figure video{
  margin: 0 auto;
  width: auto;
  max-width: 100%;
  border-radius: 10px;
  clip-path: inset(2px);
}
.article h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 60px 0 26px;
  line-height: 1.3;
  padding: 0;
}
.article h3 {
  font-size: 21px;
  font-weight: 500;
  margin: 40px 0 26px;
  line-height: 1.3;
  padding: 0;
}
.article h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 40px 0 26px;
  line-height: 1.3;
  padding: 0;
}
.article p {
  padding: 0;
  margin: 0 0 20px 0;
}
.article h1:first-child,
.article h2:first-child,
.article h3:first-child,
.article h4:first-child,
.article h5:first-child,
.article p:first-child{
  margin-top: 0;
}
.article ul{
  list-style: disc;
  padding: 0 0 0 1.5em;
}
.article p + ul,
.article p + ol{
  margin: -20px 0 0 0;
}
.article ul + p,
.article ol + p{
  margin-top: 20px;
}
.article ul li{
  list-style-position: inside;
  margin: 0;
  padding-top: 0.5em;
}
.article ol{
  list-style: decimal;
  padding: 0 0 0 1.5em;
}
.article ol li{
  list-style-position: inside;
  margin: 0;
  padding-top: 0.5em;
}
.article ol li > p,
.article ul li > p{
  display: inline-block;
  margin: 20px 0 0 0;
}
.article ol li > p:first-child,
.article ul li > p:first-child{
  display: inline;
}
.article ol li > ul,
.article ul li > ul,
.article ol li > ol,
.article ul li > ol{
  margin-top: -0.5em;
}
.article .desktop-img {
  display: block;
}
.article .mobile-img {
  display: none;
}
@media (max-width: 768px) {
  .article .desktop-img {
    display: none;
  }
  .article .mobile-img {
    display: block;
  }
  .article figure img {
    max-width: 100% !important;
  }
}
.article .article-table-of-contents__list {
  margin-bottom: 0;
}
.article .article-table-of-contents__list > li {
  margin-bottom: 7px !important;
}
.article .article-table-of-contents__list > li a strong {
  font-weight: 400 !important;
}
.article .article-table-of-contents__title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 15px;
}
.article .fancybox__thumbs{
  display: none !important;
}
.article .list-marker-bold li::marker{
  font-weight: bold;
}
/*video*/
.article .client-card-link {
  display: inline-block;
  height: initial;
  position: relative;
}
.article .client-card-link img {
  margin: auto !important;
  border-radius: 10px;
  overflow: hidden;
}
.article .client-card-link .icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.article .its-simple {
  display: none;
  margin: 40px 0;
  width: 100%;
  border-radius: 10px;
  padding: 24px 50px 0;
  background: linear-gradient(145deg, rgba(244, 245, 247, 1) 0%, rgba(211, 225, 233, 1) 60%);
}
.article .its-simple-row{
  padding: 0;
  display: flex;
  align-items: flex-end;
  gap: unset;
  justify-content: space-around;
}
.article .its-simple figure{
  margin: 0;
  width: 50%;
}
.article .its-simple-content{
  padding: 0 0 27px;
}
.article .its-simple-content p{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  color: #000;
}
.article .its-simple .button{
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #000;
  border-radius: 6px;
  min-width: 180px;
  text-decoration: none;
  padding: 9px 16px;
  background: #57BC20;
  border-color: #57BC20;
  color: #fff !important;
  font-weight: 400;
  box-shadow: none !important;
  max-height: unset;
  font-size: 16px;
  line-height: 1.625;
  outline: none;
}
.article .its-simple-content img{
  max-width: 200px;
  margin: 5px 0 5px 0;
}
.article a{
  color: var(--color-primary) !important;
}

.article-banner {
  border-radius: 10px;
  padding: 28px 27px;
  margin: 38px 0;
  display: flex;
}

.article-banner-image {
  width: 257px;
}
.article-banner-image img {
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.article-banner-content{
  flex: 1;
  padding: 0 0 0 30px;
}

.article-banner-header {
  color: #8D8D8D;
  position: relative;
  top: -6px;
}

.article-banner-case{
  font-weight: 700;
  line-height: 1.375;
  margin: 2px 0 0;
}
.article-banner-case + .article-banner-header {
  top: 0;
}

.article-banner-title{
  font-weight: 500;
  line-height: 1.375;
  margin: 2px 0 0;
}

.article-banner-footer {
  margin: 10px 0 0;
}

.article-banner-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #000;
  border-radius: 6px;
  min-width: 180px;
  text-decoration: none;
  background-color: #fff;
  padding: 9px 16px;
  color: #000 !important;
}
.article .article-banner-button{
  color: #000 !important;
}

.article-banner-button span:after {
    content: '';
    display: inline-block;
    margin: -12px -14px -12px -3px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13.292 12L9.046 7.754q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l4.388 4.389q.131.13.184.267q.053.136.053.298t-.053.298t-.184.267l-4.388 4.389q-.14.14-.344.15t-.364-.15t-.16-.354t.16-.354z'/%3E%3C/svg%3E");
}

.article-banner.-related {
  background-color: #F9F9F9;
}

.article-tel-banner{
  background: rgb(244, 245, 247);
  background: linear-gradient(145deg, rgba(244, 245, 247, 1) 0%, rgba(211, 225, 233, 1) 60%);
  border-radius: 10px;
  padding: 24px 27px 27px;
  margin: 54px 0;
  position: relative;
  display: none;
}
.article-tel-banner:last-child {
  margin-bottom: 0;
}
.article-tel-banner-content{
  max-width: 396px;
  position: relative;
  z-index: 1;
}

.article-tel-banner .article-banner-header {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  color: #000;
  position: relative;
  top: 0;
}
.article-tel-banner .article-banner-body {
  color: #6E6E6E;
  margin: 14px 0 0;
  line-height: 1.4;
}

.article-tel-banner .article-banner-image {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.article-tel-banner .article-banner-image img{
  object-fit: contain;
  border-radius: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-position: 90% 50%;
}
.article-tel-banner .article-banner-image img:last-child{
  display: none;
}

.article-tel-banner .article-banner-footer{
  margin: 30px 0 0;
}

.article-tel-banner .article-banner-button {
  background-color: #57BC20;
  border-color: #57BC20;
  color: #fff !important;
}

.article-tel-banner .article-banner-button span:after {
  display: none;
}

.article-share {
  padding: 0;
  display: flex;
  align-items: center;
  margin: 47px 0 0;
}

.article-share .icon {
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.article-share .icon.-vk {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.504 18.381h-2.282c-.863 0-1.123-.699-2.67-2.247c-1.352-1.303-1.923-1.465-2.265-1.465c-.473 0-.602.13-.602.781v2.052c0 .555-.18.88-1.63.88a8.9 8.9 0 0 1-6.955-4.17a18.18 18.18 0 0 1-3.6-7.558c0-.342.13-.652.782-.652h2.28c.586 0 .797.261 1.027.864c1.107 3.258 2.996 6.092 3.763 6.092c.294 0 .422-.13.422-.863V8.739c-.097-1.531-.91-1.66-.91-2.214a.563.563 0 0 1 .585-.523h3.584c.49 0 .652.244.652.83v4.53c0 .489.21.651.358.651c.294 0 .52-.162 1.059-.7a18.76 18.76 0 0 0 2.802-4.66a.982.982 0 0 1 .993-.65h2.281c.684 0 .829.342.684.83a28.466 28.466 0 0 1-3.062 5.262c-.246.375-.344.57 0 1.01c.226.342 1.026 1.01 1.563 1.645c.782.78 1.431 1.682 1.922 2.67c.196.636-.131.961-.782.961'/%3E%3C/svg%3E");
}

.article-share .icon.-max {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'%3E%3Cpath fill='%23fff' d='M350.4,9.6C141.8,20.5,4.1,184.1,12.8,390.4c3.8,90.3,40.1,168,48.7,253.7,2.2,22.2-4.2,49.6,21.4,59.3,31.5,11.9,79.8-8.1,106.2-26.4,9-6.1,17.6-13.2,24.2-22,27.3,18.1,53.2,35.6,85.7,43.4,143.1,34.3,299.9-44.2,369.6-170.3C799.6,291.2,622.5-4.6,350.4,9.6h0ZM269.4,504c-11.3,8.8-22.2,20.8-34.7,27.7-18.1,9.7-23.7-.4-30.5-16.4-21.4-50.9-24-137.6-11.5-190.9,16.8-72.5,72.9-136.3,150-143.1,78-6.9,150.4,32.7,183.1,104.2,72.4,159.1-112.9,316.2-256.4,218.6h0Z'/%3E%3C/svg%3E");
}

.article-share .icon.-tg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath d='M9.78 18.65l.28-4.23l7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3L3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z' fill='%23fff'/%3E%3C/svg%3E");
}

.article-share .icon.-wp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 21l1.65-3.8a9 9 0 1 1 3.4 2.9z'/%3E%3Cpath d='M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1'/%3E%3C/g%3E%3C/svg%3E");
}

.article-share span {
    font-size: 14px;
}

.article-share span:after {
    content: ':';
}

.article-share ul {
  display: flex;
  margin: 0 0 0 20px;
  align-items: center;
  padding: 0;
}
.article-share ul li{
  margin: 0 10px 0 0;
  padding: 0;
}

.article-share ul a {
  display: flex;
  width: 35px;
  height: 35px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #61C13A;
  border-radius: 50%;
  text-decoration: none;
}

.article-creator {
  margin: 65px 0 0;
  padding: 0;
  font-size: 14px;
  display: flex;
}
.article-creator-content{
  flex: 1;
  padding: 0 0 0 30px;
  max-width: 520px;
}

.article-creator-image {
}

.article-creator-image img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
}

.article-creator-description {
  line-height: 1.4;
  padding-top: 4px;
  margin: 0 0 11px;
}

.article-creator-list {
  margin: 0;
  padding: 0;
  display: flex;
}
.article-creator-list li {
  margin: 0 15px 0 0;
  padding: 0;
}

.article-creator-list a {
  display: flex;
  align-items: center;
  color: #8B8B8B;
  text-decoration: none;
}

.article-creator-list a:hover {
    color: #61C13A;
}

.article-creator-list a:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%238B8B8B' d='M13.292 12L9.046 7.754q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l4.388 4.389q.131.13.184.267q.053.136.053.298t-.053.298t-.184.267l-4.388 4.389q-.14.14-.344.15t-.364-.15t-.16-.354t.16-.354z'/%3E%3C/svg%3E");
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.article-creator-list a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2361C13A' d='M13.292 12L9.046 7.754q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l4.388 4.389q.131.13.184.267q.053.136.053.298t-.053.298t-.184.267l-4.388 4.389q-.14.14-.344.15t-.364-.15t-.16-.354t.16-.354z'/%3E%3C/svg%3E");
}

.article-slider-wrapper {
  padding: 0;
  margin: 78px 0 0 -55px;
}
.article-slider-content{
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  padding: 0 10px 0 72px;
  position: relative;
}

.article-slider-wrapper h2 {
  font-size: 20px;
  font-weight: 500;
  padding: 0 0 0 70px;
}
.article-slider-wrapper .article-slider-arrow{
  position: absolute;
  top: 61px;
  user-select: none;
}
.article-slider-wrapper .article-slider-arrow.-prev {
  left: 9px;
}

.article-slider-wrapper .article-slider-arrow.-next {
  right: -59px;
}

.article-slider-js {
    width: 100%;
    overflow: hidden;
}
/* .article-slider{
  display: flex;
  justify-content: space-between;
}
.article-slider-item {
  flex: 1;
  margin-right: 15px;
}
.article-slider-item:last-child {
  margin-right: 0;
} */

.article-slider-arrow .arrow {
    display: block;
    width: 46px;
    height: 46px;
    padding: 0.5rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

.article-slider-arrow.-prev .arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23CCCCCC' d='m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'/%3E%3C/svg%3E");
}

.article-slider-arrow.-prev .arrow:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2361C13A' d='m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z'/%3E%3C/svg%3E");
}

.article-slider-arrow.-next .arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23CCCCCC' d='M16.175 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z'/%3E%3C/svg%3E");
}

.article-slider-arrow.-next .arrow:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%2361C13A' d='M16.175 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z'/%3E%3C/svg%3E");
}

.slider-card {
  display: flex;
  flex-direction: column;
}

.slider-card-image {
  margin-bottom: 0;
  height: 170px;
}

.slider-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
}

.slider-card-tags {
  display: flex;
  gap: 5px;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}

.slider-card-tags li {
  margin: 0;
  padding: 0;
}

.slider-card-tags a {
  font-size: 14px;
  text-decoration: none;
  color: #7F7F7F;
}

.slider-card-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.28;
  margin: 13px 0 0;
  padding: 0 40px 0 0;
}

.slider-card-link {
  color: #000;
}

.slider-card-link:hover {
  color: #61C13A;
}

.article-slider-button {
  text-align: center;
  padding: 96px 0 0 61px;
}

.materials-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #000;
  border-radius: 6px;
  min-width: 180px;
  text-decoration: none;
  background-color: #fff;
  padding: 12px 22px;
  color: #000 !important;
}

.materials-button span:after {
    content: '';
    display: inline-block;
    margin: -12px -14px -12px -3px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M13.292 12L9.046 7.754q-.14-.14-.15-.344t.15-.364t.354-.16t.354.16l4.388 4.389q.131.13.184.267q.053.136.053.298t-.053.298t-.184.267l-4.388 4.389q-.14.14-.344.15t-.364-.15t-.16-.354t.16-.354z'/%3E%3C/svg%3E");
}

  .article-content .carousel {
    padding: 0;
    margin: 40px 0 62px;
  }
  .article-content .carousel figure {
    margin: 0;
  }
  .article-content .carousel__slide {
    padding: 0;
    width: 100%;
  }
  .article-content .carousel + h5 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #383838;
    text-align: center;
    margin: -20px 0 40px;
  }
  .article-content .carousel .carousel__dots {
    padding: 0;
    margin: 0;
  }
  .article-content .carousel .carousel__dot {
    padding: 0;
    margin: 0;
  }

  @media (max-width: 1315px){
    .article-slider-wrapper{
      width: 100vw;
      position: relative;
      left: 50%;
      margin-left: -50vw;
      margin-right: 0;
    }
    .article-slider-content{
      padding: 0;
    }
  }
@media (max-width: 1200px) {

    .article-navigation-promo {
        padding: 12px;
        border-left: 0px solid transparent;
        line-height: 1.2;
        border-radius: 10px;
    }

    .article-navigation-promo .-promo-title {
    }

    .article-navigation-promo .-promo-button {
        position: relative;
        z-index: 1;
    }

    .article-navigation-promo .-promo-image {
    }

    .article-navigation-promo .-promo-image img {
        transform: none;
        margin-top: -0.5rem;
    }

    .article-navigation-promo .-promo-title strong {
        font-size: 17px;
    }

    .navigation-promo-button,
    .navigation-promo-button.-success {
        max-width: 100%;
    }
    .article-slider-wrapper h2 {
      padding: 0 0 0 1rem;
    }


    .article-slider-button {
        padding: 2rem 0;
    }
}

@media (max-width: 992px) {
    .article-info {
      margin-bottom: 10px;
      flex-wrap: wrap;
    }
    .article-info-item:has(.article-tags){
      flex: none;
      width: 100%;
    }
    .article-info-item:has(.article-date){
      flex: 1;
    }
    .article-date{
      width: auto;
    }
    .article-author > span{
      width: 38px;
      height: 38px;
    }
    .article-tags{
      justify-content: flex-start;
      padding-top: 20px;
      padding-left: 0;
    }
    .article-info{
      margin-top: 20px;
    }
    .article-tags-item{
      margin: 0 5px 0 0;
    }
    .article-picture{
      margin-top: 10px;
    }

    .article-title {
      font-size: 22px;
    }

    .article h2 {
      font-size: 20px;
      margin: 45px 0 16px;
    }
    .article h3 {
      font-size: 18px;
      margin: 30px 0 16px;
    }
    .article h4 {
      font-size: 16px;
      margin: 30px 0 16px;
    }
    .article-banner {
      border-radius: 10px;
      padding: 1.2rem;
      margin: 20px 0;
      display: block;
    }
    .article-banner-image{
      width: 100%;
      height: 183px;
    }
    .article-banner-content{
      padding: 30px 0 0;
    }
    .article-banner-button{
      margin-top: 20px;
    }
}

@media (max-width: 880px) {
    .article-layout {
        padding: 0 0 2rem 0;
        max-width: 1260px;
    }

    .article-navigation {
        display: none;
    }
}

@media (max-width: 992px) {
    .article-banner {
        margin: 1rem 0;
    }

    .article .its-simple {
      justify-content: space-between;
      padding-left: 27px;
      padding-right: 27px;
    }
    .article .its-simple figure{
      width: 60%;
    }
    .article-tel-banner{
        overflow: hidden;
        display: block;
    }

    .article-creator {
      margin-top: 30px;
      position: relative;
    }
    .article-creator-image{
      position: absolute;
      left: 0;
      top: 0;
    }
    .article-creator-image img{
      width: 70px;
      height: 70px;
    }
    .article-creator-content{
      padding: 0;
    }
    .article-creator-description{
      padding: 0 0 0 89px;
      min-height: 70px;
      font-size: 16px;
    }
    .article-creator-description strong{
      display: block;
    }
    .article-creator-list {
      margin: 20px 0 0;
      display: block;
      font-size: 16px;
    }
    .article-creator-list li{
      margin: 0 0 3px 0;
    }

    .breadcrumbs-item:last-child {
        display: none;
    }

    .site-header-wrapper.-phoneview + .site-header-height {
      /* для баннера закомметировала */
        /* height: 100px; */
    }
    .article-tel-banner .article-banner-header{
      font-size: 20px;
    }
    .article-tel-banner .article-banner-footer{
      margin-top: 300px;
      padding-top: 0;
    }
    .article-tel-banner .article-banner-image{
      height: 321px;
      bottom: 80px;
      top: auto;
      left: 3%;
      width: 107%;
    }
    .article-tel-banner .article-banner-image img{
      object-position: center;
    }
    .article-tel-banner .article-banner-image img:first-child{
      display: none;
    }
    .article-tel-banner .article-banner-image img:last-child{
      display: block;
    }
}

@media (max-width: 576px) {
  /* .article-slider-item {
    width: 100%;
    margin: 0 0 20px;
  }
  .article-slider-item:last-child {
    margin: 0;
  } */
  .article .its-simple-row {
    flex-direction: column-reverse;
  }
  .article .its-simple-content{
    width: 100%;
  }
  /* .article figure img{
    max-width: 280px;
  } */
  .article .its-simple figure{
    width: 100%;
  }
  .article .its-simple-content img {
    max-width: 180px;
    margin: 5px 0 5px 15px;
  }
  .article-content .carousel figure img {
    max-width: unset;
  }
  .article-author figcaption{
    max-width: 185px;
  }
}

.article-content .article .tablewrap .table {
  margin-top: 0;
}
.article-content .article .tablewrap .table th {
  background: #f3fddf;
}
.article-content .article .tablewrap ol, .tablewrap ul {
  padding: 0 0 0 40px;
  margin: 0 0 20px 0 !important;
}
.article-content .article .tablewrap ol li, .tablewrap ul li {
  margin: 0 0 15px 0;
  line-height: 24px;
}

.article-content .article p.jumbo {
  padding: 20px 60px;
  font-size: 18px;
  border-color: #afafaf;
  margin: 40px 0;
  position: relative;
  border-radius: 0;
  background: #61c13a;
  box-shadow: 0px -1px 3px -1px rgba(0, 0, 0, 0.5) inset;
  border-top: 1px solid #6d9f3b;
  color: #fff !important;
  text-align: center;
  line-height: 1.25;
  font-weight: 300;
  font-size: 22px;
  text-align: center;
  color: #fff;
}
.article-content .article p.jumbo em{
  color: #fff !important;
}
@media (min-width: 992px) {
  .article-content .article p.jumbo {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.article-content .article .green-link{
  margin: 20px 0;
}
.article-content .article .green-link:before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  background: #f0f9eb;
  width: 100% !important;
  right: 0!important;
  top: 0;
}

.article-content .article p.text-align-center{
  text-align: center;
}
.article-content .article p.text-align-center iframe{
  margin: 0 auto;
}
.article-content .article iframe{
	max-width: 100%;

}

@media (max-width: 767px) {
  .article-content .article .tablewrap {
    width: 100vw;
    overflow-x: auto;
    margin: 0 -16px;
    padding: 0 16px;
  }
}
@media (max-width: 576px) {
.article-content .article iframe{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;

}
}
.article-content .article .b-switcher{
  display: flex;
  align-items: center;
}
.article-content .article .switch-custom{
  margin-bottom: 0;
}
.article-content .article .b-calculator {
  display: block !important;
}
@media (max-width: 1200px) {
  .article-content .article .b-calculator {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .article-content .article .cellmobpadding tr td{
    padding-right: 20px;
    padding-top: 10px;
  }
  .article-content .article .cellmobpadding tr td:last-child{
    padding-right: 0;
  }
}

.x2banner{
  display: none;
  margin: 40px 0;
}
.x2banner img{
  width: 338px;
  display: block;
  margin: 0 auto;
  position: relative;
  left: -14px;
}
.x2banner__button{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-width: 343px;
  height: 42px;
  background: linear-gradient(180deg, #43D46C 63.83%, #25ADD1 100%);
  border-radius: 9px;
  color: #fff !important;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}
.article .x2banner__button{
  color: #fff !important;
}
.x2banner__button:active{
  background: linear-gradient(0deg, rgba(38, 175, 207, 0.75), rgba(38, 175, 207, 0.75)), linear-gradient(180deg, #43D46C 63.83%, #25ADD1 100%);
}
@media (max-width: 992px){
  .x2banner{
    display: block;
  }
}

.article-navigation-promo.-promo-certbadge{
  display: block;
  position: relative;
  max-width: 180px;
  padding-top: 0;
}
.-promo-certbadge .-promo-title{
  position: relative;
  z-index: 1;
  font-size: 20px;
  font-weight: 500;
  color: #383838;
}
.article-navigation-promo.-promo-certbadge .-promo-button{
  margin: 43px 0 0
}

.-promo-certbadge .-promo-button .-cert{
  padding: 13px 30px;
  border-color: #364d59;
  color: #364d59 !important;
}

.-promo-certbadge .-promo-button .-cert:hover{
  background-color: transparent !important;
  border-color: #61c13a;
  color: #61c13a !important;
}

.-promo-certbadge video{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  z-index: 0;
  display: block;
  width: 202px;
}
.-promo-certbadge video::before{
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: -1px;
  width: 3px;
  height: 100%;
  background: #fff;
}
.-promo-certbadge video::after{
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #fff;
}

.article-navigation-block.subscribtion-blog_float {
	width: 100%;
}
.subscribtion-blog_float .subscribtion-blog__title {
	font-size: 20px;
}
.subscribtion-blog_float .subscribtion-blog .subscribtion-form input {
	height: 50px;
}
.subscribtion-blog_float .button-border-g.subscribtion-blog__button {
  padding: 13px 30px;
  margin-top: 15px;
  border-color: #364d59;
  color: #364d59 !important;
}

.subscribtion-blog_float .button-border-g.subscribtion-blog__button:hover{
  background-color: transparent !important;
  border-color: #61c13a;
  color: #61c13a !important;
}