/* Start:/local/templates/html/components-template/about/style.css?173710605610472*/
.about .page-header-section--nav {
  margin-top: 0; }

.about .page-header__nav-right {
  display: none; }

.about-section {
  margin-bottom: 120px; }
  @media (max-width: 1339px) {
    .about-section {
      margin-bottom: 100px; } }
  @media (max-width: 767px) {
    .about-section {
      margin-bottom: 50px; } }

.about-subtitle {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px; }
  @media (max-width: 767px) {
    .about-subtitle {
      font-size: 18px;
      margin-bottom: 10px; } }

.about-title {
  font-size: 46px;
  margin-bottom: 25px;
  font-weight: 500; }
  @media (max-width: 767px) {
    .about-title {
      font-size: 28px;
      margin-bottom: 20px; } }

.about-hero {
  display: grid;
  grid-template-columns: 1fr; }
  .about-hero__img {
    position: relative;
    padding-bottom: 45%;
    margin-bottom: 40px; }
    @media (max-width: 1339px) {
      .about-hero__img {
        padding-bottom: 60%; } }
    @media (max-width: 767px) {
      .about-hero__img {
        padding-bottom: 0;
        height: 324px; } }
    .about-hero__img .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border-radius: 10px; }
      .about-hero__img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
  .about-hero__grid {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 50px 60px; }
    @media (max-width: 1339px) {
      .about-hero__grid {
        grid-template-columns: 1fr 1fr; } }
    @media (max-width: 767px) {
      .about-hero__grid {
        grid-template-columns: 1fr;
        gap: 30px; } }

.about-item {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  border-top: 1px solid #6f4ef3;
  font-size: 18px;
  line-height: 1.6; }
  .about-item p {
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 10px; }
    @media (max-width: 1699px) {
      .about-item p {
        font-size: 42px; } }
    @media (max-width: 767px) {
      .about-item p {
        margin-bottom: 5px;
        font-size: 34px; } }

.about-logo {
  display: grid;
  grid-template-columns: 320px auto; }
  @media (max-width: 767px) {
    .about-logo {
      grid-template-columns: 1fr;
      gap: 20px; } }
  .about-logo__left {
    padding-top: 20px; }
    @media (max-width: 1339px) {
      .about-logo__left {
        padding-top: 10px; } }
    @media (max-width: 767px) {
      .about-logo__left {
        padding-top: 0; } }
    .about-logo__left .lazy-img-wrap {
      width: 220px;
      height: 50px;
      justify-content: flex-start; }
      .about-logo__left .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .about-logo__right {
    font-size: 46px;
    font-weight: 500; }
    @media (max-width: 1339px) {
      .about-logo__right {
        font-size: 36px; } }
    @media (max-width: 767px) {
      .about-logo__right {
        font-size: 28px; } }

.about-history__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 60px; }
  @media (max-width: 1339px) {
    .about-history__grid {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 767px) {
    .about-history__grid {
      grid-template-columns: 1fr;
      gap: 30px; } }

.about-benefit__item:not(:last-child) {
  margin-bottom: 30px; }

.about-benefit__item-head {
  display: flex;
  margin-bottom: 14px;
  align-items: center;
  gap: 20px; }
  @media (max-width: 767px) {
    .about-benefit__item-head {
      flex-direction: column;
      align-items: flex-start;
      gap: 15px;
      margin-bottom: 10px; } }

.about-benefit__item-title {
  font-size: 24px;
  font-weight: 500; }

.about-benefit__item-img {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  position: relative; }
  .about-benefit__item-img .lazy-img-wrap {
    position: absolute;
    right: 3px;
    bottom: 3px;
    top: 3px;
    left: 3px; }
  .about-benefit__item-img img {
    width: 100%;
    height: 100px;
    object-fit: contain; }

.about-benefit__item-body {
  padding-left: 67px; }
  .about-benefit__item-body p {
    font-size: 18px;
    line-height: 1.6; }
    @media (max-width: 767px) {
      .about-benefit__item-body p {
        line-height: 1.4; } }
  @media (max-width: 767px) {
    .about-benefit__item-body {
      font-size: 18px;
      line-height: 1.4; } }
  @media (max-width: 767px) {
    .about-benefit__item-body {
      padding-left: 0; } }

.about-team__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 60px; }
  @media (max-width: 1699px) {
    .about-team__grid {
      grid-template-columns: repeat(4, 1fr);
      gap: 40px; } }
  @media (max-width: 1023px) {
    .about-team__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; } }
  @media (max-width: 767px) {
    .about-team__grid {
      grid-template-columns: 1fr 1fr;
      gap: 30px 10px; } }

.about-team__item {
  display: flex;
  flex-direction: column;
  font-size: 18px; }
  .about-team__item-img {
    width: 100%;
    height: 280px;
    position: relative;
    margin-bottom: 25px; }
    @media (max-width: 767px) {
      .about-team__item-img {
        height: auto;
        aspect-ratio: 0.8;
        margin-bottom: 15px; } }
    .about-team__item-img .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border-radius: 10px; }
      .about-team__item-img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .about-team__item-name {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      .about-team__item-name {
        font-size: 18px;
        margin-bottom: 5px; } }
  @media (max-width: 767px) {
    .about-team__item-pos {
      font-size: 14px; } }

.about-delivery {
  display: grid;
  grid-template-columns: 40% auto;
  gap: 20px; }
  @media (max-width: 1339px) {
    .about-delivery {
      grid-template-columns: 1fr; } }
  @media (max-width: 767px) {
    .about-delivery {
      gap: 10px; } }
  .about-delivery__block {
    border-radius: 10px;
    overflow: hidden;
    position: relative; }
    .about-delivery__block:first-child {
      background-color: #6f4ef3;
      padding: 60px;
      color: #ffffff;
      font-size: 18px; }
      @media (max-width: 767px) {
        .about-delivery__block:first-child {
          padding: 25px 30px; } }
    .about-delivery__block:last-child {
      padding-bottom: 70%; }
      @media (max-width: 1339px) {
        .about-delivery__block:last-child {
          order: -1;
          padding-bottom: 62%; } }
      @media (max-width: 575px) {
        .about-delivery__block:last-child {
          padding-bottom: 100%; } }
      .about-delivery__block:last-child .lazy-img-wrap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0; }
        .about-delivery__block:last-child .lazy-img-wrap img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
    .about-delivery__block .about-title {
      margin-bottom: 30px;
      margin-top: 0; }
    .about-delivery__block p {
      font-size: 24px;
      line-height: 1.6; }
      @media (max-width: 767px) {
        .about-delivery__block p {
          font-size: 18px;
          line-height: 1.4; } }

.about-offer p {
  font-size: 24px;
  line-height: 1.6; }
  @media (max-width: 767px) {
    .about-offer p {
      font-size: 18px;
      line-height: 1.4; } }

.about-offer__inner {
  margin-top: 40px; }
  @media (max-width: 767px) {
    .about-offer__inner {
      margin-top: 30px; } }

.about-offer__title {
  font-size: 34px;
  font-weight: 500;
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .about-offer__title {
      font-size: 18px;
      margin-bottom: 30px; } }

.about-offer__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px; }
  @media (max-width: 767px) {
    .about-offer__grid {
      gap: 10px; } }

.about-offer__block {
  position: relative;
  padding-bottom: 120%;
  grid-column: span 2;
  border-radius: 10px;
  overflow: hidden;
  transition: all ease .3s; }
  @media (min-width: 1024px) {
    .about-offer__block {
      cursor: pointer; }
      .about-offer__block:hover .about-offer__block-back {
        transform: scale(1.03); } }
  @media (max-width: 1339px) {
    .about-offer__block {
      grid-column: span 3; }
      .about-offer__block:nth-child(3n) {
        grid-column: span 6;
        padding-bottom: 58%; } }
  @media (max-width: 767px) {
    .about-offer__block {
      grid-column: span 6;
      padding-bottom: 0;
      height: 350px; } }
  .about-offer__block-front {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: #ffffff;
    font-weight: 500;
    font-size: 34px;
    padding: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .about-offer__block-front {
        font-size: 28px;
        padding: 30px; } }
  .about-offer__block-back {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transition: all ease .3s; }
    .about-offer__block-back .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }
      .about-offer__block-back .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }

.about-partners__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px; }
  @media (max-width: 767px) {
    .about-partners__grid {
      grid-template-columns: 1fr 1fr;
      gap: 10px; } }

.about-partners__item {
  background: rgba(26, 27, 28, 0.03);
  border-radius: 10px;
  padding: 20px;
  position: relative; }
  @media (max-width: 767px) {
    .about-partners__item {
      padding: 10px; } }
  .about-partners__item-img {
    position: relative;
    padding-bottom: 100%; }
    .about-partners__item-img .lazy-img-wrap {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0; }
      .about-partners__item-img .lazy-img-wrap img {
        width: 100%;
        height: 100%;
        max-height: 130px;
        object-fit: contain; }
        @media (max-width: 767px) {
          .about-partners__item-img .lazy-img-wrap img {
            max-height: 90px; } }

/* End */


/* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1736927244565*/
/*!
 * BootstrapValidator (http://bootstrapvalidator.com)
 * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
 *
 * @version     v0.5.2, built on 2014-09-25 4:01:07 PM
 * @author      https://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     MIT
 */

.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100}
/* End */
/* /local/templates/html/components-template/about/style.css?173710605610472 */
/* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1736927244565 */