Best Hotels in Calgary, Canada from 67US$/night

<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Calgary offers a captivating blend of urban sophistication and natural beauty, making it a must-visit destination for travelers. As the gateway to"> <title>Best Hotels in Calgary, Canada from 67US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/calgary-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Calgary, Canada from 67US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/calgary-hotels" title="English"> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/calgary-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/calgary-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/calgary-hotels" title="English"> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/calgary-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/yyc-hotels" title="Deutsch"> <link rel="alternate" hreflang="de-AT" type="text/html" href="https://touristvr.com/at/yyc-hotels" title="Deutsch"> <link rel="alternate" hreflang="de-CH" type="text/html" href="https://touristvr.com/ch/yyc-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-CA" type="text/html" href="https://touristvr.com/fr-ca/calgary-hotels" title="Français"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/yyc-hoteles" title="Español"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/yyc-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/yyc-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/yyc-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/yyc-hoteis" title="Português do Brasil"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "85US$", "address": { "@type": "PostalAddress", "streetAddress": "45 Hopewell Way Ne" }, "name": "Holiday Inn Express Airport Calgary, An IHG Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "86US$", "address": { "@type": "PostalAddress", "streetAddress": "888 7Th Avenue Southwest" }, "name": "Sandman Signature Calgary Downtown Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "77US$", "address": { "@type": "PostalAddress", "streetAddress": "6620 36Th Street Ne" }, "name": "Radisson Hotel & Conference Centre Calgary Airport" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "67US$", "address": { "@type": "PostalAddress", "streetAddress": "4611 Macleod Trail S.W." }, "name": "Comfort Inn & Suites Airport South" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "85US$", "address": { "@type": "PostalAddress", "streetAddress": "220 4 Avenue Southwest, Calgary, Ca" }, "name": "International Hotel Calgary" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "235US$", "address": { "@type": "PostalAddress", "streetAddress": "133 9Th Avenue Sw" }, "name": "The Fairmont Palliser" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "68US$", "address": { "@type": "PostalAddress", "streetAddress": "2363 Banff Trail Nw" }, "name": "Ramada Limited Calgary" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "107US$", "address": { "@type": "PostalAddress", "streetAddress": "525 5Th Avenue Sw" }, "name": "Courtyard by Marriott Calgary Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "204US$", "address": { "@type": "PostalAddress", "streetAddress": "525 5Th Avenue Sw" }, "name": "The Dorian, Autograph Collection" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "74US$", "address": { "@type": "PostalAddress", "streetAddress": "1935 Mcknight Boulevard Ne" }, "name": "Best Western Plus Port O'Call Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "122US$", "address": { "@type": "PostalAddress", "streetAddress": "Suite A - 711 4Th St. S.E." }, "name": "Hilton Garden Inn Calgary Downtown" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "68US$", "address": { "@type": "PostalAddress", "streetAddress": "25 Hopewell Way Ne" }, "name": "Sandman Hotel Calgary Airport" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/calgary-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ie/calgary-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ie.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IE</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ca/calgary-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/nz/calgary-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nz.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NZ</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/yyc-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/at/yyc-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/at.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AT</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/ch/yyc-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ch.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CH</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr-ca/calgary-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ca.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">CA</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/mx/yyc-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/es/yyc-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/yyc-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/yyc-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/br/yyc-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/br.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BR</span> <span class="text-secondary-950 text-base ">Português do Brasil</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/1920x1080/14362/1436266/1436266519.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/450x450/14362/1436266/1436266519.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Calgary Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Calgary Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Calgary</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 22, 2025 - Feb 23, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/canada-hotels/'>Canada Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-alberta/'>Alberta Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Calgary Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hampton-inn-suites-by-hilton-calgary-airport" data-bhotel-id="hampton-inn-suites-by-hilton-calgary-airport" data-name = "Hampton Inn & Suites By Hilton Calgary-Airport" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15514/1551457/1551457450.JPEG" data-lat="51.08687071" data-lng="-114.003606" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15514/1551457/1551457450.JPEG" alt="" loading="lazy" data-bhotel-id="43713" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (115)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hampton-inn-suites-by-hilton-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hampton Inn & Suites By Hilton Calgary-Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">87US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43713" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="wicked-hostels-calgary" data-bhotel-id="wicked-hostels-calgary" data-name = "Wicked Hostels - Calgary" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12003/1200373/1200373711.JPEG" data-lat="51.04556" data-lng="-114.07896" data-price = "33US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12003/1200373/1200373711.JPEG" alt="" loading="lazy" data-bhotel-id="1575379" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (97)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/wicked-hostels-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Wicked Hostels - Calgary</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">33US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1575379" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ramada-limited-calgary" data-bhotel-id="ramada-limited-calgary" data-name = "Ramada Limited Calgary" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11926/1192651/1192651516.JPEG" data-lat="51.06974983" data-lng="-114.115099" data-price = "68US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11926/1192651/1192651516.JPEG" alt="" loading="lazy" data-bhotel-id="252147" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (176)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ramada-limited-calgary-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ramada Limited Calgary</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">68US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="252147" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-11-mod-a-sonesta-collection" data-bhotel-id="hotel-11-mod-a-sonesta-collection" data-name = "Hotel 11, Mod A Sonesta Collection" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8006/800601/800601075.JPEG" data-lat="51.141113" data-lng="-114.025948" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8006/800601/800601075.JPEG" alt="" loading="lazy" data-bhotel-id="1544141" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (183)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-11-mod-a-sonesta-collection-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel 11, Mod A Sonesta Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1544141" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="travelodge-by-wyndham-calgary-south" data-bhotel-id="travelodge-by-wyndham-calgary-south" data-name = "Travelodge By Wyndham Calgary South" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12783/1278311/1278311944.JPEG" data-lat="50.990982" data-lng="-114.07096" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12783/1278311/1278311944.JPEG" alt="" loading="lazy" data-bhotel-id="493534" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (82)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/travelodge-by-wyndham-calgary-south" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Travelodge By Wyndham Calgary South</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="493534" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="days-inn-by-wyndham-calgary-northwest" data-bhotel-id="days-inn-by-wyndham-calgary-northwest" data-name = "Days Inn By Wyndham Calgary Northwest" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12773/1277395/1277395189.JPEG" data-lat="51.0682" data-lng="-114.1582" data-price = "75US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12773/1277395/1277395189.JPEG" alt="" loading="lazy" data-bhotel-id="417128" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (137)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/days-inn-by-wyndham-calgary-northwest" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Days Inn By Wyndham Calgary Northwest</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">75US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="417128" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sandman-hotel-calgary-airport" data-bhotel-id="sandman-hotel-calgary-airport" data-name = "Sandman Hotel Calgary Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15349/1534918/1534918342.JPEG" data-lat="51.0952" data-lng="-113.99914" data-price = "68US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15349/1534918/1534918342.JPEG" alt="" loading="lazy" data-bhotel-id="185539" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (115)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sandman-hotel-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sandman Hotel Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">68US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185539" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="roadking-inns-motel" data-bhotel-id="roadking-inns-motel" data-name = "Roadking Inns Motel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/11708/1170810/1170810429.JPEG" data-lat="51.01127" data-lng="-114.00314" data-price = "62US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11708/1170810/1170810429.JPEG" alt="" loading="lazy" data-bhotel-id="6957102" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (54)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/roadking-inns-motel-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Roadking Inns Motel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="6957102" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="radisson-hotel-conference-centre-calgary-airport" data-bhotel-id="radisson-hotel-conference-centre-calgary-airport" data-name = "Radisson Hotel & Conference Centre Calgary Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12830/1283075/1283075830.JPEG" data-lat="51.11204" data-lng="-113.9811" data-price = "94US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12830/1283075/1283075830.JPEG" alt="" loading="lazy" data-bhotel-id="676412" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (126)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/radisson-hotel-conference-centre-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Radisson Hotel & Conference Centre Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">94US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="676412" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="staybridge-suites-calgary-airport-an-ihg-hotel" data-bhotel-id="staybridge-suites-calgary-airport-an-ihg-hotel" data-name = "Staybridge Suites - Calgary Airport, An Ihg Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15988/1598894/1598894434.JPEG" data-lat="51.07148" data-lng="-114.00009" data-price = "71US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15988/1598894/1598894434.JPEG" alt="" loading="lazy" data-bhotel-id="185494" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (80)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/staybridge-suites-calgary-airport-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Staybridge Suites - Calgary Airport, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">71US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185494" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="courtyard-by-marriott-calgary-airport" data-bhotel-id="courtyard-by-marriott-calgary-airport" data-name = "Courtyard By Marriott Calgary Airport" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15529/1552908/1552908301.JPEG" data-lat="51.096111" data-lng="-113.998711" data-price = "126US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15529/1552908/1552908301.JPEG" alt="" loading="lazy" data-bhotel-id="357843" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (88)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/courtyard-by-marriott-calgary-airport-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Courtyard By Marriott Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">126US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="357843" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-westin-calgary" data-bhotel-id="the-westin-calgary" data-name = "The Westin Calgary" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14067/1406795/1406795870.JPEG" data-lat="51.049661" data-lng="-114.068948" data-price = "170US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14067/1406795/1406795870.JPEG" alt="" loading="lazy" data-bhotel-id="252488" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (106)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-westin-calgary-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Westin Calgary</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">170US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="252488" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-blackfoot" data-bhotel-id="hotel-blackfoot" data-name = "Hotel Blackfoot" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15479/1547993/1547993998.JPEG" data-lat="51.0003007009064" data-lng="-114.047770942467" data-price = "94US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15479/1547993/1547993998.JPEG" alt="" loading="lazy" data-bhotel-id="172698" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (142)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-blackfoot-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Blackfoot</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">94US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="172698" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="four-points-by-sheraton-calgary-airport" data-bhotel-id="four-points-by-sheraton-calgary-airport" data-name = "Four Points By Sheraton Calgary Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16329/1632994/1632994690.JPEG" data-lat="51.071032" data-lng="-113.999333" data-price = "156US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16329/1632994/1632994690.JPEG" alt="" loading="lazy" data-bhotel-id="256359" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (108)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/four-points-by-sheraton-calgary-airport-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Four Points By Sheraton Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">156US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="256359" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="aloft-hotel-calgary-university" data-bhotel-id="aloft-hotel-calgary-university" data-name = "Aloft Hotel Calgary University" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15453/1545375/1545375952.JPEG" data-lat="51.0700607299805" data-lng="-114.115242004395" data-price = "103US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15453/1545375/1545375952.JPEG" alt="" loading="lazy" data-bhotel-id="78749" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (130)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/aloft-hotel-calgary-university" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Aloft Hotel Calgary University</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">103US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78749" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="econo-lodge-motel-village" data-bhotel-id="econo-lodge-motel-village" data-name = "Econo Lodge Motel Village" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16110/1611074/1611074664.JPEG" data-lat="51.06739" data-lng="-114.11683" data-price = "47US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16110/1611074/1611074664.JPEG" alt="" loading="lazy" data-bhotel-id="255882" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (145)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/econo-lodge-motel-village-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Econo Lodge Motel Village</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">47US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="255882" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="fairfield-inn-suites-by-marriott-calgary-downtown" data-bhotel-id="fairfield-inn-suites-by-marriott-calgary-downtown" data-name = "Fairfield Inn & Suites By Marriott Calgary Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13747/1374748/1374748442.JPEG" data-lat="51.04148" data-lng="-114.06801" data-price = "154US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13747/1374748/1374748442.JPEG" alt="" loading="lazy" data-bhotel-id="1268059" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (145)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/fairfield-inn-suites-by-marriott-calgary-downtown" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Fairfield Inn & Suites By Marriott Calgary Downtown</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">154US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1268059" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="centro-motel" data-bhotel-id="centro-motel" data-name = "Centro Motel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6891/689168/689168064.JPEG" data-lat="51.070163" data-lng="-114.160905" data-price = "54US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6891/689168/689168064.JPEG" alt="" loading="lazy" data-bhotel-id="237590" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (218)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/centro-motel-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Centro Motel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">54US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="237590" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sheraton-suites-calgary-eau-claire" data-bhotel-id="sheraton-suites-calgary-eau-claire" data-name = "Sheraton Suites Calgary Eau Claire" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/14093/1409364/1409364062.JPEG" data-lat="51.05209" data-lng="-114.07" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14093/1409364/1409364062.JPEG" alt="" loading="lazy" data-bhotel-id="76974" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (105)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sheraton-suites-calgary-eau-claire" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sheraton Suites Calgary Eau Claire</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76974" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="carriage-house-hotel-and-conference-centre" data-bhotel-id="carriage-house-hotel-and-conference-centre" data-name = "Carriage House Hotel And Conference Centre" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10913/1091344/1091344683.JPEG" data-lat="50.9728305" data-lng="-114.0700934" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10913/1091344/1091344683.JPEG" alt="" loading="lazy" data-bhotel-id="172940" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (211)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/carriage-house-hotel-and-conference-centre-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Carriage House Hotel And Conference Centre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">90US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="172940" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ramada-plaza-by-wyndham-calgary-downtown" data-bhotel-id="ramada-plaza-by-wyndham-calgary-downtown" data-name = "Ramada Plaza By Wyndham Calgary Downtown" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12773/1277369/1277369569.JPEG" data-lat="51.04600108441408" data-lng="-114.07690844032913" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12773/1277369/1277369569.JPEG" alt="" loading="lazy" data-bhotel-id="285681" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (246)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ramada-plaza-by-wyndham-calgary-downtown-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ramada Plaza By Wyndham Calgary Downtown</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="285681" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="applause-hotel-calgary-airport-by-clique" data-bhotel-id="applause-hotel-calgary-airport-by-clique" data-name = "Applause Hotel Calgary Airport By Clique" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12787/1278796/1278796552.JPEG" data-lat="51.13898" data-lng="-114.02823" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12787/1278796/1278796552.JPEG" alt="" loading="lazy" data-bhotel-id="1531823" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (221)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/applause-hotel-calgary-airport-by-clique" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Applause Hotel Calgary Airport By Clique</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">110US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1531823" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="courtyard-by-marriott-calgary-south" data-bhotel-id="courtyard-by-marriott-calgary-south" data-name = "Courtyard By Marriott Calgary South" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16322/1632279/1632279352.JPEG" data-lat="50.8799" data-lng="-113.95559" data-price = "138US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16322/1632279/1632279352.JPEG" alt="" loading="lazy" data-bhotel-id="1518813" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (57)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/courtyard-by-marriott-calgary-south-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Courtyard By Marriott Calgary South</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">12.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">138US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1518813" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="coast-calgary-downtown-hotel-suites-by-apa" data-bhotel-id="coast-calgary-downtown-hotel-suites-by-apa" data-name = "Coast Calgary Downtown Hotel & Suites By Apa" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16110/1611074/1611074533.JPEG" data-lat="51.04983" data-lng="-114.07401" data-price = "83US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16110/1611074/1611074533.JPEG" alt="" loading="lazy" data-bhotel-id="255242" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (305)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/coast-calgary-downtown-hotel-suites-by-apa" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Coast Calgary Downtown Hotel & Suites By Apa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">83US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="255242" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="days-inn-by-wyndham-calgary-airport" data-bhotel-id="days-inn-by-wyndham-calgary-airport" data-name = "Days Inn By Wyndham Calgary Airport" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12775/1277580/1277580595.JPEG" data-lat="51.07182" data-lng="-113.99391" data-price = "73US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12775/1277580/1277580595.JPEG" alt="" loading="lazy" data-bhotel-id="76452" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (170)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/days-inn-by-wyndham-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Days Inn By Wyndham Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">73US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76452" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="days-inn-by-wyndham-calgary-south" data-bhotel-id="days-inn-by-wyndham-calgary-south" data-name = "Days Inn By Wyndham Calgary South" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15466/1546648/1546648888.JPEG" data-lat="51.020543" data-lng="-114.061091" data-price = "65US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15466/1546648/1546648888.JPEG" alt="" loading="lazy" data-bhotel-id="255895" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (580)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/days-inn-by-wyndham-calgary-south" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Days Inn By Wyndham Calgary South</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">65US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="255895" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="super-8-by-wyndham-calgaryairport" data-bhotel-id="super-8-by-wyndham-calgaryairport" data-name = "Super 8 By Wyndham Calgary/Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12783/1278313/1278313024.JPEG" data-lat="51.07947" data-lng="-114.0009" data-price = "61US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12783/1278313/1278313024.JPEG" alt="" loading="lazy" data-bhotel-id="359031" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (182)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/super-8-by-wyndham-calgary-airport-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Super 8 By Wyndham Calgary/Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">61US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="359031" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="residence-inn-by-marriott-calgary-airport" data-bhotel-id="residence-inn-by-marriott-calgary-airport" data-name = "Residence Inn By Marriott Calgary Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15508/1550894/1550894035.JPEG" data-lat="51.09629" data-lng="-113.9996" data-price = "239US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15508/1550894/1550894035.JPEG" alt="" loading="lazy" data-bhotel-id="357860" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (57)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/residence-inn-by-marriott-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Residence Inn By Marriott Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">239US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="357860" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="comfort-inn-suites-south" data-bhotel-id="comfort-inn-suites-south" data-name = "Comfort Inn & Suites South" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12775/1277525/1277525230.JPEG" data-lat="51.01238" data-lng="-114.06625" data-price = "88US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12775/1277525/1277525230.JPEG" alt="" loading="lazy" data-bhotel-id="489213" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (175)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/comfort-inn-suites-south-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Comfort Inn & Suites South</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="489213" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-calgary-south-an-ihg-hotel" data-bhotel-id="holiday-inn-express-calgary-south-an-ihg-hotel" data-name = "Holiday Inn Express Calgary South, An Ihg Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9513/951304/951304669.JPEG" data-lat="50.94603779" data-lng="-114.0694195" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9513/951304/951304669.JPEG" alt="" loading="lazy" data-bhotel-id="185496" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (86)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/holiday-inn-express-calgary-south-by-ihg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Calgary South, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.9 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">76US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185496" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hampton-inn-by-hilton-calgary-airport-north" data-bhotel-id="hampton-inn-by-hilton-calgary-airport-north" data-name = "Hampton Inn By Hilton Calgary Airport North" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12773/1277371/1277371837.JPEG" data-lat="51.14323" data-lng="-114.01203" data-price = "83US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12773/1277371/1277371837.JPEG" alt="" loading="lazy" data-bhotel-id="726127" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (211)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hampton-inn-by-hilton-calgary-airport-north" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hampton Inn By Hilton Calgary Airport North</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">83US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="726127" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-calgary-airport-an-ihg-hotel" data-bhotel-id="holiday-inn-calgary-airport-an-ihg-hotel" data-name = "Holiday Inn Calgary Airport, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16168/1616877/1616877340.JPEG" data-lat="51.06565" data-lng="-114.01206" data-price = "137US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16168/1616877/1616877340.JPEG" alt="" loading="lazy" data-bhotel-id="185493" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (177)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-calgary-airport-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Calgary Airport, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">137US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185493" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sandman-hotel-suites-calgary-west" data-bhotel-id="sandman-hotel-suites-calgary-west" data-name = "Sandman Hotel & Suites Calgary West" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8183/818310/818310179.JPEG" data-lat="51.08543" data-lng="-114.20887" data-price = "66US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8183/818310/818310179.JPEG" alt="" loading="lazy" data-bhotel-id="185541" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (93)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sandman-hotel-suites-calgary-west" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sandman Hotel & Suites Calgary West</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">66US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185541" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-airport-inn" data-bhotel-id="best-western-airport-inn" data-name = "Best Western Airport Inn" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12828/1282840/1282840543.JPEG" data-lat="51.06867" data-lng="-114.01451" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12828/1282840/1282840543.JPEG" alt="" loading="lazy" data-bhotel-id="76387" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (217)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-airport-inn-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Airport Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">112US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76387" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-garden-inn-calgary-airport" data-bhotel-id="hilton-garden-inn-calgary-airport" data-name = "Hilton Garden Inn Calgary Airport" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15801/1580158/1580158883.JPEG" data-lat="51.09415" data-lng="-114.00536" data-price = "93US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15801/1580158/1580158883.JPEG" alt="" loading="lazy" data-bhotel-id="43717" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (127)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hilton-garden-inn-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Garden Inn Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="43717" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-airport-calgary-an-ihg-hotel" data-bhotel-id="holiday-inn-express-airport-calgary-an-ihg-hotel" data-name = "Holiday Inn Express Airport Calgary, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14362/1436266/1436266021.JPEG" data-lat="51.094204" data-lng="-113.99826" data-price = "85US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14362/1436266/1436266021.JPEG" alt="" loading="lazy" data-bhotel-id="185495" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (82)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-airport-calgary-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Airport Calgary, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">85US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185495" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="delta-hotels-calgary-airport-in-terminal" data-bhotel-id="delta-hotels-calgary-airport-in-terminal" data-name = "Delta Hotels Calgary Airport In-Terminal" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/13614/1361432/1361432516.JPEG" data-lat="51.1309763889652" data-lng="-114.008384449074" data-price = "239US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13614/1361432/1361432516.JPEG" alt="" loading="lazy" data-bhotel-id="78715" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (376)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/delta-hotels-calgary-airport-in-terminal" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Delta Hotels Calgary Airport In-Terminal</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">239US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78715" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="residence-inn-by-marriott-calgary-downtownbeltline-district" data-bhotel-id="residence-inn-by-marriott-calgary-downtownbeltline-district" data-name = "Residence Inn By Marriott Calgary Downtown/Beltline District" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13522/1352207/1352207741.JPEG" data-lat="51.043583" data-lng="-114.074394" data-price = "139US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13522/1352207/1352207741.JPEG" alt="" loading="lazy" data-bhotel-id="4569957" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (103)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/residence-inn-by-marriott-calgary-downtown-beltline-district" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Residence Inn By Marriott Calgary Downtown/Beltline District</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">139US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4569957" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-premier-calgary-plaza-hotel-conference-centre" data-bhotel-id="best-western-premier-calgary-plaza-hotel-conference-centre" data-name = "Best Western Premier Calgary Plaza Hotel & Conference Centre" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12774/1277496/1277496907.JPEG" data-lat="51.064354" data-lng="-113.985985" data-price = "81US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12774/1277496/1277496907.JPEG" alt="" loading="lazy" data-bhotel-id="252168" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (247)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-premier-calgary-plaza-hotel-conference-centre" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Premier Calgary Plaza Hotel & Conference Centre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">81US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="252168" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="deerfoot-inn-and-casino" data-bhotel-id="deerfoot-inn-and-casino" data-name = "Deerfoot Inn And Casino" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6854/685405/685405338.JPEG" data-lat="50.94961355558528" data-lng="-113.98366433568299" data-price = "127US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6854/685405/685405338.JPEG" alt="" loading="lazy" data-bhotel-id="238766" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (111)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/deerfoot-inn-and-casino-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Deerfoot Inn And Casino</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">127US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="238766" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="calgary-marriott-downtown-hotel" data-bhotel-id="calgary-marriott-downtown-hotel" data-name = "Calgary Marriott Downtown Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7074/707486/707486557.JPEG" data-lat="51.04463" data-lng="-114.0626" data-price = "175US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7074/707486/707486557.JPEG" alt="" loading="lazy" data-bhotel-id="236229" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (141)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/calgary-marriott-downtown-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Calgary Marriott Downtown Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">175US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="236229" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="fairmont-palliser" data-bhotel-id="fairmont-palliser" data-name = "Fairmont Palliser" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16417/1641726/1641726238.JPEG" data-lat="51.04452" data-lng="-114.064768" data-price = "227US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16417/1641726/1641726238.JPEG" alt="" loading="lazy" data-bhotel-id="78695" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (472)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/fairmont-palliser-hotel-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Fairmont Palliser</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">227US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="78695" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-arts" data-bhotel-id="hotel-arts" data-name = "Hotel Arts" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12775/1277524/1277524264.JPEG" data-lat="51.04134" data-lng="-114.06468" data-price = "97US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12775/1277524/1277524264.JPEG" alt="" loading="lazy" data-bhotel-id="175512" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (245)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-arts-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Arts</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">97US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="175512" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="best-western-plus-port-ocall-hotel" data-bhotel-id="best-western-plus-port-ocall-hotel" data-name = "Best Western Plus Port O'Call Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15478/1547855/1547855191.JPEG" data-lat="51.091595" data-lng="-114.011978" data-price = "80US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15478/1547855/1547855191.JPEG" alt="" loading="lazy" data-bhotel-id="431072" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (198)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/best-western-plus-port-o-call-hotel-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Best Western Plus Port O'Call Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">80US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="431072" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grey-eagle-resort" data-bhotel-id="grey-eagle-resort" data-name = "Grey Eagle Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9267/926775/926775079.JPEG" data-lat="51.00749899999999" data-lng="-114.14722917790985" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9267/926775/926775079.JPEG" alt="" loading="lazy" data-bhotel-id="1005139" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (119)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/grey-eagle-resort-calgary" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Grey Eagle Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">4.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1005139" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-and-suites-calgary-an-ihg-hotel" data-bhotel-id="holiday-inn-express-and-suites-calgary-an-ihg-hotel" data-name = "Holiday Inn Express And Suites Calgary, An Ihg Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12774/1277440/1277440318.JPEG" data-lat="51.046306" data-lng="-114.084922" data-price = "157US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12774/1277440/1277440318.JPEG" alt="" loading="lazy" data-bhotel-id="185492" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (162)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/holiday-inn-express-and-suites-calgary-by-ihg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express And Suites Calgary, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">157US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="185492" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-clique-calgary-airport" data-bhotel-id="hotel-clique-calgary-airport" data-name = "Hotel Clique Calgary Airport" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6915/691521/691521291.JPEG" data-lat="51.13876" data-lng="-114.03477" data-price = "94US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6915/691521/691521291.JPEG" alt="" loading="lazy" data-bhotel-id="1231675" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (189)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-clique-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Clique Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">94US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1231675" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="emerald-hotel-suites-calgary-airport" data-bhotel-id="emerald-hotel-suites-calgary-airport" data-name = "Emerald Hotel & Suites Calgary Airport" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12069/1206922/1206922825.JPEG" data-lat="51.077484" data-lng="-113.997475" data-price = "41US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12069/1206922/1206922825.JPEG" alt="" loading="lazy" data-bhotel-id="76417" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (416)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/emerald-hotel-suites-calgary-airport" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Emerald Hotel & Suites Calgary Airport</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">41US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="76417" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="51.094204" data-lng="-113.99826"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Calgary offers a captivating blend of urban sophistication and natural beauty, making it a must-visit destination for travelers. As the gateway to the stunning Canadian Rockies and home to the famous Calgary Stampede, this vibrant city attracts millions of visitors each year, all seeking the perfect accommodations to enhance their stay. Whether you prefer luxury hotels, cozy bed and breakfasts, or budget-friendly options, the diverse range of hotels in Calgary caters to every traveler's needs.</p><p>When exploring the hotels in Calgary you'll find a variety of locations that allow convenient access to the city's top attractions. From the iconic Calgary Tower to the bustling Stephen Avenue, your accommodation can place you right in the very heart of the action. For those looking to indulge in culture and arts, consider staying near the Bearspaw or Kensington districts, where charming boutiques and galleries await you.</p><p>No matter your budget or style, there are hotels in Calgary that promise comfort and unforgettable experiences. If you’re traveling for business or leisure, you’ll find properties offering modern amenities, breathtaking views, and exceptional service. Prepare to be amazed as you discover the perfect hotel to complement your Calgary adventure, ensuring you create lasting memories in this incredible city.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-868095" data-langcode="en" data-bcity-id="-561990" data-city-name="Calgary" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#holiday-inn-express-airport-calgary-an-ihg-hotel" class="js-clk-open" data-type="table" data-bhotel-id="185495" data-open-once data-open-passive>Holiday Inn Express Airport Calgary, An IHG Hotel</a> </td> <td> <p> 8.1 / 10 </p> <p> (682 Reviews)</p> </td> <td> <span>From 85US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="185495">Check Price</button> </td> </tr> <tr> <td> <a href="#sandman-signature-calgary-downtown-hotel" class="js-clk-open" data-type="table" data-bhotel-id="185538" data-open-once data-open-passive>Sandman Signature Calgary Downtown Hotel</a> </td> <td> <p> 8.0 / 10 </p> <p> (2735 Reviews)</p> </td> <td> <span>From 86US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="185538">Check Price</button> </td> </tr> <tr> <td> <a href="#radisson-hotel-conference-centre-calgary-airport" class="js-clk-open" data-type="table" data-bhotel-id="676412" data-open-once data-open-passive>Radisson Hotel & Conference Centre Calgary Airport</a> </td> <td> <p> 8.0 / 10 </p> <p> (1392 Reviews)</p> </td> <td> <span>From 77US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="676412">Check Price</button> </td> </tr> <tr> <td> <a href="#comfort-inn-suites-airport-south" class="js-clk-open" data-type="table" data-bhotel-id="489213" data-open-once data-open-passive>Comfort Inn & Suites Airport South</a> </td> <td> <p> 7.9 / 10 </p> <p> (986 Reviews)</p> </td> <td> <span>From 67US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="489213">Check Price</button> </td> </tr> <tr> <td> <a href="#international-hotel-calgary" class="js-clk-open" data-type="table" data-bhotel-id="26830" data-open-once data-open-passive>International Hotel Calgary</a> </td> <td> <p> 7.6 / 10 </p> <p> (834 Reviews)</p> </td> <td> <span>From 85US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="26830">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="holiday-inn-express-airport-calgary-an-ihg-hotel" data-id="1678189" data-lat="51.094204" data-lng="-113.99826"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436266/1436266021.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14362/1436266/1436266021.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436255/1436255812.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436257/1436257621.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436258/1436258335.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436258/1436258980.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436261/1436261656.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436266/1436266519.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436269/1436269384.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436270/1436270371.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436270/1436270878.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436271/1436271154.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436254/1436254765.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436257/1436257081.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436269/1436269093.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436258/1436258644.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277608/1277608279.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277609/1277609053.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610829.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610553.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610784.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436259/1436259595.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436264/1436264203.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277609/1277609281.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436256/1436256277.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436267/1436267008.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572690/1572690443.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572690/1572690446.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572690/1572690452.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572690/1572690455.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436262/1436262445.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436263/1436263936.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436264/1436264749.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436264/1436264986.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610271.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610622.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436252/1436252977.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436262/1436262955.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436263/1436263804.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436258/1436258059.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436260/1436260114.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436260/1436260354.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436263/1436263066.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436268/1436268148.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436253/1436253490.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436267/1436267617.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610520.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277607/1277607694.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277610/1277610007.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277607/1277607961.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618284/1618284658.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10702/1070201/1070201611.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10702/1070207/1070207416.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10702/1070207/1070207980.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277608/1277608054.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277607/1277607748.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277608/1277608453.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436266/1436266111.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10825/1082534/1082534578.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10380/1038064/1038064201.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277609/1277609320.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436254/1436254009.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436266/1436266336.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10380/1038062/1038062836.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436256/1436256859.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572678/1572678110.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436252/1436252446.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10702/1070206/1070206387.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436253/1436253196.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436254/1436254549.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436259/1436259157.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436254/1436254324.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572690/1572690440.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10702/1070212/1070212333.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436257/1436257408.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436267/1436267806.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10380/1038062/1038062773.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509023/509023281.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509023/509023542.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509023/509023047.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509023/509023128.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436263/1436263477.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2221/222193/222193685.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15726/1572677/1572677981.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618284/1618284655.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215801/215801816.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16182/1618284/1618284653.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10380/1038063/1038063313.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12776/1277609/1277609491.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436260/1436260663.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215802/215802833.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016434.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016494.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016563.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016647.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016776.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016908.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016977.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706016/706016158.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4554/455444/455444484.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/714/71472/71472572.JPEG" data-image-gallery="galleryholiday-inn-express-airport-calgary-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="holiday-inn-express-airport-calgary-an-ihg-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (682)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="185495">Holiday Inn Express Airport Calgary, An IHG Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">45 Hopewell Way Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Holiday Inn Express Airport Calgary is a fantastic option for those seeking budget-conscious accommodations. Located just minutes from the airport, it provides a complimentary shuttle service, making it easy for travelers to transition to and from their flights. The hotel features well-appointed rooms and includes a free breakfast, ensuring a good start to the day. Additionally, guests have access to fitness facilities and a business center, catering to both leisure and corporate travelers. With its combination of value and convenience, this hotel ranks as one of the most practical hotels in Calgary for budget travelers. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">85US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="185495" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="sandman-signature-calgary-downtown-hotel" data-id="1678190" data-lat="51.04713089" data-lng="-114.080991"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10679/1067952/1067952907.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10679/1067952/1067952907.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583074/1583074793.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084881/1084881901.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084881/1084881970.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084884/1084884037.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084884/1084884811.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084885/1084885774.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084885/1084885801.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084886/1084886770.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084886/1084886788.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084886/1084886833.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084881/1084881955.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080917/1080917602.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080917/1080917620.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080918/1080918691.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080918/1080918751.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080917/1080917566.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7697/769747/769747543.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084885/1084885750.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084886/1084886848.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080917/1080917581.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584423/1584423203.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080917/1080917578.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10809/1080918/1080918730.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7697/769741/769741945.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436246/1436246824.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436247/1436247157.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436247/1436247328.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235106/1235106719.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235106/1235106887.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107292.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107382.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235106/1235106935.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107148.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12128/1212833/1212833425.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12128/1212833/1212833470.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12128/1212833/1212833599.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107337.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7697/769736/769736782.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832357/832357475.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107511.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235106/1235106974.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14362/1436247/1436247073.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107421.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016034/1016034415.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016035/1016035078.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107010.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084884/1084884124.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832356/832356014.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832356/832356323.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048571.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832356/832356680.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3702/370260/370260877.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048430.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469448/469448832.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469448/469448838.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3702/370260/370260883.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380493.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841803/841803578.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380485.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469448/469448829.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380517.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380477.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048727.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3702/370260/370260880.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706021/706021177.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048670.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841803/841803668.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841803/841803740.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3702/370260/370260889.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048697.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706021/706021435.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706021/706021387.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8418/841803/841803821.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4553/455386/455386368.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215827/215827970.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235106/1235106821.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380509.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3493/349330/349330222.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12351/1235107/1235107112.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354429/354429862.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29220/29220662.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29220/29220659.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10857/1085707/1085707801.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/807/80793/80793384.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/807/80793/80793402.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084881/1084881886.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/807/80793/80793393.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/807/80793/80793387.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29220/29220638.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/607/60730/60730852.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680723/680723202.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680723/680723061.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048358.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680723/680723472.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7060/706022/706022233.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509048/509048400.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6807/680723/680723241.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4407/440735/440735565.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/607/60730/60730831.JPEG" data-image-gallery="gallerysandman-signature-calgary-downtown-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sandman-signature-calgary-downtown-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (2735)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="185538">Sandman Signature Calgary Downtown Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">888 7Th Avenue Southwest</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Sandman Signature Calgary Downtown Hotel offers an elegant experience with its contemporary furnishings and romantic touches. Situated in Calgary’s vibrant downtown, the hotel places couples near charming restaurants and scenic spots perfect for strolls. The hotel features a range of upscale suites, many with breathtaking views of the Calgary skyline. Couples can enjoy a delicious meal at the on-site Moxie’s Grill & Bar, known for its lively atmosphere and decadent dishes. Whether it's a getaway for a special occasion or simply time away together, this hotel provides a romantic refuge in the lively heart of the city. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">86US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="185538" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="family-friendly-hotels-in-calgary-canada">Family-Friendly Hotels in Calgary, Canada</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When traveling with family, finding the right accommodation that offers comfort and convenience is essential. The family-friendly hotels in Calgary provide amenities and activities that are sure to keep both kids and adults entertained. Many of these hotels also have spacious rooms and family-centric services, ensuring everyone in the family has a memorable stay. From pools to nearby attractions suited for all ages, you will discover plenty of options that cater to families. Whether you’re visiting a local museum or enjoying the nearby parks, these hotels make it easy for families to explore the city together. Here are some of the top family-friendly hotels that stand out in the vibrant selection of hotels in Calgary.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="radisson-hotel-conference-centre-calgary-airport" data-id="1678191" data-lat="51.11204" data-lng="-113.9811"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075830.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12830/1283075/1283075830.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672096.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672093.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672099.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672102.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672103.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672104.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672107.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672114.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672115.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672116.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672117.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672119.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672124.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672108.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672120.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2236/223631/223631078.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15258/1525868/1525868893.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672121.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283074/1283074783.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672090.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672092.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672095.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672106.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672088.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283074/1283074843.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075461.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075758.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076013.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076283.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076361.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076445.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076490.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672123.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672100.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672118.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672112.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672122.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672125.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672094.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075569.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076142.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076214.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076928.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076055.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672097.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076982.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672091.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7493/749393/749393501.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672098.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076784.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257053.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075623.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075380.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075518.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257021.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256925.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257097.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256801.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256789.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14534/1453474/1453474852.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076670.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076724.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076856.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256809.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672110.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257001.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257081.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7986/798603/798603333.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14534/1453475/1453475650.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256773.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7493/749392/749392076.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14534/1453477/1453477426.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672101.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12213/1221324/1221324136.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12213/1221325/1221325057.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14534/1453478/1453478833.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672089.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12213/1221323/1221323824.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283074/1283074909.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283076/1283076607.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075908.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075200.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14534/1453479/1453479952.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672109.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12213/1221324/1221324556.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12830/1283075/1283075308.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672113.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245256/245256889.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2452/245257/245257017.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672111.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672087.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4321/432126/432126297.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7721/772163/772163308.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623672/1623672105.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12213/1221323/1221323545.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6825/682506/682506621.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4321/432126/432126330.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4321/432126/432126369.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/787/78709/78709914.JPEG" data-image-gallery="galleryradisson-hotel-conference-centre-calgary-airport" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="radisson-hotel-conference-centre-calgary-airport" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1392)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="676412">Radisson Hotel & Conference Centre Calgary Airport</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">6620 36Th Street Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Radisson Hotel & Conference Centre Calgary Airport is a premier choice for business travelers seeking modern amenities. With a fully-equipped business center and multiple meeting spaces, it caters to all business needs. The hotel is strategically located near both the airport and major highways, allowing convenient access for traveling professionals. Guest rooms are designed for comfort and productivity, featuring spacious workstations and complimentary Wi-Fi. After a long day of meetings, guests can unwind at the on-site restaurant or fitness center, exemplifying the ideal balance of work and relaxation among hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">77US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="676412" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="comfort-inn-suites-airport-south" data-id="1678207" data-lat="51.01238" data-lng="-114.06625"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525230.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12775/1277525/1277525230.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700570.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700571.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700572.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700573.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700574.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700575.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700576.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700578.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700581.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005360/1005360292.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005360/1005360367.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005360/1005360490.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10068/1006847/1006847128.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005360/1005360313.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700579.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525272.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525386.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816862/816862511.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816867/816867590.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816859/816859679.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525308.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816859/816859877.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525350.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15947/1594700/1594700577.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437090/1437090397.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628048.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628576.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628117.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628465.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628633.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212627/1212627985.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628264.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437095/1437095275.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437095/1437095824.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437095/1437095215.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437093/1437093406.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212629/1212629527.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212629/1212629161.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525185.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14370/1437093/1437093991.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12519/1251977/1251977773.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12519/1251977/1251977725.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212629/1212629020.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650422/650422407.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6132/613293/613293300.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6132/613293/613293555.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816862/816862550.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816867/816867899.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4487/448715/448715121.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6998/699841/699841708.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6998/699841/699841729.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6998/699841/699841783.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6998/699841/699841816.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816867/816867938.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212627/1212627859.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772994/772994710.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772994/772994788.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772994/772994839.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277525/1277525137.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8168/816866/816866978.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10053/1005360/1005360598.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277524/1277524597.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628399.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016028/1016028235.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628336.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/851/85119/85119506.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/851/85119/85119530.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212628/1212628744.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840406/840406313.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840406/840406622.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840406/840406742.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840406/840406787.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4578/457811/457811712.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4487/448715/448715022.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4487/448715/448715058.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4487/448715/448715085.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840407/840407090.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840407/840407168.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840407/840407243.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8404/840407/840407036.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098477.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098480.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098507.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098525.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098531.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098540.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098495.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1461/146150/146150702.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1461/146150/146150729.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4540/454098/454098546.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4423/442309/442309857.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/770/77010/77010617.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2950/295003/295003140.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2950/295003/295003148.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3344/334481/334481719.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1956/195671/195671731.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354428/354428572.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354428/354428566.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/319/31944/31944167.JPEG" data-image-gallery="gallerycomfort-inn-suites-airport-south" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="comfort-inn-suites-airport-south" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (986)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="489213">Comfort Inn & Suites Airport South</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">4611 Macleod Trail S.W.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Comfort Inn & Suites Airport South focuses on providing a comfortable stay while implementing green initiatives. The hotel utilizes sustainable practices such as recycling programs and energy-efficient appliances, ensuring a smaller footprint for travelers. Its convenient location near the airport and major highways allows easy access to downtown Calgary as well as nearby attractions. Guests enjoy a complimentary breakfast, comfortable accommodations, and a commitment to eco-friendly practices, making it a responsible choice for travelers. For environmentally conscious visitors, this hotel is a top contender among eco-friendly hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">67US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="489213" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="luxury-hotels-in-calgary-canada">Luxury Hotels in Calgary, Canada</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers seeking an upscale experience, Calgary boasts a selection of luxury hotels that cater to those who appreciate fine accommodations. These hotels offer exceptional service, elegant dining options, and lavish amenities that create an unforgettable stay. Located in the very heart of the city, they provide easy access to Calgary's attractions while enveloping guests in comfort and style. Whether you're celebrating a special occasion or simply treating yourself, these luxury hotels in Calgary promise to elevate your experience to new heights. Here’s a closer look at some of the premier luxury accommodations available.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="international-hotel-calgary" data-id="1678224" data-lat="51.04964" data-lng="-114.06663"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678807/678807384.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6788/678807/678807384.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9607/960798/960798982.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9256/925642/925642705.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9292/929227/929227693.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9256/925642/925642750.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9256/925651/925651681.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656625/656625444.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9176/917620/917620465.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656622/656622921.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656618/656618550.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7244/724441/724441564.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1763/176342/176342586.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7244/724440/724440598.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832355/832355342.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7244/724441/724441654.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1763/176342/176342589.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656622/656622501.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7244/724441/724441582.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7842/784212/784212825.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656624/656624118.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832354/832354715.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938604/938604283.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509028/509028768.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7244/724441/724441651.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938604/938604307.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013859.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013904.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016014/1016014000.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832354/832354886.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7884/788477/788477958.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7884/788478/788478033.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7884/788478/788478219.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7884/788478/788478291.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8333/833334/833334050.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656624/656624091.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013337.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013757.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013412.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8333/833334/833334044.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4165/416523/416523792.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656626/656626812.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3206/320629/320629601.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3206/320629/320629621.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310380/310380949.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3206/320629/320629645.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678804/678804834.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805266.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805356.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8139/813999/813999986.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8139/813999/813999995.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656627/656627352.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805812.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1798/179872/179872527.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8333/833334/833334047.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805317.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678806/678806346.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805383.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678807/678807564.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678807/678807612.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4766/476685/476685570.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678804/678804912.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678806/678806415.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832355/832355171.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678807/678807267.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3765/376502/376502635.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3493/349330/349330090.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9386/938604/938604349.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805020.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9256/925642/925642702.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3206/320629/320629609.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805650.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4165/416523/416523777.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12534/1253473/1253473843.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805608.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3765/376502/376502638.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805725.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805689.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9434/943432/943432561.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4578/457816/457816596.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805050.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12534/1253473/1253473864.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678806/678806079.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8333/833334/833334053.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6566/656628/656628024.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8374/837402/837402515.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678807/678807438.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2779/277929/277929165.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016013/1016013640.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678806/678806019.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8139/813999/813999989.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8139/813999/813999983.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9607/960799/960799597.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805086.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354429/354429529.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4399/439996/439996998.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6788/678805/678805128.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354429/354429526.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354429/354429532.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/409/40971/40971628.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29220/29220797.JPEG" data-image-gallery="galleryinternational-hotel-calgary" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="international-hotel-calgary" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (834)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="26830">International Hotel Calgary</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">220 4 Avenue Southwest, Calgary, Ca</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> International Hotel Calgary is committed to sustainability while offering stylish accommodations in the city. They implement eco-friendly practices such as energy-efficient lighting and water conservation measures, which contribute to a greener stay. The hotel offers convenient access to various attractions, making it ideal for environmentally-conscious travelers wanting to explore the city sustainably. Guests enjoy a variety of amenities, including a fitness center and an on-site restaurant focusing on locally sourced ingredients. By choosing this hotel, guests can indulge in a well-rounded travel experience while supporting eco-friendly practices. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">85US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="26830" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="the-fairmont-palliser" data-id="1678225" data-lat="51.04452" data-lng="-114.064768"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12678/1267809/1267809337.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12678/1267809/1267809337.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392171.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584409/1584409629.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584409/1584409676.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394961.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598890/1598890981.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598890/1598890983.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891001.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891007.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891008.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891010.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891014.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891015.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891019.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394121.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394517.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277393/1277393983.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394733.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598891/1598891012.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392036.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392732.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394847.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392699.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15844/1584409/1584409567.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105096.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105126.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105156.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105174.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106275.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106302.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270110/1270110223.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270110/1270110232.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270118/1270118341.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270118/1270118371.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270119/1270119739.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270119/1270119787.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12678/1267808/1267808608.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392417.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10257/1025716/1025716885.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026191/1026191002.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026191/1026191044.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026193/1026193426.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026193/1026193531.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026195/1026195853.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10262/1026231/1026231499.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10238/1023848/1023848386.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9916/991628/991628365.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9928/992805/992805001.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9916/991629/991629355.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270118/1270118281.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394661.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394703.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394808.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15988/1598890/1598890978.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14984/1498494/1498494727.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392378.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394064.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394280.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394772.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394925.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277392/1277392774.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106215.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394433.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026195/1026195889.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9916/991626/991626271.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106200.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026191/1026191065.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026196/1026196654.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106245.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105141.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10257/1025715/1025715154.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270119/1270119754.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9936/993681/993681355.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394034.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026193/1026193393.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10261/1026193/1026193375.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105111.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270105/1270105072.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12773/1277394/1277394085.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9928/992804/992804728.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832355/832355324.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832355/832355141.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9621/962176/962176447.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9385/938571/938571112.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270118/1270118323.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10160/1016011/1016011162.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1941/194146/194146060.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12701/1270106/1270106230.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7158/715836/715836982.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924079/924079795.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924079/924079798.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924079/924079810.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9240/924079/924079804.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15936/1593625/1593625200.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/982/98210/98210570.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7413/741344/741344164.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7413/741344/741344167.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7413/741344/741344170.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7413/741344/741344191.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9665/966571/966571339.JPEG" data-image-gallery="gallerythe-fairmont-palliser" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-fairmont-palliser" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (486)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="78695">The Fairmont Palliser</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">133 9Th Avenue Sw</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Fairmont Palliser is an iconic landmark in Calgary, renowned for its stunning architecture and opulent history. Established in 1914, this historic hotel features beautifully restored interiors showcasing the charm of a bygone era. Guests can indulge in luxurious amenities, including fine dining and a renowned spa, while enjoying a taste of Calgary's history. The hotel is centrally located, making it easy to explore the nearby attractions, including the Calgary Tower and the arts district. Its classic elegance and rich heritage make The Fairmont Palliser a top choice among historic hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">235US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="78695" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="budget-friendly-hotels-in-calgary-canada">Budget-Friendly Hotels in Calgary, Canada</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling on a budget doesn’t mean sacrificing comfort or convenience when exploring Calgary. The selection of budget-friendly hotels in Calgary provides excellent accommodations at a price that won’t break the bank. Many of these hotels offer complimentary perks such as breakfast and Wi-Fi, ensuring an enjoyable stay without extra costs. With various locations throughout the city, it’s easy to find an option that suits your travel plans and still allows you to enjoy Calgary’s breathtaking attractions. Check out these budget-friendly hotels that make it easy to explore the city while sticking to your budget.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="ramada-limited-calgary" data-id="1678226" data-lat="51.06974983" data-lng="-114.115099"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11926/1192651/1192651516.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11926/1192651/1192651516.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270788.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212677/1212677923.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697041/697041711.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697042/697042410.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697042/697042824.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697042/697042860.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697045/697045386.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697045/697045143.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3458/345825/345825721.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3458/345825/345825775.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241938.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241941.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241944.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241947.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270758.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270761.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270764.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270770.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270785.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115097/115097996.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115097/115097999.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697043/697043139.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212677/1212677704.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212677/1212677875.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212677/1212677977.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678190.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678238.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678280.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678478.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678589.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678703.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270767.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115097/115097987.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5101/510110/510110961.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212677/1212677647.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697041/697041990.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678028.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678784.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270773.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115097/115097993.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10308/1030857/1030857088.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270776.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702226/702226753.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702224/702224338.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702224/702224572.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702224/702224893.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702225/702225640.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702224/702224428.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1150/115097/115097990.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270782.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212678/1212678664.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1142/114270/114270779.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702226/702226996.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702227/702227287.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702227/702227323.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702227/702227548.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4545/454539/454539165.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697045/697045413.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697045/697045206.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7022/702225/702225982.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6970/697045/697045320.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10047/1004782/1004782128.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10308/1030856/1030856965.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241950.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241953.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2212/221241/221241956.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4441/444184/444184332.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/918/91831/91831982.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1127/112727/112727955.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1127/112727/112727976.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1426/142694/142694295.JPEG" data-image-gallery="galleryramada-limited-calgary" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="ramada-limited-calgary" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 4.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (755)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="252147">Ramada Limited Calgary</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">2363 Banff Trail Nw</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Ramada Limited Calgary is another excellent option for families, known for combining affordability with comfort. The hotel offers a complimentary breakfast for all guests, which helps fuel a day of exploration around the city. With its convenient location near major attractions like Heritage Park Historical Village, it is an ideal base for family adventures. The hotel features a range of room types that can accommodate larger families, along with amenities like free Wi-Fi to keep everyone connected. With an emphasis on family-friendly services, this hotel makes it easy for guests to enjoy their stay in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">68US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="252147" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="courtyard-by-marriott-calgary-downtown" data-id="1678241" data-lat="51.04854" data-lng="-114.07303"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13926/1392618/1392618098.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13926/1392618/1392618098.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392888/1392888881.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392890/1392890012.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392890/1392890030.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392890/1392890183.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392890/1392890243.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392890/1392890252.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040364.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040430.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040445.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050357.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050387.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050519.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050531.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050546.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398060/1398060680.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398060/1398060692.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398060/1398060698.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398060/1398060710.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398061/1398061634.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398061/1398061646.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398061/1398061658.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392888/1392888509.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392888/1392888890.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040349.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398040/1398040394.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13928/1392888/1392888494.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398050/1398050450.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13980/1398060/1398060989.JPEG" data-image-gallery="gallerycourtyard-by-marriott-calgary-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="courtyard-by-marriott-calgary-downtown" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (643)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="8176587">Courtyard by Marriott Calgary Downtown</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">525 5Th Avenue Sw</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Courtyard by Marriott Calgary Downtown is a modern hotel that provides an excellent base for exploring the vibrant downtown area. Within walking distance to popular sites such as the Calgary Tower, Olympic Plaza, and the Arts Commons, guests can easily immerse themselves in the local culture. The hotel features comfortable rooms and a versatile business center, making it suitable for both leisure and business travelers. The hotel’s on-site restaurant and bar provide a place for relaxation after a day of sightseeing, ensuring a well-rounded stay. This hotel combines comfort and prime location, making it an excellent choice for those looking for hotels in Calgary near attractions. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">107US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="8176587" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="business-hotels-in-calgary-canada">Business Hotels in Calgary, Canada</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Calgary is home to numerous business hotels that cater specifically to corporate travelers. These hotels provide vital amenities such as high-speed internet, meeting rooms, and business centers, ensuring that professionals can stay productive while away from the office. Conveniently situated near major business districts, they facilitate easy access to meetings and conferences. Whether attending a corporate event or needing a temporary office space, the following business hotels in Calgary are equipped to meet those needs. Explore these top selections that offer a seamless blend of comfort and connectivity for business travelers.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="the-dorian-autograph-collection" data-id="1678255" data-lat="51.04852" data-lng="-114.073"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13724/1372448/1372448264.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13724/1372448/1372448264.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327278.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327413.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327437.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328364.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328391.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328517.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328526.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328562.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330875.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330884.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377332/1377332393.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13733/1373373/1373373512.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319483/1319483518.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319483/1319483527.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319483/1319483560.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319484/1319484049.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319484/1319484064.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319486/1319486290.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319486/1319486296.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319486/1319486311.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319495/1319495326.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319495/1319495338.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319495/1319495344.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499838.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499859.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499907.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499928.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377332/1377332363.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499889.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319499/1319499940.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327293.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328676.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319486/1319486302.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319486/1319486281.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330836.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330575.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319495/1319495284.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319483/1319483491.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327170.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330707.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319484/1319484100.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13149/1314957/1314957175.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13194/1319495/1319495311.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377327/1377327260.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377332/1377332291.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13149/1314955/1314955585.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328688.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377330/1377330698.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13773/1377328/1377328250.JPEG" data-image-gallery="gallerythe-dorian-autograph-collection" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-dorian-autograph-collection" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (154)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="8176585">The Dorian, Autograph Collection</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">525 5Th Avenue Sw</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Dorian stands out in Calgary’s luxury hotel scene with its elegant design and modern amenities. Located in the vibrant downtown area, it provides guests with easy access to gourmet restaurants, nightlife, and the stunning Bow River. The hotel’s stylish rooms feature luxurious bedding and contemporary decor, creating a serene oasis amidst the bustling city. Guests can indulge in the hotel’s artisanal dining options and unwind at their rooftop lounge with stunning views. The Dorian’s commitment to high-quality service and a remarkable ambiance makes it one of the top-tier hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">204US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="8176585" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="best-western-plus-port-ocall-hotel" data-id="1678273" data-lat="51.09156" data-lng="-114.01204"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15478/1547855/1547855191.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15478/1547855/1547855191.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861558.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861582.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861588.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861621.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861624.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861633.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861657.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861663.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861678.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861690.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861732.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861735.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861765.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861768.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861777.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861813.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861846.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861849.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861858.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861864.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861870.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861876.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861882.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861894.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861900.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861939.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861951.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861975.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861699.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861792.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861804.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861840.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861897.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15429/1542960/1542960394.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15429/1542960/1542960421.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861636.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861693.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861696.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861762.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861561.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861819.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861831.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15429/1542960/1542960403.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861867.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861927.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277499/1277499433.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12775/1277500/1277500006.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543862/1543862002.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861684.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861807.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277497/1277497675.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277498/1277498140.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277499/1277499928.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277499/1277499094.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5091/509198/509198076.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861861.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861567.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861594.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9326/932648/932648779.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277498/1277498653.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277498/1277498626.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12774/1277498/1277498977.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908698/908698858.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3544/354428/354428413.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4534/453499/453499917.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14682/1468229/1468229759.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14682/1468229/1468229816.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14682/1468229/1468229825.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14682/1468229/1468229942.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908698/908698777.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908698/908698690.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543861/1543861627.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14682/1468230/1468230041.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15438/1543862/1543862047.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5634/563473/563473182.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5634/563473/563473206.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6806/680685/680685693.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6976/697638/697638192.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8398/839881/839881232.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8398/839881/839881307.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8398/839881/839881496.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5634/563473/563473719.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5634/563473/563473971.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5634/563475/563475780.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3364/336492/336492031.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1929/192919/192919117.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3703/370307/370307026.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1929/192919/192919123.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/862/86262/86262275.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/862/86262/86262341.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/851/85117/85117700.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/862/86262/86262311.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6140/614014/614014575.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8398/839882/839882024.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1929/192919/192919120.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6976/697638/697638282.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6976/697638/697638315.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6976/697638/697638345.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10047/1004778/1004778375.JPEG" data-image-gallery="gallerybest-western-plus-port-ocall-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="best-western-plus-port-ocall-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1275)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="431072">Best Western Plus Port O'Call Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1935 Mcknight Boulevard Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Best Western Plus Port O’Call Hotel is a trendsetter in family-friendly accommodations, thanks to its fantastic indoor water park. Kids can splash around while parents relax in the hot tub or enjoy a meal at the on-site restaurant. The hotel also features spacious rooms and suites equipped with modern conveniences, catering to families of varying sizes. Just a short drive from downtown Calgary, it places families within reach of attractions such as the Telus Spark Science Centre. The combination of fun amenities and comfort makes this hotel a favorite among those seeking hotels in Calgary for family vacations. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">74US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="431072" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="romantic-hotels-in-calgary-canada">Romantic Hotels in Calgary, Canada</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For couples seeking a romantic getaway, Calgary offers a variety of hotels that provide the perfect atmosphere for lovebirds. Whether you’re celebrating an anniversary, honeymoon, or simply reconnecting, these hotels create an intimate and enchanting experience. Many feature special packages, luxurious spa services, and stunning views, making them ideal for creating lasting memories. From cozy accommodations to fine dining options, these romantic hotels in Calgary are designed to make your stay unforgettable. Here’s a selection of the best spots for couples to enjoy together.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hilton-garden-inn-calgary-downtown" data-id="1678274" data-lat="51.046029" data-lng="-114.053443"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457498.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15514/1551457/1551457498.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457387.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457396.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457420.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457423.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457429.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457432.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457438.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457447.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457453.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457474.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457480.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457531.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457522.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12829/1282909/1282909645.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457414.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457465.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457459.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457561.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457411.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457417.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457441.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457486.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014761.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12279/1227943/1227943958.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8323/832362/832362908.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457405.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457372.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15514/1551457/1551457390.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14531/1453143/1453143382.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11836/1183626/1183626979.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014602.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014635.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014662.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014692.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014716.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509014/509014743.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544043.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544064.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7121/712128/712128499.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466543/466543986.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544028.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466543/466543974.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544007.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544121.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544145.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544163.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544109.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466543/466543935.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466543/466543956.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4665/466544/466544085.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489408/489408429.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489408/489408462.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489408/489408489.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489408/489408534.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4894/489408/489408555.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6739/673918/673918521.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6739/673918/673918797.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3409/340993/340993444.JPEG" data-image-gallery="galleryhilton-garden-inn-calgary-downtown" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hilton-garden-inn-calgary-downtown" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1155)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="1909042">Hilton Garden Inn Calgary Downtown</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Suite A - 711 4Th St. S.E.</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hilton Garden Inn Calgary Downtown is well-suited for business guests who value luxury and convenience. Located in the business district, the hotel places you near Calgary's essential corporate locations and attractions. Each room features a work desk, ergonomic chairs, and complimentary Wi-Fi, supporting productivity throughout your stay. The hotel also includes a business center and meeting rooms that are perfect for small conferences or strategic planning sessions. With a focus on providing excellent service, this hotel maintains its reputation as one of the finest business hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">122US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="1909042" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="sandman-hotel-calgary-airport" data-id="1678294" data-lat="51.0952" data-lng="-113.99914"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918342.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15349/1534918/1534918342.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622023/1622023577.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622023/1622023579.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622023/1622023592.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622023/1622023603.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932479.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932482.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932483.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932484.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932485.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932486.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932487.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932515.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932516.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932517.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932522.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932523.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932524.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932525.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932533.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932535.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932536.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932537.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932539.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16279/1627932/1627932540.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918120.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918123.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918144.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918162.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918165.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918168.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918180.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918198.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918216.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918234.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918243.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918252.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918255.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918300.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918318.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918327.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918333.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918345.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918363.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918381.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918228.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918258.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918276.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918222.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918201.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918102.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918210.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918267.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918099.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10848/1084886/1084886725.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918285.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918435.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918264.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918231.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918207.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705920/705920581.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212631/1212631030.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212630/1212630415.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212631/1212631501.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212630/1212630982.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212631/1212631144.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212631/1212631351.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918309.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212630/1212630352.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617843/1617843441.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12126/1212630/1212630934.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509046/509046780.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509047/509047014.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509047/509047041.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5090/509047/509047122.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4578/457816/457816836.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918339.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375158/375158590.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469448/469448799.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4694/469448/469448823.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650422/650422368.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650422/650422383.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650422/650422386.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705920/705920620.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918366.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/292/29220/29220611.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4692/469264/469264185.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4692/469264/469264218.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705920/705920296.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918324.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15349/1534918/1534918219.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383365.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383381.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383373.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383317.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383349.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3103/310383/310383357.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3751/375158/375158599.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7059/705919/705919933.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1511/151102/151102765.JPEG" data-image-gallery="gallerysandman-hotel-calgary-airport" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sandman-hotel-calgary-airport" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (1027)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="185539">Sandman Hotel Calgary Airport</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">25 Hopewell Way Ne</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Perfectly situated near the airport and within a short drive from downtown, Sandman Hotel Calgary Airport allows easy access to major attractions. Close by, guests can enjoy the Calgary Zoo, the Calgary Stampede grounds, and the renowned shopping district of 17th Avenue. Accommodations range from comfortable standard rooms to spacious suites, catering to various travelers' needs. The hotel offers a shuttle service to the airport and local attractions, further adding to its convenience. If you're looking for a hotel that puts you near the excitement of Calgary, this is a standout option among hotels in Calgary. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">68US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="185539" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/whitehorse-hotels">Whitehorse</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/mississauga-hotels">Mississauga</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/saskatoon-hotels">Saskatoon</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/brampton-hotels">Brampton</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/windsor-hotels-ontario">Windsor</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/duncan-hotels-british-columbia">Duncan</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/woodstock-hotels-ontario">Woodstock</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pemberton-hotels">Pemberton</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/whitby-hotels-ontario">Whitby</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/wolfville-hotels">Wolfville</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/lethbridge-hotels">Lethbridge</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/ottawa-hotels-ontario">Ottawa</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glasgow-hotels">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels-tn">Jackson</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-calgary-tower">Calgary Tower</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-calgary-stampede">Calgary Stampede</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-mcmahon-stadium">McMahon Stadium</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-calgary-telus-convention-centre">Calgary Telus Convention Centre</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-bowness-park">Bowness Park</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-prince-s-island-park">Prince’s Island Park</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-near-stampede-park">Stampede Park</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-southwest-calgary">Southwest Calgary</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/calgary-hotels-downtown-calgary">Downtown Calgary</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Calgary</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Calgary</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-bed-and-breakfast">calgary bed and breakfast</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-resorts">ski resorts in calgary</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-pet-friendly-hotels">pet friendly hotels in calgary</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-hotels-near-yyc">hotels near calgary airport</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-hotels-with-pool">calgary hotels with pools</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-family-hotels">calgary family hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-romantic-hotels">romantic hotels calgary</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-cheap-hotels">cheap calgary hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-boutique-hotels">calgary boutique hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-4-star-hotels">4 star hotels in calgary</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/calgary-spa-hotels">calgary spa hotel</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"qf18RBemQukD6d6Z"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-561990","dest_name":"Calgary","city_id":30502,"pid":868095,"page":"post","bid":"-561990"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

Best Hotels in Calgary, Canada from 67US$/night