<!DOCTYPE html>
<html class="load-full-screen">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-language" content="es">
    <meta name="description"         'vendor/css/flexslider.css'
content="Sun Pacific es un club vacacional que nace al detectar las necesidades que tienen las familias mexicanas que gustan de viajar, mismas que no se cumplen en muchas ocasiones por la falta de seriedad y excesivos precios de venta.">
    <title>Sun Pacific</title>
    
                <link rel="stylesheet" href="/css/090c097_animate.min_1.css" />
                <link rel="stylesheet" href="/css/090c097_toastr.min_2.css" />
                <link rel="stylesheet" href="/css/090c097_bootstrap-select.min_3.css" />
                <link rel="stylesheet" href="/css/090c097_owl.carousel_4.css" />
                <link rel="stylesheet" href="/css/090c097_owl-carousel-theme_5.css" />
                <link rel="stylesheet" href="/css/090c097_bootstrap.min_6.css" />
                <link rel="stylesheet" href="/css/090c097_flexslider_7.css" />
                <link rel="stylesheet" href="/css/090c097_style_8.css" />
                <link rel="stylesheet" href="/css/090c097_blue_9.css" />
                <link rel="stylesheet" href="/css/090c097_light_10.css" />
                <link rel="stylesheet" href="/css/090c097_front_11.css" />
                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600' rel='stylesheet' type='text/css'>
    <link rel="icon" type="image/x-icon" href="/favicon.ico?4"/>

    <!-- Facebook Pixel Code -->
    <script>
        !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
            n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
            document,'script','https://connect.facebook.net/en_US/fbevents.js');

        fbq('init', '1739019579686555');
        fbq('track', "PageView");</script>
    <noscript><img height="1" width="1" style="display:none"
                   src="https://www.facebook.com/tr?id=1739019579686555&ev=PageView&noscript=1"
        /></noscript>
    <!-- End Facebook Pixel Code -->

    
    
</head>

<body class="load-full-screen">
<!-- BEGIN: PRELOADER
<div id="loader" class="load-full-screen">
    <div class="loading-animation">
        <span><i class="fa fa-plane"></i></span>
        <span><i class="fa fa-bed"></i></span>
        <span><i class="fa fa-ship"></i></span>
        <span><i class="fa fa-suitcase"></i></span>
    </div>
</div>
-->


<div class="site-wrapper">
         <div class="row header-top">
        <div class="container clear-padding">
            <div class="navbar-contact">
                <div class="col-md-7 col-sm-6 clear-padding hidden-xs">
                    <a href="tel:462-229-3603" class="transition-effect"><i class="fa fa-whatsapp"></i> 462 229 3603</a>
                    <a href="tel:4626251366" class="transition-effect"><i class="fa fa-phone"></i> 462 62 5 13 66 </a>
                    <a href="mailto:comentariosysugerencias@sunpacific.mx" class="transition-effect"><i class="fa fa-envelope-o"></i> comentariosysugerencias@sunpacific.mx</a>
                </div>
                <div class="col-md-5 col-sm-6 clear-padding search-box">
                    <div class="col-md-12 col-xs-12 clear-padding user-logged">
                                                    <a href="/register" class="transition-effect">
                                <i class="fa fa-file"></i>Nuevo afiliado: Registrar
                            </a>
                            <a href="/profile/" class="transition-effect">
                                <i class="fa fa-sign-in"></i>Mi Cuenta
                            </a>
                                            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="row  light-menu">
        <div class="container clear-padding">
            <div class="navbar-wrapper">
                <div class="navbar navbar-default" role="navigation">
                    <div class="nav-container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="sr-only">Activar/Desactivar Navegación</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand logo" style="background-image: url('/bundles/app/img/logohome.jpg')" href="/"></a>
                        </div>
                        <div class="navbar-collapse collapse">
                            <ul class="nav navbar-nav navbar-left">
                                <li>
                                    <a href="/"><i class="fa fa-home"></i> INICIO</a>
                                </li>

                                                                <li>
                                    <a href="/afiliate"><i class="fa fa-users"></i> AFILIATE</a>
                                </li>
                                
                                <li>
                                    <a href="/reserve"><i class="fa fa-globe"></i> RESERVA</a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-suitcase"></i>
                                        PAQUETES<b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">

                                        <li>
                                            <a href="/packages/package"> PAQUETES</a>
                                        </li>

                                        <li>
                                            <a href="/packages/sunpacific"> PAQUETES SUNPACIFIC</a>
                                        </li>

                                    </ul>
                                </li>


                                <li>
                                    <a href="/packages/platinum"><i class="fa fa-globe"></i> SEMANAS PLATINO</a>
                                </li>
                                                                <li>
                                    <a href="/newcustompackage"><i class="fa fa-file-text"></i> PERSONALIZADO</a>
                                </li>

                                <li>
                                    <a href="/monedero"><i class="fa fa-credit-card-alt"></i> MONEDERO</a>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        <i class="fa fa-building"></i>NOSOTROS<b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="/filosofia">FILOSOFÍA</a>
                                        </li>
                                        <li>
                                            <a href="/valores"> VALORES</a>
                                        </li>
                                        <li>
                                            <a href="/contact"> CONTACTO</a>
                                        </li>
                                    </ul>
                                </li>

                                                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

            <section class="section-BG" style="background-image: url('/bundles/app/img/POrtada-buscador-2.jpg');">
    <div class="overlay-blue">
        <div class="container">
            <div class="col-md-12 search-section">
                <div role="tabpanel">
                    <ul class="nav nav-tabs search-top" role="tablist" id="searchTab">
                        <li role="presentation" class="text-center active">
                            <a href="#hotel" aria-controls="hotel" role="tab" data-toggle="tab" aria-expanded="false">
                                <i class="fa fa-bed"></i>
                                <span>Hotel</span>
                            </a>
                        </li>

                        <li role="presentation" class="text-center">
                            <a href="#" data-toggle="modal" id="linkCars" data-target="#modalOthersServicesXeni">
                                <i class="fa fa-car"></i>
                                <span>Autos</span>
                            </a>
                        </li>

                        
                        <li role="presentation" class="text-center">
                            <a href="#" data-toggle="modal" id="linkActivities" data-target="#modalOthersServicesXeni">
                                <i class="fa fa-child"></i>
                                <span>Atracciones</span>
                            </a>
                        </li>

                        <li role="presentation" class="text-center">
                            <a href="/newcustompackage">
                                <i class="fa fa-file"></i>
                                <span>Personalizado</span>
                            </a>
                        </li>

                    </ul>

                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="hotel">
                                <style>
          
          @media (max-width: 768px) {
            .reset-padding{
              padding-left: 0px;
              padding-right: 0px;
            }
          }
    </style>
    <form action="/xeniService/searchApi" id="form-search-hotels" method="POST">

        <div class="col-md-12 product-search-title">Hoteles</div>
            <div class="col-md-12 search-col-padding">
                <label>Quiero ir a</label>
                <div class="input-group">
                    <input type="text" id="inputSearchApi" name="inputSearchApi" class="form-control destinoH" required="" placeholder="E.g. Acapulco" value="">
        
                    <input type="hidden" name="input-lat" id="input-lat" value="">
                    <input type="hidden" name="input-lng" id="input-lng" value="">
                    <input type="hidden" name="input-place-id" id="input-place-id" value="">
                    <input type="hidden" name="input-alpha-code" id="input-alpha-code" value="">
                    <input type="hidden" name="client-name" id="client-name" value="">
                    <input type="hidden" name="client-lastname" id="client-lastname" value="">
                    <input type="hidden" name="client-email" id="client-email" value="">

                    <span class="input-group-addon"><i class="fa fa-map-marker fa-fw"></i></span>
                </div>
                <span class="txtwarning" id="warningDest">Selecciona un Destino</span>
        
            </div>
        
            <div class="clearfix"></div>
        
            <div class="daterange">
                <div class="col-md-6 col-sm-6 search-col-padding">
                    <label>Fecha de ingreso</label>
                    <div class="input-group">
                        <input type="text" name="fechaIngreso" data-datepicker='from' class="form-control " placeholder="dd-mm-yyyy" value=""  required="">
                        <span class="input-group-addon calendartrigger"><i class="fa fa-calendar fa-fw"></i></span>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 search-col-padding">
                    <label>Fecha de salida</label>
                    <div class="input-group">
                        <input type="text" name="fechaSalida" data-datepicker='to' class="form-control " placeholder="dd-mm-yyyy" value=""  required="">
                        <span class="input-group-addon calendartrigger"><i class="fa fa-calendar fa-fw"></i></span>
                    </div>
                </div>
            </div>
        
            <div class="clearfix"></div>
        
            <div class="col-md-4 col-sm-4 search-col-padding">
                <label>CUARTOS</label><br>
                <select id="select_room" class="selectpicker bs-select-hidden" name="room_num">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>
            </div>
        
            <div id="rooms" class="row rooms-container col-md-8 col-sm-8 search-col-padding">
                <div class="row room" >
                    <div class="col-md-6 col-sm-6 reset-padding">
                            <label>ADULTOS</label><br>
                            <input data-spinnera='true' name="adult_num" value="2" class="form-control quantity-padding">
                    </div>
                    <div class="col-md-6 col-sm-6 reset-padding" style="padding-right:0;">
                            <label>NIÑOS</label><br>
                            <input data-spinnerk='true' name="child_num" value="0" class="form-control quantity-padding">
                            <div class="row childs" style="margin-top: 10px" >
                            </div>
                    </div>
                </div>
            </div>
        
        
            <div class="clearfix"></div>
        
        
            <div class="col-md-12 search-col-padding">
                <a class="search-button btn transition-effect" data-toggle="modal" data-target="#modalDatosUser">Buscar Hoteles</a>
            </div>
        
            <div class="clearfix"></div>
        
        </form>                        </div>


                        
                        

                        
                    </div>
                    <!-- END: TAB PANE -->
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="resultModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div id="searchResuls">
                        <iframe id="frameResult" name="frameResult">
                        </iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
  
<!-- Modal para hoteles y vuelos-->
<div class="modal fade" id="modalDatosUser" tabindex="-1" role="dialog" aria-labelledby="modalDatosUserTitle">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
            <h5 class="modal-title" id="modalDatosUserTitle">Ingresa tus datos para obtener mejores tarifas</h5>
        </div>
        <div class="modal-body">
            <div class="form-group">
                <label for="name-client-modal">Nombre</label>
                <input type="text" class="form-control" maxlength="100" id="name-client-modal" data-requerido="true">
            </div>
            <div class="form-group">
                <label for="lastname-client-modal">Apellidos</label>
                <input type="text" class="form-control" maxlength="100" id="lastname-client-modal" data-requerido="true">
            </div>
            <div class="form-group">
                <label for="email-client-modal">Correo electrónico</label>
                <input type="email" class="form-control" maxlength="60" id="email-client-modal" data-requerido="true">
            </div>
            <!-- DIV DE ERRORES -->
            <div class="errores" ></div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            <button type="button" id="sendDataXeni" class="btn btn-primary">Enviar</button>
        </div>
        </div>
    </div>
</div>


<!-- Modal para hoteles y vuelos-->
<div class="modal fade" id="modalOthersServicesXeni" tabindex="-1" role="dialog" aria-labelledby="modalOthersServicesXeniTitle">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h5 class="modal-title" id="modalOthersServicesXeniTitle">Ingresa tus datos para obtener mejores tarifas</h5>
            </div>

            <div class="modal-body">
                <form action="/xeniService/searchCars" method="POST" id="formModalXeniServices">
                    <div class="form-group">
                        <label for="name-client-modal">Nombre</label>
                        <input type="text" class="form-control" maxlength="100" name="client-name-search" data-requerido="true">
                    </div>
                    <div class="form-group">
                        <label for="lastname-client-modal">Apellidos</label>
                        <input type="text" class="form-control" maxlength="100" name="client-lastname-search" data-requerido="true">
                    </div>
                    <div class="form-group">
                        <label for="email-client-modal">Correo electrónico</label>
                        <input type="email" class="form-control" maxlength="60" name="client-email-search" data-requerido="true">
                    </div>
                    <button type="button" id="sendDataXeniSearch" class="btn btn-primary">Enviar</button>
                </form>
            </div>
            <!-- DIV DE ERRORES -->
            <div class="errores" ></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
    <section class="introSection section-BG" style="background-image: url(/bundles/app/img/stock/AdobeStock_63023260.jpeg);">
    <div class="overlay-blue">
        <div class="container">
            <div class="col-md-5" style="padding-bottom: 25px;">
                <h2 class="title animated fadeInLeft delayp1" style="opacity: 0;">Club vacacional Sun Pacific</h2>
                <br>
                <p class="summary animated fadeInRight delayp3" style="opacity: 0;">
                    Sun Pacific es un club vacacional que nace al detectar las necesidades que tienen las familias mexicanas que gustan de viajar, mismas que no se cumplen en muchas ocasiones por la falta de seriedad y excesivos precios de venta.
                </p>
                <p class="summary animated fadeInRight delayp3" style="opacity: 0;">
                    Nuestra meta es la de brindar experiencias gratificantes para todos nuestros afiliados y clientes asesorando y ofreciendo precios competitivos, siempre teniendo en cuenta tendencias, necesidades y gustos en particular de cada viajero.
                </p>

                <p class="summary animated fadeInRight delayp3" style="opacity: 0;">
                    En Sun Pacific encontrara una segunda familia; confiable y dedicada al bienestar de sus integrantes, nuestros afiliados.
                </p>

            </div>
            <div class="features-video col-md-7 col-sm-12 col-xs-12 col-xs-offset-0">
                <div class="video-container">
                    <div class="fluid-width-video-wrapper" style="padding-top: 56.25%;"><iframe src="https://www.youtube.com/embed/b55ZdFkZjMk" frameborder="0" volume="0" allowfullscreen="allowfullscreen" ></iframe></div>
                </div><!--//video-container-->
            </div><!--//video-->
        </div>
    </div>
</section>
    <section id="bannerAfiliate" class="section-BG" style="background-image: url('/bundles/app/img/afiliate.jpg');">
    <div class="container">

        <div class="col-md-6 col-md-offset-3" >
            <div class="card-container">
                <div class="head text-center">
                    <h2>SUN PACIFIC</h2>
                    <span class="small text-center" style="display: inline-block">Solicita tu prueba gratis por 14 días</span>
                </div>
                <div class="features">
                    <ul>
                        <li>Reservación en línea con tarifa afiliado.</li>
                        <li>Reservación por Call Center con asesoría personalizada.</li>
                        <li>Semanas Platino: <b>ILIMITADAS</b></li>
                        <li>Excursiones con tarifa afiliado.</li>
                        <li>Vuelos con asesoría del Call Center <b>sin cobro por emisión</b>.</li>
                        <li>Renta de Autos.</li>
                        <li>Paquetes, Paquetes Sun Pacific con tarifa afiliado.</li>
                        <li>Servicios complementarios con tarifa afiliado. (autobuses, seguros de viajero, servicios especiales.)</li>
                    </ul>
                </div>
                <a href="/afiliate-premium"><button class="btn btn-info">Quiero mi prueba gratis</button></a>
            </div>
        </div>
    </div>
</section>
    <section class="section-BG" style="background-image: url(/bundles/app/img/stock/fam.jpeg);">
<div class="overlay-light">
        <div class="container">
            <div class="section-title text-center">
                <h2>BENEFICIOS</h2>
                <h4>Como afiliado Sun Pacific usted tendrá los siguientes beneficios</h4>
            </div>
            <div class="benefits service-right col-centered col-md-12  col-sm-12 col-xs-12 animated fadeInLeft delayp1">
                <div class="col-md-3 col-sm-6 text-justify service  wow slideInLeft" style="animation-name: slideInLeft;">
    <i class="fa fa-money"></i>
    <div class="service-desc">
        <h5>AHORRA</h5>
        <p>Ahorros de un 10% a un 70% en todas sus vacaciones ya sean por placer o negocio.</p>
    </div>
</div>                <div class="col-md-3 col-sm-6 text-justify service  wow slideInLeft" style="animation-name: slideInLeft;">
    <i class="fa fa-users"></i>
    <div class="service-desc">
        <h5>ASESORATE</h5>
        <p>Asesoría personalizada para que viva mejores experiencias tomando en cuenta tendencias, necesidades y gustos de cada viajero.</p>
    </div>
</div>                <div class="col-md-3 col-sm-6 text-justify service  wow slideInRight" style="animation-name: slideInRight;">
    <i class="fa fa-thumbs-up"></i>
    <div class="service-desc">
        <h5>DISFRUTA</h5>
        <p>Disfrutar de exclusivos resorts en más de 70 países.</p>
    </div>
</div>                <div class="col-md-3 col-sm-6 text-justify service  wow slideInRight" style="animation-name: slideInRight;">
    <i class="fa fa-check"></i>
    <div class="service-desc">
        <h5>ASEGURA</h5>
        <p>Saber que con Sun Pacific la seguridad y felicidad en sus vacaciones son garantía.</p>
    </div>
</div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</section>

    <section class="section-BG" style="background-image: url(/bundles/app/img/stock/auto.jpeg);">
    <div class="overlay-yellow">
        <div class="container">
            <div class="section-title text-center">
                <h2>¿CÓMO LO HACEMOS?</h2>
            </div>
            <div class="benefits why-choose-us col-centered col-md-12  col-sm-12 col-xs-12 animated fadeInLeft delayp1">
                

<div class="col-md-4 col-sm-6 wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
    <div class="choose-us-item text-center">
        <div class="choose-icon"><i class="fa fa-pencil"></i></div>
        <h4>RESERVACIONES</h4>
        <p>Viaja por todo el mundo con tarifas preferenciales donde encontrarás ahorros hasta en un 30% en referencia al precio comercial. Puedes reservar desde una sola noche para 1 persona, hasta crear tu grupo con las habitaciones y tipo de plan que necesites.</p>
        <a href="/reserve">LEER MÁS</a>
    </div>
</div>                

<div class="col-md-4 col-sm-6 wow slideInUp" style="visibility: visible; animation-name: slideInUp;">
    <div class="choose-us-item text-center">
        <div class="choose-icon"><i class="fa fa-suitcase"></i></div>
        <h4>PAQUETES</h4>
        <p>Tenemos una selección de paquetes que estan diseñados especialmente por nuestros asesores, tomamos en cuenta la tendencia de nuestros clientes y lo que consideramos son los destinos más atractivos del momento.</p>
        <a href="/packages/package">LEER MÁS</a>
    </div>
</div>                

<div class="col-md-4 col-sm-6 wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
    <div class="choose-us-item text-center">
        <div class="choose-icon"><i class="fa fa-globe"></i></div>
        <h4>SEMANAS PLATINO</h4>
        <p>Ofrecemos semanas de 8 días y 7 noches donde encontrarás ahorros de hasta 70% en referencia la precio comercial. Estas semanas se pueden disfrutar en exclusivos resorts de 4 y 5 estrellas y gran turismo alrededor de 75 países. Este beneficio es exclusivo para nuestros afiliados.</p>
        <a href="/packages/platinum">LEER MÁS</a>
    </div>
</div>                

<div class="col-md-4 col-sm-6 wow slideInLeft" style="visibility: visible; animation-name: slideInLeft;">
    <div class="choose-us-item text-center">
        <div class="choose-icon"><i class="fa fa-ship"></i></div>
        <h4>CRUCEROS</h4>
        <p>Si te gusta zurcar los mares nuestros asesores te orientarán a tener la mejor experiencia en cruceros, seleccionando lo que se adapte más a tus necesidades. Adicionallmente ofrecemos cruceros en descuento donde encotrarás ahorros hasta un 40% sobre su precio regular.</p>
        <a href="/packages/cruise">LEER MÁS</a>
    </div>
</div>                <div class="col-md-4 col-sm-6 wow slideInLeft"></div>
                

<div class="col-md-4 col-sm-6 wow slideInRight" style="visibility: visible; animation-name: slideInRight;">
    <div class="choose-us-item text-center">
        <div class="choose-icon"><i class="fa fa-heart"></i></div>
        <h4>SERVICIOS A LA MEDIDA</h4>
        <p>Si quieres hacer ese viaje único que solo tu has soñado, nosotros te ayudamos a hacerlo realidad, nuestros asesores especializados te orientarán para que puedas vivir una experiencia única.</p>
        <a href="/newcustompackage">LEER MÁS</a>
    </div>
</div>                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</section>

    <section class="section-BG" style="background-image: url(/bundles/app/img/stock/AdobeStock_90170554.jpeg);">
<div class="overlay-blue">
        <div class="section-title text-center">
            <h2>VALORES</h2>
        </div>
        <div class="container">
            <div class="benefits col-centered col-md-12  col-sm-12 col-xs-12 animated fadeInLeft delayp1">
                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-h-square"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">SERVICIO</h3>
            <p class="desc">La esencia de nuestra empresa. Aprendemos de cada experiencia y aplicamos nuestro conocimiento para hacer sentir a nuestros afiliados y clientes el valor de su inversión.</p>
        </div>
    </div>
</div>                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-university"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">RESPETO</h3>
            <p class="desc">Tomamos en cuenta los gustos y características de nuestros clientes para ofrecer la mejor experiencia posible.</p>
        </div>
    </div>
</div>                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-shield"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">CONFIANZA</h3>
            <p class="desc">Hacemos valer todos los beneficios de nuestros afiliados y clientes en cada operación, al mismo tiempo que construimos relaciones sólidas.</p>
        </div>
    </div>
</div>                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-users"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">EQUIPO</h3>
            <p class="desc">Hacemos valer todos los beneficios de nuestros afiliados y clientes en cada operación, al mismo tiempo que construimos relaciones sólidas.</p>
        </div>
    </div>
</div>                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-calendar-plus-o"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">RESPONSABILIDAD</h3>
            <p class="desc">Sabemos que en las manos de nuestro personal se encuentra la inversión y sueños de cada afiliado y cliente, por lo que ponemos nuestro empeño, conocimientos y recursos para garantizar servicios satisfactorios.</p>
        </div>
    </div>
</div>                <div class="row">
    <div class="item">
        <div class="col-md-1 col-xs-3 text-center clear-padding">
            <div class="icon">
                <i class="fa fa-user"></i>
            </div>
        </div>
        <div class="content col-md-11 col-xs-9">
            <h3 class="title">PERSONA</h3>
            <p class="desc">Nuestra empresa es nuestra familia, vemos y valoramos a cada colaborador como persona única, nunca como instrumento de trabajo.</p>
        </div>
    </div>
</div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</section>

        <section id="footer">
    <footer>
        <div class="row main-footer-sub">
    <div class="container clear-padding">
        <div class="col-md-7 col-sm-7">
            <form data-url="/suscribe" data-method="post" data-remote="true" data-reset="true">
                <label>SUSCRIBETE A NUESTRA LISTA DE CORREOS</label>
                <div class="clearfix"></div>
                <div class="col-md-9 col-sm-8 col-xs-6 clear-padding">
                    <input class="form-control" type="email" required placeholder="Email" name="email">
                </div>
                <div class="col-md-3 col-sm-4 col-xs-6 clear-padding">
                    <button type="submit"><i class="fa fa-paper-plane"></i>SUSCRIBETE</button>
                </div>
            </form>
        </div>
        <div class="col-md-5 col-sm-5">
            <div class="social-media pull-right">
                <ul>
                    <li><a href="https://www.facebook.com/sunpacificvc/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://www.instagram.com/sunpacific/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                                    </ul>
            </div>
        </div>
    </div>
</div>
        <div class="main-footer-nav row" style="background-color: #00A0C4;color: white !important;">
            <div class="container clear-padding">
                <div class="col-md-4 col-sm-4">
                    <p>Derechos reservados 2018 Sun Pacific.</p>
                </div>

                <div class="col-md-8 col-sm-8">
                    <ul>
                        <li><a href="/faq">PREGUNTAS FRECUENTES</a></li>
                        <li><a href="/terms">TÉRMINOS Y CONDICIONES</a></li>
                        <li><a href="/privacy">AVISO DE PRIVACIDAD</a></li>
                        <li><a href="/warranty">GARANTÍA DE MEJOR PRECIO</a></li>
                        <li><a target="_blank" href="http://blog.sunpacific.mx">BLOG</a></li>
                        <li><a href="/contact">CONTACTO</a></li>

                    </ul>
                </div>

                <div class="go-up">
                    <a href="#"><i class="fa fa-arrow-up"></i></a>
                </div>
            </div>
        </div>
    </footer>
</section>

</div>

<div class="fb-customerchat"
     page_id="150034198489166"
     minimized="false">
</div>



<div id="welcomeModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">Bienvenido</h4>
            </div>
            <div class="modal-body">
                <p>Bienvenido a Sun Pacific Vacation Club, te invitamos a conocer nuestra más reciente version de nuestro portal web. Aquí enconterarás más y mejores alternativas para tu próximo viaje al mismo tiempo que puedes afiliarte a nuestro club para recibir nuestros beneficios por completo.</p>
                <p>Te deseamos una gran viaje.</p>
            </div>
        </div>
    </div>
</div><div id="promoModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="/bundles/app/img/hotsale.jpeg?v=2" class="img-responsive" alt="">

                <br>
                <div class="row main-footer-sub">
    <div class="container clear-padding">
        <div class="col-md-7 col-sm-7">
            <form data-url="/suscribe" data-method="post" data-remote="true" data-reset="true">
                <label>SUSCRIBETE A NUESTRA LISTA DE CORREOS</label>
                <div class="clearfix"></div>
                <div class="col-md-9 col-sm-8 col-xs-6 clear-padding">
                    <input class="form-control" type="email" required placeholder="Email" name="email">
                </div>
                <div class="col-md-3 col-sm-4 col-xs-6 clear-padding">
                    <button type="submit"><i class="fa fa-paper-plane"></i>SUSCRIBETE</button>
                </div>
            </form>
        </div>
        <div class="col-md-5 col-sm-5">
            <div class="social-media pull-right">
                <ul>
                    <li><a href="https://www.facebook.com/sunpacificvc/" target="_blank"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="https://www.instagram.com/sunpacific/" target="_blank"><i class="fa fa-instagram"></i></a></li>
                                    </ul>
            </div>
        </div>
    </div>
</div>
            </div>
        </div>
    </div>
</div>

    
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-82410628-2', 'auto');
        ga('send', 'pageview');

    </script>

    <script type="text/javascript">
        /*
        window.$zopim||(function(d,s){var z=$zopim=function(c){
            z._.push(c)},$=z.s=
                d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
        _.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute('charset','utf-8');
            $.src='//v2.zopim.com/?3o2JnzSs0EGRaqtXJlUwLbwfKix3Dut8';z.t=+new Date;$.
                    type='text/javascript';e.parentNode.insertBefore($,e)})(document,'script');
        */
    </script>

    <script>
        window.fbAsyncInit = function() {
            FB.init({
                appId            : '231511894321337',
                autoLogAppEvents : true,
                xfbml            : true,
                version          : 'v3.1'
            });
        };

        (function(d){
            var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js";
            d.getElementsByTagName('head')[0].appendChild(js);
        }(document));
    </script>

        <script type="text/javascript" src="/js/89e45cd_respond_1.js"></script>
        <script type="text/javascript" src="/js/89e45cd_jquery_2.js"></script>
        <script type="text/javascript" src="/js/89e45cd_owl.carousel.min_3.js"></script>
        <script type="text/javascript" src="/js/89e45cd_jquery.livequery.min_4.js"></script>
        <script type="text/javascript" src="/js/89e45cd_bootstrap.min_5.js"></script>
        <script type="text/javascript" src="/js/89e45cd_jquery-ui.min_6.js"></script>
        <script type="text/javascript" src="/js/89e45cd_bootstrap-select.min_7.js"></script>
        <script type="text/javascript" src="/js/89e45cd_wow.min_8.js"></script>
        <script type="text/javascript" src="/js/89e45cd_supersized.3.1.3.min_9.js"></script>
        <script type="text/javascript" src="/js/89e45cd_bootstrap-modal-builder_10.js"></script>
        <script type="text/javascript" src="/js/89e45cd_js_11.js"></script>
        <script type="text/javascript" src="/js/89e45cd_toastr.min_12.js"></script>
        <script type="text/javascript" src="/js/89e45cd_global_13.js"></script>
    
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyBUB0oYUP8i18HGFhkxDFopeqZQhQD8Cd8"></script>
    <script src="/bundles/app/js/search.js"></script>
</body>
</html>
