<footer class="footer-content pt-3">
    <div class="container">
        <div class="row pt-5">
            <div class="col-12 col-lg-6 col-xl-7 col-xxl-8 text-center order-md-1 order-lg-2">
                <img src="/lib/logos/logo-marival-resorts.svg" alt="Logo Marival Resorts" />
                <div class="d-flex justify-content-center mt-3 <?php if(!$detect->isMobile()){ ?>mb-5<?php } ?>">
                    <div class="logo-footer p-4">
                        <a href="<?php echo ($lang=='en') ? 'https://www.marivalarmony.com' : 'https://www.marivalarmony.com.mx' ?>" target="_blank">
                            <img src="/lib/logos/logo-armony-bco-main.svg" alt="Logo Armony Marival Resort & Spa Punta de Mita – MGallery Collection" title="Armony logo in Punta Mita" style="max-width:140px;" width="100%" height="auto"/>
                        </a>
                    </div>
                    <div class="logo-footer p-4">
                        <a href="<?php echo ($lang=='en') ? 'https://www.marivaldistinct.com/' : 'https://www.marivaldistinct.com.mx' ?>" target="_blank">
                            <img src="/lib/logos/logo-distinct-bco-main.svg" alt="Logo Marival Distinct Residences & Spa – Handwritten Collection" title="Marival Distinct logo in Nuevo Vallarta" style="max-width:220px;" width="100%"  height="auto"/>
                        </a>
                    </div>
                    <div class="logo-footer p-4">
                        <a href="<?php echo ($lang=='en') ? 'https://www.marivalemotions.com/' : 'https://www.marivalemotions.com.mx' ?>" target="_blank">
                            <img src="/lib/logos/logo-emotions-bco-main.svg" alt="Logo Marival Emotions Resort &amp; Suites" title="Logo Marival Emotions Resort & Suites Riviera Nayarit by Mercure" style="max-width:100px;" width="100%" height="auto"/>
                        </a>
                    </div>
                </div>
                <?php if($detect->isMobile()){ ?>
                    <div id="accordionSatelites"  class="accordion accordion-flush bg-transparent">
                        <div class="accordion-item bg-transparent">
                            <h2 class="accordion-header" id="flush-headingOne">
                            <button class="accordion-button collapsed bg-transparent text-white" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
                                <u><?php echo ($lang=='en') ? 'View more' : 'Ver más' ?></u>
                            </button>
                            </h2>
                            <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                                <div class="accordion-body">
                                    <?php include('include/satelites.php'); ?>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
            <div class="col-12 col-md-5 offset-md-2 offset-lg-0 col-lg-3 col-xl-2 col-xxl-2 order-md-2 order-lg-1 social-content">
                <p class="title mb-0 text-uppercase text-white"><small><?php echo ($lang=='en') ? 'Connect With Us' : 'Síguenos en nuestras redes sociales' ?></small></p>
                <div class="d-flex pt-3 pb-3 social-footer">
                    <div>
                        <?php include('include/social.php') ?>
                    </div>
                </div>
                <br/>
                <span class="text-uppercase"><a href="https://www.instagram.com/explore/tags/marivalresorts/" target="_blank">#marivalresorts</a></span>
            </div>
            <div class="col-12 col-md-5 order-md-3 col-lg-3 col-xl-3 col-xxl-2 reservation-footer">
                <p class="title text-white"><small><?php echo ($lang=='en') ? 'RESERVATIONS' : 'RESERVACIONES' ?></small></p>
                <p class="mt-3"> 
                    <a href="tel:<?php print_r($phone); ?>" target="_blank">
                        <img src="/lib/icons/phone-yellow.svg" alt="Phone" class="mx-2">US/CAN:  +1(877) 222 0302
                    </a>
                </p>
                <p> 
                    <a href="tel:<?php print_r($phone); ?>" target="_blank">
                        <img src="/lib/icons/phone-yellow.svg" alt="Phone" class="mx-2">MX: (800) 4390 212
                    </a> 
                </p>
            </div>
        </div>
        <?php if(!$detect->isMobile()){ ?>
            <div class="row py-3 satelites">
                <div class="col-12">
                    <div class="d-flex justify-content-between align-items-center">
                        <?php include('include/satelites.php'); ?>
                    </div>
                </div>
            </div> 
        <?php } ?>
    </div>
    <div class="container firma">
        <div class="row py-3 justify-content-between">
            <div class="col-12 col-md-6 col-lg-4 col-xl-3 order-md-2">
                <ul class="list-group list-group-horizontal border-0 list-unstyled  justify-content-end">
                    <li class="border-0 px-2 text-white">
                        <a href="/<?php echo ($lang=='en') ? 'privacy-notice' : 'aviso-de-privacidad' ?>" title="<?php echo ($lang=='en') ? 'Privacy notice' : 'Aviso de privacidad' ?>">
                            <small><?php echo ($lang=='en') ? 'PRIVACY NOTICE' : 'AVISO DE PRIVACIDAD' ?></small>
                        </a>
                    </li>
                    <li class="border-0 px-2"> 
                        <a href="/<?php echo ($lang=='en') ? 'cookie-policy' : 'politica-de-cookies' ?>" title="<?php echo ($lang=='en') ? 'Cookies policy' : 'Política de cookies' ?>">
                            <small><?php echo ($lang=='en') ? 'COOKIES POLICY' : 'POLÍTICAS DE COOKIES' ?></small>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-12 col-md-6 col-lg-5 order-md-1 firma-text">
                <small>© <?php echo date('Y'); ?> MARIVAL © RESORTS <?php echo ($lang=='en') ? 'ALL RIGHTS RESERVED.' : 'TODOS LOS DERECHOS RESERVADOS.' ?></small>
            </div>
        </div>
    </div>
</footer>
<?php 
    if($detect->isMobile()){        
        include('include/bottom-bar.php'); 
    }
?>

<!-- JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>

<!-- JS booking -->
<script src="https://wis.upperbooking.com/ranchoseasideresortadultsonly<?php echo ($lang=='en') ? '' : 'mxn' ?>/be-panel?locale=<?php echo ($lang=='en') ? 'en' : 'es' ?>" async></script>
<!-- end JS booking -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<script src="https://npmcdn.com/flickity@2/dist/flickity.pkgd.js" crossorigin="anonymous"></script>



<script>
    function scrolldiv() {
        var elem = document.getElementById("intro");
        elem.scrollIntoView();
    }
</script>
<script>
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
    })
</script>


<!-- ASKSUITE CODE START --> 
</body>
</html>