{% extends 'base.html' %}

{% load static %}
{% load thumbnail %}

{% block content %}
      <section class="intro intro-page linear--black sect py-0 min-h-unset"
        style="background-image: url({% static 'img/admin/auction/intro-gruz.jpg' %});">
        <div class="container">
          {% include 'includes/breadcrumbs.html' %}
          <div class="introW">
            <h1 class="h1 text--white introTitle mb-3 mt-0" style="max-width: 525px;">
              Спецтехника с аукционов Японии с доставкой в любой город России
            </h1>
            <p class="introDescr text--white" style="max-width: 525px;">
              Купить спецтехнику из Японии можно через аукционы, где представлена ​​надежная и проверенная техника:
              гусеничные
              и колесные машины, бульдозеры, экскаваторы, погрузчики, краны, грузовики и сельхозтехника
            </p>
            <button class="button button--brown introBtn" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
          </div>
        </div>
        <img src="{% static 'img/admin/auction/intro-gruz-sm.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
      </section>
      <section class="sect">
        <div class="container">
          <div class="row mb-2 mb-lg-5">
            <div class="col-lg-6 mb-4 mb-lg-0">
              <h2 class="h2">
                Процесс покупки спецтехники с аукциона Японии
              </h2>
            </div>
            <div class="col-lg-6">
              <div class="content content--lg">
                <p>
                  Коротко опишем основные этапы процесса выбора, покупки и доставки техники с японских аукционов
                </p>
              </div>
            </div>
          </div>

          <div class="row stepsItem mt-5 py-0">
            <div class="col-lg-6 mb-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-1.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">1.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Консультация и заключение договора, внесение обеспечительного платежа (предоплаты)
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mb-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-6.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">2.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Поиск и подбор техники для ваших нужд
                  </p>
                </div>
              </div>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem py-0">
            <div class="col-lg-6 mb-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-2.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">3.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Участие в аукционе
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mb-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-7.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">4.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Оплата японской стороне и доставка во Владивосток
                  </p>
                </div>
              </div>
            </div>
          </div><!-- /stepsItem -->

          <div class="row stepsItem py-0">
            <div class="col-lg-6 mb-5">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-4.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">5.</div>
                  <p class="h3 fw-semibold stepsItemTitle color-brown">
                    Таможенное оформление
                  </p>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mb-lg-0">
              <div class="d-flex align-items-start gap-3 gap-lg-4">
                <img class="stepsItemIcon" src="{% static 'img/icons/steps-5.svg' %}?v=1" alt="icon">
                <div class="d-flex flex-column flex-sm-row gap-0">
                  <div class="stepsItemCount h3 fw-semibold">6.</div>
                  <p class="h3 fw-semibold stepsItemTitle">
                    Получение спецтехники лично или <span class="color-brown">доставка</span> в ваш регион
                  </p>
                  <button class="button button--brown mt-2 d-flex d-sm-none" data-src="#modalOrder" data-fancybox onclick="ym(91395761,'reachGoal','view'); return true;">Задать вопрос консультанту</button>
                </div>
              </div>

            </div>
          </div><!-- /stepsItem -->

          <div class="warning mt-5">
            <div class="row">
              <div class="col-lg-6">
                <div class="warningTitle d-flex align-items-center gap-2 mb-3">
                  <img src="{% static 'img/icons/warn.png' %}?v=1" alt="warn">
                  <div class="h4">Осторожно, мошенники!</div>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="content content--lg px-0">
                  <p>
                    В связи с большим спросом на услуги по доставке авто из-за рубежа, к сожалению, на этом рынке
                    появляется
                    все больше мошеннических схем, в результате которых покупатели теряют свои деньги или все-таки
                    покупают
                    автомобили, но с очень большими наценками.
                  </p>
                  <p>
                    Мы собрали несколько советов, которые помогут вам избежать обмана. <a
                      class="color-brown color-brown-hover-black border-0" href="{% url 'core:warning' %}">Подробнее...</a>
                  </p>
                </div>
              </div>
            </div>
          </div>

        </div>
      </section>
      <section class="sect baner baner--full py-0 bg-size-60">
        <div class="container">
          <div class="linear--black banerW">
            <div class="h3 text--white banerTitle mt-0 mb-4 position-relative z-1" style="max-width: 575px;">
              Наша компания имеет надежные пути доставки нужной вам техники, несмотря на санкционные ограничения.
            </div>
            <p class="text--lg text--white position-relative z-1 banerDescr mb-4" style="max-width: 567px;">
              Просто оставьте заявку и наши менеджеры подберут для вас оптимальную схему работы, безопасные способы
              оплаты и
              быстрые маршруты доставки вашей спецтехники из Японии.
            </p>
            <button class="button button--brown position-relative z-1 mt-4">
              Оставить заявку
            </button>

          </div>
        </div>
        <img class="banerImgSm d-block d-md-none position-absolute" src="{% static 'img/admin/auction/baner-gruz.jpg' %}?v=1" alt="image">
        <img class="banerImgLg" src="{% static 'img/admin/auction/baner-gruz.jpg' %}?v=1" alt="image">
      </section>
      <section class="sect advGruz bg-black">
        <div class="container">
          <div class="row">
            <div class="col-md-6 col-lg-3 advGruzItem">
              <div class="d-flex align-items-start gap-4 d-md-block">
                <img src="{% static 'img/icons/adv-gruz-1.svg' %}?v=1" alt="icon">
                <p class="text-white fw-medium mt-0 mt-md-4 advGruzItemDescr">
                  Каждая единица оборудования сопровождается аукционным листом, в котором указаны все характеристики,
                  пробег и
                  состояние.
                </p>
              </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-5 mt-md-0 advGruzItem">
              <div class="d-flex align-items-start gap-4 d-md-block">
                <img src="{% static 'img/icons/adv-gruz-2.svg' %}?v=1" alt="icon">
                <p class="text-white fw-medium mt-0 mt-md-4 advGruzItemDescr">
                  Мы занимаемся покупкой техники на аукционах и помогаем вам найти и привезти в ваш регион именно то,
                  что
                  соответствует вашим запросам!
                </p>
              </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-5 mt-lg-0 advGruzItem">
              <div class="d-flex align-items-start gap-4 d-md-block">
                <img src="{% static 'img/icons/adv-gruz-3.svg' %}?v=1" alt="icon">
                <p class="text-white fw-medium mt-0 mt-md-4 advGruzItemDescr">
                  Покупка японской спецтехники на аукционах — это отличный способ получить качественное оборудование по
                  разумной
                  цене.
                </p>
              </div>
            </div>
            <div class="col-md-6 col-lg-3 mt-5 mt-lg-0 advGruzItem">
              <div class="d-flex align-items-start gap-4 d-md-block">
                <img src="{% static 'img/icons/adv-gruz-4.svg' %}?v=1" alt="icon">
                <p class="text-white fw-medium mt-0 mt-md-4 advGruzItemDescr">
                  Высокое качество, широкий выбор и конкурентные в сравнении с покупкой в РФ цены делают этот процесс
                  выгодным,
                  понятным и безопасным для покупателей.
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>
      {% include 'includes/all_lots.html' %}
      {% include 'includes/form.html' %}
      {% include 'includes/experience.html' %}
      {% include 'includes/reviews.html' %}
      {% include 'includes/about.html' %}
{% endblock %}