<!doctype html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" href="/css/style.min.css??=v=20241227065607">
  <link rel="icon" type="image/png" href="/static/favicon/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/svg+xml" href="/static/favicon/favicon.svg">
  <link rel="shortcut icon" href="/static/favicon/favicon.ico">
  <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
  <meta name="apple-mobile-web-app-title" content="RTA">
  <link rel="manifest" href="/static/favicon/site.webmanifest">
  <meta name="msapplication-TileColor" content="#699FFF">
  <meta name="theme-color" content="#699FFF">
  <title>RTA - Main page</title>
  <style>
    html.is-loaded .u-preloader {
      opacity: 0;
      visibility: hidden;
    }
    .u-preloader {
      background: #090215;
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none;
      transition: all 1s;
      transition-property: opacity, visibility;
      z-index: 10000;
    }
    .u-preloader__logo {
      display: flex;
      align-items: flex-start;
      overflow: hidden;
    }
    .u-preloader__logo img {
      width: 155rem;
      height: auto;
      display: block;
    }
    @media (max-width: 991px) {
      .u-preloader__logo img {
        width: 124rem;
      }
    }
  </style>
</head>
<body>

  <div class="u-preloader">
    <picture class="u-preloader__logo">
      <img src="/images/logo-accent-white.svg" width="155" height="48" alt="RTA — Regional Transport Agent"></picture>
  </div>

  <div id="root" class="site">
    <div class="site__inner">

      <header class="header header--state-sticky js-header-sticky site__header">
        <div class="container container--size-md header__container">
          <button type="button" class="d-md-block header__toggle js-header-menu-toggle">
            <span></span>
            <span></span>
            <span></span>
          </button>
          <a href="/" class="logo header__logo">
            <picture class="logo__img">
              <img src="/images/logo-accent-white.svg" width="155" height="48" alt="RTA — Regional Transport Agent"></picture>
          </a>
          <nav role="navigation" class="header__nav">
            <ul class="header__nav-list">
              <li class="header__nav-item">
                <a href="customers.html" class="header__nav-link">Клиентам</a>
              </li>
              <li class="header__nav-item">
                <a href="services.html" class="header__nav-link">Услуги</a>
              </li>
              <li class="header__nav-item">
                <a href="contacts.html" class="header__nav-link">Контакты</a>
              </li>
            </ul>
          </nav>
          <div class="header__contacts">
            <a href="tel:+78124484734" target="_blank" class="header__contacts-phone">
              <span class="d-md-none">+7 (812) 448 47 34</span>
              <svg class="u-icon d-md-block">
                <use xlink:href="/images/icons/icons.svg#phone-type-2"></use>
              </svg>
            </a>
            <button type="button" class="d-md-none btn btn--size-sm btn--theme-accent-fill header__contacts-btn-call" data-modal="popup-callback">
              <span class="btn__inner">
                <svg class="u-icon btn__icon btn__icon--dir-ltr">
                  <use xlink:href="/images/icons/icons.svg#phone"></use>
                </svg>
                <span class="btn__title">Заказать звонок</span>
              </span>
            </button>
          </div>
        </div>
        <div class="d-md-block header__overlay-mobile"></div>
      </header>

      <main role="main" class="site__main">

        <section class="intro">
          <picture class="intro__bg">
            <img src="/images/intro-hero.jpg" alt="РТА — надежный партнер  по перевозке разногабаритных грузов." width="1920" height="1271"></picture>
          <div class="container container--size-sm intro__container">
            <h1 class="fs-2 intro__title">
              <span>РТА</span>
              — надежный партнер&nbsp;
              <br class="d-md-none">по&nbsp;перевозке разногабаритных грузов.</h1>
            <div class="intro__block">
              <div class="intro__subtitle-wrapper">
                <h2>
                  Мы успешно адаптировались к&nbsp;метаморфозам в&nbsp;сфере международных перевозок и&nbsp;хорошо знакомы с&nbsp;транспортной системой внутри России.
                </h2>
                <h2>
                  Комбинируя железнодорожные, морские, авиа и&nbsp;автомобильные маршруты, мы гарантируем надёжность доставки и&nbsp;минимальные затраты.
                </h2>
              </div>
              <div class="intro__info">
                <picture class="intro__info-icon">
                  <img src="/images/hands.svg" width="46" height="28" alt="С 2017 года нам доверяют грузы"></picture>
                <h3 class="intro__info-title">С 2017 года</h3>
                <h4 class="intro__info-subtitle">
                  Нам&nbsp;
                  <br class="d-md-none">
                  доверяют&nbsp;
                  <br class="d-md-none">грузы</h4>
              </div>
            </div>
            <footer class="intro__footer">
              <button type="button" class="btn btn--size-lg btn--theme-accent-fill intro__btn" data-modal="popup-callback">
                <span class="btn__inner">
                  <span class="btn__title">Заказать перевозку</span>
                </span>
              </button>
            </footer>
          </div>
        </section>

        <div class="bg-accent">

          <section class="services">
            <div class="container container--size-sm services__container">
              <header class="services__header">
                <h2 class="services__title">Наши услуги:</h2>
              </header>
              <div class="js-services-slider-mobile-init services__list">
                <div class="services__list-row swiper-wrapper">
                  <div class="services__list-col swiper-slide">
                    <article class="services-card services__list-card">
                      <div class="services-card__inner">
                        <picture class="services-card__picture">
                          <img src="/images/services-card-1.svg" width="148" height="64" alt="Доставка по России"></picture>
                        <div class="services-card__content">
                          <h3 class="fs-6 services-card__title">
                            <a href="delivery.html" class="services-card__link">Доставка по России</a>
                          </h3>
                          <ul class="services-card__list">
                            <li>
                              <p>Маршруты любой сложности</p>
                            </li>
                            <li>
                              <p>Контейнерные перевозки</p>
                            </li>
                            <li>
                              <p>Мультимодальные перевозки</p>
                            </li>
                          </ul>
                        </div>
                        <footer class="services-card__footer">
                          <svg class="u-icon services-card__icon-arrow">
                            <use xlink:href="/images/icons/icons.svg#arrow-type-1"></use>
                          </svg>
                        </footer>
                      </div>
                    </article>
                  </div>
                  <div class="services__list-col swiper-slide">
                    <article class="services-card services__list-card">
                      <div class="services-card__inner">
                        <picture class="services-card__picture">
                          <img src="/images/services-card-2.svg" width="76" height="64" alt="Международные перевозки"></picture>
                        <div class="services-card__content">
                          <h3 class="fs-6 services-card__title">
                            <a href="delivery.html" class="services-card__link">Международные перевозки</a>
                          </h3>
                          <ul class="services-card__list">
                            <li>
                              <p> <strong>Экспорт</strong>
                                в Китай и другие страны.
                              </p>
                            </li>
                            <li>
                              <p> <strong>Импорт</strong>
                                через страны ближнего зарубежья.
                              </p>
                            </li>
                            <li>
                              <p>
                                <strong>Мультимодальные перевозки</strong>
                              </p>
                            </li>
                          </ul>
                        </div>
                        <footer class="services-card__footer">
                          <svg class="u-icon services-card__icon-arrow">
                            <use xlink:href="/images/icons/icons.svg#arrow-type-1"></use>
                          </svg>
                        </footer>
                      </div>
                    </article>
                  </div>
                  <div class="services__list-col swiper-slide">
                    <article class="services-card services__list-card">
                      <div class="services-card__inner">
                        <picture class="services-card__picture">
                          <img src="/images/services-card-3.svg" width="58" height="64" alt="Аренда контейнеров"></picture>
                        <div class="services-card__content">
                          <h3 class="fs-6 services-card__title">
                            <a href="delivery.html" class="services-card__link">Аренда контейнеров</a>
                          </h3>
                          <ul class="services-card__list">
                            <li>
                              <p>Был бы груз, а контейнер найдется</p>
                            </li>
                            <li>
                              <p>Разные размеры контейнеров</p>
                            </li>
                          </ul>
                        </div>
                        <footer class="services-card__footer">
                          <svg class="u-icon services-card__icon-arrow">
                            <use xlink:href="/images/icons/icons.svg#arrow-type-1"></use>
                          </svg>
                        </footer>
                      </div>
                    </article>
                  </div>
                </div>
              </div>
            </div>
          </section>

          <section class="workflow">
            <div class="container container--size-md workflow__container">
              <div class="workflow__inner">
                <h2 class="workflow__title">Как мы работаем?</h2>
                <div class="workflow-process">
                  <div class="workflow-process__line"></div>
                  <div class="workflow-process__card-list">
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">
                            Заявка
                            <br class="d-md-block">на перевозку</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <picture class="workflow-card__picture">
                          <img src="/images/workflow-card-1.svg" width="50" height="50" alt="Карта маршрута"></picture>
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Карта маршрута</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <picture class="workflow-card__picture">
                          <img src="/images/workflow-card-2.svg" width="50" height="50" alt="Страхование груза"></picture>
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Страхование груза</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <picture class="workflow-card__picture">
                          <img src="/images/workflow-card-3.svg" width="50" height="50" alt="Погрузка"></picture>
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Погрузка</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <picture class="workflow-card__picture">
                          <img src="/images/workflow-card-4.svg" width="50" height="50" alt="Экспедирование"></picture>
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Экспедирование</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <picture class="workflow-card__picture">
                          <img src="/images/workflow-card-5.svg" width="50" height="50" alt="Таможенное оформление"></picture>
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Таможенное оформление</h3>
                        </div>
                      </div>
                    </article>
                    <article class="workflow-card workflow-process__card">
                      <div class="workflow-card__inner">
                        <div class="workflow-card__content">
                          <h3 class="fs-4 workflow-card__title">Выдача груза клиенту</h3>
                        </div>
                      </div>
                    </article>
                  </div>
                </div>
                <div class="d-md-none workflow__car" style="background-image: url(/images/workflow-car.png);"></div>
                <footer class="workflow__footer">
                  <button type="button" class="btn btn--size-lg btn--theme-blue-fill workflow__footer-btn" data-modal="popup-callback">
                    <span class="btn__inner">
                      <span class="btn__title">Оформить заявку</span>
                    </span>
                  </button>
                </footer>
              </div>
            </div>
          </section>

        </div>
      </main>

      <footer class="footer site__footer">
        <div class="container container--size-md footer__container">
          <div class="row footer__row">
            <div class="footer__col footer__col--logo row__col--12">
              <a href="/" class="logo footer__logo">
                <picture class="logo__img">
                  <img src="/images/logo-accent-white-type-2.svg" width="155" height="48" alt="RTA — Regional Transport Agent"></picture>
              </a>
            </div>
            <div class="footer__col footer__col--hero row__col--4">
              <div class="footer__hero">
                <p class="footer__copyright">
                  ООО «Региональный Транспортный Агент»  2006–2024 © Все права защищены.
                </p>
                <a href="tel:+78124484734" target="_blank" class="fs-6 footer__hero-phone">+7 (812) 448 47 34</a>
                <a href="mailto:info@rtarus.com" target="_blank" class="footer__hero-email">info@rtarus.com</a>
                <button type="button" class="btn btn--size-xs btn--theme-white-outline footer__hero-btn-call" data-modal="popup-callback">
                  <span class="btn__inner">
                    <span class="btn__title">Обратный звонок</span>
                  </span>
                </button>
                <p class="footer__hero-policy">
                  <a href="https://www.google.com.ua/" class="footer__link" target="_blank" rel="noopener noreferrer">Политика конфиденциальности</a>
                </p>
              </div>
            </div>
            <div class="footer__col footer__col--nav row__col--8">
              <div class="footer__nav-wrapper">
                <nav role="navigation" class="footer__nav">
                  <ul class="footer__nav-list">
                    <li class="footer__nav-item">
                      <p class="footer__nav-title">О компании</p>
                    </li>
                    <li class="footer__nav-item">
                      <a href="customers.html" class="footer__link">Клиентам</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="services.html" class="footer__link">Услуги</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="contacts.html" class="footer__link">Контакты</a>
                    </li>
                  </ul>
                </nav>
                <nav role="navigation" class="footer__nav">
                  <ul class="footer__nav-list">
                    <li class="footer__nav-item">
                      <p class="footer__nav-title">Услуги</p>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Контейнерные перевозки</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Экспортные перевозки</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Импортные перевозки</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Терминальные услуги</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Мультимодальные перевозки</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Аренда контейнеров</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="delivery.html" class="footer__link">Доставка сборных грузов</a>
                    </li>
                  </ul>
                </nav>
                <nav role="navigation" class="footer__nav">
                  <ul class="footer__nav-list">
                    <li class="footer__nav-item">
                      <p class="footer__nav-title">Информация</p>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Документы</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Тарифы</a>
                    </li>
                    <li class="footer__nav-item">
                      <a href="#" class="footer__link">Ответы на частые вопросы</a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
          <a href="#root" class="btn-pageup footer__btn-pageup js-anchor js-pageup">
            <svg class="u-icon btn-pageup__icon">
              <use xlink:href="/images/icons/icons.svg#arrow-type-1"></use>
            </svg>
          </a>
        </div>
      </footer>

    </div>
    <div class="popup" data-popup="popup-callback" data-close-overlay>
      <div class="popup__wrapper" data-close-overlay>
        <div class="popup__content">
          <button type="button" class="js-button-close popup__btn-close">
            <svg class="u-icon btn-close__icon">
              <use xlink:href="/images/icons/icons.svg#close"></use>
            </svg>
          </button>
          <div id="form-contact-wrapper" class="js-popup-form-wrapper popup__form-wrapper">
            <form action="send-email.php" id="form-contact" class="popup__form">
              <p class="fs-2 popup__title title">Обратный звонок</p>
              <input type="text" name="name" class="popup__form-input u-input u-input--size-md u-input--theme-accent-outline" placeholder="Представьтесь, пожалуйста">
              <input type="tel" name="phone" class="popup__form-input u-input u-input--size-md u-input--theme-accent-outline js-phone-mask" required placeholder="Телефон">
              <div class="popup__form-contact">
                <p class="popup__form-contact-title">Предпочтительный способ&nbsp;связи:</p>
                <div class="row popup__form-contact-list">
                  <div class="popup__form-contact-list-item row__col--6">
                    <label class="u-checkbox">
                      <input type="checkbox" name="contacts[]" class="u-checkbox__control" checked="checked" value="Телефон">
                      <span class="u-checkbox__inner">
                        <span class="u-checkbox__icon">
                          <svg class="u-icon">
                            <use xlink:href="/images/icons/icons.svg#checked"></use>
                          </svg>
                        </span>
                        <span class="u-checkbox__text">Телефон</span>
                      </span>
                    </label>
                  </div>
                  <div class="popup__form-contact-list-item row__col--6">
                    <label class="u-checkbox">
                      <input type="checkbox" name="contacts[]" class="u-checkbox__control" value="Telegram">
                      <span class="u-checkbox__inner">
                        <span class="u-checkbox__icon">
                          <svg class="u-icon">
                            <use xlink:href="/images/icons/icons.svg#checked"></use>
                          </svg>
                        </span>
                        <span class="u-checkbox__text">Telegram</span>
                      </span>
                    </label>
                  </div>
                  <div class="popup__form-contact-list-item row__col--6">
                    <label class="u-checkbox">
                      <input type="checkbox" name="contacts[]" class="u-checkbox__control" value="WhatsApp">
                      <span class="u-checkbox__inner">
                        <span class="u-checkbox__icon">
                          <svg class="u-icon">
                            <use xlink:href="/images/icons/icons.svg#checked"></use>
                          </svg>
                        </span>
                        <span class="u-checkbox__text">WhatsApp</span>
                      </span>
                    </label>
                  </div>
                </div>
              </div>
              <button type="submit" class="btn btn--size-lg btn--theme-blue-fill js-form-contact popup__form-btn" disabled="disabled">
                <span class="btn__inner">
                  <span class="btn__title">Отправить</span>
                </span>
              </button>
              <p class="popup__policy u-policy">
                Отправляя форму, вы соглашаетесь с обработкой персональных данных и&nbsp;
                <a href="https://www.google.com.ua/" target="_blank" rel="noopener noreferrer">Политикой конфиденциальности</a>
              </p>
            </form>
            <div class="form-thanks popup__form-thanks">
              <picture class="form-thanks__icon">
                <img src="/images/icons/email.svg" width="93" height="82" alt="Ваша заявка успешно отправлена"></picture>
              <h3 class="fs-6 form-thanks__title">
                Ваша заявка успешно отправлена.
                <br>Наш менеджер свяжется с&nbsp;вами в&nbsp;ближайшее время.</h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="js/app.min.js??=v=20241227065607"></script>
</body>
</html>