{% 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-vladivostok.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-vladivostok.jpg' %}?v=1" alt="image" class="d-block d-md-none introImgSm">
</section>
			<section class="sect">
  <div class="container">
    <div class="row mb-5 pt-4 pt-lg-0">
      <div class="col">
        <h2 class="h2 mb-4 mb-lg-0">
          Как происходит процесс доставки авто и спецтехники:
        </h2>
      </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-7.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">
              После успешной покупки автомобиля или <span class="color-brown">спецтехники</span> на аукционе в <span
                class="color-brown">Японии</span>, <span class="color-brown">Китае</span> или <span
                class="color-brown">Корее</span>, мы организуем его
              транспортировку морем в Россию.
            </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-4.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">
              Автомобиль доставляется в порт, где проходит <span class="color-brown">таможенное оформление</span>
            </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-9.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-5.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">
      <div class="col-lg-6 mb-3 mb-lg-0">
        <div class="bg--gray1 p-4 gap-3 gap-lg-4 d-flex flex-column flex-sm-row align-items-start">
          <img src="{% static 'img/icons/steps-10.svg' %}?v=1" alt="icon">
          <p class="h4">
            Обновления на каждом этапе: мы держим вас в курсе всех этапов доставки. 
          </p>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="bg--gray1 p-4 gap-3 gap-lg-4 d-flex flex-column flex-sm-row align-items-start">
          <img src="{% static 'img/icons/steps-11.svg' %}?v=1" alt="icon">
          <p class="h4">
            Вы будете получать уведомления о местонахождении вашего автомобиля.
          </p>
        </div>
      </div>
    </div>

    <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-jap.jpg' %}?v=1" alt="image">
  <img class="banerImgLg" src="{% static 'img/admin/auction/baner-jap.jpg' %}?v=1" alt="image">
</section>		
			<section class="sect advGruz bg-black">
  <div class="container">
    <div class="row">
      <div class="col">
        <h2 class="h2 text--white sectHead">
          Преимущества нашей доставки
        </h2>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
        <div class="d-flex align-items-start gap-4 d-md-block">
          <div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
            <img src="{% static 'img/icons/adv-vlad-1.svg' %}?v=1" alt="icon">
            <div class="d-flex flex-column pt-3 pt-lg-0">
              <h4 class="h4 h4--mobile text--white mt-0 mb-3">Скорость</h4>
              <p class="text--white" style="max-width: 210px;">
                Минимизируем время доставки, не затягиваем отправку.
              </p>
            </div>         
          </div>       
        </div>
      </div>
      <div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
        <div class="d-flex align-items-start gap-4 d-md-block">
          <div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
            <img src="{% static 'img/icons/adv-vlad-2.svg' %}?v=1" alt="icon">
            <div class="d-flex flex-column pt-3 pt-lg-0">
              <h4 class="h4 h4--mobile text--white mt-0 mb-3">Безопасность</h4>
              <p class="text--white" style="max-width: 210px;">
                Мы обеспечиваем надежную упаковку и транспортировку, чтобы ваш автомобиль не пострадал в пути.
              </p>
            </div>         
          </div>       
        </div>
      </div>
      <div class="col-md-6 col-lg-3 advGruzItem mb-5 mb-lg-0">
        <div class="d-flex align-items-start gap-4 d-md-block">
          <div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
            <img src="{% static 'img/icons/adv-vlad-3.svg' %}?v=1" alt="icon">
            <div class="d-flex flex-column pt-3 pt-lg-0">
              <h4 class="h4 h4--mobile text--white mt-0 mb-3">Прозрачность</h4>
              <p class="text--white" style="max-width: 210px;">
                Вы будете внимательно следить за всеми этапами доставки и сможете отслеживать перемещение вашего автомобиля.
              </p>
            </div>         
          </div>       
        </div>
      </div>
      <div class="col-md-6 col-lg-3 advGruzItem">
        <div class="d-flex align-items-start gap-4 d-md-block">
          <div class="d-flex gap-4 align-items-start flex-row flex-lg-column">
            <img src="{% static 'img/icons/adv-vlad-4.svg' %}?v=1" alt="icon">
            <div class="d-flex flex-column pt-3 pt-lg-0">
              <h4 class="h4 h4--mobile text--white mt-0 mb-3">Гибкость</h4>
              <p class="text--white" style="max-width: 210px;">
                Предложим различные варианты доставки, автомобильные и железнодорожные перевозки, в зависимости от ваших предпочтений и бюджета.
              </p>
            </div>         
          </div>       
        </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 %}