/* Start:/local/templates/html/assets/components-template/brand-section/style.css?17482637381409*/
.brand-section {
  display: flex;
  align-items: center;
  gap: 3.2rem; }
  @media (max-width: 1023px) {
    .brand-section {
      overflow: auto;
      padding-bottom: 8px;
      gap: 20px; } }
  .brand-section--portfolio {
    margin-top: 4rem;
    height: 8.4rem; }
    @media (max-width: 1023px) {
      .brand-section--portfolio {
        margin-top: 18px;
        height: 66px;
        overflow: auto;
        width: 100%; } }
    .brand-section--portfolio .brand-card {
      max-width: 10rem; }

.brand-card {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 2s; }
  @media (max-width: 1023px) {
    .brand-card {
      flex-shrink: 0;
      width: 100px; } }
  .brand-card .lazy-img-wrap {
    height: 3.6rem;
    width: auto; }
    @media (max-width: 1023px) {
      .brand-card .lazy-img-wrap {
        height: 20px; } }
    .brand-card .lazy-img-wrap img {
      object-fit: contain;
      height: 100%;
      display: block;
      width: 100%; }
  .brand-card.anim {
    opacity: 0; }

@keyframes clip {
  0% {
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
  25% {
    clip-path: polygon(100% 0, 25% 0, 25% 100%, 100% 100%); }
  50% {
    clip-path: polygon(100% 0, 50% 0, 50% 100%, 100% 100%); }
  75% {
    clip-path: polygon(100% 0, 75% 0, 75% 100%, 100% 100%); }
  100% {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); } }

/* End */


/* Start:/local/templates/html/assets/components-template/filters/style.css?17482637382839*/
@charset "UTF-8";
.filters {
  position: relative; }
  @media (max-width: 1023px) {
    .filters__inner {
      display: flex; } }
  .filters--v2 .filters__inner {
    display: flex;
    gap: 4rem;
    padding: 0 4rem; }

.filter-wrap {
  position: relative; }
  @media (min-width: 1024px) {
    .filter-wrap:first-child .filter__body {
      left: -4rem; }
    .filter-wrap:first-child .filter__list {
      padding-left: 4rem; } }
  @media (max-width: 1023px) {
    .filter-wrap {
      width: 50%; }
      .filter-wrap:first-child .filter__body {
        left: -14px; }
      .filter-wrap:last-child .filter__body {
        right: -14px; } }

.filter {
  padding: .8rem 0; }
  @media (max-width: 1023px) {
    .filter {
      padding: 13px 20px;
      padding-left: 0; } }
  .filter.active .filter__head .icon {
    transform: rotate(180deg); }
  .filter.disabled {
    opacity: .5;
    pointer-events: none; }
  .filter__head {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    fill: var(--text-color);
    cursor: pointer;
    width: 100%; }
    .filter__head .icon {
      transition: all ease .3s; }
      @media (max-width: 1023px) {
        .filter__head .icon {
          max-width: 16px;
          max-height: 16px; } }
  .filter__body {
    position: absolute;
    left: -3.1rem;
    top: 100%;
    right: 0;
    z-index: 5;
    overflow: hidden;
    height: 0;
    transition: height .5s ease; }
    @media (max-width: 1023px) {
      .filter__body {
        left: -15px; } }
  .filter__list {
    background-color: var(--bg-color);
    border: 1px solid var(--aline-color);
    padding: 1rem;
    padding-left: 3.1rem;
    overflow: auto;
    max-height: 20rem; }
    .filter__list::-webkit-scrollbar {
      width: 4px;
      /* ширина для вертикального скролла */
      height: 4px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: var(--accent-text); }
    .filter__list::-webkit-scrollbar-thumb {
      background-color: var(--icon-bg);
      border-radius: 2px; }
      .filter__list::-webkit-scrollbar-thumb:hover {
        background-color: var(--text-color); }
    @media (max-width: 1023px) {
      .filter__list {
        width: auto;
        min-width: 180px;
        padding-left: 14px; } }
  .filter__item:not(:last-child) {
    margin-bottom: 1rem; }
  @media (min-width: 1024px) {
    .filter__item {
      cursor: pointer;
      text-underline-offset: .3rem; }
      .filter__item:hover {
        color: var(--link-color);
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px; } }
  .filter__item.active {
    pointer-events: none;
    color: var(--link-hover); }
  .filter__item:active {
    color: var(--link-hover); }

/* End */


/* Start:/local/templates/html/assets/components-template/portfolio/style.css?17482637387449*/
@charset "UTF-8";
.page-project-header {
  position: relative; }
  .page-project-header__table {
    position: relative; }
    @media (min-width: 1024px) {
      .page-project-header__table {
        padding: 3rem 3rem 3rem 0;
        grid-row: span 2; } }
    @media (max-width: 1023px) {
      .page-project-header__table {
        margin: 0 -14px; } }
  .page-project-header__title {
    position: relative; }
    @media (min-width: 1024px) {
      .page-project-header__title {
        padding: 3rem;
        margin-left: -3rem;
        margin-right: -4rem; } }
    @media (max-width: 1023px) {
      .page-project-header__title {
        order: -1;
        width: 80%;
        margin-left: auto;
        padding-left: 14px;
        padding-bottom: 14px; } }
    .page-project-header__title .page-header__title {
      padding-top: 11rem; }
    .page-project-header__title .stagger-block {
      display: flex;
      flex-direction: column; }
    .page-project-header__title .h1,
    .page-project-header__title .title--hidden {
      font-size: calc(max(4.4vw, 21px)); }
      @media (min-width: 1024px) {
        .page-project-header__title .h1,
        .page-project-header__title .title--hidden {
          font-size: calc(min(4.4vw, 6.6rem)); } }
  .page-project-header__text {
    padding: 30px 0; }
    @media (min-width: 1024px) {
      .page-project-header__text {
        padding: 3rem;
        margin-left: -3rem;
        max-width: 58rem; } }
    @media (max-width: 767px) {
      .page-project-header__text {
        font-size: 12px; } }

.page-project-info {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media (min-width: 1024px) {
    .page-project-info {
      max-width: 51rem;
      position: sticky;
      top: var(--headerHeight); } }
  @media (max-width: 1023px) {
    .page-project-info {
      margin-top: 16px; } }
  .page-project-info__item {
    padding: 1.8rem;
    position: relative; }
    @media (max-width: 1023px) {
      .page-project-info__item {
        padding: 12px; } }
    .page-project-info__item--full {
      grid-column: span 2; }
    .page-project-info__item-prop {
      color: var(--accent-text);
      margin-bottom: .2rem; }
    .page-project-info__item-val {
      display: inline-flex;
      gap: 2.4rem; }
      @media (max-width: 1023px) {
        .page-project-info__item-val {
          gap: 12px; } }

.project-slider {
  padding: 3rem 0;
  position: relative; }
  @media (max-width: 1023px) {
    .project-slider {
      padding: 16px 0 48px; } }
  .project-slider .splide__control {
    display: block;
    bottom: -14px;
    right: 14px;
    transform: translateY(100%); }
    @media (min-width: 1024px) {
      .project-slider .splide__control {
        display: none; } }
  .project-slider .splide__slide {
    width: 90vw; }

.portfolio-section {
  position: relative; }
  @media (min-width: 1024px) {
    .portfolio-section .gc .portfolio-card-wrap:not(:nth-child(3n + 3)) {
      padding-right: 3rem; } }
  .portfolio-section .portfolio-card-wrap {
    position: relative; }
    @media (max-width: 1023px) {
      .portfolio-section .portfolio-card-wrap:nth-child(n + 6) {
        display: none; } }

.portfolio-projects {
  position: relative; }
  @media (min-width: 1024px) {
    .portfolio-projects__grid {
      height: 39vw; } }
  .portfolio-projects__overflow {
    overflow: auto;
    position: absolute;
    inset: 1.8rem 1px 1.8rem 0;
    padding-right: 3rem; }
    .portfolio-projects__overflow::-webkit-scrollbar {
      width: 4px;
      /* ширина для вертикального скролла */
      height: 4px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: var(--accent-text); }
    .portfolio-projects__overflow::-webkit-scrollbar-thumb {
      background-color: var(--icon-bg);
      border-radius: 2px; }
      .portfolio-projects__overflow::-webkit-scrollbar-thumb:hover {
        background-color: var(--text-color); }
  .portfolio-projects__sections {
    padding: 1.8rem 3rem 1.8rem 0;
    position: relative; }
    @media (max-width: 1023px) {
      .portfolio-projects__sections {
        display: none; } }
  .portfolio-projects__section {
    position: relative;
    padding: 1.8rem 0;
    transition: all ease .3s; }
    @media (min-width: 1024px) {
      .portfolio-projects__section {
        cursor: pointer; }
        .portfolio-projects__section:hover {
          color: var(--active-color); } }
    .portfolio-projects__section.active {
      color: var(--active-color);
      pointer-events: none; }
    .portfolio-projects__section:first-child .al {
      display: none; }
  .portfolio-projects__items {
    position: relative; }
    @media (max-width: 1023px) {
      .portfolio-projects__items {
        padding-top: 10px;
        padding-bottom: 20px; } }

.portfolio-project {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1rem 0; }
  @media (min-width: 1024px) {
    .portfolio-project {
      position: absolute;
      inset: 3rem 0;
      display: none;
      padding: 0; } }
  .portfolio-project:first-child .al {
    display: none; }
  .portfolio-project.active {
    display: flex; }
    @media (max-width: 1023px) {
      .portfolio-project.active .portfolio-project__title:after {
        transform: rotate(0); }
      .portfolio-project.active .portfolio-project__btn {
        opacity: 1;
        visibility: visible; }
      .portfolio-project.active .portfolio-project__num {
        display: flex; }
      .portfolio-project.active .portfolio-project__img {
        display: block; } }
  .portfolio-project__img {
    flex-grow: 1;
    position: relative; }
    .portfolio-project__img .lazy-img-wrap {
      position: absolute;
      inset: 0; }
      .portfolio-project__img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    @media (max-width: 1023px) {
      .portfolio-project__img {
        width: 100%;
        aspect-ratio: 1.34;
        order: 2;
        margin-top: 1rem;
        display: none; } }
  @media (min-width: 1024px) {
    .portfolio-project__title {
      pointer-events: none;
      margin-top: 2.4rem;
      text-transform: uppercase; } }
  @media (max-width: 1023px) {
    .portfolio-project__title {
      order: 1;
      padding-right: 45px;
      position: relative;
      padding-left: 12px; }
      .portfolio-project__title:before, .portfolio-project__title:after {
        content: '';
        position: absolute;
        left: 0;
        top: 1rem;
        height: 1px;
        width: .8rem;
        background-color: var(--active-color);
        transition: all ease .3s; }
      .portfolio-project__title:after {
        transform: rotate(90deg); } }
  .portfolio-project__num {
    margin-top: 2rem;
    display: flex; }
    @media (max-width: 1023px) {
      .portfolio-project__num {
        display: none;
        order: 3;
        margin-top: 8px;
        gap: 24px; } }
  .portfolio-project__btn {
    position: absolute;
    right: 0;
    bottom: 0; }
    @media (max-width: 1023px) {
      .portfolio-project__btn {
        top: 10px;
        bottom: auto;
        opacity: 0;
        visibility: hidden; }
        .portfolio-project__btn .btn {
          height: 18px;
          width: 32px;
          padding: 0; }
        .portfolio-project__btn span {
          display: none; } }

/* End */


/* Start:/local/templates/html/assets/components-template/review-section/style.css?17482637383408*/
.review-section {
  position: relative; }
  @media (max-width: 1023px) {
    .review-section--company .presection__descr {
      display: none; } }

.review {
  position: relative; }
  @media (max-width: 1023px) {
    .review-inner {
      grid-template-columns: 1fr 1fr;
      gap: 30px 20px; } }
  .review-info, .review-text {
    padding: 6rem 3rem 6rem 0;
    position: relative; }
    @media (max-width: 1023px) {
      .review-info, .review-text {
        padding: 0; } }
  .review-img {
    padding: 6rem 0 6rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media (max-width: 1023px) {
      .review-img {
        padding: 0;
        padding-bottom: 16px; } }
    .review-img .lazy-img-wrap {
      width: 100%;
      aspect-ratio: 1.67;
      margin-bottom: 2.4rem; }
      .review-img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .review-img .btn {
      margin-top: auto; }
      @media (max-width: 1023px) {
        .review-img .btn {
          margin-top: 18px; } }
  @media (max-width: 1023px) {
    .review-info {
      padding-bottom: 30px; } }
  .review-info__line {
    position: relative;
    padding-bottom: 1.8rem; }
    @media (max-width: 1023px) {
      .review-info__line {
        padding-bottom: 12px; } }
    .review-info__line:not(:last-child) {
      margin-bottom: 1.8rem; }
      @media (max-width: 1023px) {
        .review-info__line:not(:last-child) {
          margin-bottom: 10px; } }
    .review-info__line .prop {
      color: var(--accent-text);
      margin-bottom: 2px;
      font-weight: 400; }
  @media (max-width: 1023px) {
    .review-text {
      grid-column: span 2;
      order: -1;
      padding-top: 16px; } }
  .review-text__logo {
    margin-bottom: 3rem; }
    @media (max-width: 1023px) {
      .review-text__logo {
        margin-bottom: 6px; } }
    .review-text__logo .lazy-img-wrap {
      max-width: 24rem;
      max-height: 6rem;
      width: 300px;
      height: 100px; }
      @media (max-width: 1023px) {
        .review-text__logo .lazy-img-wrap {
          max-width: 130px;
          max-height: 60px; } }
      .review-text__logo .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: contain; }
    .review-text__logo .text {
      text-transform: uppercase;
      color: var(--accent-text); }
  .review-text__text {
    font-weight: 400; }
  .review-text__link {
    margin-top: 3rem;
    display: inline-flex;
    align-items: center;
    gap: 1.2rem; }
    @media (min-width: 1024px) {
      .review-text__link {
        cursor: pointer; }
        .review-text__link:hover .link--v1:before {
          transform: scaleX(100%); } }
    @media (max-width: 1023px) {
      .review-text__link {
        margin-top: 30px; } }
    .review-text__link .doc {
      width: 3.8rem;
      height: 3.8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--aline-color);
      fill: var(--text-color); }
      @media (max-width: 1023px) {
        .review-text__link .doc {
          width: 30px;
          height: 30px;
          gap: 6px; }
          .review-text__link .doc .icon {
            max-width: 18px;
            max-height: 18px; } }

.dark .review-text__logo .lazy-img-wrap {
  mix-blend-mode: color-dodge;
  filter: invert(100%); }

/* End */
/* /local/templates/html/assets/components-template/brand-section/style.css?17482637381409 */
/* /local/templates/html/assets/components-template/filters/style.css?17482637382839 */
/* /local/templates/html/assets/components-template/portfolio/style.css?17482637387449 */
/* /local/templates/html/assets/components-template/review-section/style.css?17482637383408 */