/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/frontend/contacts.html
<!DOCTYPE html>
<html lang="en">

<head>

  <title>
    Contacts
  </title>
  <!-- TODO: Set or remove page description -->
  <meta charset="utf-8">
  <meta name="description" content="LaFinteca - payment gateway in Latin America">

  <!-- TODO: Delete noindex on production -->
  <meta name="robots" content="noindex">
  <meta name="googlebot" content="noindex">



  <!-- Mobile -->
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no">

  <!-- Styles -->
  <link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
  <link rel="stylesheet" type="text/css" href="css/styles.css">
  <link rel="stylesheet" type="text/css" href="css/adaptive.css">
  <link rel="stylesheet" type="text/css" href="css/lib/scroll-animations.css">

  <!-- favicon -->
  <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
  <link rel="manifest" href="images/favicon/site.webmanifest">
  <link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#000000">
  <meta name="msapplication-TileColor" content="#000000">
  <meta name="theme-color" content="#ffffff">

  <!-- Opengraph -->
  <!-- TODO: Add or remove opengraph -->
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:type" content="website">
  <meta property="og:image:type" content="images/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:url" content="https://lafinteca.goodface.com.ua">
  <meta property="og:site_name" content="LaFinteca">
  <meta property="og:title" content="Contacts">
  <meta property="og:description" content="LaFinteca - payment gateway in Latin America">
  <meta property="og:image" content="images/opengraph.png">
</head>

<body>
  <style>
    .preloader {
      position: fixed;
      z-index: 500;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      display: block;
      background: #181818;
      overflow: hidden;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.4s;
    }

    .preloader.-visible {
      opacity: 1;
      pointer-events: auto;
      padding-right: 17px;
    }

    .preloader-img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: min(1000px, 120%);
      height: min(800px, 120%);
    }

    .preloader-img lottie-player {
      display: block;
      width: 100%;
      height: 100%;
    }
  </style>
  <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>


  <div class="preloader -visible">
    <div class="preloader-img">
      <lottie-player src="images/preloader.json" background="transparent" speed="1" loop autoplay></lottie-player>
    </div>
  </div>

  <script>
    function lockScroll(isFirstScreenHack = false) {
      const html = document.documentElement;
      const body = document.body;

      let scrollTop = window.scrollY;
      if (isFirstScreenHack) {
        scrollTop = scrollTop + $('.-delete-after-animate').innerhHeight();
      }

      html.classList.add('-scroll-lock');
      body.classList.add('-scroll-lock');

      document.body.scrollTo(0, scrollTop);
      html.setAttribute('data-scroll', scrollTop);
    }


    // Allow animations if JS support is enabled

    document.body.classList.add('-allow-animations');

    // Don't show preloader again if the page was visited

    let preloader = document.querySelector('.preloader');

    let fullPageUrl = window.location.href;
    let visitedPages = window.localStorage.getItem('visited-pages');

    if (preloader && visitedPages) {
      preloader.remove();
    } else if (preloader) {
      lockScroll();
      preloader.classList.add('-visible');
    }
    window.addEventListener('load', function() {
      window.localStorage.setItem('visited-pages', true);
    });
  </script>

  <header class="header">
    <div class="container">
      <div class="header__wrapper">
        <a href="index.html" class="logo"><img src="images/logo.svg" alt="logo" /></a>
        <div class="header__menu">
          <div class="header__dropdown">
            <span class="default-link header__dropdown-opener --cursor-pointer">Company</span>
            <div class="header__dropdown-content">

              <a href="#" class="default-link -disabled">
                <img src="images/icons/about-us.svg" alt="about us" />
                ABOUT US
                <span class="--soon">(SOON)</span>
              </a>

              <a href="blog.html" class="default-link">
                <img src="images/icons/blog.svg" alt="blog" />
                BLOG
              </a>

              <a href="#" class="default-link -disabled">
                <img src="images/icons/partners.svg" alt="partners" />
                PARTNERS
                <span class="--soon">(SOON)</span>
              </a>

              <a href="#" class="default-link -disabled">
                <img src="images/icons/career.svg" alt="career" />
                CAREER
                <span class="--soon">(SOON)</span>
              </a>

              <a href="contacts.html" class="default-link">
                <img src="images/icons/contacts.svg" alt="contacts" />
                CONTACTS
              </a>
            </div>
          </div>
          <div class="header__dropdown -rounded-img">
            <span class="default-link header__dropdown-opener --cursor-pointer">methods</span>
            <div class="header__dropdown-content">
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/brazil.png" alt="Brasil" />
                BRASIL
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/argentina.png" alt="Argentina" />
                ARGENTINA
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/mexico.png" alt="Mexico" />

                MEXICO
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/peru.png" alt="Peru" />
                PERU
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/chile.png" alt="Chile" />
                Chile
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/columbia.png" alt="Columbia" />
                COLUMBIA
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
            </div>
          </div>
          <a href="#" target="_blank" class="default-link -external">For Developers</a>
        </div>
        <a href="#" class="default-button -transparent">log in</a>
        <div class="burger">
          <span></span><span></span>
        </div>
      </div>
    </div>

    <div class="mobile-menu">
      <a href="#" class="default-button -transparent">log in</a>
      <div class="mobile-menu_inner">
        <div class="header__dropdown">
          <span class="default-link header__dropdown-opener --cursor-pointer">Company</span>
          <div class="header__dropdown-content">
            <div class="header__dropdown-content-inner">
              <a href="#" class="default-link -disabled">
                <img src="images/icons/about-us.svg" alt="about us" />
                ABOUT US
                <span class="--soon">(SOON)</span>
              </a>

              <a href="blog.html" class="default-link">
                <img src="images/icons/blog.svg" alt="blog" />
                BLOG
              </a>

              <a href="#" class="default-link -disabled">
                <img src="images/icons/partners.svg" alt="partners" />
                PARTNERS
                <span class="--soon">(SOON)</span>
              </a>

              <a href="#" class="default-link -disabled">
                <img src="images/icons/career.svg" alt="career" />
                CAREER
                <span class="--soon">(SOON)</span>
              </a>

              <a href="contacts.html" class="default-link">
                <img src="images/icons/contacts.svg" alt="contacts" />
                CONTACTS
              </a>
            </div>
          </div>
        </div>
        <div class="header__dropdown -rounded-img">
          <span class="default-link header__dropdown-opener --cursor-pointer">methods</span>
          <div class="header__dropdown-content">
            <div class="header__dropdown-content-inner">
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/brazil.png" alt="Brasil" />
                BRASIL
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/argentina.png" alt="Argentina" />
                ARGENTINA
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/mexico.png" alt="Mexico" />

                MEXICO
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/peru.png" alt="Peru" />
                PERU
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/chile.png" alt="Chile" />
                Chile
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
              <a href="#" class="default-link -disabled">
                <img src="images/icons/flags/columbia.png" alt="Columbia" />
                COLUMBIA
                <span class="header-menu-unfinished">(SOON)</span>
              </a>
            </div>
          </div>
        </div>
        <a href="#" target="_blank" class="default-link -external">For Developers</a>
      </div>
      <div class="mobile-menu__bottom">
        <div class="socials-list">
          <a href="#"><img src="images/icons/facebook.svg" alt="facebook" /></a>
          <a href="#"><img src="images/icons/instagram.svg" alt="instagram" /></a>
          <a href="#"><img src="images/icons/linkedIn.svg" alt="linkedIn" /></a>
          <a href="#"><img src="images/icons/twitter.svg" alt="twitter" /></a>
        </div>
        <div class="language-dropdown">
          <div class="language-dropdown__visible">
            English
          </div>
          <div class="language-dropdown__content">
            <a href="#" class="-disabled">Spanish</a>
            <a href="#" class="-disabled">Portuguese</a>
          </div>
        </div>
      </div>
    </div>
  </header>

  <main>

    <section class="breadcrumbs" data-animate="fade">
      <div class="container">
        <div class="breadcrumbs__wrapper">
          <a href="index.html" class="default-link">Home</a>
          <span class="separator"></span>
          <p class="default-link -disabled">Contacts</p>
        </div>
      </div>
    </section>

    <section class="contacts-section" data-animate-group="list">
      <div class="container">
        <h1 class="title title-1 mob-title-1" data-animate="word">
          Contacts
        </h1>
        <p class="text text-1 mob-text-1" data-animate="swim-top">
          Let’s talk our team of specialists for any inquiries
        </p>
        <div class="contacts-section__wrapper">
          <div class="contacts-section__box" data-animate="swim-top">
            <p class="title title-6">
              Email
            </p>
            <a href="mailto:info@la-finteca.com" class="link title-3 mob-title-3">info@la-finteca.com</a>
          </div>
          <div class="contacts-section__box" data-animate="swim-top">
            <p class="title title-6">
              social
            </p>
            <div class="socials-list -white -smaller">
              <a href="#"><img src="images/icons/facebook.svg" alt="facebook" /></a>
              <a href="#"><img src="images/icons/instagram.svg" alt="instagram" /></a>
              <a href="#"><img src="images/icons/linkedIn.svg" alt="linkedIn" /></a>
              <a href="#"><img src="images/icons/twitter.svg" alt="twitter" /></a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div class="contact-form-section">
      <div class="container">
        <div class="contact-form-section__wrapper">
          <div class="text-content">
            <h2 class="title-2 mob-title-2 title">
              Ready for an advanced payment experience?
            </h2>
            <p class="text text-1 mob-text-1" data-animate="swim-top">
              Fill out the form and we will respond promptly
            </p>
          </div>
          <div class="form contact-form">
            <div class="form-wrapper">
              <form action="#">
                <div class="double-input-box">
                  <div class="input-box" data-important="not-empty">
                    <p class="label text-2 --supply">Your name*</p>
                    <div class="input-box__wrapper">
                      <input type="text" placeholder="Name">
                    </div>
                    <span class="input__error">Incorrect value</span>
                  </div>
                  <div class="input-box" data-important="email">
                    <p class="label text-2 --supply">Email*</p>
                    <div class="input-box__wrapper">
                      <input type="email" placeholder="Email">
                    </div>
                    <span class="input__error">Incorrect value</span>
                  </div>
                </div>
                <div class="double-input-box">
                  <div class="input-box">
                    <p class="label text-2 --supply">Phone</p>
                    <div class="input-box__wrapper">
                      <input class="phone-input" type="text" placeholder="Phone">
                    </div>
                    <span class="input__error">Incorrect value</span>
                  </div>

                  <div class="select-input input-box --dropdown" data-placeholder="Choose one"
                    data-important="not-empty">
                    <input type="text">
                    <p class="label text-2 --supply">Select a sender category*</p>
                    <div class="--dropdown__value">
                      <span class="--dropdown__value-text">
                        Choose one
                      </span>
                    </div>
                    <ul class="dropdown__list">
                      <li class="--dropdown__list-item">
                        Customer
                      </li>
                      <li class="--dropdown__list-item">
                        Partner
                      </li>
                      <li class="--dropdown__list-item">
                        Other
                      </li>
                    </ul>
                    <span class="input__error">Incorrect value</span>
                  </div>
                </div>
                <div class="input-box" data-important="not-empty">
                  <p class="label text-2 --supply">Your message*</p>
                  <div class="input-box__wrapper -textarea">
                    <textarea placeholder="Please enter your message"></textarea>
                  </div>
                  <span class="input__error">Incorrect value</span>
                </div>
                <div class="submit-wrapper">
                  <div class="--checkbox input-box text-2" data-important="checked">
                    <input type="checkbox">
                    <span>
                      I agree to the <a href="privacy-policy.html">Privacy</a> and <a
                        href="AML-KYC-policy.html">AML/KYC&nbsp;Policy</a>
                    </span>
                  </div>
                  <button class="submit default-button -black -arrow-right">
                    <span>Submit</span>
                  </button>
                </div>
              </form>
            </div>
            <div class="thank-window">
              <div class="img">
                <img src="images/contacts/success.svg" alt="Thanks for your request">
              </div>
              <p class="title title-3 mob-title-3">
                Thanks for your request
              </p>
              <p class="text text-1 mob-text-1">We will try to answer you as soon as possible</p>
            </div>
          </div>
          <div class="animate-img" data-animate="fade">
            <div class="hand" data-animate="swim-right">
              <img class="-lazyload" srcset="images/lazyload.png" src="images/contacts/hand.svg" alt="">
            </div>
            <div class="chat" data-animate="swim-left">
              <img class="-lazyload" srcset="images/lazyload.png" src="images/contacts/chat.svg" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="faq-section">
      <div class="container">
        <h2 class="title title-2 mob-title-2 --centered-text">FAQ</h2>
        <div class="faq-section__content">
          <div class="--accordion faq-accordion" data-accordion-group="faq-group">
            <div class="--accordion__open --cursor-pointer">
              <h5 class=" title title-5 mob-title-5">What is LaFinteca?</h5>
              <div class="--accordion__arrow"></div>
            </div>
            <div class="--accordion__content-container">
              <div class="--accordion__content">
                <p class="accordion-text text-1 mob-text-1">
                  LaFinteca is a new brand, a ready-made tool
                  for making online payments. We provide
                  communication, setup, processing and support
                  of payments for your business using advanced
                  financial technologies and partnerships with
                  national and international payment systems.
                </p>
              </div>
            </div>
          </div>
          <div class="--accordion faq-accordion" data-accordion-group="faq-group">
            <div class="--accordion__open --cursor-pointer">
              <h5 class=" title title-5 mob-title-5">What products does LaFinteca offer?</h5>
              <div class="--accordion__arrow"></div>
            </div>
            <div class="--accordion__content-container">
              <div class="--accordion__content">
                <p class="accordion-text text-1 mob-text-1">
                  LaFinteca is a new brand, a ready-made tool
                  for making online payments. We provide
                  communication, setup, processing and support
                  of payments for your business using advanced
                  financial technologies and partnerships with
                  national and international payment systems.
                </p>
              </div>
            </div>
          </div>
          <div class="--accordion faq-accordion" data-accordion-group="faq-group">
            <div class="--accordion__open --cursor-pointer">
              <h5 class=" title title-5 mob-title-5">How to contact us?</h5>
              <div class="--accordion__arrow"></div>
            </div>
            <div class="--accordion__content-container">
              <div class="--accordion__content">
                <p class="accordion-text text-1 mob-text-1">
                  LaFinteca is a new brand, a ready-made tool
                  for making online payments. We provide
                  communication, setup, processing and support
                  of payments for your business using advanced
                  financial technologies and partnerships with
                  national and international payment systems.
                </p>
              </div>
            </div>
          </div>
          <div class="--accordion faq-accordion" data-accordion-group="faq-group">
            <div class="--accordion__open --cursor-pointer">
              <h5 class=" title title-5 mob-title-5">What are the benefits of using LaFinteca?</h5>
              <div class="--accordion__arrow"></div>
            </div>
            <div class="--accordion__content-container">
              <div class="--accordion__content">
                <p class="accordion-text text-1 mob-text-1">
                  LaFinteca is a new brand, a ready-made tool
                  for making online payments. We provide
                  communication, setup, processing and support
                  of payments for your business using advanced
                  financial technologies and partnerships with
                  national and international payment systems.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer__wrapper">
        <div class="footer-top">
          <a href=""><img class="logo" src="images/logo.svg" alt="logo" /></a>
          <div class="language-dropdown">
            <div class="language-dropdown__visible">
              English
            </div>
            <div class="language-dropdown__content">
              <a href="#" class="-disabled">Spanish</a>
              <a href="#" class="-disabled">Portuguese</a>
            </div>
          </div>
        </div>
        <div class="footer-mid">
          <div class="footer__menu">
            <p class="title-6 menu-title">COMPANY</p>
            <div class="footer__menu-inner">
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> About us</p>
              <a href="blog.html" class="default-link">Blog</a>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Partners</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Career</p>
              <a href="contacts.html" class="default-link">Contacts</a>
            </div>
          </div>
          <div class="footer__menu">
            <p class="title-6 menu-title">METHODS</p>
            <div class="footer__menu-inner">
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Brazil</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Argentina</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Mexico</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Peru</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Chile</p>
              <p class="default-link -disabled"><span class="--soon">(Soon)</span> Columbia</p>
            </div>
          </div>
          <div class="footer__menu">
            <p class="title-6 menu-title">FOR DEVELOPERS</p>
            <div class="footer__menu-inner">
              <p class="default-link -external -disabled"><span class="--soon">(Soon)</span>API</p>
            </div>
          </div>
          <div class="footer__menu -socials">
            <p class="title-6 menu-title">CONTACTS</p>
            <a href="mailto:info@la-finteca.com" class="default-link -with-img">
              <img class="-lazyload" srcset="images/lazyload.png" src="images/icons/mail.svg" alt="mail" />
              info@la-finteca.com
            </a>
            <div class="socials-list">
              <a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/facebook.svg"
                  alt="facebook" /></a>
              <a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/instagram.svg"
                  alt="instagram" /></a>
              <a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/linkedIn.svg"
                  alt="linkedIn" /></a>
              <a href="#"><img class="-lazyload" srcset="images/lazyload.png" src="images/icons/twitter.svg"
                  alt="twitter" /></a>
            </div>
          </div>
        </div>
        <div class="footer-bot">
          <p class="privacy-policy text-2 mob-text-2">Copyright © LaFinteca 2023</p>
          <div class="footer-bot__menu">
            <a href="AML-KYC-policy.html" class="default-link">AML/KYC Policy</a>
            <a href="privacy-policy.html" class="default-link">Privacy Policy</a>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <script src="js/lib/jquery-3.7.1.min.js"></script>
  <script src="js/lib/swiper-bundle.min.js"></script>
  <script src="js/lib/gsap.min.js"></script>
  <script src="js/lib/ScrollTrigger.min.js"></script>

  <script src="js/animations.js"></script>
  <script src="js/custom-solutions.js"></script>
  <script src="js/scripts.js"></script>
  <script src="//code.tidio.co/ftlbnrn4tta8vrubydvewjmnftuwgji9.js" async></script>
</body>

</html>