

         <!-- Ofertas Krystal-->
<!--
        new Dictionary<string, string> { { "linea", "linea 2" }, { "posicion", "1" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Grand" }, { "fotoDesk", "KGCancun" }, { "fotoMobile", "KGCancun" }, { "hotel", "Krystal Grand Cancun" }, { "porcentaje", " " }, { "enlaceHotel", ""}, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 2" }, { "posicion", "2" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Grand" }, { "fotoDesk", "KGLosCabos" }, { "fotoMobile", "KGLosCabos" }, { "hotel", "Krystal Grand Los Cabos" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 2" }, { "posicion", "3" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Grand" }, { "fotoDesk", "KGNuevoVallarta" }, { "fotoMobile", "KGNuevoVallarta" }, { "hotel", "Krystal Grand Nuevo Vallarta" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "5" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "" }, { "icono2", "" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Grand" }, { "fotoDesk", "Insurgentes-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Grand Suites Insurgentes" }, { "porcentaje", " " }, { "enlaceHotel", "" }, {"enlacePaquete","" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},

        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "1" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "Excelente Ubicación" }, { "icono3", "location" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Cancun-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Cancún" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "2" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "" }, { "icono2", "" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Puerto-Vallarta-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Puerto Vallarta" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "4" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "" }, { "icono2", "" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Acapulco-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Beach Acapulco" }, { "porcentaje", "" }, { "enlaceHotel", "" }, {"enlacePaquete","" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "3" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Ixtapa-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Ixtapa" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "6" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Excelente Ubicación" }, { "icono2", "location" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Krystal-Monterrey-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Monterrey " }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "7" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "" }, { "icono2", "" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Hotels & Resorts" }, { "fotoDesk", "Satelite-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Satelite Maria Barbara" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},

        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "8" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "Transportacion al aeropuerto inlcluida " }, { "icono3", "transportation" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Urban" }, { "fotoDesk", "Urban-Aeropuerto-CDMX-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Urban Aeropuerto Cd de Mexico" }, { "porcentaje", " " }, { "enlaceHotel", "" },{ "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "9" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Club de Playa Incluido" }, { "icono2", "beach" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Urban" }, { "fotoDesk", "UrbanCancun-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Urban Cancún" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "10" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "Transportacion al aeropuerto inlcluida " }, { "icono3", "transportation" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Urban" }, { "fotoDesk", "UrbanJuarez-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Urban Cd Juarez" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "11" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "" }, { "icono2", "" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Urban" }, { "fotoDesk", "Urban-Guadalajara-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Urban Guadalajara" }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", ""} ,{"cupon",""},{"descupon",""}},
        new Dictionary<string, string> { { "linea", "linea 1" }, { "posicion", "12" }, { "incluye1", "Wifi Gratis" }, { "icono1", "wifi" }, { "incluye2", "Estacionamiento Gratis" }, { "icono2", "parking" }, { "incluye3", "" }, { "icono3", "" }, { "incluye4", "" }, { "icono4", "" }, { "incluye5", "" }, { "icono5", "" }, { "marca", "Krystal Urban" }, { "fotoDesk", "Urban-Monterrey-primavera" }, { "fotoMobile", "" }, { "hotel", "Krystal Urban Monterrey " }, { "porcentaje", " " }, { "enlaceHotel", "" }, { "enlacePaquete", "" }, { "leyenda", " "} ,{"cupon",""},{"descupon",""}},
    -->
    



<!doctype html>
<html class="no-js" lang="es">
<head>
    <link rel="canonical" href="http://www.krystal-hotels.com.mx/ofertas-especiales">
    
    <!-- WebSystem 2.4.2.0 -->
   <!-- Last Core Update 20100716 -->
   <!-- © Viajes Beda S.A. de C.V. 1984 - 2021. Todos los derechos reservados. -->
    <title>Hotel krystal Promociones</title>
    <meta content="Outlet de Viajes" name="keywords"></meta>
    <meta content="Aprovecha las promociones que Hoteles Krystal tiene para ti en  Cancun, Los Cabos, Puerto Vallarta, Ixtapa, Acapulco, Monterrey" name="description"></meta>

    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Hotel Krystal Outlet / Oultet Krystal Hoteles </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="google-site-verification" content="NJctHL_IcW6KC_Saq--Nrm80tAVo14T6nCE45jdmYGY" />
    <meta property="og:locale" content="es_ES" /> 
    <meta name="robots" content="index,follow" /> 
    <meta name="robots" content="noodp" /> 
    <meta name="robots" content="noydir" /> 
    <link href="/_lib/khotels/img/favicon.png" rel="shortcut icon" type="image/x-icon" />
    <!-- Place favicon.ico in the root directory -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet">

    <link href="/_lib/recursos/css/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/_lib/khotels/css/main.css">
    <link rel="stylesheet" href="/_lib/khotels/css/marca.css">
    <link rel="stylesheet" href="/_lib/recursos/css/flipclock.css">

    <link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet"/>
    <link href="/_lib/khotels/css/bootstrap.min.css" rel="stylesheet" />
    <!--One Signal-->
    <link rel="manifest" href="/manifest.json" />
    <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
    <script>
      var OneSignal = window.OneSignal || [];
          OneSignal.push(function() {
            OneSignal.init({
              appId: "be14a502-4fe8-4324-88b7-6fc657836692",
            });
          });
    </script>
    <!--End One Signal-->

    <style>
        /*PERSONALIZCION DE OFERTA ESPECIAL*/
       
        @media only screen and (min-width: 601px) {
            header .infoBooking a {
                display: none;
            }
            header .infoBooking {
                margin-top: 25px;
            }
        }
        .separador{
            margin-top: 35px;
        }
        .cintillo-msi{
            text-align: center;
            margin-top: 5px;
        }
        .cintillo-msi #msi {
            background: transparent; 
        }
        /*estilos de los iconos*/
        .icon-wifi{
            width: 20px;
        }
        .icon-parking{
            width: 19px;
        }
        .icon-transportation{
            width: 25px;
        }
        .icon-location{
            width: 12px;
        }
        .icon-beach{
            width: 21px;
        }
        .icon-checkout{
             width: 15px;
             height: 20px;
        }
        .icon-child{
            width: 23px;
        }
        .icon-room{
            width: 19px;
            height: 19px;
        }
        .icon-room2{
            width: 27px;
            height: 19px;
        }
        .icon-spa{
            width: 27px;
            height: 19px;
        }
        .icon-better-price{
            width: 80px;
            /*position: absolute;
            padding-right: 25px;
            margin-left: 25px;*/
        }
        .container-better-price{
            position: absolute;
            bottom: 100px;
            z-index: 150;
            right: 8px;
        }
        .icons-cont h6, .icons-cont img{
            display: inline-block;
        }
        @media screen and (max-width: 667px){
            .container-better-price{
                right: 45px !important;
            }
        }
        @media screen and (max-width: 600px){
             .container-better-price{
                bottom: 4px;
                right: 8px !important;
            }
        }

        .fancybox-outer, .fancybox-inner {
            background: rgba(255, 255, 255, 255.90);
        }
        /*CAJA LIQUIDA*/
        #contentResBox {
            min-height: 95px;
        }
        #contentResBox .liquidbox-submit {
            top: 8px;
        }
        .height-SearchBox{
            min-height: 95px;
            z-index: 59;
        }
        .ScrollDown-SearchBox{
            position: fixed !important;
            bottom: auto !important;
            background: #7D726E !important;    
        }
        @media only screen and (min-width: 1025px) {
            .ScrollDown-SearchBox {
                top: 112px !important;
            }
        }
        @media only screen and (max-width: 1024px) {
            .ScrollDown-SearchBox {
                top: 108px !important;
            }
        }
        .bdtslqbx-template3.liquidbox-tabs-opt1 .liquidbox-tabs ul {
            margin-top: 0 !important;
        }
        .liquidbox-fixed-height-box{
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .liquidbox-fixed-height-box .bdtslqbx-tmp4-col-12{
            margin-bottom: -3px;
        }
        .bdtslqbx-row {
            /*margin-bottom: 1px !important;*/
        }
        .on-tmp3-andProd-width70percent .EtHabHotelBox .text-right, .on-tmp3-andProd-width70percent .EtHabPackageBox .text-right{
            padding: 0;
        }
        .on-tmp3-andProd-width70percent .EtHabHotelBox .text-right .bdtslqbx-form-label{
            margin-top: 5px;
        }
        .on-tmp3-andProd-width70percent .EtHabPackageBox .text-right .bdtslqbx-form-label{
            margin-top: 3px;
        }
        @media screen and (max-width: 600px){
            #msi img {
                width: auto;
            }
            header .infoBooking2{
                display:none;
            }
        }
        .infoBooking2 a:hover {
            color: #fff;
        }
        .infoBooking2{
            margin-top: 22px;
        }
        @media screen and (max-width: 1024px) {
            .infoBooking2{
                margin-top: 17px;
            }
        }
        /*END CAJA LIQUIDA*/
        .hoteles{
            position: relative;
        }

        .hoteles .card-title{
            position: absolute;
            top: 0;
            color: #fff;
            margin-bottom: 0;
            background: linear-gradient(#424242e3, #29291a00);
            font-size: 15px;
            width: 100%;
            text-transform: uppercase;
        }
        .hoteles .card-title b{
            padding: 10px 10px;
            display: block;
        }
        /*ESTILOS CAMPAÑANA*/
        @media screen and (min-width: 1441px){
            #largeContent {
                margin-top: 120px !important;
            }
            .img-slide{
                height: auto;
            }
        }
        @media screen and (min-width:1025px) and (max-width: 1440px){
            #largeContent {
                margin-top: 120px !important;
            }
            .img-slide{
                height: auto;
            }
        }
        @media screen and (min-width:769px) and (max-width: 1024px){
            #largeContent {
                margin-top: 112px !important;
            }
            .img-slide{
                height: auto;
            }
        }
        @media screen and (min-width:601px) and (max-width: 768px){
            #largeContent {
                margin-top: 112px !important;
            }
            .img-slide{
                height: auto;
            }
        }
        /*@media screen and (max-width: 360px){
            #largeContent {
                margin-top: 108px;
            }
            .img-slide{
                height: 160px !important;
            }
        }*/
        .img-slide{
            width: 100%;
        }
        .img-slide{
            height: auto;/*435*/
        }

        @media screen and (max-width: 600px) {
            .img-slide{
                height: auto;
            }
            .height-SearchBox {
                display: none;
            }
            #largeContent {
                margin-top: 108px !important;
            }
        }
        @media screen and (min-width: 1400px) {
            .slideTablet{
                display: none !important;
            }
            .slideTWide{
                display: none !important;
            }
            .slideMobile{
                display: none !important;
            }
             .slideDesk{
                display: block !important;
            }
        }

        @media screen and (max-width: 1400px) {
            .slideTablet{
                display: block !important;
            }
            .slideTWide{
                display: none !important;
            }
            .slideMobile{
                display: none !important;
            }
             .slideDesk{
                display: none !important;
            }
        }
        @media screen and (min-width: 1200px) {
            .slideDesk{
                display: none;
            }
            .slideTablet{
                display: none;
            }
            .slideTWide{
                display: block;
            }
            .slideMobile{
                display: none;
            }
        }
        @media screen and (max-width: 768px) {
            .slideDesk{
                display: none;
            }
            .slideTWide{
                display: none;
            }
            .slideTablet{
                display: none;
            }
            .slideMobile{
                display: block;
            }
        }
        /*FIN PERSONALIZACION DE OFERTA ESPECIAL*/

        body{
            font-family: font-family: 'Lato', sans-serif;
        }
        @media screen and (max-width: 600px) {
            .kofertas-especiales #largeContent {
                margin-top: 108px;
            }
            .outlet .infoBooking2 a {
                width: inherit;
            }
            .outlet .infoBooking2 {
                position: unset !important;
            }
        }
        .title{
            font-size: 1rem;
            font-weight: bold;
            padding-top: 23px;
        }
        .lato {
            font-family: 'Lato', sans-serif;
        }
        .principal {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
        }
        .text-center {
            text-align: center!important;
        }
        .outlet .infoBooking2 {
            display: inline-block;
            font-size: 18px;
            color: #fff;
            width: 180px;
            text-align: center;
            vertical-align: top;
            margin-top: 4px;
            margin-bottom: 4px;
        }
        .outlet .infoBooking2 a {
            display: inline-block;
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            border-left: 1px solid #fff;
            text-decoration: none;
            padding: 8px 20px;
            border-right: 1px solid #fff;
            position: relative;
        }
        @media (min-width: 601px){
            .introduccion {
                font-size: 20px;
            }
        }
        header nav ul li a {
            color: white!important;
            text-decoration: none!important;
        }
        .cd{
            /*font-size: 0.95rem;*/
            font-size: 13px;
            font-weight: 500;
        }
        .cd b{
            color: #0070ba;
        }
        .txt-estancia{
            font-size: 0.75rem;
        }

        /*Efectos de TolTip*/
        .icon-tooltip{
            display: inline-block;
            vertical-align: top;
            position: relative;
        }
        .icon-tooltip a{
            outline: 0;
            background-color: transparent;
            transition-property: background-color, box-shadow, border, color, opacity, transform;
            transition-duration: 0.3s;
        }
        .title-tooltip{
            display: none;
            position: absolute;
            left: 50%;
            bottom: 100%;
            text-align: center;
            white-space: nowrap;
            z-index: 10;
            line-height: 20px;
            padding: 3px 10px 4px;
            margin-bottom: 6px;
            border-radius: 3px;
            background-color: rgba(0,0,0,0.8);
            color: #fff;
            opacity: 0;
            visibility: hidden;
            transform: translate3d(-50%,-10px,0);
            transition: opacity 0.3s cubic-bezier(.78,.13,.15,.86) 0.3s, transform 0.3s cubic-bezier(.78,.13,.15,.86) 0.3s;
        }
        .title-tooltip {
            display: block;
        }
        .title-tooltip span {
            font-size: 13px;
            color: #ffffff;
        }
        .title-tooltip:after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            bottom: -5px;
            margin-left: -6px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid rgba(0,0,0,0.8);
        }
        .icon-tooltip:hover + .title-tooltip {
            visibility: visible;
            opacity: 1;
            transform: translate3d(-50%,0,0);
        }
        /*Estilos de los botones de descuento y porcentaje*/
        .deals{
            text-align: center;
        }
        .btn-book{
            display: inline-block;
            padding: 8px 10px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .btn-color-hotel{
            background: #0064b8;
        }
        .btn-color-package{
            background: #1d54db;
        }
        .btn-book a{
            position: relative;
            color: #fff;
            border-right: 1px solid #fff;
            border-left: 1px solid #fff;
            padding: 3px 20px;
        }
        .btn-book a:hover{
            text-decoration: none;
            color: #fff;
        }
        .btn-book a:before{
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 1px;
            background-color: #fff;
            content: "";
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }
        .btn-book a:after {
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 0;
            height: 1px;
            background-color: #fff;
            content: "";
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }
        .porcentaje, .cupon{
            color :#003380;
        }
        .btn-book a:hover::before, .btn-book a:hover::after { width: 100% }

        .img-mobile{
            display: none;
        }
        .img-desk{
            display: block;
        }
        @media (max-width: 992px) {
            .img-mobile{
               display: block !important;
           }
            .img-desk{
               display: none !important;
           }
        }
        @media (min-width: 870px) {
            .cont-description{
                max-width: 1300px;
                margin: 0 auto;
                width: 100%;
                overflow: hidden;
            }
            .cont-description .ft{
                float: left;
            }
            .cont-description .fl{
                width: 90%;
            }
            .cont-description .fr{
                width: 10%;
            }
        }
        .cont-description {
            text-align: center;
        }
        .auto-width .fancybox-skin{
            padding: 0 !important;
        }

        @media (max-width: 500px){
            .auto-width .fancybox-close {
                top: 0;
                right: 0;
            }
            .auto-width {
                width: 100% !important;
                left: 0 !important;
            }
            .auto-width .fancybox-inner{
                width: 100% !important;
            }
        }
        .leyenda{
            font-weight: bold;
        }
        .Height-Auto{
            height: 56px;
        }
</style>

</head>
<body class="kofertas-especiales homeGenerico krystalHomeGenerico">

   

    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
        w[l] = w[l] || []; w[l].push({
        'gtm.start':
            new Date().getTime(), event: 'gtm.js'
        }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-WVSZCT4');
    </script>
    <!-- End Google Tag Manager -->

<style>
    .K-notification-bar {
    background: #750047;
    padding: 10px 0;
    }
    .K-notification-bar .bold-upper{
        text-transform: uppercase;
        font-weight: bold;
    }
   .K-notification-bar div {
        max-width:1000px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: auto;
        font-size: 13px;
        color: #fff;
        padding-left: 15px;
    }
    .K-notification-bar a:link, a:visited {
        color: #fff;
        font-weight: bold;
    }
    .K-notification-bar div p{
        margin: 0;
    }
    #KG-notification-bar-close, #K-notification-bar-close{
        cursor: pointer;
    }
</style>
<header>
    
    
    <div class="K-notification-bar" id="notificationIxtapaContainer">
        <div>
            <p><span class="bold-upper">Aviso Importante: Información para Viajeros.</span> <a href="/informacion-viajero"> <u>Ver más</u></a></p>
            <!--<span id="K-notification-bar-close">Cerrar ×</span>-->
        </div>
    </div>
            
        <div data-country="MX_DEFAULT" data-gclid="False" data-af="False" id="headerContent">
            <div class="menu_bar">
                <a href="#" class="bt-menu"></a>
            </div>
            
            <nav>
                <ul id="menu">
                    <li class="submenu">
                        <a href="#">Nuestras Propiedades<span class="arrowBottom"> </span></a>
                        <ul class="children">
                            <li><a href="//www.krystalgrand-hotels.com.mx/cancun" alt="Krystal Grand Cancún" title="Krystal Grand Cancún">Krystal Grand Cancun</a></li>
                            <li><a href="//www.krystalgrand-hotels.com.mx/los-cabos" alt="Krystal Grand Los Cabos" title="Krystal Grand Los Cabos">Krystal Grand Los Cabos</a></li>
                            <li><a href="//www.krystalgrand-hotels.com.mx/mexico-insurgentes" alt="Krystal Grand Suites Insurgentes" title="Krystal Grand Suites Insurgentes">Krystal Grand Suites Insurgentes</a></li>
                            <li><a href="//www.krystalgrand-hotels.com.mx/nuevo-vallarta" alt="Krystal Grand Nuevo Vallarta" title="Krystal Grand Nuevo Vallarta">Krystal Grand Nuevo Vallarta</a></li>
                            <li><a href="//www.krystalhotels.com.mx/cancun" alt="Krystal Cancun" title="Krystal Cancun">Krystal Cancun</a></li>
                            <li><a href="//www.krystalhotels.com.mx/puerto-vallarta" alt="Krystal Puerto Vallarta" title="Krystal Puerto Vallarta">Krystal Puerto Vallarta</a></li>
                            <li><a href="//www.krystalhotels.com.mx/ixtapa" alt="Krystal Ixtapa" title="Krystal Ixtapa">Krystal Ixtapa</a></li>
                            <li><a href="//www.krystalhotels.com.mx/acapulco" alt="Krystal Beach Acapulco" title="Krystal Beach Acapulco">Krystal Beach Acapulco</a></li>
                            <li><a href="//www.krystalhotels.com.mx/mexico-satelite" alt="Krystal Satelite Maria Barbara" title="Krystal Satelite Maria Barbara">Krystal Satelite Maria Barbara</a></li>
                            <li><a href="//www.krystalhotels.com.mx/monterrey" alt="Krystal Monterrey" title="Krystal Monterrey">Krystal Monterrey</a></li>
                            

                            <li><a href="//www.krystalurban-hotels.com.mx/aeropuerto-mexico" alt="Krystal Urban Aeropuerto Ciudad de Mexico" title="Krystal Urban Aeropuerto Ciudad de Mexico">Krystal Urban Aeropuerto Ciudad de Mexico</a></li>
                            <li><a href="//www.krystalurban-hotels.com.mx/monterrey" alt="Krystal Urban Monterreyo" title="Krystal Urban Monterrey">Krystal Urban Monterrey</a></li>
                            <li><a href="//www.krystalurban-hotels.com.mx/guadalajara" alt="Krystal Urban Guadalajara"  title="Krystal Urban Guadalajara">Krystal Urban Guadalajara</a></li>
                            <li><a href="//www.krystalurban-hotels.com.mx/ciudad-juarez" alt="Krystal Urban Ciudad Juarez" title="Krystal Urban Ciudad Juarez">Krystal Urban Ciudad Juarez</a></li>
                            <li><a href="//www.krystalurban-hotels.com.mx/cancun" alt="Krystal Urban Cancun Centro" title="Krystal Urban Cancun Centro">Krystal Urban Cancun Centro</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
           
            <a href="/" class="logo"></a>
            <div class="infoBooking">
                <a href="tel:8000835675" class="telefonoMobile"></a>
                <a id="motorKrystal" href="#liquidBoxContainer">Reserve Ahora</a>
                <span>800 083 56 75</span>
            </div>
             <div class="infoBooking2">
                <a href="#printVoucherLogin" id="printVoucherLoginLink" style="font-size:10px">Consulta tu reserva</a>
            </div>
        </div>
        

    </header>

    
    <div></div>

    <div id="largeContent">
       <div class="heroSliderHotel">
           <!--
            <a class="linkOferta" href="#"> 
              <img class="img-slide slideDesk"   src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/BF/H-D.jpg?v1" />
              <img class="img-slide slideTablet" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/BF/H-T.jpg?V1" />
              <img class="img-slide slideMobile" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/BF/H-M.jpg?V1" />
           </a>        -->

           <a class="linkOferta" href="#"> 
              <img class="img-slide slideDesk"   src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KP-D.png?V1" />
              <img class="img-slide slideTWide"  src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KP-TW.png?V1" />
              <img class="img-slide slideTablet" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KP-T.png?V1" />
              <img class="img-slide slideMobile" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KP-M.png?V1" />
           </a> 
           <a class="linkOferta" href="#"> 
              <img class="img-slide slideDesk"   src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KGrand-D.png?v1" />
              <img class="img-slide slideTWide"  src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KGrand-TW.png?V1" />
              <img class="img-slide slideTablet" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KGrand-T.png?V1" />
              <img class="img-slide slideMobile" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KGrand-M.png?V1" />
           </a> 
           <a class="linkOferta" href="#"> 
              <img class="img-slide slideDesk"   src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KU-D.png?v1" />
              <img class="img-slide slideTWide"  src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KU-TW.png?V1" />
              <img class="img-slide slideTablet" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KU-T.png?V1" />
              <img class="img-slide slideMobile" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KU-M.png?V1" />
           </a> 
           <a class="linkOferta" href="#"> 
              <img class="img-slide slideDesk"   src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KR-D.png?V1" />
              <img class="img-slide slideTWide"  src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KR-TW.png?V1" />
              <img class="img-slide slideTablet" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KR-T.png?V1" />
              <img class="img-slide slideMobile" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/Ofertas/2021/Verano/KR-M.png?V1" />
           </a> 
       </div>
       <a class="prevContent" href="#"></a> <a class="nextContent" href="#"></a>
            <div id="contentResBox">
                <div id="liquidBoxContainer" class="w3-black-opacity"></div>
            </div>
       
    </div>

    <div class="cintillo-msi">
        <a href="/_lib/recursos/msi/msimx.html" id="msi" class="msi">
            Aceptamos todas las tarjetas de Débito y Crédito 
            <img class="cards" src="_lib/khotels/img/cards.png">
            <img class="paypal" src="_lib/khotels/img/paypal.png">.
            Hasta 18 Meses Sin Intereses. Consultar.
            
        </a>
    </div>
    <div style="margin-top: 25px;">

         <div class="cont-description">
                          
                <div class="ft fl" style="padding:30px;">
                    
                    <p class="text-campaña" style="text-align: center; font-size:32px; color:#048fab;"><b>VENTA ESPECIAL DE VERANO</b></p>
                    <p class="text-campaña" style="text-align: center; color:#656565; font-size:20px;">
                         ESTE VERANO REDESCUBRE LA DIVERSIÓN EN FAMILIA, EN NUESTROS DESTINOS Y APROVECHA NUESTRAS PROMOCIONES DE VERANO, VIAJA A LA PLAYA O A TU CIUDAD FAVORITA, YA SEA EN PAQUETE AVIÓN + HOTEL O SOLO HOTEL.
                    </p>
                    <p class="text-campaña" style="text-align: center; font-size:28px; color:#000;">
                        ¡RESERVA TU ESTADÍA EN HOTELES KRYSTAL!
                    </p>
                    <p class="text-campaña" style="text-align: center; font-size:20px; color:#d0b62b;">
                        Conoce las acciones de nuestro programa de higiene y sanitización <b>STAY SAFE&CLEAN® </b>
                    </p>
                    <p class="text-campaña" style="text-align: center; color:#00372a;  font-size:20px;">
                        En Krystal Hotels & Resorts® agradecemos y valoramos tu confianza, más aún en estos momentos y estamos listos para recibirte en cualquiera de nuestros hoteles Krystal® cuando sea tu momento de viajar.
                        <br /><br />
                        <!--¡Te esperamos en Hoteles Krystal®! -->
                        <a href="https://www.youtube.com/watch?v=qiKQu33UbpY&feature=youtu.be" target="_blank" > Mira el video y conoce a detalle nuestras acciones dando clic aquí </a>
                    </p>
                </div> 
             <div class="ft fr">
                <img class="icon-better-price" src="_lib/khotels/img/icons/general/price.png" />
            </div>
         </div>

    <div class="container-fluid principal text-center" style="margin-bottom: 30px;">
        <a class="tyc" id="" href="#tyc" style="color:#048fab; padding: 15px; border: 1px solid;"><b>Términos y Condiciones</b></a> <!-- #00372a -->
        
    </div>  
    </div>

        <div class=" principal row justify-content-center outlet">

        
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/265907/2021-08-12/2021-08-15/2?from=SB2&searchId=967c34e8-8ea8-49af-b331-1a4a86780a79&selected_room_pack=984992970">
                                <div class="hoteles">
                                   
                                    <img class="card-img-top" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/KGrand/Home/KGCancun.jpg?V1" alt="Venta Especial Krystal Grand Cancun" title="Venta Especial Krystal Grand Cancun"/>
                                    <h4 class="card-title"><b>Krystal Grand Cancun</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">

                            
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a>      
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                   <!--  <div class="leyenda"><span> </span></div> -->
                                     
                                  <!--  <div style="color:#000 !important;"> <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> de descuento</b> <br /><!-- <span>Con el cupón: <b class="porcentaje"></b></span></div> --> 
                                      
                                     
                                     <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;"> 44%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                  <!--  <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div>  -->

                                     <div class="btn-book btn-color-package" style="background-color:#048fab;">
                                        <a href="https://krystalgrand-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_1569/2021-08-12/2021-08-15/CIT_1569/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=265907" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background: #4dafb2;">
                                        <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/265907/2021-08-12/2021-08-15/2?from=SB2&searchId=967c34e8-8ea8-49af-b331-1a4a86780a79&selected_room_pack=984992970" class="book">Hotel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/972605/2021-08-12/2021-08-15/2?from=SB2&searchId=d705a34f-8948-4ba6-a31b-0101d642c17c&selected_room_pack=241497464">
                                <div class="hoteles">
                                   
                                    <img class="card-img-top" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/KGrand/Home/KGLosCabos.jpg?V1" alt="Venta Especial Krystal Grand Los Cabos" title="Venta Especial Krystal Grand Los Cabos"/>
                                    <h4 class="card-title"><b>Krystal Grand Los Cabos</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">

                            
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a>      
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                   <!--  <div class="leyenda"><span> </span></div> -->
                                     
                                  <!--  <div style="color:#000 !important;"> <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> de descuento</b> <br /><!-- <span>Con el cupón: <b class="porcentaje"></b></span></div> --> 
                                      
                                     
                                     <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">55%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                  <!--  <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div>  -->

                                     <div class="btn-book btn-color-package" style="background-color:#048fab;">
                                        <a href="https://krystalgrand-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_34199/2021-08-12/2021-08-15/CIT_34199/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=972605" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background: #4dafb2;">
                                        <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/972605/2021-08-12/2021-08-15/2?from=SB2&searchId=d705a34f-8948-4ba6-a31b-0101d642c17c&selected_room_pack=241497464" class="book">Hotel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/1163660/2021-08-12/2021-08-15/2?from=SB2&searchId=afed8571-3a9c-40fd-9cdc-bbe7879b7809&selected_room_pack=1939660195">
                                <div class="hoteles">
                                   
                                    <img class="card-img-top" src="https://images.e-tsw.com/_lib/b2b2c-sites/op/Krystal/KGrand/Home/KGNuevoVallarta.jpg?V1" alt="Venta Especial Krystal Grand Nuevo Vallarta" title="Venta Especial Krystal Grand Nuevo Vallarta"/>
                                    <h4 class="card-title"><b>Krystal Grand Nuevo Vallarta</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">

                            
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a>      
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                                      
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                   <!--  <div class="leyenda"><span> </span></div> -->
                                     
                                  <!--  <div style="color:#000 !important;"> <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> de descuento</b> <br /><!-- <span>Con el cupón: <b class="porcentaje"></b></span></div> --> 
                                      
                                     
                                     <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">36%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                  <!--  <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div>  -->

                                     <div class="btn-book btn-color-package" style="background-color:#048fab;">
                                        <a href="https://krystalgrand-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_8936/2021-08-12/2021-08-15/CIT_8936/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=1163660" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background: #4dafb2;">
                                        <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/1163660/2021-08-12/2021-08-15/2?from=SB2&searchId=afed8571-3a9c-40fd-9cdc-bbe7879b7809&selected_room_pack=1939660195" class="book">Hotel</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/1030911/2021-08-12/2021-08-15/2?from=SB&searchId=a17b2d40-0902-4eea-86e5-039b30a0be70&selected_room_pack=1696428458">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Insurgentes-primavera.jpg?V1" alt="Venta Especial Krystal Grand Suites Insurgentes" title="Venta Especial Krystal Grand Suites Insurgentes"/>
                                    <h4 class="card-title"><b>Krystal Grand Suites Insurgentes</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">40%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span> </span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalgrand-hotels.bookings.la/trip/start/FH*/AIR_196265/CIT_4474/2021-08-12/2021-08-15/CIT_4474/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=1030911" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalgrand-hotels.bookings.la/accommodations/detail/1030911/2021-08-12/2021-08-15/2?from=SB&searchId=a17b2d40-0902-4eea-86e5-039b30a0be70&selected_room_pack=1696428458" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/249616/2021-08-12/2021-08-15/2?from=SB2&searchId=2c354ff7-3ca4-49ae-ab0e-fcfb408ad5f8&selected_room_pack=506239928">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Acapulco-primavera.jpg?V1" alt="Venta Especial Krystal Beach Acapulco" title="Venta Especial Krystal Beach Acapulco"/>
                                    <h4 class="card-title"><b>Krystal Beach Acapulco</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">40%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span> </span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/CIT_4474/CIT_49/2021-08-12/2021-08-15/CIT_49/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=249616" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/249616/2021-08-12/2021-08-15/2?from=SB2&searchId=2c354ff7-3ca4-49ae-ab0e-fcfb408ad5f8&selected_room_pack=506239928" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/266101/2021-08-12/2021-08-15/2?from=SB2&searchId=2efc6f77-550c-4a19-b623-2f2902a1f698&selected_room_pack=1800509310">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Cancun-primavera.jpg?V1" alt="Venta Especial Krystal Cancún" title="Venta Especial Krystal Cancún"/>
                                    <h4 class="card-title"><b>Krystal Cancún</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/location.png' class='icon-location'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Excelente Ubicación</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">50%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/CIT_4474/CIT_1569/2021-08-12/2021-08-15/CIT_1569/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=266101" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/266101/2021-08-12/2021-08-15/2?from=SB2&searchId=2efc6f77-550c-4a19-b623-2f2902a1f698&selected_room_pack=1800509310" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/232895/2021-08-12/2021-08-15/2?from=SB&searchId=ce74fb4d-ff09-458a-a150-dd538be99f9d&selected_room_pack=467320214">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Ixtapa-primavera.jpg?V1" alt="Venta Especial Krystal Ixtapa" title="Venta Especial Krystal Ixtapa"/>
                                    <h4 class="card-title"><b>Krystal Ixtapa</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">30%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span> </span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/CIT_4474/CIT_8843/2021-08-12/2021-08-15/CIT_8843/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=232895 " class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/232895/2021-08-12/2021-08-15/2?from=SB&searchId=ce74fb4d-ff09-458a-a150-dd538be99f9d&selected_room_pack=467320214" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/815652/2021-08-12/2021-08-15/2?from=SB&searchId=9de8887e-4fa0-4ed0-943b-0ef29788f4a9&selected_room_pack=2130503281">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Satelite-primavera.jpg?V1" alt="Venta Especial Krystal Satelite Maria Barbara" title="Venta Especial Krystal Satelite Maria Barbara"/>
                                    <h4 class="card-title"><b>Krystal Satelite Maria Barbara</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">30%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/AIR_196265/CIT_4474/2021-08-12/2021-08-15/CIT_4474/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=815652" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/815652/2021-08-12/2021-08-15/2?from=SB&searchId=9de8887e-4fa0-4ed0-943b-0ef29788f4a9&selected_room_pack=2130503281" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/832504/2021-08-12/2021-08-15/2?from=SB2&searchId=bc177fa0-fa1b-4ec3-bc5d-e3e80f69c195&selected_room_pack=1372486523">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Krystal-Monterrey-primavera.jpg?V1" alt="Venta Especial Krystal Monterrey " title="Venta Especial Krystal Monterrey "/>
                                    <h4 class="card-title"><b>Krystal Monterrey </b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/location.png' class='icon-location'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Excelente Ubicación</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">35%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/CIT_4474/CIT_4817/2021-08-12/2021-08-15/CIT_4817/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=832504" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/832504/2021-08-12/2021-08-15/2?from=SB2&searchId=bc177fa0-fa1b-4ec3-bc5d-e3e80f69c195&selected_room_pack=1372486523" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalhotels.bookings.la/accommodations/detail/312453/2021-08-12/2021-08-15/2?from=SB&searchId=be97e543-81cf-4239-8d71-d94f9af267ce">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Puerto-Vallarta-primavera.jpg?V1" alt="Venta Especial Krystal Puerto Vallarta" title="Venta Especial Krystal Puerto Vallarta"/>
                                    <h4 class="card-title"><b>Krystal Puerto Vallarta</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">30%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span> </span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalhotels.bookings.la/trip/start/FH*/CIT_4474/CIT_5991/2021-08-12/2021-08-15/CIT_5991/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=312453" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalhotels.bookings.la/accommodations/detail/312453/2021-08-12/2021-08-15/2?from=SB&searchId=be97e543-81cf-4239-8d71-d94f9af267ce" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/266159/2021-08-12/2021-08-15/2?from=SB&searchId=d8fef9a4-a2be-497a-985a-3d4fe0c5655b&selected_room_pack=1980992053">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/UrbanCancun-primavera.jpg?V1" alt="Venta Especial Krystal Urban Cancún" title="Venta Especial Krystal Urban Cancún"/>
                                    <h4 class="card-title"><b>Krystal Urban Cancún</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/beach.png' class='icon-beach'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Club de Playa Incluido</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">50%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalurban-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_1569/2021-08-12/2021-08-15/CIT_1569/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=266159" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/266159/2021-08-12/2021-08-15/2?from=SB&searchId=d8fef9a4-a2be-497a-985a-3d4fe0c5655b&selected_room_pack=1980992053" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/330750/2021-08-12/2021-08-15/1?from=SB2&searchId=7b55cb80-f417-4e74-805d-0bbe28588363&selected_room_pack=451156501">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/UrbanJuarez-primavera.jpg?V1" alt="Venta Especial Krystal Urban Cd Juarez" title="Venta Especial Krystal Urban Cd Juarez"/>
                                    <h4 class="card-title"><b>Krystal Urban Cd Juarez</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/transportation.png' class='icon-transportation'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Transportacion al aeropuerto inlcluida </span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">50%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalurban-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_1323/2021-08-12/2021-08-15/CIT_1323/2021-08-12/2021-08-15/1?from=PSB&nw=true&hotel_ids=330750" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/330750/2021-08-12/2021-08-15/1?from=SB2&searchId=7b55cb80-f417-4e74-805d-0bbe28588363&selected_room_pack=451156501" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/872913/2021-08-12/2021-08-15/2?from=SB&searchId=57e94806-ddba-4179-a387-ca0155e91902&selected_room_pack=1580877437">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Urban-Guadalajara-primavera.jpg?V1" alt="Venta Especial Krystal Urban Guadalajara" title="Venta Especial Krystal Urban Guadalajara"/>
                                    <h4 class="card-title"><b>Krystal Urban Guadalajara</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">37%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalurban-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_2442/2021-08-12/2021-08-15/CIT_2442/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=872913" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/872913/2021-08-12/2021-08-15/2?from=SB&searchId=57e94806-ddba-4179-a387-ca0155e91902&selected_room_pack=1580877437" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/926458/2021-08-12/2021-08-15/2?from=SB&searchId=dd96e44b-6a4e-4452-a063-cdd47aa7a5e3&selected_room_pack=499792262">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Urban-Aeropuerto-CDMX-primavera.jpg?V1" alt="Venta Especial Krystal Urban Aeropuerto Cd de Mexico" title="Venta Especial Krystal Urban Aeropuerto Cd de Mexico"/>
                                    <h4 class="card-title"><b>Krystal Urban Aeropuerto Cd de Mexico</b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/transportation.png' class='icon-transportation'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Transportacion al aeropuerto inlcluida </span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">30%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span></span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalurban-hotels.bookings.la/trip/start/FH*/AIR_196265/CIT_4474/2021-08-12/2021-08-15/CIT_4474/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=926458" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/926458/2021-08-12/2021-08-15/2?from=SB&searchId=dd96e44b-6a4e-4452-a063-cdd47aa7a5e3&selected_room_pack=499792262" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
                    <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 p-2">
                        <div class="card">
                            <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/1372842/2021-08-12/2021-08-15/2?from=SB&searchId=9f1a8926-260c-433f-b0eb-3cb00a0e6608&selected_room_pack=1494255269">
                                <div class="hoteles">
                                    <img class="card-img-top" src="_lib/khotels/img/OfertasEspeciales/febrero/18/Urban-Monterrey-primavera.jpg?V1" alt="Venta Especial Krystal Urban Monterrey " title="Venta Especial Krystal Urban Monterrey "/>
                                    <h4 class="card-title"><b>Krystal Urban Monterrey </b></h4>
                                </div>
                            </a>
                            <div class="card-body icons-cont" style="padding: .30rem">                      
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/wifi.png' class='icon-wifi'/></a> 
                                                    
                                                
                                                <div class="title-tooltip">
                                                    <span>Wifi Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                <a href='#' class='icon-tooltip'><img src='_lib/khotels/img/icons/general/parking.png' class='icon-parking'/></a>        
                                                
                                                <div class="title-tooltip">
                                                    <span>Estacionamiento Gratis</span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                           <div class="icon-tooltip">   
                                           
                                                        
                                                
                                                <div class="title-tooltip">
                                                    <span></span>
                                                </div>
                                            </div>
                                     
                                <hr class="mt-2 mb-2" style="width: 100%;" />
                                 <div class="deals">
                                    
                                    <div style="color:#000 !important;"><span>Hasta <b class="porcentaje" style="color:#FF703b; font-size:20px;">35%</b></span> <b> de descuento </b></div>
                                                           <!-- 0064B8 -->                                                                 
                                   <!-- <div style="color:#000 !important;"> + <span><b class="porcentaje" style="color:#000; font-size:20px;">%</b></span> <b> adicional</b> <br /> <span>Con el cupón: <b class="porcentaje"></b></span> </div> -->
                                     <div class="leyenda"><span> </span></div>
                                     <div class="btn-book btn-color-package" style="background-color:#048fab;"> <!-- #002151 -->
                                        <a href="https://krystalurban-hotels.bookings.la/trip/start/FH*/CIT_4474/CIT_4817/2021-08-12/2021-08-15/CIT_4817/2021-08-12/2021-08-15/2?from=PSB&nw=true&hotel_ids=1372842" class="book">Hotel + Avión</a>
                                    </div>
                                     <div class="btn-book btn-color-hotel" style="background:#4dafb2;" >  <!-- #001731 -->
                                        <a href="https://krystalurban-hotels.bookings.la/accommodations/detail/1372842/2021-08-12/2021-08-15/2?from=SB&searchId=9f1a8926-260c-433f-b0eb-3cb00a0e6608&selected_room_pack=1494255269" class="book">Hotel</a>
                                    </div>
                                     
                                </div>
                            </div>
                        </div>
                    </div>

            
    </div>
 

    <div class="container-fluid principal text-center" style="margin-top: 30px;">
        <a class="tyc" id="" href="#tyc" style="color:#048fab; padding: 15px; border: 1px solid;"><b>Términos y Condiciones</b></a> <!-- #002151 -->
        <div id="toggleText" style="display: block;">
            <p class="m-2">
               Campaña de Verano 2021
            </p>
        </div>
    </div>    
    
    <div id="tyc" style="display: none; max-width: 650px;">
        <div class="container-fluid mt-2 lato principal text-center" >
            <h1 class="lato introduccion" style="margin-top:30px; color:#048fab;"><b>Campaña de Verano 2021</b> </h1>
            <p class="lato introduccion">
                <br />           
                
                *Promoción válida para reservar y viajar del 29 de junio al 31 de Agosto, 2021. Aplica solo para compra en México a través del portal www.krystal-hotels.com/ofertas-especiales.com.mx
                <br /><br />
                Válido para nuevas reservaciones únicamente. La promoción de hasta 50% de descuento y pago a MSI, es válida únicamente reservando a través del sitio oficial de Hoteles Krystal. La disponibilidad en fechas puede variar dependiendo del hotel. Sujeto a disponibilidad. Aplican restricciones. Tarifas y promociones sujetas a cambios sin previo aviso. No acumulable con otras promociones. 
                <br /><br />
                El Pago a Meses Sin Intereses aplica únicamente reservando por medio de nuestro sitio web. No aplica para la opción de pago en destino. Consulta tarjetas participantes en MSI.​ 
            </p>
            
            <p class="lato introduccion"><b>¡Aproveche la venta Especial de Primavera Krystal Hotels & Resorts y reserve ahora con el mejor precio sus próximas vacaciones o viajes de negocio! </b></p>
        </div>
    </div> 

    <div class=" principal row justify-content-center">
        <h1 class="title m-2">Venta Especial - Hoteles Krystal</h1>
    </div>

    
<style>
    .instagram {
        background-image: url("data:image/png;base64,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") !important;
        background-size: 46px;
        width: 46px !important;
        height: 46px !important;
    }
</style>
<footer>
    <div id="contentFooter">
        <div class="logosMarcas">
            <a href="//www.krystalgrand-hotels.com.mx " class="krystalGrand"></a>
            <a href="//www.krystalhotels.com.mx" class="krystalHotels"></a>
            <a href="//www.krystalurban-hotels.com.mx" class="krystalUrban"></a>
            <a href="//www.krystalrewards.com/" class="krystalRewards"></a>
            
        </div>
        <a target="_blank" class="inversionistas" href="http://www.gsf-hotels.com"> <img class="logoSantaFe" src="/_lib/khotels/img/grupo-santa-fe.png">Inversionistas</a>
        <p class="infoMarca">Hoteles Krystal son parte de SFGH (Santa Fe Grupo Hotelero), que también opera las marcas: Hilton Guadalajara, Hilton Puerto Vallarta Resort,  Hilton Garden Inn Monterrey Aeropuerto, Hampton Inn & Suites Paraíso Tabasco e Ibis Irapuato.</p>

        <div class="redesSociales">
            <a target="_blank" rel="nofollow" href="https://www.facebook.com/krystalhotels/?fref=ts" class="facebook"></a>
            
            <a target="_blank" rel="nofollow" href="https://www.instagram.com/krystalhotel_resorts/" class="instagram"></a>
             
             
               </div>   
        
         
        <p class="privacidad"> <a href="//www.krystal-hotels.com.mx/aviso-de-privacidad">Aviso de privacidad</a> | <a href="//www.krystal-hotels.com.mx/politica-de-privacidad">Política de privacidad </a>  </p>    
    <div class="infoBooking2" style="float:right">
        <a href="#printVoucherLogin" id="printVoucherLoginLink" style="font-size:10px">Consulta tu reserva</a>
        <a href="#" style="font-size:10px" onclick="window.open('/correo','ventana','width=600,height=450,scrollbars=NO,menubar=NO,resizable=NO,titlebar=NO,status=NO'); return false"> Recibir ofertas exclusivas </a>
    </div>
    </div>
</footer>
<style>
    .voucherbox .fancybox-outer, .voucherbox .fancybox-inner {
        background: #ffffff;
    }
    .printVoucherLogin {
        display: none;
        overflow: hidden;
    }
    .printVoucherLogin h5 {
        font-weight: bold;
        margin-bottom: 15px;
        text-transform: uppercase;
        color: #333333;
        font-size: 16px;
        padding-right: 20px;
        margin-top: 0;
    }
    .printVoucherLogin label {
        display: block;
        color: #666666;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 14px;
        width: 100%;
    }
    .printVoucherLogin input[type=text] {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .printVoucherLogin input[type=submit] {
        display: inline-block;
        border: none;
        color: #ffffff;
        background: #333333;
        text-align: center;
        cursor: pointer;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: bold;
        float: right;
        width: 150px;
    }
    @media (min-width: 576px) {
        .printVoucherLogin h5 {
            white-space: nowrap;
        }
    }
</style>
<div class="printVoucherLogin" id="printVoucherLogin">
    <h5>Confirmación de Itinerario</h5>
    <form action="https://voucher.bdtravelsolution.com.mx/ImprimirVoucher/" method="post" target="_blank">
        <label>Número de Reservación</label>
        <input type="text" name="NumRes">
        <label>Correo Electrónico</label>
        <input type="text" name="Email">
        <input type="submit" value="Enviar" name="Submit">
    </form>
</div>



 

    <script type="text/javascript" src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="//www.e-tsw.com/_lib/_core/js/jquery-ui-1.9.2.custom.min.js"></script>
    <script type="text/javascript" src="//www.e-tsw.com/_lib/_core/js/jquery.timepicker.min.js"></script>
    <script type="text/javascript" src="//www.e-tsw.com/_lib/_core/js/jquery.datepicker-es-MX.js"></script>
    <script type="text/javascript" src="/_lib/recursos/js/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="/_lib/recursos/js/etflipclock.min.js"></script>
    <script type="text/javascript" src="/_lib/khotels/js/jquery.cycle2.min.js"></script>
    <script type="text/javascript" src="/_lib/khotels/js/main.js"></script>

    <script type="text/javascript">
        /*Detectar si es dispositivo movil*/
        var mobile = false;
        (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) mobile = true })(navigator.userAgent || navigator.vendor || window.opera);

        if (mobile) {
            $(".countdown").attr("data-size", "tiny");
        }
        jQuery(document).ready(function () {

            (function (a) { if (typeof define === 'function' && define.amd) { define(['jquery'], a) } else { a(jQuery) } }(function ($) { if ($.support.cors || !$.ajaxTransport || !window.XDomainRequest) { return } var n = /^https?:\/\//i; var o = /^get|post$/i; var p = new RegExp('^' + location.protocol, 'i'); $.ajaxTransport('* text html xml json', function (j, k, l) { if (!j.crossDomain || !j.async || !o.test(j.type) || !n.test(j.url) || !p.test(j.url)) { return } var m = null; return { send: function (f, g) { var h = ''; var i = (k.dataType || '').toLowerCase(); m = new XDomainRequest(); if (/^\d+$/.test(k.timeout)) { m.timeout = k.timeout } m.ontimeout = function () { g(500, 'timeout') }; m.onload = function () { var a = 'Content-Length: ' + m.responseText.length + '\r\nContent-Type: ' + m.contentType; var b = { code: 200, message: 'success' }; var c = { text: m.responseText }; try { if (i === 'html' || /text\/html/i.test(m.contentType)) { c.html = m.responseText } else if (i === 'json' || (i !== 'text' && /\/json/i.test(m.contentType))) { try { c.json = $.parseJSON(m.responseText) } catch (e) { b.code = 500; b.message = 'parseerror' } } else if (i === 'xml' || (i !== 'text' && /\/xml/i.test(m.contentType))) { var d = new ActiveXObject('Microsoft.XMLDOM'); d.async = false; try { d.loadXML(m.responseText) } catch (e) { d = undefined } if (!d || !d.documentElement || d.getElementsByTagName('parsererror').length) { b.code = 500; b.message = 'parseerror'; throw 'Invalid XML: ' + m.responseText; } c.xml = d } } catch (parseMessage) { throw parseMessage; } finally { g(b.code, b.message, c, a) } }; m.onprogress = function () { }; m.onerror = function () { g(500, 'error', { text: m.responseText }) }; if (k.data) { h = ($.type(k.data) === 'string') ? k.data : $.param(k.data) } m.open(j.type, j.url); m.send(h) }, abort: function () { if (m) { m.abort() } } } }) }));

            //Si es escritorio, cargo la caja
            if (mobile == false) {
                jQuery.ajax({
                    type: "post",
                    url: "https://www.e-tsw.com/Search/Box?af=krystal&ln=&cu=", //krystaloe
                    success: function (data) {
                        jQuery("#liquidBoxContainer").html(data);
                        jQuery("#viewPackages .tab-labels").text("Hotel + Avión");
                        jQuery("#viewHotels .tab-labels").text("Hotel");
                        //Cambio de afiliado
                        changeAf();
                    }
                });

            } else { 
                $("#motorKrystal").attr("href", "//reservaciones.krystal-hotels.com.mx/?af=MKrystalMX"); //MKrystalOE
                changeAf("MKrystalMX");
            }
        });
       
        function heightBarCard() {
            if (($(window).width() >= 751)) {
                $(".card .hoteles .card-title").css("height", "auto");
                $(".principal").each(function (indice) {
                    var maxH4 = 0;

                    $(this).find(".hoteles").each(function () {
                        if ($(this).children("h4").height() > maxH4) maxH4 = $(this).children("h4").outerHeight();
                    });
                    $(this).find(".hoteles>h4").outerHeight(maxH4);
                });
            }
            if (($(window).width() <= 750)) {
                $(".card .hoteles .card-title").css("height", "auto");
            }
        }

        $("#msi").fancybox({
            width: 475,
            height: 400,
            autoScale: false,
            transitionIn: 'none',
            transitionOut: 'none',
            type: 'iframe',
            afterLoad: function () {
                $('.fancybox-wrap').addClass('auto-width');
            }
        });
        $(document).ready(function () {
            $(window).resize(function () {
                heightBarCard();
            });
            $(".tyc").fancybox();
            $('[data-toggle="tooltip"]').tooltip();
        });
        $(window).on("load", function () {
            heightBarCard();
        });

        /*Caja de busqueda visible cuando se hace scroll down*/
        var ScrollDownTablet = function () {
            var nav = $('#contentResBox');
            if ($(this).scrollTop() > 237) {
                nav.addClass("ScrollDown-SearchBox");
            } else {
                nav.removeClass("ScrollDown-SearchBox");
            }
        }
        var ScrollDownDesk = function () {
            var nav = $('#contentResBox');
            if ($(this).scrollTop() > 341) {
                nav.addClass("ScrollDown-SearchBox");
            } else {
                nav.removeClass("ScrollDown-SearchBox");
            }
        }

        $(window).resize(function () {
            if (($(window).width() >= 651)) {
                $(window).scroll(function () { ScrollDownDesk(); });
            }
            if (($(window).width() >= 584 && $(window).width() <= 650)) {
                $(window).scroll(function () { ScrollDownTablet(); });
            }

            if (($(window).width() >= 559)) {
                var Altura = 0;
                $('.leyenda span').each(function (indice, elemento) {
                    var AlturaTem = $(this).height();
                    if (AlturaTem > Altura) {
                        Altura = AlturaTem;
                    }
                });
                $('.leyenda').css({ 'height': Altura });
            }
            if (($(window).width() <= 558)) {
                $('.leyenda').css({ 'height': 'auto' });
            }
        });

        
    </script>
    <script type="text/javascript">
        const notificationIxtapaContainer = document.getElementById("notificationIxtapaContainer");
        const ixtapaNotificatioBarClose = document.getElementById("ixtapa-notification-bar-close");

        ixtapaNotificatioBarClose.addEventListener("click", function () {
            notificationIxtapaContainer.style.display = 'none';
        });

    </script>
</body>


</html>