<section class="hero-block">
    <picture>
     <source srcset="img/promo_3.jpg" media="(min-width: 992px)" />
     <img class="img--bg" src="img/promo_3.jpg" alt="img" />
    </picture>
    <div class="hero-block__layout"></div>
    <div class="container">
     <div class="row">
      <div class="col-12">
       <div class="align-container">
        <div class="align-container__item">
         <span class="hero-block__overlay">PAV</span>
         <h1 class="hero-block__title">Contact Us</h1>
        </div>
       </div>
      </div>
     </div>
    </div>
   </section>
   <section class="section contacts pb-10">
    <img class="contacts__bg" src="img/contacts-map.png" alt="map" />
    <div class="container">
     <div class="row">
      <div class="col-lg-6">
       <h5 class="contacts__title">Office United States</h5>
       <div class="contacts-item">
        <div class="contacts-item__img">
         <svg class="icon">
          <use xlink:href="#phone">
           <svg viewBox="0 0 384 384" id="phone" xmlns="http://www.w3.org/2000/svg">
   <path d="M353.188 252.052c-23.51 0-46.594-3.677-68.469-10.906-10.906-3.719-23.323-.833-30.438 6.417l-43.177 32.594c-50.073-26.729-80.917-57.563-107.281-107.26l31.635-42.052c8.219-8.208 11.167-20.198 7.635-31.448-7.26-21.99-10.948-45.063-10.948-68.583C132.146 13.823 118.323 0 101.333 0H30.812C13.823 0 0 13.823 0 30.812 0 225.563 158.438 384 353.188 384c16.99 0 30.813-13.823 30.813-30.813v-70.323c-.001-16.989-13.824-30.812-30.813-30.812zm9.479 101.136c0 5.229-4.25 9.479-9.479 9.479-182.99 0-331.854-148.865-331.854-331.854 0-5.229 4.25-9.479 9.479-9.479h70.521c5.229 0 9.479 4.25 9.479 9.479 0 25.802 4.052 51.125 11.979 75.115 1.104 3.542.208 7.208-3.375 10.938L82.75 165.427a10.674 10.674 0 00-1 11.26c29.927 58.823 66.292 95.188 125.531 125.542 3.604 1.885 8.021 1.49 11.292-.979l49.677-37.635a9.414 9.414 0 019.667-2.25c24.156 7.979 49.479 12.021 75.271 12.021 5.229 0 9.479 4.25 9.479 9.479v70.323z"></path>
  </svg>
          </use>
         </svg>
        </div>
        <div class="contacts-item__details">
         <a class="contacts-item__link" href="tel:+22628908002">
          +2 262 890 8002
         </a>
         <a class="contacts-item__link" href="tel:+22628908002">
          +2 262 890 8002
         </a>
        </div>
       </div>
       <div class="contacts-item">
        <div class="contacts-item__img">
         <svg class="icon">
          <use xlink:href="#mail">
           <svg
   viewBox="0 0 479.058 479.058"
   id="mail"
   xmlns="http://www.w3.org/2000/svg"
  >
   <path d="M434.146 59.882H44.912C20.146 59.882 0 80.028 0 104.794v269.47c0 24.766 20.146 44.912 44.912 44.912h389.234c24.766 0 44.912-20.146 44.912-44.912v-269.47c0-24.766-20.146-44.912-44.912-44.912zm0 29.941c2.034 0 3.969.422 5.738 1.159L239.529 264.631 39.173 90.982a14.902 14.902 0 015.738-1.159zm0 299.411H44.912c-8.26 0-14.971-6.71-14.971-14.971V122.615l199.778 173.141c2.822 2.441 6.316 3.655 9.81 3.655s6.988-1.213 9.81-3.655l199.778-173.141v251.649c-.001 8.26-6.711 14.97-14.971 14.97z"></path>
  </svg>
          </use>
         </svg>
        </div>
        <div class="contacts-item__details">
         <a
          class="contacts-item__link"
          href="mailto:transporteriumus@gmail.com"
         >
          transporteriumus@gmail.com
         </a>
        </div>
       </div>
       <div class="contacts-item">
        <div class="contacts-item__img">
         <svg class="icon">
          <use xlink:href="#pin">
           <svg viewBox="0 0 512 512" id="pin" xmlns="http://www.w3.org/2000/svg">
   <path d="M256 0C153.755 0 70.573 83.182 70.573 185.426c0 126.888 165.939 313.167 173.004 321.035 6.636 7.391 18.222 7.378 24.846 0 7.065-7.868 173.004-194.147 173.004-321.035C441.425 83.182 358.244 0 256 0zm0 469.729c-55.847-66.338-152.035-197.217-152.035-284.301 0-83.834 68.202-152.036 152.035-152.036s152.035 68.202 152.035 152.035C408.034 272.515 311.861 403.37 256 469.729z"></path>
   <path d="M256 92.134c-51.442 0-93.292 41.851-93.292 93.293S204.559 278.72 256 278.72s93.291-41.851 93.291-93.293S307.441 92.134 256 92.134zm0 153.194c-33.03 0-59.9-26.871-59.9-59.901s26.871-59.901 59.9-59.901 59.9 26.871 59.9 59.901-26.871 59.901-59.9 59.901z"></path>
  </svg>
          </use>
         </svg>
        </div>
        <div class="contacts-item__details">
         <span>2307 Brooklyn, New York, United States</span>
        </div>
       </div>
       <div class="contacts-item">
        <div class="contacts-item__img">
         <svg class="icon">
          <use xlink:href="#share">
            <svg viewBox="-21 0 512 512" id="share" xmlns="http://www.w3.org/2000/svg">
   <path d="M389.332 160c-44.094 0-80-35.883-80-80s35.906-80 80-80c44.098 0 80 35.883 80 80s-35.902 80-80 80zm0-128c-26.453 0-48 21.523-48 48s21.547 48 48 48 48-21.523 48-48-21.547-48-48-48zm0 480c-44.094 0-80-35.883-80-80s35.906-80 80-80c44.098 0 80 35.883 80 80s-35.902 80-80 80zm0-128c-26.453 0-48 21.523-48 48s21.547 48 48 48 48-21.523 48-48-21.547-48-48-48zM80 336c-44.098 0-80-35.883-80-80s35.902-80 80-80 80 35.883 80 80-35.902 80-80 80zm0-128c-26.453 0-48 21.523-48 48s21.547 48 48 48 48-21.523 48-48-21.547-48-48-48zm0 0"></path>
   <path d="M135.703 240.426c-5.57 0-10.988-2.903-13.91-8.063-4.375-7.68-1.707-17.453 5.973-21.824L325.719 97.684c7.656-4.414 17.449-1.727 21.8 5.976 4.376 7.68 1.708 17.45-5.972 21.824L143.594 238.336a16.03 16.03 0 01-7.89 2.09zm197.93 176a15.86 15.86 0 01-7.895-2.11L127.785 301.461c-7.68-4.371-10.344-14.145-5.972-21.824 4.351-7.7 14.125-10.367 21.804-5.973l197.95 112.852c7.68 4.375 10.347 14.144 5.976 21.824-2.945 5.183-8.363 8.086-13.91 8.086zm0 0"></path>
  </svg>
          </use>
         </svg>
        </div>
        <div class="contacts-item__details">
         <ul class="socials socials--dark list--reset">
          <li class="socials__item">
           <a class="socials__link" href="#">
            <svg class="icon">
             <use xlink:href="#facebook"></use>
            </svg>
           </a>
          </li>
          <li class="socials__item">
           <a class="socials__link" href="#">
            <svg class="icon">
             <use xlink:href="#linkedin"></use>
            </svg>
           </a>
          </li>
         </ul>
        </div>
       </div>
      </div>
      <div class="col-lg-6 top-50 top-lg-0 ">
       <form
        class="form contact-form"
        id="ajax-form"
        action="javascript:void(0);"
        method="post"
        autocomplete="off"
       >
        <div class="row">
         <div class="col-12">
          <h5 class="contact-form__subtitle">Send review</h5>
         </div>
         <div class="col-md-6">
          <input
           class="form__field"
           type="text"
           name="name"
           placeholder="Your Name"
          />
         </div>
         <div class="col-md-6">
          <input
           class="form__field"
           type="email"
           name="email"
           placeholder="Your Email"
          />
         </div>
         <div class="col-md-6">
          <input
           class="form__field"
           type="tel"
           name="phone"
           placeholder="Your Phone"
          />
         </div>
         <div class="col-md-6">
          <input
           class="form__field"
           type="text"
           name="subject"
           placeholder="Subject"
          />
         </div>
         <div class="col-12">
          <textarea
           class="form__field form__message message--large"
           name="message"
           placeholder="Text"
          ></textarea>
         </div>
         <div class="col-12">
          <button class="button button--green" type="submit">
           <span>Send message</span>
           <svg class="icon">
            <use xlink:href="#arrow"></use>
           </svg>
          </button>
         </div>
         <div class="col-12">
          <div class="alert alert--success alert--filled">
           <div class="alert__icon">
            <svg class="icon">
             <use xlink:href="#check"></use>
            </svg>
           </div>
           <p class="alert__text">
            <strong>Well done!</strong> Your form has been sent
           </p>
           <span class="alert__close">
            <svg class="icon">
             <use xlink:href="#close"></use>
            </svg>
           </span>
          </div>
          <div class="alert alert--error alert--filled">
           <div class="alert__icon">
            <svg class="icon">
             <use xlink:href="#close"></use>
            </svg>
           </div>
           <p class="alert__text">
            <strong>Oh snap!</strong> Your form has not been sent
           </p>
           <span class="alert__close">
            <svg class="icon">
             <use xlink:href="#close"></use>
            </svg>
           </span>
          </div>
         </div>
        </div>
       </form>
      </div>
     </div>
    </div>
   </section>

International forwarders of heavy machinery. We provide professional logistics services for the construction equipment industry.