{"id":12223,"date":"2026-03-18T22:56:23","date_gmt":"2026-03-19T04:56:23","guid":{"rendered":"https:\/\/sunnyside.com.mx\/?page_id=12223"},"modified":"2026-09-24T12:25:59","modified_gmt":"2026-09-24T18:25:59","slug":"tranfers-zihua","status":"publish","type":"page","link":"https:\/\/sunnyside.com.mx\/es\/tranfers-zihua\/","title":{"rendered":"Airport transfers zihua"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12223\" class=\"elementor elementor-12223\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c8cb72 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7c8cb72\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7df71b4\" data-id=\"7df71b4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9321f2c elementor-widget elementor-widget-html\" data-id=\"9321f2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"ss-transfer-gallery-03\">\n\n  <div class=\"ssg03-shell\">\n\n    <!-- HERO -->\n\n    <div class=\"ssg03-top\">\n\n      <div class=\"ssg03-heading\">\n\n        <div class=\"ssg03-eyebrow\">\n          <span><\/span>\n          AIRPORT TRANSPORTATION\n        <\/div>\n\n        <h1>\n          Your Journey\n          Starts Here\n\n          <em>\n            in Ixtapa Zihuatanejo\n          <\/em>\n        <\/h1>\n\n      <\/div>\n\n\n      <p>\n        Book reliable airport transfers with professional drivers,\n        comfortable vehicles, and on-time service. Start your trip with\n        a smooth, safe, and stress-free ride.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- SWITCH -->\n\n    <div class=\"ssg03-tabs\">\n\n      <button\n        class=\"ssg03-tab is-active\"\n        data-target=\"ssg03-shared\">\n        Shared\n      <\/button>\n\n      <button\n        class=\"ssg03-tab\"\n        data-target=\"ssg03-sedan\">\n        Sedan\n      <\/button>\n\n      <button\n        class=\"ssg03-tab\"\n        data-target=\"ssg03-private\">\n        Private\n      <\/button>\n\n      <button\n        class=\"ssg03-tab\"\n        data-target=\"ssg03-luxury\">\n        Luxury\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"ssg03-mobile\">\n\n      <select id=\"ssg03-select\">\n\n        <option value=\"ssg03-shared\">\n          Shared Transfer\n        <\/option>\n\n        <option value=\"ssg03-sedan\">\n          Sedan Transfer\n        <\/option>\n\n        <option value=\"ssg03-private\">\n          Private Transfer\n        <\/option>\n\n        <option value=\"ssg03-luxury\">\n          Luxury Transfer\n        <\/option>\n\n      <\/select>\n\n    <\/div>\n\n\n    <!-- SHARED -->\n\n    <article\n      id=\"ssg03-shared\"\n      class=\"ssg03-panel is-active\">\n\n      <div class=\"ssg03-stage\">\n\n        <div class=\"ssg03-label\">\n          01 \u00b7 SHARED SERVICE\n        <\/div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SPRINTER-1.png\"\n          alt=\"Shared Transfer\">\n\n        <div class=\"ssg03-title\">\n          Shared Transfer\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssg03-meta\">\n\n        <div>\n          <small>SERVICE<\/small>\n          <strong>Shared Ride<\/strong>\n        <\/div>\n\n        <div>\n          <small>INCLUDED<\/small>\n          <strong>Meet &amp; Greet<\/strong>\n        <\/div>\n\n        <div>\n          <small>COMFORT<\/small>\n          <strong>Air Conditioned<\/strong>\n        <\/div>\n\n        <div class=\"ssg03-price\">\n          <small>STARTING FROM<\/small>\n          <strong>$285<\/strong>\n          <span>MXN<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- SEDAN -->\n\n    <article\n      id=\"ssg03-sedan\"\n      class=\"ssg03-panel\">\n\n      <div class=\"ssg03-stage\">\n\n        <div class=\"ssg03-label\">\n          02 \u00b7 EXECUTIVE SERVICE\n        <\/div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/SEDAN-1.png\"\n          alt=\"Sedan Transfer\">\n\n        <div class=\"ssg03-title\">\n          Sedan Transfer\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssg03-meta\">\n\n        <div>\n          <small>UP TO<\/small>\n          <strong>3 Passengers<\/strong>\n        <\/div>\n\n        <div>\n          <small>INCLUDED<\/small>\n          <strong>Flight Tracking<\/strong>\n        <\/div>\n\n        <div>\n          <small>COMFORT<\/small>\n          <strong>Air Conditioned<\/strong>\n        <\/div>\n\n        <div class=\"ssg03-price\">\n          <small>STARTING FROM<\/small>\n          <strong>$795<\/strong>\n          <span>MXN<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- PRIVATE -->\n\n    <article\n      id=\"ssg03-private\"\n      class=\"ssg03-panel\">\n\n      <div class=\"ssg03-stage\">\n\n        <div class=\"ssg03-label\">\n          03 \u00b7 PRIVATE SERVICE\n        <\/div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/HIACE-1.png\"\n          alt=\"Private Transfer\">\n\n        <div class=\"ssg03-title\">\n          Private Transfer\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssg03-meta\">\n\n        <div>\n          <small>UP TO<\/small>\n          <strong>17 Passengers<\/strong>\n        <\/div>\n\n        <div>\n          <small>INCLUDED<\/small>\n          <strong>Flight Tracking<\/strong>\n        <\/div>\n\n        <div>\n          <small>COMFORT<\/small>\n          <strong>Air Conditioned<\/strong>\n        <\/div>\n\n        <div class=\"ssg03-price\">\n          <small>STARTING FROM<\/small>\n          <strong>$1,560<\/strong>\n          <span>MXN<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- LUXURY -->\n\n    <article\n      id=\"ssg03-luxury\"\n      class=\"ssg03-panel\">\n\n      <div class=\"ssg03-stage\">\n\n        <div class=\"ssg03-label\">\n          04 \u00b7 PREMIUM EXPERIENCE\n        <\/div>\n\n        <img decoding=\"async\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/03\/suburban3.jpg.jpeg\"\n          alt=\"Luxury Transfer\">\n\n        <div class=\"ssg03-title\">\n          Luxury Transfer\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ssg03-meta\">\n\n        <div>\n          <small>UP TO<\/small>\n          <strong>6 Passengers<\/strong>\n        <\/div>\n\n        <div>\n          <small>INCLUDED<\/small>\n          <strong>Flight Tracking<\/strong>\n        <\/div>\n\n        <div>\n          <small>EXPERIENCE<\/small>\n          <strong>Premium Comfort<\/strong>\n        <\/div>\n\n        <div class=\"ssg03-price\">\n          <small>STARTING FROM<\/small>\n          <strong>$1,890<\/strong>\n          <span>MXN<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#ss-transfer-gallery-03,\n#ss-transfer-gallery-03 *,\n#ss-transfer-gallery-03 *::before,\n#ss-transfer-gallery-03 *::after{\n  box-sizing:border-box;\n}\n\n\n#ss-transfer-gallery-03{\n  position:relative;\n\n  width:100vw;\n\n  left:50%;\n  margin-left:-50vw;\n\n  padding:\n    80px\n    clamp(20px,5vw,80px);\n\n  background:#F6F8FA;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-shell{\n  width:min(1380px,100%);\n\n  margin:auto;\n\n  background:#FFFFFF;\n\n  border:\n    1px solid #DDE4EC;\n\n  box-shadow:\n    0 25px 70px rgba(7,29,52,.08);\n}\n\n\n\/* TOP *\/\n\n#ss-transfer-gallery-03 .ssg03-top{\n  display:grid;\n\n  grid-template-columns:\n    1.15fr\n    .85fr;\n\n  gap:60px;\n\n  align-items:end;\n\n  padding:\n    48px\n    52px;\n\n  background:#071D34;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-eyebrow{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  color:#FFC629;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.17em;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-eyebrow span{\n  width:28px;\n  height:2px;\n\n  background:#FFC629;\n}\n\n\n#ss-transfer-gallery-03 h1{\n  max-width:650px;\n\n  margin:\n    17px 0 0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(43px,4.7vw,66px);\n\n  line-height:.93;\n\n  font-weight:400;\n}\n\n\n#ss-transfer-gallery-03 h1 em{\n  display:block;\n\n  margin-top:12px;\n\n  color:#FFC629;\n\n  font-size:.59em;\n\n  font-weight:400;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-top > p{\n  margin:0;\n\n  color:\n    rgba(255,255,255,.62);\n\n  font-size:13px;\n\n  line-height:1.7;\n}\n\n\n\/* TABS *\/\n\n#ss-transfer-gallery-03 .ssg03-tabs{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,1fr);\n\n  border-bottom:\n    1px solid #DDE4EC;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-tab{\n  min-height:60px;\n\n  border:0;\n\n  border-right:\n    1px solid #DDE4EC;\n\n  background:#FFFFFF;\n\n  color:#687688;\n\n  cursor:pointer;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  transition:.2s ease;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-tab:last-child{\n  border-right:0;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-tab.is-active{\n  color:#071D34;\n\n  box-shadow:\n    inset 0 -4px 0 #FFC629;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-mobile{\n  display:none;\n}\n\n\n\/* PANELS *\/\n\n#ss-transfer-gallery-03 .ssg03-panel{\n  display:none;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-panel.is-active{\n  display:block;\n\n  animation:\n    ssg03Fade .3s ease;\n}\n\n\n@keyframes ssg03Fade{\n\n  from{\n    opacity:0;\n  }\n\n  to{\n    opacity:1;\n  }\n\n}\n\n\n\/* VEHICLE STAGE *\/\n\n#ss-transfer-gallery-03 .ssg03-stage{\n  position:relative;\n\n  min-height:500px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  padding:\n    65px\n    50px\n    90px;\n\n  background:#FFFFFF;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-stage img{\n  width:min(650px,72%);\n\n  height:340px;\n\n  object-fit:contain !important;\n\n  mix-blend-mode:multiply;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-label{\n  position:absolute;\n\n  left:48px;\n  top:35px;\n\n  color:#0C67CC;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.14em;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-title{\n  position:absolute;\n\n  left:48px;\n  bottom:34px;\n\n  color:#071D34;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(28px,3vw,40px);\n}\n\n\n\/* META *\/\n\n#ss-transfer-gallery-03 .ssg03-meta{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr)\n    1.25fr;\n\n  background:#071D34;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-meta > div{\n  min-height:112px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    20px\n    24px;\n\n  border-right:\n    1px solid rgba(255,255,255,.13);\n}\n\n\n#ss-transfer-gallery-03 .ssg03-meta > div:last-child{\n  border-right:0;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-meta small{\n  color:\n    rgba(255,255,255,.43);\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:.13em;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-meta strong{\n  margin-top:5px;\n\n  color:#FFFFFF;\n\n  font-size:12px;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-price{\n  text-align:center;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-price strong{\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(38px,4vw,52px);\n\n  font-weight:400;\n\n  line-height:.9;\n}\n\n\n#ss-transfer-gallery-03 .ssg03-price span{\n  margin-top:5px;\n\n  color:#FFC629;\n\n  font-size:8px;\n\n  font-weight:900;\n}\n\n\n@media(max-width:800px){\n\n  #ss-transfer-gallery-03 .ssg03-top{\n    grid-template-columns:1fr;\n\n    gap:20px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-tabs{\n    display:none;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-mobile{\n    display:block;\n\n    padding:\n      18px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-mobile select{\n    width:100%;\n\n    height:52px;\n\n    padding:\n      0\n      14px;\n\n    border:\n      1px solid #DDE4EC;\n\n    background:#FFFFFF;\n\n    color:#071D34;\n\n    font-size:14px;\n\n    font-weight:700;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-meta{\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n}\n\n\n@media(max-width:620px){\n\n  #ss-transfer-gallery-03{\n    padding:\n      50px\n      16px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-top{\n    padding:\n      38px\n      24px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-stage{\n    min-height:380px;\n\n    padding:\n      55px\n      20px\n      75px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-stage img{\n    width:100%;\n\n    height:230px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-label{\n    left:20px;\n    top:24px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-title{\n    left:20px;\n    bottom:25px;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-meta{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-meta > div{\n    min-height:67px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid rgba(255,255,255,.13);\n  }\n\n\n  #ss-transfer-gallery-03 .ssg03-price{\n    min-height:110px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const root =\n    document.getElementById(\n      'ss-transfer-gallery-03'\n    );\n\n  if(!root) return;\n\n\n  const tabs =\n    root.querySelectorAll(\n      '.ssg03-tab'\n    );\n\n  const panels =\n    root.querySelectorAll(\n      '.ssg03-panel'\n    );\n\n  const select =\n    root.querySelector(\n      '#ssg03-select'\n    );\n\n\n  function show(target){\n\n    tabs.forEach(function(tab){\n\n      tab.classList.toggle(\n        'is-active',\n        tab.dataset.target === target\n      );\n\n    });\n\n\n    panels.forEach(function(panel){\n\n      panel.classList.toggle(\n        'is-active',\n        panel.id === target\n      );\n\n    });\n\n\n    if(select){\n      select.value=target;\n    }\n\n  }\n\n\n  tabs.forEach(function(tab){\n\n    tab.addEventListener(\n      'click',\n      function(){\n\n        show(\n          this.dataset.target\n        );\n\n      }\n    );\n\n  });\n\n\n  select.addEventListener(\n    'change',\n    function(){\n\n      show(\n        this.value\n      );\n\n    }\n  );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50b7a64 elementor-widget elementor-widget-html\" data-id=\"50b7a64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\nSUNNYSIDE DMC SERVICES\nAIRPORT TRANSFER REQUEST FORM\nFINAL \u2014 OPTION 02 \/ CONCIERGE SPLIT\n\nPRESERVES:\n- FORMSPREE ENDPOINT\n- ALL ORIGINAL FIELD NAMES + IDS\n- COUNTRY CODES\n- FULL HOTEL LIST\n- SHARED \/ SEDAN \/ PRIVATE \/ LUXURY\n- SHARED + SEDAN = ARRIVAL ONLY\n- PRIVATE + LUXURY = APT \/ HTL \/ ROUND TRIP\n- AIRLINES + FLIGHT DATABASE\n- OTHER AIRLINE \/ OTHER FLIGHT\n- ARRIVAL \/ DEPARTURE DATE VALIDATION\n- ALL 3 ADD-ONS + QUANTITY\n- SUCCESS MODAL\n============================================================ -->\n\n<section id=\"ss-book-transfer-final\">\n\n  <div class=\"ssbt-shell\">\n\n    <!-- ========================================================\n    LEFT \u2014 CONCIERGE PANEL\n    ========================================================= -->\n\n    <aside class=\"ssbt-side\">\n\n      <div class=\"ssbt-side-inner\">\n\n        <div class=\"ssbt-eyebrow\">\n          <span><\/span>\n          AIRPORT TRANSPORTATION\n        <\/div>\n\n        <h2>\n          Book Your\n          <em>Transfer<\/em>\n        <\/h2>\n\n        <p>\n          Tell us about your journey and our destination team will\n          coordinate the details of your airport transportation.\n        <\/p>\n\n        <div class=\"ssbt-steps\">\n\n          <div class=\"ssbt-step\">\n            <span>01<\/span>\n            <div>\n              <strong>Passenger<\/strong>\n              <small>Your traveler details<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"ssbt-step\">\n            <span>02<\/span>\n            <div>\n              <strong>Contact<\/strong>\n              <small>How we can reach you<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"ssbt-step\">\n            <span>03<\/span>\n            <div>\n              <strong>Journey<\/strong>\n              <small>Hotel, transfer &amp; flight<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"ssbt-step\">\n            <span>04<\/span>\n            <div>\n              <strong>Add-Ons<\/strong>\n              <small>Optional extras<\/small>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"ssbt-side-note\">\n          <span>\u2713<\/span>\n          <div>\n            <strong>Request now. Pay later.<\/strong>\n            <small>\n              Your reservation request will be reviewed before payment.\n            <\/small>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/aside>\n\n\n    <!-- ========================================================\n    RIGHT \u2014 FORM\n    ========================================================= -->\n\n    <div class=\"ssbt-form-side\">\n\n      <form\n        id=\"bookingForm\"\n        action=\"https:\/\/formspree.io\/f\/mdawbnya\"\n        method=\"POST\">\n\n        <input\n          type=\"hidden\"\n          id=\"tourName\"\n          name=\"TourOrActivity\">\n\n\n        <!-- ====================================================\n        01 PASSENGER\n        ==================================================== -->\n\n        <section class=\"ssbt-section\">\n\n          <header class=\"ssbt-section-head\">\n\n            <div class=\"ssbt-section-number\">\n              01\n            <\/div>\n\n            <div>\n              <span>TRAVELER DETAILS<\/span>\n              <h3>Passenger Information<\/h3>\n            <\/div>\n\n          <\/header>\n\n\n          <div class=\"ssbt-grid\">\n\n            <div class=\"ssbt-field ssbt-full\">\n\n              <label for=\"name\">\n                Full Name\n              <\/label>\n\n              <input\n                type=\"text\"\n                id=\"name\"\n                name=\"Name\"\n                placeholder=\"Enter full name\"\n                required>\n\n            <\/div>\n\n\n            <div class=\"ssbt-field ssbt-full\">\n\n              <label>\n                Number of People\n              <\/label>\n\n              <div class=\"ssbt-passengers\">\n\n                <div class=\"ssbt-number-field\">\n\n                  <span>ADULTS<\/span>\n\n                  <input\n                    type=\"number\"\n                    name=\"Adults\"\n                    min=\"1\"\n                    placeholder=\"Adults\"\n                    required>\n\n                <\/div>\n\n\n                <div class=\"ssbt-number-field\">\n\n                  <span>CHILDREN<\/span>\n\n                  <input\n                    type=\"number\"\n                    name=\"Children\"\n                    min=\"0\"\n                    placeholder=\"Children\">\n\n                <\/div>\n\n\n                <div class=\"ssbt-number-field\">\n\n                  <span>INFANTS<\/span>\n\n                  <input\n                    type=\"number\"\n                    name=\"Infants\"\n                    min=\"0\"\n                    placeholder=\"Infants\">\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- ====================================================\n        02 CONTACT\n        ==================================================== -->\n\n        <section class=\"ssbt-section\">\n\n          <header class=\"ssbt-section-head\">\n\n            <div class=\"ssbt-section-number\">\n              02\n            <\/div>\n\n            <div>\n              <span>STAY CONNECTED<\/span>\n              <h3>Contact Information<\/h3>\n            <\/div>\n\n          <\/header>\n\n\n          <div class=\"ssbt-grid\">\n\n            <div class=\"ssbt-field\">\n\n              <label>\n                Email\n              <\/label>\n\n              <input\n                type=\"email\"\n                name=\"Email\"\n                placeholder=\"Enter email\"\n                required>\n\n            <\/div>\n\n\n            <div class=\"ssbt-field\">\n\n              <label>\n                Contact Phone\n              <\/label>\n\n              <div class=\"ssbt-phone\">\n\n                <select\n                  name=\"CountryCode\"\n                  required>\n\n                  <option value=\"\" disabled>\n                    Country code\n                  <\/option>\n\n                  <option value=\"+54\">\n                    \ud83c\udde6\ud83c\uddf7 Argentina +54\n                  <\/option>\n\n                  <option value=\"+61\">\n                    \ud83c\udde6\ud83c\uddfa Australia +61\n                  <\/option>\n\n                  <option value=\"+43\">\n                    \ud83c\udde6\ud83c\uddf9 Austria +43\n                  <\/option>\n\n                  <option value=\"+32\">\n                    \ud83c\udde7\ud83c\uddea Belgium +32\n                  <\/option>\n\n                  <option value=\"+55\">\n                    \ud83c\udde7\ud83c\uddf7 Brazil +55\n                  <\/option>\n\n                  <option value=\"+1\">\n                    \ud83c\udde8\ud83c\udde6 Canada +1\n                  <\/option>\n\n                  <option value=\"+56\">\n                    \ud83c\udde8\ud83c\uddf1 Chile +56\n                  <\/option>\n\n                  <option value=\"+57\">\n                    \ud83c\udde8\ud83c\uddf4 Colombia +57\n                  <\/option>\n\n                  <option value=\"+45\">\n                    \ud83c\udde9\ud83c\uddf0 Denmark +45\n                  <\/option>\n\n                  <option value=\"+33\">\n                    \ud83c\uddeb\ud83c\uddf7 France +33\n                  <\/option>\n\n                  <option value=\"+49\">\n                    \ud83c\udde9\ud83c\uddea Germany +49\n                  <\/option>\n\n                  <option value=\"+39\">\n                    \ud83c\uddee\ud83c\uddf9 Italy +39\n                  <\/option>\n\n                  <option value=\"+52\" selected>\n                    \ud83c\uddf2\ud83c\uddfd Mexico +52\n                  <\/option>\n\n                  <option value=\"+31\">\n                    \ud83c\uddf3\ud83c\uddf1 Netherlands +31\n                  <\/option>\n\n                  <option value=\"+47\">\n                    \ud83c\uddf3\ud83c\uddf4 Norway +47\n                  <\/option>\n\n                  <option value=\"+507\">\n                    \ud83c\uddf5\ud83c\udde6 Panama +507\n                  <\/option>\n\n                  <option value=\"+51\">\n                    \ud83c\uddf5\ud83c\uddea Peru +51\n                  <\/option>\n\n                  <option value=\"+351\">\n                    \ud83c\uddf5\ud83c\uddf9 Portugal +351\n                  <\/option>\n\n                  <option value=\"+34\">\n                    \ud83c\uddea\ud83c\uddf8 Spain +34\n                  <\/option>\n\n                  <option value=\"+46\">\n                    \ud83c\uddf8\ud83c\uddea Sweden +46\n                  <\/option>\n\n                  <option value=\"+41\">\n                    \ud83c\udde8\ud83c\udded Switzerland +41\n                  <\/option>\n\n                  <option value=\"+44\">\n                    \ud83c\uddec\ud83c\udde7 United Kingdom +44\n                  <\/option>\n\n                  <option value=\"+1\">\n                    \ud83c\uddfa\ud83c\uddf8 United States +1\n                  <\/option>\n\n                <\/select>\n\n\n                <input\n                  type=\"tel\"\n                  name=\"PhoneNumber\"\n                  placeholder=\"Phone number\"\n                  required>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- ====================================================\n        03 FLIGHT + TRANSFER\n        ==================================================== -->\n\n        <section class=\"ssbt-section\">\n\n          <header class=\"ssbt-section-head\">\n\n            <div class=\"ssbt-section-number\">\n              03\n            <\/div>\n\n            <div>\n              <span>YOUR JOURNEY<\/span>\n              <h3>Flight &amp; Transfer Information<\/h3>\n            <\/div>\n\n          <\/header>\n\n\n          <div class=\"ssbt-grid\">\n\n            <!-- HOTEL -->\n\n            <div class=\"ssbt-field\">\n\n              <label>\n                Hotel\n              <\/label>\n\n              <select\n                name=\"Hotel\"\n                required>\n\n                <option\n                  value=\"Not decided yet\"\n                  selected>\n                  Not decided yet\n                <\/option>\n\n                <option value=\"Airbnb \/ Rental Apartments\">\n                  Airbnb \/ Rental Apartments\n                <\/option>\n\n                <option>\n                  Azul Ixtapa Hotels Beach Resort &amp; Convention Center\n                <\/option>\n\n                <option>\n                  Azul Ixtapa Grand Beach Resort Spa &amp; Convention Center\n                <\/option>\n\n                <option>\n                  Barcel\u00f3 Ixtapa Beach\n                <\/option>\n\n                <option>\n                  Cala de Mar Resort &amp; Spa Ixtapa\n                <\/option>\n\n                <option>\n                  Emporio Ixtapa\n                <\/option>\n\n                <option>\n                  Ensue\u00f1o De Fuga\n                <\/option>\n\n                <option>\n                  Fabuloso Hotel Las Vegas\n                <\/option>\n\n                <option>\n                  Gamma Plaza Ixtapa\n                <\/option>\n\n                <option>\n                  Hilton Grand Vacations Club Zihuatanejo\n                <\/option>\n\n                <option>\n                  Holiday Inn Resort Ixtapa All-Inclusive\n                <\/option>\n\n                <option>\n                  Hotel Azul Ixtapa All Inclusive Beach Resort\n                <\/option>\n\n                <option>\n                  Hotel Casa Sun &amp; Moon\n                <\/option>\n\n                <option>\n                  Hotel Fontaine Ixtapa Beach Resort\n                <\/option>\n\n                <option>\n                  Hotel Irma\n                <\/option>\n\n                <option>\n                  Hotel Krystal Ixtapa All Inclusive\n                <\/option>\n\n                <option>\n                  Hotel Qualton Club Ixtapa\n                <\/option>\n\n                <option>\n                  Hotel Tesoro Ixtapa All Inclusive\n                <\/option>\n\n                <option>\n                  Ixtapa Palace Resort &amp; Spa\n                <\/option>\n\n                <option>\n                  La Casa Que Canta\n                <\/option>\n\n                <option>\n                  Las Brisas Ixtapa\n                <\/option>\n\n                <option>\n                  Marea Beachfront Villas\n                <\/option>\n\n                <option>\n                  Pac\u00edfica Resort Ixtapa All-Inclusive\n                <\/option>\n\n                <option>\n                  Park Royal Beach Ixtapa\n                <\/option>\n\n                <option>\n                  Portofino Hotel &amp; Restaurante\n                <\/option>\n\n                <option>\n                  Sarai Suites Ixtapa\n                <\/option>\n\n                <option>\n                  Sunscape Dorado Pacifico Ixtapa Resort &amp; Spa\n                <\/option>\n\n                <option>\n                  Tesoro Ixtapa All Inclusive\n                <\/option>\n\n                <option>\n                  Thompson Zihuatanejo, A Beach Resort, by Hyatt\n                <\/option>\n\n                <option>\n                  Villa del Pescador\n                <\/option>\n\n                <option>\n                  Villa Mexicana\n                <\/option>\n\n                <option>\n                  Option: hotel not in list\n                <\/option>\n\n              <\/select>\n\n            <\/div>\n\n\n            <!-- TRANSFER TYPE -->\n\n            <div class=\"ssbt-field\">\n\n              <label for=\"transferType\">\n                Transfer Type\n              <\/label>\n\n              <select\n                id=\"transferType\"\n                name=\"TransferType\"\n                required>\n\n                <option\n                  value=\"\"\n                  disabled\n                  selected>\n                  Select transfer type\n                <\/option>\n\n                <option value=\"Shared Transfer\">\n                  Shared Transfer \u2014 Arrival Only\n                <\/option>\n\n                <option value=\"Sedan Private\">\n                  Sedan Private \u2014 Arrival Only\n                <\/option>\n\n                <option value=\"Private Transfer\">\n                  Private Transfer\n                <\/option>\n\n                <option value=\"Private Luxury\">\n                  Private Luxury\n                <\/option>\n\n              <\/select>\n\n            <\/div>\n\n          <\/div>\n\n\n          <!-- ==================================================\n          PROGRESSIVE\n          ================================================== -->\n\n          <div\n            id=\"progressiveFields\"\n            class=\"ssbt-progressive\"\n            style=\"display:none;\">\n\n\n            <div class=\"ssbt-progressive-route\">\n\n              <div class=\"ssbt-field\">\n\n                <label id=\"labelRoute\">\n                  Select Route\n                <\/label>\n\n                <select\n                  id=\"transferRoute\"\n                  name=\"TransferRoute\">\n\n                  <option\n                    value=\"\"\n                    disabled\n                    selected>\n                    Select route\n                  <\/option>\n\n                  <option value=\"APT\">\n                    APT \u2192 HTL\n                  <\/option>\n\n                  <option value=\"HTL\">\n                    HTL \u2192 APT\n                  <\/option>\n\n                  <option value=\"RT\">\n                    Round Trip\n                  <\/option>\n\n                <\/select>\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- ================================================\n            FLIGHT CARDS\n            ================================================ -->\n\n            <div class=\"ssbt-flight-grid\">\n\n\n              <!-- ARRIVAL -->\n\n              <div\n                id=\"arrivalBlock\"\n                class=\"ssbt-flight-card\"\n                style=\"display:none;\">\n\n                <header class=\"ssbt-flight-head\">\n\n                  <div>\n                    <span>ARRIVAL<\/span>\n                    <h4>Arrival Flight<\/h4>\n                  <\/div>\n\n                  <b>01<\/b>\n\n                <\/header>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Arrival Date\n                  <\/label>\n\n                  <input\n                    type=\"date\"\n                    id=\"arrivalDate\"\n                    name=\"ArrivalDate\">\n\n                <\/div>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Airline (Arrival)\n                  <\/label>\n\n                  <select\n                    id=\"airlineArrival\"\n                    name=\"AirlineArrival\">\n\n                    <option\n                      value=\"\"\n                      disabled\n                      selected>\n                      Select airline\n                    <\/option>\n\n                  <\/select>\n\n\n                  <input\n                    type=\"text\"\n                    id=\"airlineArrivalOther\"\n                    name=\"AirlineArrivalOther\"\n                    placeholder=\"Enter airline\"\n                    class=\"ssbt-other\"\n                    style=\"display:none;\">\n\n                <\/div>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Flight Number (Arrival)\n                  <\/label>\n\n                  <select\n                    id=\"flightArrival\"\n                    name=\"FlightArrival\">\n\n                    <option\n                      value=\"\"\n                      disabled\n                      selected>\n                      Select flight\n                    <\/option>\n\n                  <\/select>\n\n\n                  <input\n                    type=\"text\"\n                    id=\"flightArrivalOther\"\n                    name=\"FlightArrivalOther\"\n                    placeholder=\"Enter flight number\"\n                    class=\"ssbt-other\"\n                    style=\"display:none;\">\n\n                <\/div>\n\n              <\/div>\n\n\n              <!-- DEPARTURE -->\n\n              <div\n                id=\"departureBlock\"\n                class=\"ssbt-flight-card\"\n                style=\"display:none;\">\n\n                <header class=\"ssbt-flight-head\">\n\n                  <div>\n                    <span>DEPARTURE<\/span>\n                    <h4>Departure Flight<\/h4>\n                  <\/div>\n\n                  <b>02<\/b>\n\n                <\/header>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Departure Date\n                  <\/label>\n\n                  <input\n                    type=\"date\"\n                    id=\"departDate\"\n                    name=\"DepartDate\">\n\n                <\/div>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Airline (Departure)\n                  <\/label>\n\n                  <select\n                    id=\"airlineDeparture\"\n                    name=\"AirlineDeparture\">\n\n                    <option\n                      value=\"\"\n                      disabled\n                      selected>\n                      Select airline\n                    <\/option>\n\n                  <\/select>\n\n\n                  <input\n                    type=\"text\"\n                    id=\"airlineDepartureOther\"\n                    name=\"AirlineDepartureOther\"\n                    placeholder=\"Enter airline\"\n                    class=\"ssbt-other\"\n                    style=\"display:none;\">\n\n                <\/div>\n\n\n                <div class=\"ssbt-field\">\n\n                  <label>\n                    Flight Number (Departure)\n                  <\/label>\n\n                  <select\n                    id=\"flightDeparture\"\n                    name=\"FlightDeparture\">\n\n                    <option\n                      value=\"\"\n                      disabled\n                      selected>\n                      Select flight\n                    <\/option>\n\n                  <\/select>\n\n\n                  <input\n                    type=\"text\"\n                    id=\"flightDepartureOther\"\n                    name=\"FlightDepartureOther\"\n                    placeholder=\"Enter flight number\"\n                    class=\"ssbt-other\"\n                    style=\"display:none;\">\n\n                <\/div>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- ====================================================\n        04 ADD-ONS\n        ==================================================== -->\n\n        <section class=\"ssbt-section\">\n\n          <header class=\"ssbt-section-head\">\n\n            <div class=\"ssbt-section-number\">\n              04\n            <\/div>\n\n            <div>\n              <span>OPTIONAL EXTRAS<\/span>\n              <h3>Add-Ons<\/h3>\n            <\/div>\n\n          <\/header>\n\n\n          <div class=\"ssbt-addons\">\n\n\n            <!-- CAR SEAT -->\n\n            <article class=\"ssbt-addon\">\n\n              <div class=\"ssbt-addon-image\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/car_seat-1.png\"\n                  alt=\"Car Seat\">\n\n              <\/div>\n\n\n              <div class=\"ssbt-addon-content\">\n\n                <div class=\"ssbt-addon-top\">\n\n                  <h4>\n                    Car Seat \/ Booster Seat\n                  <\/h4>\n\n                  <strong>\n                    $350 MXN\n                  <\/strong>\n\n                <\/div>\n\n\n                <p>\n                  Safety seat suitable for infants and children.\n                  Installed before your arrival.\n                <\/p>\n\n\n                <input\n                  type=\"hidden\"\n                  name=\"Addon_CarSeat_Qty\"\n                  id=\"carSeatQty\"\n                  value=\"0\">\n\n\n                <div class=\"ssbt-qty\">\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"carSeatQty\"\n                    data-qty-change=\"-1\"\n                    aria-label=\"Remove car seat\">\n                    \u2212\n                  <\/button>\n\n                  <span id=\"carSeatQtyDisplay\">\n                    0\n                  <\/span>\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"carSeatQty\"\n                    data-qty-change=\"1\"\n                    aria-label=\"Add car seat\">\n                    +\n                  <\/button>\n\n                <\/div>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- BEER -->\n\n            <article class=\"ssbt-addon\">\n\n              <div class=\"ssbt-addon-image\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/e0b3cfcb-98bb-43f6-88a0-3db61985c782.png\"\n                  alt=\"Beer Pack\">\n\n              <\/div>\n\n\n              <div class=\"ssbt-addon-content\">\n\n                <div class=\"ssbt-addon-top\">\n\n                  <h4>\n                    4 Beers Pack\n                  <\/h4>\n\n                  <strong>\n                    $250 MXN\n                  <\/strong>\n\n                <\/div>\n\n\n                <ul>\n                  <li>4 beers of your selection<\/li>\n                  <li>Cost $390 MXN at the airport<\/li>\n                  <li>You save 140 MXN<\/li>\n                <\/ul>\n\n\n                <input\n                  type=\"hidden\"\n                  name=\"Addon_BeerPack_Qty\"\n                  id=\"beerQty\"\n                  value=\"0\">\n\n\n                <div class=\"ssbt-qty\">\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"beerQty\"\n                    data-qty-change=\"-1\"\n                    aria-label=\"Remove beer pack\">\n                    \u2212\n                  <\/button>\n\n                  <span id=\"beerQtyDisplay\">\n                    0\n                  <\/span>\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"beerQty\"\n                    data-qty-change=\"1\"\n                    aria-label=\"Add beer pack\">\n                    +\n                  <\/button>\n\n                <\/div>\n\n              <\/div>\n\n            <\/article>\n\n\n            <!-- WELCOME -->\n\n            <article class=\"ssbt-addon\">\n\n              <div class=\"ssbt-addon-image\">\n\n                <img decoding=\"async\"\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/1bad1ca4-6d77-42a0-b5cc-dc975fe91b44.png\"\n                  alt=\"Welcome Package\">\n\n              <\/div>\n\n\n              <div class=\"ssbt-addon-content\">\n\n                <div class=\"ssbt-addon-top\">\n\n                  <h4>\n                    Welcome Package\n                  <\/h4>\n\n                  <strong>\n                    $280 MXN\n                  <\/strong>\n\n                <\/div>\n\n\n                <ul>\n                  <li>2 Coca-Cola<\/li>\n                  <li>2 bottled waters<\/li>\n                  <li>1 bag of chips<\/li>\n                <\/ul>\n\n\n                <input\n                  type=\"hidden\"\n                  name=\"Addon_WelcomePackage_Qty\"\n                  id=\"welcomeQty\"\n                  value=\"0\">\n\n\n                <div class=\"ssbt-qty\">\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"welcomeQty\"\n                    data-qty-change=\"-1\"\n                    aria-label=\"Remove welcome package\">\n                    \u2212\n                  <\/button>\n\n                  <span id=\"welcomeQtyDisplay\">\n                    0\n                  <\/span>\n\n                  <button\n                    type=\"button\"\n                    data-qty-target=\"welcomeQty\"\n                    data-qty-change=\"1\"\n                    aria-label=\"Add welcome package\">\n                    +\n                  <\/button>\n\n                <\/div>\n\n              <\/div>\n\n            <\/article>\n\n          <\/div>\n\n        <\/section>\n\n\n        <!-- ====================================================\n        NOTES\n        ==================================================== -->\n\n        <section class=\"ssbt-final\">\n\n          <div class=\"ssbt-field\">\n\n            <label>\n              Additional Information\n            <\/label>\n\n            <textarea\n              name=\"Message\"\n              placeholder=\"Additional information...\"><\/textarea>\n\n          <\/div>\n\n\n          <div class=\"ssbt-submit-area\">\n\n            <button\n              type=\"submit\"\n              class=\"ssbt-submit\">\n\n              <span class=\"ssbt-submit-copy\">\n\n                <small>\n                  SEND RESERVATION REQUEST\n                <\/small>\n\n                <strong>\n                  Book Now, Pay Later\n                <\/strong>\n\n              <\/span>\n\n              <span class=\"ssbt-submit-arrow\">\n                \u2192\n              <\/span>\n\n            <\/button>\n\n\n            <p class=\"ssbt-submit-note\">\n              No payment is required to submit your request.\n            <\/p>\n\n          <\/div>\n\n        <\/section>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ========================================================\n  SUCCESS MODAL\n  ========================================================= -->\n\n  <div\n    class=\"ssbt-modal\"\n    aria-hidden=\"true\">\n\n    <div\n      class=\"ssbt-modal-box\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"ssbt-success-title\">\n\n      <button\n        type=\"button\"\n        class=\"ssbt-modal-close\"\n        aria-label=\"Close\">\n        \u00d7\n      <\/button>\n\n\n      <div class=\"ssbt-modal-check\">\n        \u2713\n      <\/div>\n\n\n      <div class=\"ssbt-modal-eyebrow\">\n        RESERVATION REQUEST\n      <\/div>\n\n\n      <h3 id=\"ssbt-success-title\">\n        Request Successfully Sent\n      <\/h3>\n\n\n      <p>\n        Sunnyside will contact you. Please stay tuned to your contact\n        info. Thank you for choosing us.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nRESET\n============================================================ *\/\n\n#ss-book-transfer-final,\n#ss-book-transfer-final *,\n#ss-book-transfer-final *::before,\n#ss-book-transfer-final *::after{\n  box-sizing:border-box;\n}\n\n\n\/* ============================================================\nMAIN\n============================================================ *\/\n\n#ss-book-transfer-final{\n  position:relative;\n\n  width:100vw;\n  max-width:100vw;\n\n  left:50%;\n  margin-left:-50vw;\n\n  padding:\n    90px\n    clamp(20px,5vw,80px);\n\n  background:#F6F8FA;\n\n  color:#071D34;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\/* ============================================================\nMAIN SHELL\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-shell{\n  width:min(1340px,100%);\n\n  margin:auto;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(300px,.68fr)\n    minmax(0,1.72fr);\n\n  align-items:stretch;\n\n  background:#FFFFFF;\n\n  border:\n    1px solid #DDE4EC;\n\n  box-shadow:\n    0 25px 70px rgba(7,29,52,.08);\n}\n\n\n\/* ============================================================\nLEFT PANEL\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-side{\n  position:relative;\n\n  min-width:0;\n\n  background:#071D34;\n\n  color:#FFFFFF;\n}\n\n\n#ss-book-transfer-final .ssbt-side::after{\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  bottom:0;\n\n  height:5px;\n\n  background:#FFC629;\n}\n\n\n#ss-book-transfer-final .ssbt-side-inner{\n  position:sticky;\n\n  top:28px;\n\n  padding:\n    58px\n    42px\n    52px;\n}\n\n\n\/* EYEBROW *\/\n\n#ss-book-transfer-final .ssbt-eyebrow{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:19px;\n\n  color:#FFC629;\n\n  font-size:8px;\n\n  line-height:1;\n\n  font-weight:900;\n\n  letter-spacing:.18em;\n}\n\n\n#ss-book-transfer-final .ssbt-eyebrow span{\n  width:27px;\n  height:2px;\n\n  background:#FFC629;\n}\n\n\n\/* LEFT TITLE *\/\n\n#ss-book-transfer-final .ssbt-side h2{\n  margin:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(43px,4.2vw,64px);\n\n  line-height:.92;\n\n  font-weight:400;\n\n  letter-spacing:-.045em;\n}\n\n\n#ss-book-transfer-final .ssbt-side h2 em{\n  display:block;\n\n  color:#FFC629;\n\n  font-weight:400;\n\n  font-style:italic;\n}\n\n\n#ss-book-transfer-final .ssbt-side-inner > p{\n  margin:\n    23px 0 0;\n\n  color:\n    rgba(255,255,255,.68);\n\n  font-size:14px;\n\n  line-height:1.75;\n}\n\n\n\/* ============================================================\nLEFT STEPS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-steps{\n  margin-top:44px;\n\n  border-top:\n    1px solid rgba(255,255,255,.13);\n}\n\n\n#ss-book-transfer-final .ssbt-step{\n  display:grid;\n\n  grid-template-columns:\n    28px\n    1fr;\n\n  align-items:center;\n\n  gap:12px;\n\n  padding:\n    17px 0;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.13);\n}\n\n\n#ss-book-transfer-final .ssbt-step > span{\n  color:#FFC629;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.08em;\n}\n\n\n#ss-book-transfer-final .ssbt-step strong{\n  display:block;\n\n  color:#FFFFFF;\n\n  font-size:12px;\n\n  font-weight:800;\n}\n\n\n#ss-book-transfer-final .ssbt-step small{\n  display:block;\n\n  margin-top:3px;\n\n  color:\n    rgba(255,255,255,.43);\n\n  font-size:9px;\n\n  line-height:1.3;\n}\n\n\n\/* ============================================================\nLEFT NOTE\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-side-note{\n  display:grid;\n\n  grid-template-columns:\n    38px\n    1fr;\n\n  gap:12px;\n\n  align-items:center;\n\n  margin-top:35px;\n\n  padding:\n    16px;\n\n  border:\n    1px solid rgba(255,255,255,.15);\n\n  background:\n    rgba(255,255,255,.035);\n}\n\n\n#ss-book-transfer-final .ssbt-side-note > span{\n  width:36px;\n  height:36px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid #FFC629;\n\n  border-radius:50%;\n\n  color:#FFC629;\n\n  font-size:14px;\n\n  font-weight:900;\n}\n\n\n#ss-book-transfer-final .ssbt-side-note strong{\n  display:block;\n\n  color:#FFFFFF;\n\n  font-size:11px;\n\n  font-weight:800;\n}\n\n\n#ss-book-transfer-final .ssbt-side-note small{\n  display:block;\n\n  margin-top:3px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size:9px;\n\n  line-height:1.4;\n}\n\n\n\/* ============================================================\nFORM SIDE\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-form-side{\n  min-width:0;\n\n  background:#FFFFFF;\n}\n\n\n\/* ============================================================\nFORM SECTIONS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-section{\n  padding:\n    44px\n    clamp(25px,4vw,58px);\n\n  border-bottom:\n    1px solid #E2E7EC;\n}\n\n\n\/* SECTION TITLE *\/\n\n#ss-book-transfer-final .ssbt-section-head{\n  display:grid;\n\n  grid-template-columns:\n    44px\n    1fr;\n\n  align-items:center;\n\n  gap:16px;\n\n  margin-bottom:30px;\n}\n\n\n#ss-book-transfer-final .ssbt-section-number{\n  width:42px;\n  height:42px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  background:#071D34;\n\n  color:#FFC629;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.07em;\n}\n\n\n#ss-book-transfer-final .ssbt-section-head span{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#0C67CC;\n\n  font-size:8px;\n\n  line-height:1;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n}\n\n\n#ss-book-transfer-final .ssbt-section-head h3{\n  margin:0 !important;\n\n  color:#071D34 !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(25px,2.5vw,32px);\n\n  line-height:1;\n\n  font-weight:400;\n}\n\n\n\/* ============================================================\nFORM GRID\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:\n    21px\n    22px;\n}\n\n\n#ss-book-transfer-final .ssbt-full{\n  grid-column:\n    1 \/ -1;\n}\n\n\n\/* ============================================================\nFIELDS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-field{\n  min-width:0;\n}\n\n\n#ss-book-transfer-final label{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#34495D;\n\n  font-size:10.5px;\n\n  line-height:1.2;\n\n  font-weight:800;\n}\n\n\n#ss-book-transfer-final input,\n#ss-book-transfer-final select,\n#ss-book-transfer-final textarea{\n  width:100%;\n\n  min-height:52px;\n\n  padding:\n    0\n    15px;\n\n  margin:0;\n\n  border:\n    1px solid #D7DFE7;\n\n  border-radius:0;\n\n  outline:0;\n\n  background:#FFFFFF;\n\n  color:#172B3E;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:14px;\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n\n#ss-book-transfer-final textarea{\n  min-height:132px;\n\n  padding:\n    14px 15px;\n\n  resize:vertical;\n}\n\n\n#ss-book-transfer-final input::placeholder,\n#ss-book-transfer-final textarea::placeholder{\n  color:#9AA5B0;\n}\n\n\n#ss-book-transfer-final input:focus,\n#ss-book-transfer-final select:focus,\n#ss-book-transfer-final textarea:focus{\n  border-color:#0C67CC;\n\n  box-shadow:\n    0 0 0 3px rgba(12,103,204,.07);\n\n  background:#FFFFFF;\n}\n\n\n\/* ============================================================\nPASSENGERS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-passengers{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:10px;\n}\n\n\n#ss-book-transfer-final .ssbt-number-field{\n  padding:\n    12px;\n\n  background:#F7F9FB;\n\n  border:\n    1px solid #E0E6EC;\n}\n\n\n#ss-book-transfer-final .ssbt-number-field > span{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:#7B8794;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.12em;\n}\n\n\n#ss-book-transfer-final .ssbt-number-field input{\n  background:#FFFFFF;\n}\n\n\n\/* ============================================================\nPHONE\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-phone{\n  display:grid;\n\n  grid-template-columns:\n    minmax(160px,.9fr)\n    1.1fr;\n\n  gap:9px;\n}\n\n\n\/* ============================================================\nPROGRESSIVE SECTION\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-progressive{\n  margin-top:27px;\n\n  padding:\n    27px;\n\n  background:#F7F9FB;\n\n  border-top:\n    3px solid #FFC629;\n\n  animation:\n    ssbtReveal .25s ease;\n}\n\n\n@keyframes ssbtReveal{\n\n  from{\n    opacity:0;\n    transform:translateY(-5px);\n  }\n\n  to{\n    opacity:1;\n    transform:none;\n  }\n\n}\n\n\n#ss-book-transfer-final .ssbt-progressive-route{\n  max-width:100%;\n}\n\n\n\/* ============================================================\nFLIGHT CARDS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-flight-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:18px;\n\n  margin-top:20px;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-card{\n  padding:\n    23px;\n\n  background:#FFFFFF;\n\n  border:\n    1px solid #DDE4EC;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-head{\n  display:flex;\n\n  align-items:flex-start;\n\n  justify-content:space-between;\n\n  gap:15px;\n\n  margin-bottom:21px;\n\n  padding-bottom:16px;\n\n  border-bottom:\n    1px solid #E4E8EC;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-head span{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#0C67CC;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.14em;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-head h4{\n  margin:0 !important;\n\n  color:#071D34;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:23px;\n\n  line-height:1;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-head b{\n  color:#DDE4EC;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:29px;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-card .ssbt-field{\n  margin-top:15px;\n}\n\n\n#ss-book-transfer-final .ssbt-flight-card .ssbt-field:first-of-type{\n  margin-top:0;\n}\n\n\n#ss-book-transfer-final .ssbt-other{\n  margin-top:9px !important;\n}\n\n\n\/* ============================================================\nADD-ONS\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-addons{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:16px;\n}\n\n\n#ss-book-transfer-final .ssbt-addon{\n  min-width:0;\n\n  display:flex;\n\n  flex-direction:column;\n\n  overflow:hidden;\n\n  border:\n    1px solid #DDE4EC;\n\n  background:#FFFFFF;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n\n#ss-book-transfer-final .ssbt-addon:hover{\n  transform:\n    translateY(-3px);\n\n  border-color:#C8D3DE;\n\n  box-shadow:\n    0 12px 28px rgba(7,29,52,.07);\n}\n\n\n#ss-book-transfer-final .ssbt-addon-image{\n  height:170px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:\n    14px;\n\n  background:#F7F9FB;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-image img{\n  width:100%;\n  height:100%;\n\n  display:block;\n\n  object-fit:contain;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-content{\n  flex:1;\n\n  display:flex;\n\n  flex-direction:column;\n\n  padding:\n    19px;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-top{\n  display:flex;\n\n  align-items:flex-start;\n\n  justify-content:space-between;\n\n  gap:12px;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-top h4{\n  margin:0 !important;\n\n  color:#071D34;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:19px;\n\n  line-height:1.1;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-top > strong{\n  flex:0 0 auto;\n\n  color:#0C67CC;\n\n  font-size:11px;\n\n  line-height:1.3;\n\n  font-weight:900;\n\n  white-space:nowrap;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-content p,\n#ss-book-transfer-final .ssbt-addon-content ul{\n  margin:\n    14px 0 18px;\n\n  color:#697786;\n\n  font-size:12px;\n\n  line-height:1.55;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-content ul{\n  padding-left:17px;\n}\n\n\n#ss-book-transfer-final .ssbt-addon-content li{\n  margin-bottom:3px;\n}\n\n\n\/* ============================================================\nQUANTITY\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-qty{\n  display:grid;\n\n  grid-template-columns:\n    36px\n    1fr\n    36px;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-top:auto;\n\n  padding-top:14px;\n\n  border-top:\n    1px solid #E2E7EC;\n}\n\n\n#ss-book-transfer-final .ssbt-qty button{\n  width:36px;\n  height:36px;\n\n  padding:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid #071D34;\n\n  border-radius:50%;\n\n  background:#FFFFFF;\n\n  color:#071D34;\n\n  cursor:pointer;\n\n  font-size:18px;\n\n  line-height:1;\n\n  font-weight:500;\n\n  transition:\n    background .2s ease,\n    color .2s ease;\n}\n\n\n#ss-book-transfer-final .ssbt-qty button:hover{\n  background:#071D34;\n\n  color:#FFFFFF;\n}\n\n\n#ss-book-transfer-final .ssbt-qty span{\n  text-align:center;\n\n  color:#071D34;\n\n  font-size:18px;\n\n  font-weight:800;\n}\n\n\n\/* ============================================================\nFINAL SECTION\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-final{\n  padding:\n    42px\n    clamp(25px,4vw,58px)\n    48px;\n\n  background:#FFFFFF;\n}\n\n\n#ss-book-transfer-final .ssbt-submit-area{\n  margin-top:20px;\n}\n\n\n\/* ============================================================\nSUBMIT\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-submit{\n  width:100%;\n\n  min-height:67px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n\n  padding:\n    0\n    23px;\n\n  border:0;\n\n  border-radius:0;\n\n  background:#071D34;\n\n  color:#FFFFFF;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  transition:\n    background .2s ease,\n    transform .2s ease;\n}\n\n\n#ss-book-transfer-final .ssbt-submit:hover{\n  background:#0C67CC;\n\n  transform:\n    translateY(-1px);\n}\n\n\n#ss-book-transfer-final .ssbt-submit-copy{\n  display:block;\n}\n\n\n#ss-book-transfer-final .ssbt-submit-copy small{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#FFC629;\n\n  font-size:7px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n}\n\n\n#ss-book-transfer-final .ssbt-submit-copy strong{\n  display:block;\n\n  color:#FFFFFF;\n\n  font-size:14px;\n\n  font-weight:800;\n}\n\n\n#ss-book-transfer-final .ssbt-submit-arrow{\n  flex:0 0 auto;\n\n  color:#FFC629;\n\n  font-size:25px;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-submit-note{\n  margin:\n    10px 0 0;\n\n  color:#84909C;\n\n  font-size:9.5px;\n\n  text-align:center;\n}\n\n\n\/* ============================================================\nSUCCESS MODAL\n============================================================ *\/\n\n#ss-book-transfer-final .ssbt-modal{\n  position:fixed;\n\n  inset:0;\n\n  z-index:999999;\n\n  display:none;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:20px;\n\n  background:\n    rgba(7,29,52,.75);\n\n  backdrop-filter:\n    blur(3px);\n}\n\n\n#ss-book-transfer-final .ssbt-modal.is-open{\n  display:flex;\n}\n\n\n#ss-book-transfer-final .ssbt-modal-box{\n  position:relative;\n\n  width:min(490px,100%);\n\n  padding:\n    44px\n    38px;\n\n  background:#FFFFFF;\n\n  border-top:\n    4px solid #FFC629;\n\n  text-align:center;\n\n  box-shadow:\n    0 30px 85px rgba(0,0,0,.23);\n}\n\n\n#ss-book-transfer-final .ssbt-modal-close{\n  position:absolute;\n\n  top:10px;\n  right:15px;\n\n  width:auto;\n  height:auto;\n\n  padding:0;\n\n  border:0;\n\n  background:transparent;\n\n  color:#071D34;\n\n  cursor:pointer;\n\n  font-size:27px;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-modal-check{\n  width:54px;\n  height:54px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  margin:\n    0 auto 18px;\n\n  border:\n    2px solid #FFC629;\n\n  border-radius:50%;\n\n  color:#071D34;\n\n  font-size:21px;\n\n  font-weight:900;\n}\n\n\n#ss-book-transfer-final .ssbt-modal-eyebrow{\n  margin-bottom:8px;\n\n  color:#0C67CC;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:.15em;\n}\n\n\n#ss-book-transfer-final .ssbt-modal h3{\n  margin:\n    0 0 13px !important;\n\n  color:#071D34 !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:31px;\n\n  line-height:1;\n\n  font-weight:400;\n}\n\n\n#ss-book-transfer-final .ssbt-modal p{\n  max-width:390px;\n\n  margin:auto;\n\n  color:#697786;\n\n  font-size:14px;\n\n  line-height:1.65;\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:1050px){\n\n  #ss-book-transfer-final .ssbt-shell{\n    grid-template-columns:\n      minmax(260px,.58fr)\n      minmax(0,1.42fr);\n  }\n\n\n  #ss-book-transfer-final .ssbt-side-inner{\n    padding:\n      46px\n      30px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addons{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addon{\n    display:grid;\n\n    grid-template-columns:\n      210px\n      1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addon-image{\n    height:100%;\n\n    min-height:200px;\n  }\n\n}\n\n\n\/* ============================================================\nSMALL TABLET\n============================================================ *\/\n\n@media(max-width:850px){\n\n  #ss-book-transfer-final{\n    padding:\n      65px\n      20px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-shell{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-side-inner{\n    position:relative;\n\n    top:auto;\n  }\n\n\n  #ss-book-transfer-final .ssbt-steps{\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,1fr);\n  }\n\n\n  #ss-book-transfer-final .ssbt-step:nth-child(odd){\n    padding-right:15px;\n\n    border-right:\n      1px solid rgba(255,255,255,.13);\n  }\n\n\n  #ss-book-transfer-final .ssbt-step:nth-child(even){\n    padding-left:15px;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:620px){\n\n  #ss-book-transfer-final{\n    padding:\n      52px\n      16px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-side-inner{\n    padding:\n      38px\n      24px\n      42px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-side h2{\n    font-size:\n      clamp(43px,13vw,56px);\n  }\n\n\n  #ss-book-transfer-final .ssbt-steps{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-step:nth-child(odd),\n  #ss-book-transfer-final .ssbt-step:nth-child(even){\n    padding-left:0;\n    padding-right:0;\n\n    border-right:0;\n  }\n\n\n  #ss-book-transfer-final .ssbt-section{\n    padding:\n      32px\n      20px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-grid{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-full{\n    grid-column:auto;\n  }\n\n\n  #ss-book-transfer-final .ssbt-passengers{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-phone{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-progressive{\n    padding:\n      20px\n      15px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-flight-grid{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-flight-card{\n    padding:\n      20px\n      16px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addons{\n    grid-template-columns:1fr;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addon{\n    display:flex;\n\n    flex-direction:column;\n  }\n\n\n  #ss-book-transfer-final .ssbt-addon-image{\n    height:180px;\n\n    min-height:0;\n  }\n\n\n  #ss-book-transfer-final .ssbt-final{\n    padding:\n      32px\n      20px\n      38px;\n  }\n\n\n  #ss-book-transfer-final .ssbt-modal-box{\n    padding:\n      40px\n      24px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const root =\n    document.getElementById(\n      'ss-book-transfer-final'\n    );\n\n  if(!root) return;\n\n\n  \/* ============================================================\n  ELEMENTS\n  ============================================================ *\/\n\n  const form =\n    root.querySelector(\n      '#bookingForm'\n    );\n\n  const transferType =\n    root.querySelector(\n      '#transferType'\n    );\n\n  const progressiveFields =\n    root.querySelector(\n      '#progressiveFields'\n    );\n\n  const routeSelect =\n    root.querySelector(\n      '#transferRoute'\n    );\n\n\n  const arrivalBlock =\n    root.querySelector(\n      '#arrivalBlock'\n    );\n\n  const departureBlock =\n    root.querySelector(\n      '#departureBlock'\n    );\n\n\n  const airlineArrival =\n    root.querySelector(\n      '#airlineArrival'\n    );\n\n  const flightArrival =\n    root.querySelector(\n      '#flightArrival'\n    );\n\n  const airlineArrivalOther =\n    root.querySelector(\n      '#airlineArrivalOther'\n    );\n\n  const flightArrivalOther =\n    root.querySelector(\n      '#flightArrivalOther'\n    );\n\n\n  const airlineDeparture =\n    root.querySelector(\n      '#airlineDeparture'\n    );\n\n  const flightDeparture =\n    root.querySelector(\n      '#flightDeparture'\n    );\n\n  const airlineDepartureOther =\n    root.querySelector(\n      '#airlineDepartureOther'\n    );\n\n  const flightDepartureOther =\n    root.querySelector(\n      '#flightDepartureOther'\n    );\n\n\n  const arrivalDate =\n    root.querySelector(\n      '#arrivalDate'\n    );\n\n  const departDate =\n    root.querySelector(\n      '#departDate'\n    );\n\n\n  const modal =\n    root.querySelector(\n      '.ssbt-modal'\n    );\n\n  const modalClose =\n    root.querySelector(\n      '.ssbt-modal-close'\n    );\n\n\n  \/* ============================================================\n  FLIGHT DATABASE \u2014 ARRIVALS\n  ============================================================ *\/\n\n  const arrivals = {\n\n    \"Volaris\":[\n      \"Y4470\",\n      \"Y47512\",\n      \"Y41403\",\n      \"Y43364\",\n      \"Y47953\",\n      \"Y4641\"\n    ],\n\n    \"Aeromexico\":[\n      \"AM1450\",\n      \"AM1452\",\n      \"AM1456\",\n      \"AM1451\"\n    ],\n\n    \"VivaAerobus\":[\n      \"VB9312\",\n      \"VB9313\",\n      \"XN1952\"\n    ],\n\n    \"United Airlines\":[\n      \"UA5405\",\n      \"UA6215\",\n      \"UA582\"\n    ],\n\n    \"American Airlines\":[\n      \"AA3738\",\n      \"AA3359\",\n      \"AA3651\",\n      \"AA3850\",\n      \"AA3695\"\n    ],\n\n    \"Alaska Airlines\":[\n      \"AS1442\",\n      \"AS1441\",\n      \"AS1375\"\n    ],\n\n    \"WestJet\":[\n      \"WS2408\",\n      \"WS2409\"\n    ],\n\n    \"Air Canada\":[\n      \"AC1342\",\n      \"AC1324\",\n      \"AC1334\",\n      \"AC1343\"\n    ],\n\n    \"Other\":[\n      \"Other\"\n    ]\n\n  };\n\n\n  \/* ============================================================\n  FLIGHT DATABASE \u2014 DEPARTURES\n  ============================================================ *\/\n\n  const departures = {\n\n    \"Volaris\":[\n      \"Y4471\",\n      \"Y41404\",\n      \"Y43365\",\n      \"Y47954\"\n    ],\n\n    \"Aeromexico\":[\n      \"AM1453\",\n      \"AM1457\"\n    ],\n\n    \"VivaAerobus\":[\n      \"VB9314\"\n    ],\n\n    \"United Airlines\":[\n      \"UA5406\"\n    ],\n\n    \"American Airlines\":[\n      \"AA3696\"\n    ],\n\n    \"Alaska Airlines\":[\n      \"AS1376\"\n    ],\n\n    \"WestJet\":[\n      \"WS2410\"\n    ],\n\n    \"Air Canada\":[\n      \"AC1344\"\n    ],\n\n    \"Other\":[\n      \"Other\"\n    ]\n\n  };\n\n\n  \/* ============================================================\n  HELPERS\n  ============================================================ *\/\n\n  function createOption(value,text){\n\n    const option =\n      document.createElement(\n        'option'\n      );\n\n    option.value =\n      value;\n\n    option.textContent =\n      text;\n\n    return option;\n\n  }\n\n\n  function populateAirlines(){\n\n    airlineArrival.innerHTML =\n      '<option value=\"\" disabled selected>Select airline<\/option>';\n\n    airlineDeparture.innerHTML =\n      '<option value=\"\" disabled selected>Select airline<\/option>';\n\n\n    Object.keys(arrivals)\n    .forEach(function(airline){\n\n      airlineArrival.appendChild(\n        createOption(\n          airline,\n          airline\n        )\n      );\n\n    });\n\n\n    \/*\n    Original form uses the same airline list for\n    departure selection. Flight availability is then\n    controlled by the departures database.\n    *\/\n\n    Object.keys(arrivals)\n    .forEach(function(airline){\n\n      airlineDeparture.appendChild(\n        createOption(\n          airline,\n          airline\n        )\n      );\n\n    });\n\n  }\n\n\n  function hideFlightBlocks(){\n\n    arrivalBlock.style.display =\n      'none';\n\n    departureBlock.style.display =\n      'none';\n\n  }\n\n\n  function hideOtherInputs(){\n\n    airlineArrivalOther.style.display =\n      'none';\n\n    flightArrivalOther.style.display =\n      'none';\n\n    airlineDepartureOther.style.display =\n      'none';\n\n    flightDepartureOther.style.display =\n      'none';\n\n  }\n\n\n  function resetAddonDisplays(){\n\n    [\n      'carSeatQty',\n      'beerQty',\n      'welcomeQty'\n    ].forEach(function(id){\n\n      const input =\n        root.querySelector(\n          '#' + id\n        );\n\n      const display =\n        root.querySelector(\n          '#' + id + 'Display'\n        );\n\n\n      if(input){\n        input.value='0';\n      }\n\n\n      if(display){\n        display.textContent='0';\n      }\n\n    });\n\n  }\n\n\n  \/* ============================================================\n  TRANSFER TYPE LOGIC\n  ============================================================ *\/\n\n  transferType.addEventListener(\n    'change',\n    function(){\n\n      progressiveFields.style.display =\n        'block';\n\n\n      populateAirlines();\n\n      hideOtherInputs();\n\n\n      \/*\n      SHARED + SEDAN:\n      ARRIVAL AIRPORT \u2192 HOTEL ONLY\n      *\/\n\n      if(\n        this.value === 'Sedan Private' ||\n        this.value === 'Shared Transfer'\n      ){\n\n        routeSelect.innerHTML =\n          '<option value=\"APT\" selected>APT \u2192 HTL<\/option>';\n\n\n        arrivalBlock.style.display =\n          'block';\n\n        departureBlock.style.display =\n          'none';\n\n      }\n\n\n      \/*\n      PRIVATE + LUXURY:\n      ARRIVAL \/ DEPARTURE \/ ROUND TRIP\n      *\/\n\n      else{\n\n        routeSelect.innerHTML = `\n          <option value=\"\" disabled selected>Select route<\/option>\n          <option value=\"APT\">APT \u2192 HTL<\/option>\n          <option value=\"HTL\">HTL \u2192 APT<\/option>\n          <option value=\"RT\">Round Trip<\/option>\n        `;\n\n\n        hideFlightBlocks();\n\n      }\n\n    }\n  );\n\n\n  \/* ============================================================\n  ROUTE LOGIC\n  ============================================================ *\/\n\n  routeSelect.addEventListener(\n    'change',\n    function(){\n\n      hideFlightBlocks();\n\n\n      if(this.value === 'APT'){\n\n        arrivalBlock.style.display =\n          'block';\n\n      }\n\n\n      else if(this.value === 'HTL'){\n\n        departureBlock.style.display =\n          'block';\n\n      }\n\n\n      else if(this.value === 'RT'){\n\n        arrivalBlock.style.display =\n          'block';\n\n        departureBlock.style.display =\n          'block';\n\n      }\n\n    }\n  );\n\n\n  \/* ============================================================\n  ARRIVAL AIRLINE \u2192 FLIGHTS\n  ============================================================ *\/\n\n  airlineArrival.addEventListener(\n    'change',\n    function(){\n\n      const airline =\n        this.value;\n\n\n      flightArrival.innerHTML =\n        '<option value=\"\" disabled selected>Select flight<\/option>';\n\n\n      airlineArrivalOther.style.display =\n        'none';\n\n      flightArrivalOther.style.display =\n        'none';\n\n\n      if(airline === 'Other'){\n\n        airlineArrivalOther.style.display =\n          'block';\n\n        flightArrivalOther.style.display =\n          'block';\n\n      }\n\n      else{\n\n        (arrivals[airline] || [])\n        .forEach(function(flight){\n\n          flightArrival.appendChild(\n            createOption(\n              flight,\n              flight\n            )\n          );\n\n        });\n\n      }\n\n    }\n  );\n\n\n  \/* ============================================================\n  DEPARTURE AIRLINE \u2192 FLIGHTS\n  ============================================================ *\/\n\n  airlineDeparture.addEventListener(\n    'change',\n    function(){\n\n      const airline =\n        this.value;\n\n\n      flightDeparture.innerHTML =\n        '<option value=\"\" disabled selected>Select flight<\/option>';\n\n\n      airlineDepartureOther.style.display =\n        'none';\n\n      flightDepartureOther.style.display =\n        'none';\n\n\n      if(airline === 'Other'){\n\n        airlineDepartureOther.style.display =\n          'block';\n\n        flightDepartureOther.style.display =\n          'block';\n\n      }\n\n      else{\n\n        (departures[airline] || [])\n        .forEach(function(flight){\n\n          flightDeparture.appendChild(\n            createOption(\n              flight,\n              flight\n            )\n          );\n\n        });\n\n      }\n\n    }\n  );\n\n\n  \/* ============================================================\n  ADD-ON QUANTITY\n  ============================================================ *\/\n\n  root\n  .querySelectorAll(\n    '[data-qty-target]'\n  )\n  .forEach(function(button){\n\n    button.addEventListener(\n      'click',\n      function(){\n\n        const fieldId =\n          this.dataset.qtyTarget;\n\n        const change =\n          parseInt(\n            this.dataset.qtyChange,\n            10\n          ) || 0;\n\n\n        const input =\n          root.querySelector(\n            '#' + fieldId\n          );\n\n\n        const display =\n          root.querySelector(\n            '#' + fieldId + 'Display'\n          );\n\n\n        if(!input) return;\n\n\n        let value =\n          parseInt(\n            input.value,\n            10\n          ) || 0;\n\n\n        value += change;\n\n\n        if(value < 0){\n          value=0;\n        }\n\n\n        input.value =\n          value;\n\n\n        if(display){\n\n          display.textContent =\n            value;\n\n        }\n\n      }\n    );\n\n  });\n\n\n  \/* ============================================================\n  SUCCESS MODAL\n  ============================================================ *\/\n\n  function openModal(){\n\n    modal.classList.add(\n      'is-open'\n    );\n\n    modal.setAttribute(\n      'aria-hidden',\n      'false'\n    );\n\n  }\n\n\n  function closeModal(){\n\n    modal.classList.remove(\n      'is-open'\n    );\n\n    modal.setAttribute(\n      'aria-hidden',\n      'true'\n    );\n\n  }\n\n\n  modalClose.addEventListener(\n    'click',\n    closeModal\n  );\n\n\n  modal.addEventListener(\n    'click',\n    function(event){\n\n      if(event.target === modal){\n\n        closeModal();\n\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    'keydown',\n    function(event){\n\n      if(\n        event.key === 'Escape' &&\n        modal.classList.contains('is-open')\n      ){\n\n        closeModal();\n\n      }\n\n    }\n  );\n\n\n  \/* ============================================================\n  FORM SUBMISSION\n  ============================================================ *\/\n\n  form.addEventListener(\n    'submit',\n    function(event){\n\n      event.preventDefault();\n\n\n      \/* ========================================================\n      ORIGINAL DATE VALIDATION\n      ======================================================== *\/\n\n      if(\n        departDate.value &&\n        arrivalDate.value\n      ){\n\n        if(\n          new Date(departDate.value) <=\n          new Date(arrivalDate.value)\n        ){\n\n          alert(\n            'Departure must be after arrival'\n          );\n\n          return;\n\n        }\n\n      }\n\n\n      const submitButton =\n        form.querySelector(\n          '.ssbt-submit'\n        );\n\n\n      const originalHTML =\n        submitButton.innerHTML;\n\n\n      submitButton.disabled =\n        true;\n\n\n      submitButton.innerHTML = `\n        <span class=\"ssbt-submit-copy\">\n          <small>PLEASE WAIT<\/small>\n          <strong>Sending Request...<\/strong>\n        <\/span>\n        <span class=\"ssbt-submit-arrow\">\u2022\u2022\u2022<\/span>\n      `;\n\n\n      const data =\n        new FormData(\n          form\n        );\n\n\n      fetch(\n        form.action,\n        {\n\n          method:'POST',\n\n          body:data,\n\n          headers:{\n            'Accept':'application\/json'\n          }\n\n        }\n      )\n\n      .then(function(response){\n\n        if(!response.ok){\n\n          throw new Error(\n            'Form submission error'\n          );\n\n        }\n\n\n        openModal();\n\n\n        \/*\n        Reset original form values.\n        *\/\n\n        form.reset();\n\n\n        \/*\n        Reset progressive UI.\n        *\/\n\n        progressiveFields.style.display =\n          'none';\n\n\n        hideFlightBlocks();\n\n        hideOtherInputs();\n\n\n        \/*\n        Reset visible add-on counters too.\n        *\/\n\n        resetAddonDisplays();\n\n\n        submitButton.disabled =\n          false;\n\n\n        submitButton.innerHTML =\n          originalHTML;\n\n      })\n\n      .catch(function(){\n\n        submitButton.disabled =\n          false;\n\n\n        submitButton.innerHTML =\n          originalHTML;\n\n\n        alert(\n          'There was a problem sending the form. Please try again.'\n        );\n\n      });\n\n    }\n  );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AIRPORT TRANSPORTATION Your Journey Starts Here in Ixtapa Zihuatanejo Book reliable airport transfers with professional drivers, comfortable vehicles, and on-time service. Start your trip with a smooth, safe, and stress-free ride. Shared Sedan Private Luxury Shared Transfer Sedan Transfer Private Transfer Luxury Transfer 01 \u00b7 SHARED SERVICE Shared Transfer SERVICE Shared Ride INCLUDED Meet &amp; [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-12223","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=12223"}],"version-history":[{"count":140,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12223\/revisions"}],"predecessor-version":[{"id":15929,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12223\/revisions\/15929"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=12223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}