/* Start:/local/templates/new/css/career.css?177633816412259*/
.header-title-block {
  margin-bottom: 140px;
}

.digits-list {
  margin-bottom: 26px;

  .digit {
    font-weight: 400;
    margin-bottom: 0;
  }

  .digit-description {
    color: #000
  }
}

.office-list {
  margin-bottom: 140px;

  .title {
    font-size: 24px;
    margin-bottom: 100px;
  }

  .list {
    display: flex;
    justify-content: space-between;
    gap: 52px;
  }

  .item {
    position: relative;
    display: block;
  }

  .item-title {
    position: absolute;
    z-index: 2;
    top: calc(50%);
    left: 50%;
    font-size: 48px;
    color: #fff;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
  }
}

.advance-list {
  position: relative;

  .title {
    display: none;
  }

  &:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 710px);
    height: 100%;
    background: #d9d9d9 url('/local/templates/new/css/../assets/images/career/bg_left.jpg') no-repeat left top;
    background-size: cover;
    z-index: 1;
  }

  &:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 710px);
    height: 100%;
    background: #d9d9d9 url('/local/templates/new/css/../assets/images/career/bg_right.jpg') no-repeat right top;
    background-size: cover;
    z-index: 1;
  }

  .list {
    position: relative;
    background: #fff;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 54px;
    padding: 72px 66px 122px 66px;
  }

  .icon-container {
    width: 55px;
    height: 55px;
    margin-bottom: 28px;
    display: flex;
    align-items: center;

    img {
      width: auto;
      height: 100%;
      object-fit: contain;
    }
  }

  .item-title {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
  }

  .item-description {
    font-size: 20px;
    font-weight: 200;
  }
}

.history-list {
  background-color: #F5F5F5;
  padding: 150px 0;

  .list {
    display: flex;
    justify-content: stretch;
    gap: 64px;
    overflow: hidden;
  }

  .owl-stage-outer, .owl-stage, .owl-item {
    height: 100%;
  }

  .years-list {
    display: flex;
    flex-direction: column;
    gap: 34px;

    .item {
      display: flex;
      align-items: center;
      gap: 4px;
      color: #8E9194;
      font-size: 24px;
      font-weight: 400;
      cursor: pointer;

      &.active {
        color: #1C1C1C;

        &:before {
          display: block;
          content: "";
          width: 24px;
          height: 24px;
          background: url('/local/templates/new/css/../assets/images/arrow_right.svg') no-repeat center center;
          background-size: contain;
        }
      }
    }
  }

  .slider {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 64px;
    overflow: hidden;
    height: 100%;

    .text-container {
      display: flex;
      flex-direction: column;
    }

    .slider-year {
      font-size: 144px;
      font-weight: 400;
      margin-bottom: 24px;
    }

    .slider-title {
      font-size: 48px;
      font-weight: 400;
    }

    .slider-description {
      color: #8E9194;
      font-size: 24px;
      font-weight: 400;
      margin-top: auto;
    }

    .slider-image-container {
      max-width: 828px;

      .slider-image-description {
        display: none;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
  }

}

.experience-block {
  position: relative;
  margin-bottom: 108px;

  &:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 710px);
    height: 100%;
    background: #d9d9d9 url('/local/templates/new/css/../assets/images/career/bg_left_2.jpg') no-repeat left top;
    background-size: cover;
    z-index: 1;
  }

  &:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 710px);
    height: 100%;
    background: #d9d9d9 url('/local/templates/new/css/../assets/images/career/bg_right_2.jpg') no-repeat right top;
    background-size: cover;
    z-index: 1;
  }

  .experience-block-content {
    padding: 147px 65px 167px 65px;
    display: flex;
    flex-direction: column;
    gap: 90px;
  }

  .corporate-training-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;

    .item {
      display: flex;
      align-items: center;
      gap: 43px;
      background: #F1F1F1;
      padding: 72px 28px;
      font-size: 24px;
      font-weight: 400;
      line-height: 100%;

      img {
        border-radius: 50%;
      }
    }
  }

  .corporate-training-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
  }

  .corporate-training-digits-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;

    .item {
      .title {
        font-size: 64px;
        font-weight: 400;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: 1px solid #D6D6D6;
        line-height: 100%;
        color: #D00000;
      }

      .description {
        font-size: 20px;
        color: #8E9194;
      }
    }
  }
}

.experience-slider {
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;

  .owl-stage-outer {
    padding: 4% 0;
    overflow: visible!important;
  }

  .item {
    position: relative;
    width: 100%;
    img {

    }
  }

  .owl-item {

  }

  .owl-item:not(.center) {
    z-index: 0;
  }


  .owl-item.center {
    z-index: 1;
  }

  .owl-item:not(.center){
    transform: scale(70%);
    transition: transform 0.3s ease;
    filter: blur(2px);
    z-index: 0;
  }

  .owl-item.center {
    transform: scale(130%);
    transition: transform 0.3s ease;
    z-index: 0;
  }
}

.success-stories {
  width: 100%;
  overflow: hidden;
  margin-bottom: 212px;

  .owl-carousel .owl-stage-outer {
    overflow: visible;
  }

  padding-top: 130px;

  .title {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 100px;
  }

  .owl-stage, .owl-stage-outer {
    min-height: 100%;
  }

  .owl-item {
    height: 100%;
  }

  .list {
    .item {
      width: 60vw;
      background: #F5F5F5;
      padding: 24px;
      display: flex;
      gap: 24px;
      height: 100%;

      .img-container {
        flex-shrink: 0;
        width: 240px;
        height: 240px;
        border-radius: 16px;
        overflow: hidden;

        img {
          object-fit: contain;
          -webkit-filter: grayscale(100%);
        }
      }

      .text-container {
        &:not(.only-mobile) {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }

        .description {
          font-size: 20px;
          line-height: 150%;
          padding-bottom: 48px;
          margin-bottom: 48px;
          border-bottom: 1px solid #D6D6D6;
          height: 100%;

          .clamp-text {
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word;
          }

          .show-more {
            padding: 24px 0;
            color: #8E9194;
          }
        }

        .name {
          font-size: 32px;
          margin-bottom: 8px;
        }

        .work-details {
          font-size: 20px;
          color: #8E9194;
        }
      }
    }
  }
}

.only-mobile {
  display: none;
}

.want-work-btn {
  position: fixed;
  right: 25px;
  bottom: 25vh;
  width: 132px;
  height: 132px;
  cursor: pointer;
  background: url('/local/templates/new/css/../assets/images/career/want_work_btn.svg');
  background-size: contain;
  z-index: 9;
}

.modal--request-career {
  .modal__title {
    font-size: 24px;
    margin-bottom: 40px;
    line-height: 100%;
  }

  .modal__fields {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
}

/* Планшеты (портретная и альбомная ориентация) */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}

/* Телефоны (портретная и альбомная ориентация) */
@media screen and (max-width: 767px) {
  .only-desktop {
    display: none;
  }

  section .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
  }

  .header-title-block {
    margin-bottom: 40px;
  }

  .digits-list {
    margin-bottom: 34px;

    .digit {
      font-weight: 400;
      padding-bottom: 14px;
      margin-bottom: 8px;
    }

    .digit-description {
      color: #7E7E7E
    }
  }

  .office-list {
    margin-bottom: 74px;

    .title {
      margin-bottom: 40px;
    }

    .list {
      gap: 16px;
    }

    .item {
      img {
        width: 100%;
        object-fit: cover;
      }
    }


    .item-title {
      font-size: 12px;
    }
  }

  .advance-list {
    .title {
      display: block;
      padding: 0 16px;
    }

    .list {
      display: flex;
      gap: 11px;
      overflow-x: scroll;
      padding: 32px 17px 32px 17px;
      margin-bottom: 60px;

      .item {
        min-width: 128px;
        background: #F2F2F2;
        padding: 16px 7px;
      }

      .icon-container {
        width: 22px;
        height: 22px;
        margin-bottom: 10px;
      }

      .item-title {
        font-size: 12px;
        margin-bottom: 0;
      }

      .item-description {
        display: none;
      }
    }
  }

  .history-list {
    padding: 34px 20px 0 20px;

    .list {
      flex-direction: column;
      gap: 34px;
    }

    .years-list {
      order: 2;

      flex-direction: row;
      overflow-y: scroll;

      .item {
        &.active {
        }
      }
    }

    .slider {
      gap: 34px;
      display: flex;
      flex-direction: column;

      .text-container {
      }

      .slider-year {
        order: 2;
        font-size: 32px;
        margin-bottom: 0;
      }

      .slider-title {
        text-transform: uppercase;
        order: 1;
        font-size: 12px;
        margin-bottom: 16px;
      }

      .slider-description {
        order: 3;
        font-size: 12px;
        display: none;
      }

      .slider-image-container {
        img {
          width: 100%;
          height: auto;
          border-radius: 16px;
        }

        .slider-image-description {
          margin-top: 34px;
          display: block;
          font-size: 12px;
          color: #8E9194;
          font-weight: 400;
        }
      }
    }
  }

  .experience-block {
    margin-bottom: 0;

    &:before {
    }

    &:after {
    }

    .experience-block-content {
      padding: 84px 20px 86px 20px;
      gap: 27px;
    }

    .corporate-training-list {
      order: 3;
      gap: 26px;

      .item {
        padding: 14px 12px;
        flex-direction: column;
        gap: 15px;
        align-items: start;
        font-size: 12px;

        img {
          width: 46px;
          height: 46px;
        }
      }
    }

    .corporate-training-title {
      order: 1;
    }

    .corporate-training-digits-list {
      order: 2;
      gap: 17px;

      .item {

        .title {
          font-size: 32px;
        }

        .description {
          font-size: 12px;
          color: #000
        }
      }
    }
  }

  .experience-slider {
    margin-bottom: 80px;

    .item {
      max-width: 70vw;
    }
  }

  .success-stories {
    padding: 0 18px;
    margin-bottom: 84px;

    .title {
      margin-bottom: 34px;
    }

    .list {

      .item {
        width: 70vw;
        gap: 15px;
        flex-wrap: wrap;

        .img-container {
          width: 53px;
          height: 53px;
          border-radius: 0;

          img {
          }
        }

        .text-container {
          display: flex;
          flex-direction: column;

          &.only-mobile {
            flex: 1 0 100%;
          }

          .description {
            order: 3;
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
            font-size: 12px;
          }

          .name {
            order: 1;
            font-size: 12px;
            margin-bottom: 12px;
          }

          .work-details {
            order: 2;
            font-size: 10px;
            margin-bottom: 20px;
          }
        }


      }
    }
  }

  .want-work-btn {
    width: 62px;
    height: 62px;
    right: 17px;
    bottom: 17px;
  }
}

/* End */


/* Start:/local/components/bitrix/news.detail/templates/banner-header/style.css?1760449091155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */
/* /local/templates/new/css/career.css?177633816412259 */
/* /local/components/bitrix/news.detail/templates/banner-header/style.css?1760449091155 */