/* Start:/local/templates/skobeeff/components/bitrix/news/cases/style.css?17455726622146*/
section.header_promo.container {
  padding-top: 0;
}
.header_promo .first_screen .subtitle {
  margin-bottom: 0;
}
.tags_row {
  display: flex;
  gap: 40px 20px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.tags_row .tag {
  cursor: pointer;
  background: #fff;
  border-radius: 20px;
  padding: 10px 20px;
  color: #202020;
  border: 1px solid transparent;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
}
.tags_row .tag span {
  color: #b5b5b5;
}
.tags_row .tag.active {
  color: #2a8ff7;
  border: 1px solid #2a8ff7;
}
.tags_row .tag.hidden {
  display: none;
}
.tags_title {
  color: #202020;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  flex: 0 0 auto;
  width: auto;
}
.tags_wrapper {
  gap: 40px;
  margin-bottom: 36px;
}
.show_all_tag {
  color: #757575;
  font-family: Manrope;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  cursor: pointer;
}
.show_all_tag:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .tags_row {
    gap: 20px;
  }
  .first_screen__img .offer_ico__b {
    right: 40px;
  }
  .header_promo .first_screen__img .offer_ico__s:last-child {
    top: 180px;
  }
  .header_promo .first_screen .subtitle {
    line-height: 26px;
    margin-bottom: 50px;
  }
  .first_screen .subtitle br {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .tags_row .tag,
  .show_all_tag {
    font-size: 14px;
    line-height: 16px;
  }
  .tags_row {
    align-items: center;
    gap: 10px;
  }
  .tags_title {
    font-size: 24px;
    line-height: 28px;
  }
  .tags_wrapper {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 767px) {
  .header_promo .first_screen .subtitle {
    width: 100%;
  }
  .header_promo .first_screen__img .offer_ico__b {
    right: 20px;
  }
  .header_promo .first_screen__img .offer_ico__s:last-child {
    right: 10px;
    top: 250px;
  }
  span.mob_br {
    display: block;
  }
}

@media screen and (max-width: 425px) {
  .section-title span.mobile-br {
    display: block;
  }
}

/* End */


/* Start:/local/templates/skobeeff/components/bitrix/breadcrumb/visual_bread/style.css?17413394271072*/
.bx-breadcrumb {
    color: #fff;
    margin-bottom: 34px;
}
.bx-breadcrumb-item {
    display: inline;
    font-size: 14px;
    line-height: 16px;
}
.bx-breadcrumb-item a:link,
.bx-breadcrumb-item a,
.bx-breadcrumb-sep,
.breadcrumb-toggler {
    color: #757575;
}
.breadcrumb-toggler,
.breadcrumb-toggler.active span {
    display: none;
}

@media (max-width: 600px) {
    .bx-breadcrumb-item {
        display: none;
    }
    .breadcrumb-toggler {
        display: inline;
        position: relative;
        padding-left: 20px;
    }
    .breadcrumb-toggler:before {
        content: '<';
        color: #757575;
        font-size: 18px;
        width: 20px;
        height: 20px;
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
    }
    .breadcrumb-toggler.active:before {
        transform: translateY(-50%) rotate(180deg);
    }
    .bx-breadcrumb-item.active {
        display: inline;
    }

}
/* End */


/* Start:/local/templates/skobeeff/components/bitrix/news/cases/bitrix/news.detail/.default/style.css?175922638412239*/
h1 span,
.header_promo .first_screen .subtitle a {
  color: #2a8ff7;
}
.header_promo .first_screen .subtitle {
  margin-bottom: 60px;
}
section.header_promo.case_img_bg {
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.detail_info {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: #b5b5b5;
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(3, max-content);
}
.detail_info > *,
.article_info > div {
  position: relative;
  margin-left: 30px;
}
.article_info > div {
  color: #b5b5b5;
}
.view:before,
.date:before,
.read_time:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -34px;
}
.view:before {
  background: url(/images/view-eye.png) center/cover no-repeat;
  width: 24px;
  height: 14px;
}
.date:before {
  background: url(/images/date.png) center/cover no-repeat;
  width: 19px;
  height: 17px;
  left: -30px;
}
.read_time:before {
  background: url(/images/time.png) center/cover no-repeat;
  width: 16px;
  height: 16px;
  left: -27px;
}

.article_grid {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
}
.article_content {
  grid-area: 1 / 1 / 2 / 3;
}
.article_list {
  grid-area: 1 / 3 / 2 / 4;
}
.article_list.fixed {
  position: fixed;
  top: 20px;
  width: auto;
}

.article_list ul {
  list-style-type: none;
  padding-left: 0px;
}
.seo_text .article_list ul li {
  border-left: 1px solid #b5b5b5;
  padding: 0 0 20px 20px;
  margin: 0;
  color: #B5B5B5;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
.seo_text .article_list ul li:before {
  display: none;
}
.seo_text .article_list ul li:hover,
.seo_text .article_list li.active {
  color: #2a8ff7;
  cursor: pointer;
  border-left: 1px solid #2a8ff7;
}
.contents-top__title {
  /* display: none; */
  padding-left: 20px;
}
.border_blue {
  border-color: #2a8ff7;
  border-style: dashed;
  border-radius: 20px;
  margin: 30px 0;
  padding: 20px;
}
.border_blue .h2, .border_blue .h3, .border_blue h2, .border_blue h3 {
  margin-top: 0!important;
}
.yellow_bg {
  border-radius: 20px;
  padding: 40px;
  margin: 30px 0;
  background: #FFFEE5;
}
.article_img {
  margin: 60px 0;
  position: relative;
}
.article_img__content > *:not(img) {
  position: relative;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 20px;
  font-size: 14px;
  line-height: 16px;
  max-width: 505px;
  color: #757575;
  /* transform: translateY(-50%); */
}
.article_img__content img {
  border-radius: 20px;
  cursor: pointer;
}
.author_note__wrapper {
  display: flex;
  gap: 60px;
  margin: 60px 0;
}
.article_author__text {
  background: #F0F7FE;
  color: #202020;
  padding: 40px;
  border-radius: 20px;
  width: 100%;
}
.article_author {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
}
.article_author__name {
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  color: #202020;
  margin-top: 20px;
}
.article_author img {
  max-height: 80px;
  border-radius: 10px;
}
.article_author__descr {
  color: #757575;
  line-height: 28px;
  font-size: 18px;
}

#article_cta_content {
  background: #2a8ff7;
  border-radius: 20px;
  padding: 40px;
  color: #fff;
  margin: 60px 0;
}
.article_cta__img {
  z-index: 2;
  position: absolute;
  background: url(/images/article_cta2.png) center / cover no-repeat;
  width: 615px;
  height: 455px;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}
.article_cta__title {
  font-size: 48px;
  font-weight: 600;
  line-height: 52.8px;
  margin-bottom: 10px;
}
.article_cta__subtitle {
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
  margin-bottom: 30px;
}
.article_cta__btn a,
.article_cta__btn a:link {
  background: #fff;
  color: #202020 !important;
  max-width: 365px;
}

#relink_article_content {
  border: 1px solid #2a8ff7;
  border-radius: 10px;
  padding: 20px;
  margin: 60px 0;
}
#relink_article_content .d-flex {
  gap: 24px;
}
#relink_article_content .img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 40%;
}
#relink_article_content .content div,
#relink_service_content .title,
#relink_service_content .text {
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
  margin-bottom: 20px;
}
#relink_service_content .text {
  font-weight: 400;
}
#relink_article_content a,
#relink_service_content .name {
  color: #202020;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  display: block;
}
#relink_service_content .name {
  color: #fff;
  margin-bottom: 10px;
}
#relink_service_content {
  background: #4ea85d;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin: 60px 0;
}
#relink_service_content a {
  font-size: 14px;
  line-height: 24px;
  background: #ffffff1a;
  color: #fff;
  border-radius: 20px;
  padding: 7px 20px;
}

.article_review__content {
  background: #f5f5f5;
  border-radius: 20px;
  padding: 30px;
  position: relative;
  margin: 60px 0;
}
.article_review__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.article_review__text {
  margin-bottom: 24px;
}
.article_review__img {
  color: #2a8ff7;
  font-size: 14px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  padding-left: 34px;
}
.article_review__img:before {
  content: "";
  background: url(/images/pdf-ico-blue.png) center / cover no-repeat;
  position: absolute;
  left: 0;
  width: 24px;
  height: 30px;
  top: -5px;
}
.article_review__content:before {
  content: "";
  background: url(/images/quotes.png) center / contain no-repeat;
  width: 60px;
  height: 60px;
  left: 35px;
  top: 0;
  position: absolute;
  transform: translateY(-50%);
}

.tg-block {
  background: #f5f5f5;
  padding: 30px;
  border-radius: 20px;
  margin: 60px 0 0 20px;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
}
.tg-block a {
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  color: #fff !important;
  background: #2a8ff7;
  border-radius: 30px;
  margin-top: 30px;
  display: block;
  padding: 12px 0;
}
.tg-block a:hover {
  color: #2a8ff7 !important;
  background: #fff;
}
.tg-block .tg-block__img {
  width: 127px;
  height: 127px;
  position: absolute;
  right: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateY(-80%);
  -webkit-transform: translateY(-80%);
  -moz-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  -o-transform: translateY(-80%);
}

.article_author__bottom {
  margin: 60px 0;
}
.article_author__bottom .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 30px;
}
.article_author__bottom .content,
.article_review__bottom .content {
  display: flex;
  gap: 40px;
  align-items: center;
}
.article_author__bottom .content img,
.article_review__bottom .content img {
  width: 100px;
  border-radius: 10px;
}
.article_author__bottom .content .article_author__name {
  font-size: 26px;
  font-weight: 400;
  line-height: 28px;
}
.article_author__bottom .content .article_author__descr {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #757575;
}
.result_block__wrapper {
  display: grid;
  /* gap: 20px; */
  grid-template-columns: repeat(2, max-content);
  margin: 60px 0;
  background-color: #F5F5F5;
  border-radius: 20px;
  width: max-content;
}
.result_block__wrapper.single-column {
  grid-template-columns: repeat(1, 1fr);
}
.result_block__wrapper .result_block {
  /* background-color: #F5F5F5; */
  color: #202020;
  padding: 30px;
  position: relative;
  /* border-radius: 20px; */
}
.result_block__wrapper .result_block .text {
  font-weight: 700;
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -2px;
  margin: 20px 0 16px 0;
  color: #2A8FF7;
}
.result_block__wrapper .result_block .title {
  font-size: 18px;
  line-height: 21px;
}
.result_block__wrapper .result_block .time {
  /* background: #ffffff1a; */
  display: inline-block;
  /* border-radius: 20px; */
  /* padding: 5px 20px; */
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0px;
  color: #000;
}
/* .result_block__wrapper .result_block .ico {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  background-size: contain;
}
.result_block.result_block__1 .ico {
  background: url(/images/res_block/r1.png) no-repeat;
}
.result_block.result_block__2 .ico {
  background: url(/images/res_block/r2.png) no-repeat;
}
.result_block.result_block__3 .ico {
  background: url(/images/res_block/r3.png) no-repeat;
}
.result_block.result_block__4 .ico {
  background: url(/images/res_block/r4.png) no-repeat;
} */

@media screen and (max-width: 1400px) {
  .tg-block:before {
    width: 107px;
    height: 107px;
    transform: translateY(-85%);
    -webkit-transform: translateY(-85%);
    -moz-transform: translateY(-85%);
    -ms-transform: translateY(-85%);
    -o-transform: translateY(-85%);
  }
}
@media screen and (max-width: 1200px) {
  .result_block__wrapper {
    margin: 30px 0;
  }
}

@media screen and (max-width: 1024px) {
  .contents-top__title {
    display: block;
  }
  .article_grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .article_content {
    order: 2;
    min-width: 0; /* Критически важно для работы overflow в grid блоке */
  }
  .article_content,
  .article_list {
    grid-area: unset;
  }
  .article_list,
  #articleList .inner-wrapper-sticky {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 992px) {
  .article_list ul {
    font-size: 16px;
    line-height: 20px;
  }
  .author_note__wrapper {
    gap: 20px;
    margin: 40px 0;
  }
  .article_img,
  #article_cta_content,
  #relink_article_content,
  #relink_service_content {
    margin: 40px 0;
  }
  .article_cta__title {
    font-size: 36px;
    line-height: 40px;
  }
  .article_cta__subtitle {
    font-size: 24px;
    line-height: 28px;
  }
  .header_promo .first_screen .subtitle {
    margin-bottom: 80px;
  }
  .result_block__wrapper {
    gap: 10px;
  }
  .result_block__wrapper .result_block .text {
    font-size: 60px;
    line-height: 93px;
    margin: 0;
  }
  .result_block__wrapper .result_block {
    padding: 20px 10px;
  }
  .result_block__wrapper .result_block .title {
    font-size: 16px;
    line-height: 19px;
  }
  .article_review__content {
    margin: 30px 0;
  }
  .article_review__content:before {
    width: 44px;
    height: 44px;
  }
}

@media screen and (max-width: 767px) {
  .yellow_bg {
    padding: 20px;
  }
  .result_block__wrapper {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .tg-block {
    margin-left: 0;
  }
  .seo_text .contents-top__left ul,
  .contents-top__left .contents-top__title {
    padding-left: 0;
  }
  .article_list,
  #articleList .inner-wrapper-sticky {
    grid-template-columns: repeat(1, 1fr);
  }
  #article_cta_content {
    flex-direction: column-reverse;
    padding-top: 260px;
  }
  .article_cta__img {
    width: 400px;
    height: 360px;
    transform: translate(50%, -85%);
  }
  #relink_article_content .img,
  #relink_article_content .content {
    width: 100%;
  }
  .article_header .first_screen .subtitle {
    margin-bottom: 80px;
  }
  .author_note__wrapper {
    flex-direction: column;
  }
  .article_author__name {
    margin-top: 0;
  }
  .article_review__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .article_review__img {
    margin-bottom: 24px;
  }
  .result_block__wrapper .result_block .ico {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .article_cta__title {
    font-size: 28px;
    line-height: 30px;
  }
  .article_cta__subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  .author_note__wrapper {
    flex-direction: column;
  }
  .detail_info {
    grid-template-columns: repeat(2, max-content);
  }
  #article_cta_content {
    padding: 260px 20px 20px 20px;
  }
  #relink_article_content .d-flex {
    flex-direction: column;
  }
  #relink_article_content .img {
    height: 170px;
  }
}

@media screen and (max-width: 480px) {
  .result_block__wrapper .result_block .text {
    font-size: 12vw;
    line-height: 63px;
  }
}

/* End */


/* Start:/local/templates/skobeeff/components/bitrix/news.list/cases/style.css?17370357584371*/
.cases_item {
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 20px;
    height: 100%;
    position: relative;
    background-repeat: no-repeat!important;
}
.cases_item.cases_item--5, .cases_item.cases_item--6 {
    padding: 140px 30px 30px 30px;
}
.cases_item.cases_item--7, .cases_item.cases_item--8 {
    padding: 30px 30px 100px 30px;
}
.cases_item--1 {
    background: #f5f5f5;
}
.cases_item--2 {
    background: #ef5122;
}
.cases_item--3 {
    background: #ffdd2c;
}
.cases_item--4 {
    background: #7051b5;
}
.cases_item--5 {
    background: #202020;
}
.cases_item--6 {
    background: #2a8ff7;
}
.cases_item--7 {
    background: #58b267;
}
.cases_item--8 {
    background: #425675;
}
.cases_item__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    z-index: 2;
}
.cases_item--1 .cases_item__title {
    max-width: 240px;
}
.cases_item--1 .cases_item__text,
.cases_item--3 .cases_item__text {
    color: #404040;
}
.cases_item--1 .cases_item__title,
.cases_item--3 .cases_item__title,
.cases_item--1 .cases_item__tag,
.cases_item--3 .cases_item__tag,
.cases_item--1 .cases_item__link a,
.cases_item--3 .cases_item__link a  {
    color: #202020;
}
.cases_item__text {
    color: #fff;
    opacity: 0.7;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.cases_item__tag {
    color: #ffffff;
    font-size: 16px;
    opacity: 0.3;
}
.cases_item__link a {
    text-align: center;
    border-radius: 20px;
    width: max-content;
    padding: 7px 20px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.cases_item--1 .cases_item__link a{
    background: #ebebeb;
}
.cases_item--1 .cases_item__link a:hover{
    background: #e1e1e1;
}
.cases_item--2 .cases_item__link a{
    background: #ff6a4a;
}
.cases_item--2 .cases_item__link a:hover{
    background: #ff7454;
}
.cases_item--3 .cases_item__link a{
    background: #f5d322;
}
.cases_item--3 .cases_item__link a:hover{
    background: #ebc918;
}
.cases_item--4 .cases_item__link a{
    background: #7a5bbf;
}
.cases_item--4 .cases_item__link a:hover{
    background: #8465c9;
}
.cases_item--5 .cases_item__link a{
    background: #2a2a2a;
}
.cases_item--5 .cases_item__link a:hover{
    background: #343434;
}
.cases_item--6 .cases_item__link a{
    background: #3499ff;
}
.cases_item--6 .cases_item__link a:hover{
    background: #3ea3ff;
}
.cases_item--7 .cases_item__link a{
    background: #4ea85d;
}
.cases_item--7 .cases_item__link a:hover{
    background: #449e53;
}
.cases_item--8 .cases_item__link a{
    background: #4c607f;
}
.cases_item--8 .cases_item__link a:hover{
    background: #566a89;
}
.cases_item__link {
    position: relative;
    z-index: 2;
}
.cases_item__img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.cases_item.cases_item--5 .cases_item__img,
.cases_item.cases_item--6 .cases_item__img {
    bottom:unset;
    top: 0;
}
.cases_item.cases_item--2:hover .cases_item__img,
.cases_item.cases_item--7:hover .cases_item__img,
.cases_item.cases_item--8:hover .cases_item__img {
    animation: cases_item__img--animation2 0.2s linear forwards;
}
.cases_item:hover .cases_item__img {
    animation: cases_item__img--animation 0.2s linear forwards;
    backface-visibility: hidden;
}
@keyframes cases_item__img--animation {
    0% {
        transform: translateX(0px) translateY(0px) scale(1, 1);
        animation-timing-function: linear;
    }
    100% {
        transform: translateX(-6px) translateY(4px) scale(1.05, 1.05);
    }
}
@keyframes cases_item__img--animation2 {
    0% {
        transform: translateX(0px) translateY(0px) scale(1, 1);
        animation-timing-function: linear;
    }
    100% {
        transform: translateX(-7px) translateY(-4px) scale(1.05, 1.05);
    }
}

@media (max-width: 700px) {
    .cases_item.cases_item--1 img,
    .cases_item.cases_item--2 img {
        width: 200px;
    }
}

@media (max-width: 500px) {
    .cases_item.cases_item--1 .cases_item__text,
    .cases_item.cases_item--2 .cases_item__text {
        width: 200px;
    }
}
/* End */
/* /local/templates/skobeeff/components/bitrix/news/cases/style.css?17455726622146 */
/* /local/templates/skobeeff/components/bitrix/breadcrumb/visual_bread/style.css?17413394271072 */
/* /local/templates/skobeeff/components/bitrix/news/cases/bitrix/news.detail/.default/style.css?175922638412239 */
/* /local/templates/skobeeff/components/bitrix/news.list/cases/style.css?17370357584371 */