<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="author" content="desarrollo xml">
    <meta name="description">
    <meta name="keywords">
    <meta name="robots" content="INDEX,FOLLOW">

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Favicons - Place favicon.ico in the root directory -->
    <link rel="icon" type="image/png" href="/assets/img/favicons/icon-web.png">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <!--==============================
        Google Fonts
      ============================== -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap" rel="stylesheet"> -->
    <link
            href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Gothic+A1&family=Kaushan+Script&family=Lato:ital,wght@400;500;600;700;800&display=swap"
            rel="stylesheet">
    <!--==============================
          All CSS File
      ============================== -->
    <!-- Bootstrap -->
    <!-- <link rel="stylesheet" href="assets/css/app.min.css"> -->
    <link rel="stylesheet" href="/assets/css/bootstrap.min.css">
    <!-- Fontawesome Icon -->
    <link rel="stylesheet" href="/assets/css/fontawesome.min.css">
    <!-- Magnific Popup -->
    <link rel="stylesheet" href="/assets/css/magnific-popup.min.css">
    <!-- Slick Slider -->
    <link rel="stylesheet" href="/assets/css/slick.min.css">
    <!-- flatpickr date -->
    <link rel="stylesheet" href="/assets/vendors/flatpickr/flatpickr.min.css">
    <!-- Theme Custom CSS -->
    <link rel="stylesheet" href="/assets/css/style.css">
    <!-- Searh form CSS -->
    <link rel="stylesheet" href="/assets/css/search-form.css">
</head>

<body>
<!--********************************
Code Start From Here 
******************************** -->

<!--==============================
  Mobile Menu
============================== -->
<div class="vs-menu-wrapper">
            <div class="vs-menu-area text-center">
                <button class="vs-menu-toggle"><i class="fal fa-times"></i></button>
                <div class="mobile-logo">
                    <a href="/"><img src="/assets/img/logo.svg" alt="The Bato"></a>
                </div>
                <div class="vs-mobile-menu">
                    <ul>
                        <li>
                            <a href="/en/offers">Offers</a>
                        </li>
                        <li>
                            <a href="/en/routes">Routes</a>
                        </li>
                        <li>
                            <a href="/en/shipping-companies">Shipping companies</a>
                        </li>
                        <li>
                            <a href="/en/destinations">Destinations</a>
                        </li>
                        <li>
                            <a href="/en/ports">Ports</a>
                        </li>
                        <li class="menu-item-has-children">
                            <a href="javascript:void(0);">Customer Service</a>
                            <ul class="sub-menu">
                                <li><a href="/mi/reserva">Mi reserva</a></li>
                                <li><a href="/en/groups">Groups</a></li>
                                <li><a href="/en/boarding-passes">Boarding card</a></li>
                                <li><a href="/en/passenger-information">Passenger Information</a></li>
                                <li><a href="/en/faq">FAQ</a></li>
                                <li><a href="/en/invoice">Request Invoice</a></li>
                                <li><a href="/en/contact">Contact</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

<!--==============================
  Sidemenu
============================== -->
<div class="sidemenu-wrapper offcanvas-wrapper d-none d-lg-block">
            <div class="sidemenu-content">
                <button class="closeButton sideMenuCls">
                    <i class="far fa-times"></i>
                </button>
                <div class="widget">
                    <div class="vs-widget-about">
                        <div class="footer-logo">
                            <a href="index.html"><img src="/assets/img/logo.svg" alt="Thebato" /></a>
                        </div>
                        <p class="footer-text">
                            Thebato.com es una página web de venta de billetes de ferry
                            imparcial que ofrece una forma rápida y sencilla para buscar,
                            comparar y comprar miles de travesías en ferry a prácticamente
                            todos los puertos de ferry en Europa y África del Norte
                        </p>
                        <p>
                            Fundada en 2019, Thebato ofrece el más amplio portfolio en el
                            sector de transporte marítimo (ferry) y una variedad de productos
                            auxiliares de otras empresas asociadas, incluyendo alojamiento,
                            billetes de tren y seguro vehicular en Europa.
                        </p>
                        <div class="info-social style2">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#"><i class="fab fa-google"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<!--==============================
  Cart Side bar
============================== -->
<div class="sideCart-wrapper offcanvas-wrapper d-none d-lg-block">
            <div class="sidemenu-content">
                <button class="closeButton border-theme bg-theme-hover sideMenuCls"><i class="far fa-times"></i></button>
                <div class="widget widget_shopping_cart">
                    <h3 class="widget_title">Shopping cart</h3>
                    <div class="widget_shopping_cart_content">
                        <ul class="cart_list">
                            <li class="mini_cart_item">
                                <a href="#" class="remove"><i class="fal fa-trash-alt"></i></a> <a href="#"><img
                                    src="/assets/img/products/p-1-1.png" alt="Cart Image" />Modern Cow Boy Hat</a>
                                <span class="quantity">
                1 × <span class="amount"><span>$</span>100.00</span>
              </span>
                            </li>
                            <li class="mini_cart_item">
                                <a href="#" class="remove"><i class="fal fa-trash-alt"></i></a> <a href="#"><img
                                    src="/assets/img/products/p-1-2.png" alt="Cart Image" />Cat Eye Sunglasses</a>
                                <span class="quantity">
                1 × <span class="amount"><span>$</span>10.00</span>
              </span>
                            </li>
                        </ul>
                        <div class="total">
                            <strong>Subtotal:</strong> <span class="amount"><span>$</span>110.00</span>
                        </div>
                        <div class="buttons">
                            <a href="#" class="vs-btn style4">View cart</a>
                            <a href="#" class="vs-btn style4">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<!--==============================
  Popup Search Box
============================== -->
<div class="popup-search-box d-none d-lg-block">
            <button class="searchClose"><i class="fal fa-times"></i></button>

            <div class="container">
                <div class="row justify-content-center">
                    <div class="col">
                        <form class="hero-form">
                            <div class="row align-items-center">
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <i class="fa fa-ship"></i>
                                        <input type="text" placeholder="Ruta" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <i class="far fa-calendar-alt"></i>
                                        <input type="text" placeholder="Fecha" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <i class="far fa-users"></i>
                                        <input type="text" placeholder="Pasajeros" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <i class="fa fa-car"></i>
                                        <input type="text" placeholder="Vehiculos" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <i class="far fa-paw"></i>
                                        <input type="text" placeholder="Mascotas" />
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                    <div class="form-group">
                                        <!-- <button class="vs-btn style4">Buscar</button> -->
                                        <a href="disponibilidad.html" class="vs-btn style4">Buscar</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>


<!--==============================
    Header Area
  ==============================-->
<header class="vs-header header-layout3">
            <div class="container">
                <div class="header-top">
                    <div class="row justify-content-between align-items-center">
                        <div class="col d-none d-lg-block">
                            <ul class="header-contact">
                                <li><i class="fas fa-envelope"></i> <a href="mailto:info_thebato.com">info@thebato.com</a>
                                </li>
                                <li><i class="fas fa-phone-alt"></i> <a href="tel:+34611865652">Whatsapp</a></li>
                            </ul>
                        </div>
                        <div class="col-auto">
                            <div class="header-social">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                        <div class="col-auto d-flex ">
                            <div class="header-dropdown">
                                
                                
                                
                                
                                
                                <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
                                    <li>
                                        <a href="?weblang=es">Español</a>
                                        <a href="?weblang=en">English</a>
                                        <a href="?weblang=fr">Français</a>
                                    </li>
                                </ul>
                            </div>
                            

                            <a class="user-btn" href="/login">
                                <i class="far fa-user-circle"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sticky-wrapper">
                <div class="sticky-active">
                    <div class="container position-relative z-index-common">
                        <div class="row align-items-center justify-content-between">
                            <div class="col-auto">
                                <div class="vs-logo">
                                    <a href="/"><img src="/assets/img/logo.svg" alt="TheBato.com"></a>
                                </div>
                            </div>
                            <div class="col text-end text-xl-center">

                                <nav class="main-menu  menu-style1 d-none d-lg-block">
                                    <ul>
                                        <li>
                                            <a href="/en/offers">Offers</a>
                                        </li>
                                        <li>
                                            <a href="/en/routes">Routes</a>
                                        </li>
                                        <li>
                                            <a href="/en/shipping-companies">Shipping companies</a>
                                        </li>
                                        <li>
                                            <a href="/en/destinations">Destinations</a>
                                        </li>
                                        <li>
                                            <a href="/en/ports">Ports</a>
                                        </li>
                                        <li class="menu-item-has-children">
                                            <a href="javascript:void(0);">Customer Service</a>
                                            <ul class="sub-menu">
                                                <li><a href="/mi/reserva">Mi reserva</a></li>
                                                <li><a href="/en/groups">Groups</a></li>
                                                <li><a href="/en/boarding-passes">Boarding card</a></li>
                                                <li><a href="/en/passenger-information">Passenger Information</a></li>
                                                <li><a href="/en/faq">FAQ</a></li>
                                                <li><a href="/en/invoice">Request Invoice</a></li>
                                                <li><a href="/en/contact">Contact</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                                <button type="button" class="vs-menu-toggle d-inline-block d-lg-none"><i class="fal fa-bars"></i></button>
                            </div>
<!--                            <div class="col-auto d-none d-xl-block">-->
<!--                                <div class="header-btns">-->
<!--                                    <button class="searchBoxTggler">-->
<!--                                        <i class="fal fa-ship"></i>-->
<!--                                    </button>-->
<!--                                </div>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </header>
<!--==============================
    Header Area End
  ==============================-->

<!-- Error Area Start -->
<section class="space">
    <div class="container">
        <div class="error-content text-center">
            <h2 class="text-theme">Oops!</h2>
            <h3 class="error-title">Esa página no se puede encontrar.</h3>
            <p class="error-text">Lamentablemente, algo salió mal y esta página no existe. Intenta usar la búsqueda o
                vuelve a la página anterior.</p>
            <a href="/" class="vs-btn style4">Pagina de inicio</a>
            <img class="error-img" src="/assets/img/shape/error-1-1.png" alt="Error image">
        </div>
    </div>
</section>
<!-- Error Area End -->


<!--==============================
    Footer Area
  ==============================-->
<footer class="footer-wrapper footer-layout1" data-bg-src="/assets/img/bg/footer-bg.jpg">

            <div class="widget-area">
                <div class="container">
                    <div class="row g-5 justify-content-between">
                        <div class="col-md-6 col-xl-3">
                            <div class="widget footer-widget">
                                <div class="vs-widget-about">
                                    <div class="footer-logo">
                                        <a href="/"><img src="/assets/img/logo-white.png" alt="Thebato" class="logo" /></a>
                                    </div>
                                    <p class="footer-text">The Bato - Todos los derechos reservados. Marca propiedad de Travel Joy S.L</p>
                                    <div class="social-style1">
                                        <a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-3">
                            <div class="widget widget_nav_menu footer-widget">
                                <h3 class="widget_title">Links</h3>
                                <div class="menu-all-pages-container">
                                    <ul class="menu">
                                        <li><a href="/en/routes"><i class="far fa-angle-right"></i> Routes</a></a></li>
                                        <li><a href="/en/shipping-companies"><i class="far fa-angle-right"></i> Shipping companies</a></a></li>
                                        <li><a href="/en/destinations"><i class="far fa-angle-right"></i> Destinations</a></a></li>
                                        <li><a href="/en/offers"><i class="far fa-angle-right"></i> Offers</a></a></li>
                                        <li><a href="/en/blog"><i class="far fa-angle-right"></i> Blog</a></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-xl-3">
                            <div class="widget widget_nav_menu footer-widget">
                                <h3 class="widget_title">Info</h3>
                                <div class="menu-all-pages-container">
                                    <ul class="menu">
                                        <li><a href="/en/contact"><i class="far fa-angle-right"></i> Contact</a></a></li>
                                        <li><a href="/en/collaborators"><i class="far fa-angle-right"></i> Access agencies</a></a></li>
                                        <li><a href="https://www.desarrolloxml.com/"><i class="far fa-angle-right"></i> Developed by DXML</a></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-xl-3">
                            <div class="widget footer-widget">
                                <h4 class="widget_title">Newsletter</h4>
                                <form class="newsletter-form">
                                    <p class="form_text">Suscríbete a nuestro boletín para recibir actualizaciones rápidas</p>
                                    <input class="form-control" type="email" placeholder="Your Email Address" />
                                    <button type="submit" class="vs-btn style4">Dame de alta</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="copyright-wrap">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-lg-auto">
                            <p class="copyright-text">Copyright <i class="fal fa-copyright"></i>
                                <script>document.write(new Date().getFullYear())</script> <a href="https://thebato.com/">Thebato.com</a>.
                                All Rights Reserved By <a href="https://thebato.com/">Thebato.com</a>
                            </p>
                        </div>
                        <div class="col-auto d-none d-lg-block">
                            <div class="copyright-menu">
                                <ul class="list-unstyled">
                                    <li><a  href="/en/legal-notice">Legal notice</a></li>
                                    <li><a  href="/en/cookies">Cookies</a></li>
                                    <li><a  href="/en/privacy">Privacy</a></li>
                                    <li><a  href="/en/general-conditions">General Conditions</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
<!-- ********************************
  Footer Ends Here
  ********************************* -->

<!-- ********************************
Code Ends Here 
********************************* -->

<!--********************************
Code Ends Here
  ******************************** -->

<!-- Scroll To Top -->
<a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a>

<!--==============================
  All Js File
============================== -->
<!-- Jquery -->
<script src="/assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Slick Slider -->
<script src="/assets/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="/assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="/assets/js/jquery.magnific-popup.min.js"></script>
<!-- jquery Ui -->
<script src="/assets/js/jquery-ui.min.js"></script>
<!-- Circle Progress -->
<script src="/assets/js/circle-progress.min.js"></script>
<!-- isotope -->
<script src="/assets/js/imagesLoaded.js"></script>
<script src="/assets/js/isotope.js"></script>
<!-- Wow.js -->
<script src="/assets/js/wow.min.js"></script>
<!-- flatpickr.js -->
<script src="/assets/vendors/flatpickr/flatpickr.min.js"></script>
<!-- Main Js File -->
<script src="/assets/js/main.js"></script>
<!-- Ferry Form Js File -->
<script src="/assets/js/form-search-ferry.js"></script>
</body>

</html>