Best Hotels in Banff, Canada from 52US$/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="Nestled in the lively heart of the Canadian Rockies, Banff is a captivating destination that offers both stunning natural beauty and a plethora of"> <title>Best Hotels in Banff, Canada from 52US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/banff-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Banff, Canada from 52US$/night" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/banff-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/banff-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/banff-hotels" title="English"> <link rel="alternate" hreflang="en-CA" type="text/html" href="https://touristvr.com/ca/banff-hotels-alberta" title="English"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/banff-hotels" title="Français"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/banff-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/banff-hotels" title="Nederlands"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/banff-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-VClDfekS.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-VClDfekS.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" : "129US$", "address": { "@type": "PostalAddress", "streetAddress": "901 Hidden Ridge Way" }, "name": "The Hidden Ridge Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "92US$", "address": { "@type": "PostalAddress", "streetAddress": "555 Banff Ave" }, "name": "Banff Voyager Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "239US$", "address": { "@type": "PostalAddress", "streetAddress": "345 Banff Avenue" }, "name": "Moose Hotel and Suites" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "75US$", "address": { "@type": "PostalAddress", "streetAddress": "222 Lynx Street" }, "name": "Banff Park Lodge" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "238US$", "address": { "@type": "PostalAddress", "streetAddress": "121 Cave Avenue" }, "name": "Banff Boutique Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "95US$", "address": { "@type": "PostalAddress", "streetAddress": "1 Juniper Way" }, "name": "The Juniper Hotel & Bistro" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "123US$", "address": { "@type": "PostalAddress", "streetAddress": "545 Banff Avenue" }, "name": "Canalta Lodge" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "52US$", "address": { "@type": "PostalAddress", "streetAddress": "425 Banff Avenue" }, "name": "Red Carpet Inn" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "93US$", "address": { "@type": "PostalAddress", "streetAddress": "208 Caribou Street" }, "name": "Brewster Mountain Lodge" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "144US$", "address": { "@type": "PostalAddress", "streetAddress": "700 Tunnel Mountain Road" }, "name": "Buffalo Mountain Lodge" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "292US$", "address": { "@type": "PostalAddress", "streetAddress": "300 Mountain Avenue" }, "name": "The Rimrock Resort Hotel Banff" } ] } </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/us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <nav> <div class="hidden justify-center items-center w-6 h-6 md:flex header-toogle-btn js-header-toggle-btn"> <svg class="header-icon-open text-[#0C1326]" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M2 6H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 12H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> <path d="M2 18H22" stroke="currentColor" stroke-width="2" stroke-linecap="round"/> </svg> <svg class="header-icon-close fill-[#0C1326]" 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="flex items-center gap-8 transition-top duration-300 ease md:flex-col md:items-start md:absolute md:left-0 md:top-0 md:-translate-y-full md:w-full md:p-5 md:bg-white header-toogle-block js-header-toggle-block"> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 text-nowrap md:block js-header-toggle-close-btn" href="https://touristvr.com/us/top-hotels/"> Best Hotels </a> <a class="text-base text-secondary-950 cursor-pointer hover:text-secondary-600 text-nowrap md:block js-header-toggle-close-btn" href="https://touristvr.com/us/popular-destinations/"> Popular Сities </a> </div> </nav> <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/banff-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/ca/banff-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/ca/banff-hotels-alberta" 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/fr/banff-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/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/it/banff-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/banff-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/banff-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> <main class="trawell-post"> <div class="relative mb-8 z-[1] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-[#141312] after:opacity-70 after:z-[-1] md:mb-36"> <picture> <source srcset="https://images.touristvr.com/data/images//1080x700/12786/1278652/1278652147.JPEG" media="(min-width: 767px)"> <img class="absolute top-0 left-0 w-full h-full object-cover z-[-2]" width="100%" height="100%" src="https://images.touristvr.com/data/images//450x450/12786/1278652/1278652147.JPEG" alt=""/> </picture> <div class="relative flex flex-col items-center justify-center h-[540px] md:items-start"> <h1 class="text-6xl text-white font-bold px-5 mb-5 md:text-4xl">Banff Hotels</h1> <div class="absolute bottom-16 px-5 w-full md:bottom-[-100px] md:px-0"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-2 md:w-[calc(100%-40px)]"> <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">Banff</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"> Nov 26, 2024 - Nov 27, 2024 </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-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <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 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">Banff 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 js-clk-open" data-type="filters"> <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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Up to 100$</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">$100 - 200</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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" id="tunnel-mountain-resort" data-bhotel-id="tunnel-mountain-resort" data-lat="51.18469" data-lng="-115.550402" data-price = "102US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10041/1004138/1004138628.JPEG" alt="" loading="lazy"> <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> (519)</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/tunnel-mountain-resort-banff" 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">Tunnel Mountain Resort</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">102US$</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="78542"> <span>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" id="mount-royal-hotel" data-bhotel-id="mount-royal-hotel" data-lat="51.17622" data-lng="-115.57047" data-price = "99US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12774/1277427/1277427784.JPEG" alt="" loading="lazy"> <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> (250)</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/mount-royal-hotel-banff" 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">Mount Royal 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">99US$</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="77853"> <span>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" id="banff-aspen-lodge" data-bhotel-id="banff-aspen-lodge" data-lat="51.181109" data-lng="-115.56896" data-price = "135US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11982/1198240/1198240996.JPEG" alt="" loading="lazy"> <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> (404)</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/banff-aspen-lodge" 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">Banff Aspen Lodge</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">135US$</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="24716"> <span>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" id="the-juniper-hotel-bistro" data-bhotel-id="the-juniper-hotel-bistro" data-lat="51.18789" data-lng="-115.5882" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15308/1530861/1530861730.JPEG" alt="" loading="lazy"> <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> (158)</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/the-juniper-hotel-bistro-banff" 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 Juniper Hotel & Bistro</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">95US$</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="48252"> <span>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" id="high-country-inn" data-bhotel-id="high-country-inn" data-lat="51.18183" data-lng="-115.567579" data-price = "174US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10099/1009991/1009991173.JPEG" alt="" loading="lazy"> <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> (369)</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/high-country-inn-banff" 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">High Country 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">174US$</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="24741"> <span>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" id="elk-avenue-hotel" data-bhotel-id="elk-avenue-hotel" data-lat="51.179699" data-lng="-115.570251" data-price = "107US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15401/1540131/1540131235.JPEG" alt="" loading="lazy"> <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> (268)</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/elk-avenue-hotel-banff" 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">Elk + Avenue 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">107US$</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="185413"> <span>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" id="hi-banff-alpine-centre-hostel" data-bhotel-id="hi-banff-alpine-centre-hostel" data-lat="51.1853" data-lng="-115.54817" data-price = "34US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14243/1424374/1424374920.JPEG" alt="" loading="lazy"> <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> (112)</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/hi-banff-alpine-centre-hostel" 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">Hi Banff Alpine Centre - Hostel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">34US$</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="264930"> <span>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" id="banff-boutique-inn-adults-only" data-bhotel-id="banff-boutique-inn-adults-only" data-lat="51.17083" data-lng="-115.57689" data-price = "238US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7386/738621/738621001.JPEG" alt="" loading="lazy"> <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> (128)</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/banff-boutique-inn-adults-only" 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">Banff Boutique Inn - Adults Only</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">238US$</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="363856"> <span>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" id="douglas-fir-resort-chalets" data-bhotel-id="douglas-fir-resort-chalets" data-lat="51.18462" data-lng="-115.54883" data-price = "115US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6727/672717/672717897.JPEG" alt="" loading="lazy"> <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> (361)</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/douglas-fir-resort-chalets-banff" 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">Douglas Fir Resort & Chalets</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">115US$</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="24702"> <span>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" id="the-hidden-ridge-resort" data-bhotel-id="the-hidden-ridge-resort" data-lat="51.1875155959688" data-lng="-115.54625230422974" data-price = "129US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12786/1278650/1278650806.JPEG" alt="" loading="lazy"> <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> (316)</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/the-hidden-ridge-resort-banff" 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 Hidden Ridge 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">129US$</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="47477"> <span>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" id="fox-hotel-and-suites" data-bhotel-id="fox-hotel-and-suites" data-lat="51.18331" data-lng="-115.56307" data-price = "197US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/742/74265/74265092.JPEG" alt="" loading="lazy"> <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> (372)</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/fox-hotel-and-suites-banff" 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">Fox Hotel And Suites</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">197US$</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="78436"> <span>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" id="bow-view-lodge" data-bhotel-id="bow-view-lodge" data-lat="51.178102" data-lng="-115.575776" data-price = "282US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13417/1341780/1341780434.JPEG" alt="" loading="lazy"> <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> (352)</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/bow-view-lodge-banff" 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">Bow View Lodge</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">282US$</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="78474"> <span>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" id="moose-hotel-and-suites" data-bhotel-id="moose-hotel-and-suites" data-lat="51.18069" data-lng="-115.5693" data-price = "239US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/5470/547028/547028865.JPEG" alt="" loading="lazy"> <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> (150)</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/moose-hotel-and-suites-banff" 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">Moose Hotel And Suites</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="1788831"> <span>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" id="best-western-plus-siding-29-lodge" data-bhotel-id="best-western-plus-siding-29-lodge" data-lat="51.182915892159556" data-lng="-115.56538491044194" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16147/1614781/1614781290.JPEG" alt="" loading="lazy"> <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> (250)</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-siding-29-lodge-banff" 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 Siding 29 Lodge</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="174423"> <span>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" id="the-rimrock-resort-hotel-banff" data-bhotel-id="the-rimrock-resort-hotel-banff" data-lat="51.151611" data-lng="-115.559585" data-price = "292US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15396/1539621/1539621958.JPEG" alt="" loading="lazy"> <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> (261)</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/the-rimrock-resort-hotel-banff" 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 Rimrock Resort Hotel Banff</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">5</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">292US$</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="78433"> <span>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" id="banff-international-hostel" data-bhotel-id="banff-international-hostel" data-lat="51.18283" data-lng="-115.56474" data-price = "20US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6621/662197/662197371.JPEG" alt="" loading="lazy"> <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> (146)</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/banff-international-hostel" 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">Banff International Hostel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">20US$</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="418167"> <span>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" id="king-edward-hotel" data-bhotel-id="king-edward-hotel" data-lat="51.17651" data-lng="-115.571" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/3423/342349/342349693.JPEG" alt="" loading="lazy"> <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> (226)</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/king-edward-hotel-banff" 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">King Edward 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">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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.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 ">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="10165208"> <span>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" id="samesun-banff-hostel" data-bhotel-id="samesun-banff-hostel" data-lat="51.182369" data-lng="-115.566017" data-price = "33US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12565/1256596/1256596405.JPEG" alt="" loading="lazy"> <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> (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/samesun-banff-hostel" 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">Samesun Banff Hostel</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="371050"> <span>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" id="fairmont-banff-springs" data-bhotel-id="fairmont-banff-springs" data-lat="51.16423" data-lng="-115.5623" data-price = "302US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15914/1591492/1591492941.JPEG" alt="" loading="lazy"> <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> (199)</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-banff-springs-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">Fairmont Banff Springs</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">5</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">1.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 ">302US$</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="294554"> <span>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; } </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.187515595969" data-lng="-115.54625230423"></div> </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>Nestled in the lively heart of the Canadian Rockies, Banff is a captivating destination that offers both stunning natural beauty and a plethora of outdoor adventures. With its picturesque landscapes, including turquoise lakes and majestic mountains, visitors flock to this charming town year-round. However, to truly elevate your experience, finding the right accommodation is crucial, making the exploration of Banff hotels an essential part of your travel planning.</p><p>Banff hotels come in a variety of styles, ensuring there’s something for every type of traveler, whether you seek luxury, comfort, or a cozy retreat. Boutique hotels like the Fairmont Banff Springs provide a unique blend of elegance and history, transporting guests to a different era while offering modern amenities. For those on a budget, charming inns and motels scattered throughout the town offer affordable yet comfortable stays without compromising on the quintessential Banff experience.</p><p>Choosing the perfect hotel in Banff also allows visitors to immerse themselves in the local culture and take advantage of nearby attractions. Many accommodations are strategically located near popular hiking trails, ski slopes, and vibrant dining options, making it easy to explore everything Banff has to offer. With the right Banff hotel as your base, you'll be well-equipped to create unforgettable memories surrounded by breathtaking alpine scenery.</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-692281" data-langcode="en" data-bcity-id="-560592" data-city-name="Banff" > <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>Booking Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#the-hidden-ridge-resort" class="js-clk-open" data-type="table" data-bhotel-id="47477" data-open-once data-open-passive>The Hidden Ridge Resort</a> </td> <td> <p> 7.9 / 10 </p> <p> (1918 Reviews)</p> </td> <td> <span>From 129US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="47477">Check Price</button> </td> </tr> <tr> <td> <a href="#banff-voyager-inn" class="js-clk-open" data-type="table" data-bhotel-id="185439" data-open-once data-open-passive>Banff Voyager Inn</a> </td> <td> <p> 7.0 / 10 </p> <p> (1054 Reviews)</p> </td> <td> <span>From 92US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="185439">Check Price</button> </td> </tr> <tr> <td> <a href="#moose-hotel-and-suites" class="js-clk-open" data-type="table" data-bhotel-id="1788831" data-open-once data-open-passive>Moose Hotel and Suites</a> </td> <td> <p> 8.9 / 10 </p> <p> (1611 Reviews)</p> </td> <td> <span>From 239US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1788831">Check Price</button> </td> </tr> <tr> <td> <a href="#banff-park-lodge" class="js-clk-open" data-type="table" data-bhotel-id="78435" data-open-once data-open-passive>Banff Park Lodge</a> </td> <td> <p> 8.1 / 10 </p> <p> (1078 Reviews)</p> </td> <td> <span>From 75US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="78435">Check Price</button> </td> </tr> <tr> <td> <a href="#banff-boutique-inn" class="js-clk-open" data-type="table" data-bhotel-id="363856" data-open-once data-open-passive>Banff Boutique Inn</a> </td> <td> <p> 9.0 / 10 </p> <p> (716 Reviews)</p> </td> <td> <span>From 238US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="363856">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="the-hidden-ridge-resort" data-id="1257997" data-lat="51.187515595969" data-lng="-115.54625230423"> <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="/data/images/r1080x700/12786/1278650/1278650806.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12786/1278650/1278650806.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650089.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278652/1278652147.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650482.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649918.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650560.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651961.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278652/1278652243.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651895.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650749.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651733.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278652/1278652054.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651811.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651646.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15861/1586110/1586110442.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15861/1586110/1586110443.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15861/1586110/1586110450.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15861/1586110/1586110454.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566946/1566946889.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525098/1525098340.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525098/1525098394.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525098/1525098412.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525098/1525098430.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525099/1525099402.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525099/1525099474.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15251/1525101/1525101244.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15251/1525101/1525101271.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566972/1566972947.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566973/1566973022.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566973/1566973085.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566973/1566973088.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566973/1566973139.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651451.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650266.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651202.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651325.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651373.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651523.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650374.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651040.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15669/1566972/1566972917.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120966/1120966911.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120967/1120967328.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120970/1120970892.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120973/1120973001.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120977/1120977180.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120982/1120982664.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120983/1120983741.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120965/1120965600.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120972/1120972650.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120977/1120977093.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650422.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/8131/813120/813120858.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651163.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120983/1120983810.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6436/643610/643610307.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6439/643907/643907799.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354423/354423013.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/8131/813120/813120588.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/8131/813120/813120873.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744677/744677113.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744678/744678541.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120983/1120983858.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744674/744674797.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744676/744676252.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120956/1120956135.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6436/643614/643614279.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6436/643618/643618596.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6436/643621/643621500.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/6439/643912/643912017.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651568.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744675/744675799.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15250/1525099/1525099393.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649111.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649147.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649360.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649399.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649723.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278649/1278649771.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650854.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650890.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650917.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651079.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651118.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/7446/744677/744677299.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/11209/1120966/1120966836.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354422/354422986.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278650/1278650956.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354423/354423019.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12786/1278651/1278651244.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/15251/1525101/1525101316.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/10124/1012406/1012406545.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/10124/1012406/1012406581.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/10124/1012406/1012406599.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/10124/1012406/1012406629.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/12544/1254415/1254415276.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/4441/444179/444179988.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354422/354422989.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938601/938601295.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </div> <div data-fslightbox-link="/data/images/r1080x700/828/82836/82836626.JPEG" data-image-gallery="gallerythe-hidden-ridge-resort" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-hidden-ridge-resort" > </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> (1918)</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="47477">The Hidden Ridge Resort</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">901 Hidden Ridge Way</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Hidden Ridge Resort’s philosophy emphasizes conservation and responsible tourism, making it a top pick for eco-conscious visitors among Banff hotels. Nestled within the scenic landscape, it utilizes sustainable practices like recycling and eco-friendly cleaning products throughout the property. The resort also features energy-efficient systems in its accommodations, ensuring minimal impact on the environment. With easy access to outdoor activities, guests can immerse themselves in the natural beauty of Banff while supporting local conservation efforts. The Hidden Ridge Resort demonstrates that travelers can enjoy comfort and luxury without compromising their commitment to sustainability. Choosing this resort means choosing an experience that respects and honors the natural world. </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">129US$</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="47477" > <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="banff-voyager-inn" data-id="1257999" data-lat="51.185228" data-lng="-115.556963"> <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="/data/images/r1080x700/7059/705999/705999982.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7059/705999/705999982.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/3438/343844/343844902.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7622/762250/762250927.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7621/762199/762199399.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5066/506665/506665065.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3174/317462/317462101.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/727/72743/72743033.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3174/317462/317462037.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3174/317462/317462061.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3174/317462/317462093.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1765/176551/176551281.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1765/176551/176551254.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3174/317462/317462069.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1765/176551/176551269.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913801/913801813.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/727/72743/72743138.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802104.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802194.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802272.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511641/511641225.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913801/913801876.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802029.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802332.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913802/913802416.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10159/1015984/1015984927.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000048.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080225.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7719/771983/771983737.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6510/651002/651002997.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080250.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346256.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346259.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346262.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346265.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7621/762199/762199321.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310366/310366885.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346274.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7059/705999/705999928.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000567.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346268.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000255.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346283.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000156.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706001/706001068.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706001/706001131.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000897.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000354.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000279.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706001/706001206.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000798.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000483.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4424/442419/442419372.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000528.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346277.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4564/456436/456436473.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511641/511641660.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1388/138891/138891801.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1104/110433/110433306.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3438/343844/343844908.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000603.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706000/706000204.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346271.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706001/706001470.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8418/841890/841890149.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7060/706001/706001848.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511641/511641693.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511641/511641726.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3732/373263/373263205.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4424/442419/442419399.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4424/442419/442419288.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4484/448424/448424895.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1227/122740/122740819.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5298/529842/529842498.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5298/529842/529842570.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6807/680743/680743689.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/5298/529842/529842528.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4397/439775/439775319.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/478/47861/47861284.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3732/373263/373263193.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3732/373263/373263199.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/850/85021/85021757.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3060/306046/306046832.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3060/306046/306046820.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3060/306046/306046824.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3060/306046/306046828.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354422/354422650.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4484/448424/448424889.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1227/122740/122740804.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354422/354422674.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3544/354422/354422644.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/4484/448424/448424910.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1437/143790/143790866.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1549/154914/154914989.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1549/154914/154914986.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1388/138891/138891813.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/850/85021/85021799.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1388/138891/138891798.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1547/154731/154731281.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/822/82256/82256120.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/614/61421/61421254.JPEG" data-image-gallery="gallerybanff-voyager-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="banff-voyager-inn" > </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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (1054)</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="185439">Banff Voyager Inn</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">555 Banff Ave</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Banff Voyager Inn is another fantastic choice for those seeking budget-friendly Banff hotels focused on comfort and convenience. This inn features spacious rooms that make it easy for families or groups to stay together without overspending. Guests have access to amenities like an indoor swimming pool and hot tub, perfect for relaxation after a day outdoors. Located near popular attractions, the inn provides a more relaxed environment while still being close to the action. On-site dining options cater to various tastes, ensuring guests have simple meals available. The Banff Voyager Inn delivers great value, making it a perfect launching point for exploration. </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">92US$</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="185439" > <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-banff-hotels-for-a-splendid-stay">Luxury Banff Hotels for a Splendid Stay</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When seeking an unparalleled experience in the stunning natural beauty of Banff, luxury Banff hotels offer a blend of elegance, comfort, and exceptional service. These accommodations provide guests with an immersive experience, where the beauty of the surrounding Rockies complements the opulence of their stays. Ideal for couples, families, or those looking to indulge, luxury hotels cater to guests who appreciate finer details and exquisite amenities. Many of these establishments boast easy access to iconic attractions and outdoor activities, making them perfect as a base for adventure seekers. In this section, we’ll delve into some of the most luxurious hotels in Banff, ensuring that every moment of your stay is infused with comfort and style. From impressive dining options to relaxing spas, these Banff hotels provide the ultimate retreat.</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="moose-hotel-and-suites" data-id="1258000" data-lat="51.18069" data-lng="-115.5693"> <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="/data/images/r1080x700/5470/547028/547028865.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5470/547028/547028865.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526472.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526538.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526658.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525869.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526202.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526412.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526598.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526127.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525305.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526091.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525275.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526337.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525134.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525695.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525110.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525776.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525902.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526163.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023194.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023200.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023872.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609050.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609053.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609062.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609065.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557024/1557024553.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557024/1557024631.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557024/1557024643.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557024/1557024835.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557024/1557024862.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286526/1286526001.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609056.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525083.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609044.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15656/1565609/1565609047.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366326/1366326524.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366332/1366332212.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366334/1366334129.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366334/1366334315.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366331/1366331516.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366332/1366332155.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366339/1366339595.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366339/1366339772.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/11314/1131450/1131450372.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/11314/1131462/1131462150.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090052/1090052481.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090052/1090052640.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090099/1090099602.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090099/1090099605.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090052/1090052448.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090053/1090053360.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10900/1090053/1090053489.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089778/1089778948.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089779/1089779490.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089780/1089780414.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089778/1089778832.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089780/1089780156.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089780/1089780408.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10898/1089831/1089831140.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10898/1089833/1089833992.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366339/1366339802.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/6618/661864/661864137.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/6618/661865/661865124.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366339/1366339376.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366330/1366330682.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/11332/1133205/1133205981.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366328/1366328429.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023299.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366332/1366332260.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/4349/434902/434902887.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/4349/434909/434909454.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366334/1366334108.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/6618/661859/661859289.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366333/1366333328.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525335.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525446.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525488.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525620.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023107.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525158.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525425.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/4348/434874/434874189.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286524/1286524858.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286524/1286524930.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286524/1286524939.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286524/1286524951.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286524/1286524990.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525377.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525470.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525533.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/15570/1557023/1557023515.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/7253/725390/725390347.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089778/1089778956.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/10897/1089778/1089778268.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525005.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/12865/1286525/1286525668.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/4349/434902/434902803.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/13663/1366331/1366331984.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </div> <div data-fslightbox-link="/data/images/r1080x700/2671/267106/267106309.JPEG" data-image-gallery="gallerymoose-hotel-and-suites" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="moose-hotel-and-suites" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1611)</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="1788831">Moose Hotel and Suites</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">345 Banff Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Moose Hotel and Suites offers a perfect balance between luxury and cozy comfort, making it a top pick among Banff hotels. The hotel features a mix of traditional alpine design and modern touches, providing a homey yet chic feel. Each suite is equipped with a kitchenette and fireplace, allowing guests to relax in style after a day exploring the scenic wonders of Banff. The hotel also includes an outdoor pool and hot tubs, perfect for relaxing while taking in breathtaking views. Nearby, you'll find a variety of dining choices and recreational activities that highlight the vibrant Banff culture. This family-friendly hotel makes for a delightful stay for travelers seeking a blend of relaxation and adventure. </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">239US$</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="1788831" > <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="banff-park-lodge" data-id="1258001" data-lat="51.17764" data-lng="-115.57404"> <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="/data/images/r1080x700/13417/1341779/1341779387.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13417/1341779/1341779387.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/16214/1621408/1621408968.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15903/1590340/1590340875.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15903/1590340/1590340877.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584408/1584408442.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584408/1584408478.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584408/1584408518.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584408/1584408449.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482753.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14000/1400079/1400079938.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14000/1400083/1400083445.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14000/1400082/1400082044.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483320.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175322/1175322384.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175323/1175323140.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175323/1175323428.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175323/1175323803.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11779/1177996/1177996405.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178006/1178006701.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178007/1178007922.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008273.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008627.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178025/1178025553.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175323/1175323818.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11779/1177996/1177996798.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11779/1177996/1177996822.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11779/1177996/1177996852.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178007/1178007148.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178007/1178007187.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008228.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008297.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008324.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178009/1178009023.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178025/1178025508.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178025/1178025601.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178025/1178025529.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178025/1178025577.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008993.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122874/1122874908.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122874/1122874587.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122875/1122875430.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122876/1122876579.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122876/1122876597.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122877/1122877002.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122883/1122883992.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122884/1122884355.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122884/1122884373.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122884/1122884427.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122887/1122887688.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122888/1122888192.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122888/1122888240.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122888/1122888141.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122887/1122887667.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15903/1590340/1590340874.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/10726/1072687/1072687753.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483554.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9933/993352/993352057.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11753/1175324/1175324298.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15892/1589257/1589257479.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11228/1122884/1122884337.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11780/1178008/1178008921.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483080.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15892/1589257/1589257359.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482525.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482864.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483785.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483653.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483938.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483968.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483518.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1906/190690/190690033.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212614/1212614611.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212613/1212613183.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212613/1212613228.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212613/1212613297.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212613/1212613963.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212614/1212614248.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212614/1212614923.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615034.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615196.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615352.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615517.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615568.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615619.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615742.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212615/1212615811.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616054.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616120.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616177.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616237.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616348.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616447.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616507.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616576.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616639.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616693.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616852.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212616/1212616909.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212613/1212613534.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212614/1212614332.JPEG" data-image-gallery="gallerybanff-park-lodge" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="banff-park-lodge" > </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> (1078)</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="78435">Banff Park Lodge</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">222 Lynx Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Banff Park Lodge is a welcoming choice among pet-friendly Banff hotels, accommodating both you and your beloved pets with open arms. The lodge offers comfortable rooms equipped with essential amenities tailored for guests traveling with pets. Located just a short distance from downtown Banff, it provides easy access to parks and walking trails, perfect for taking your dog on scenic strolls. With a dedicated pet-friendly policy, guests can enjoy worry-free stays while ensuring their furry friends are well taken care of. The lodge features an indoor pool and fitness center, allowing pet owners to partake in activities alongside their animals. Banff Park Lodge promotes a memorable experience for both you and your pets. </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">75US$</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="78435" > <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-banff-hotels">Family-Friendly Banff Hotels</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When planning a family getaway, selecting the right accommodations is essential for a fun-filled experience, and family-friendly Banff hotels promise exactly that. These hotels provide activities and amenities catered to all ages, ensuring both children and adults have a memorable stay. With easy access to family-oriented attractions such as hiking trails, museums, and wildlife tours, these hotels serve as excellent bases for exploration. In this section, we highlight Banff hotels that understand the importance of family and offer spaces that are comfortable and welcoming for everyone. From spacious rooms to on-site activities, these selections are designed to create cherished family memories.</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="banff-boutique-inn" data-id="1258003" data-lat="51.17083" data-lng="-115.57689"> <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="/data/images/r1080x700/7386/738621/738621001.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7386/738621/738621001.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584491/1584491506.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584491/1584491522.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584491/1584491537.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584491/1584491513.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738621/738621745.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738617/738617764.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738617/738617776.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620419.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620449.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620470.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620587.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620215.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620365.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620404.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620911.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738621/738621202.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738619/738619876.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620617.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/7386/738620/738620602.JPEG" data-image-gallery="gallerybanff-boutique-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="banff-boutique-inn" > </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> (716)</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="363856">Banff Boutique Inn</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">121 Cave Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Banff Boutique Inn caters exclusively to adults, creating a serene environment that's perfect for couples and solo travelers. This charming inn is beautifully designed with hints of rustic mountain decor paired with modern touches that evoke a peaceful ambiance. Guests enjoy rooms equipped with private balconies or patios, allowing them to soak in the surrounding natural beauty. The on-site breakfast prepared with fresh local ingredients ensures guests start their day on the right note. Located just a short walk from the vibrant nightlife and dining options of Banff, this boutique inn is a perfect retreat. For those looking for a unique stay, the Banff Boutique Inn provides an intimate escape. </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">238US$</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="363856" > <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-juniper-hotel-bistro" data-id="1258004" data-lat="51.18789" data-lng="-115.5882"> <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="/data/images/r1080x700/15308/1530861/1530861730.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15308/1530861/1530861730.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346094.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347564.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346145.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347237.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347057.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347462.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347189.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346292.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/16197/1619759/1619759554.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15381/1538184/1538184151.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584417/1584417301.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584417/1584417389.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530850/1530850993.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530850/1530850999.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530851/1530851020.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530851/1530851026.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530851/1530851041.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530847/1530847012.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530847/1530847207.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530849/1530849841.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530850/1530850066.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530856/1530856141.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530856/1530856162.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530856/1530856681.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530857/1530857242.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530859/1530859063.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860065.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530861/1530861754.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530862/1530862921.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530862/1530862927.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530862/1530862933.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530862/1530862936.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530863/1530863071.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530861/1530861721.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347114.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347504.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347387.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346331.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860923.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530851/1530851029.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347306.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584417/1584417286.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584417/1584417292.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860095.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13811/1381159/1381159727.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530859/1530859060.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530859/1530859096.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860875.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530859/1530859075.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860881.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530849/1530849475.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/10058/1005832/1005832492.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13811/1381170/1381170089.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7695/769587/769587895.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7695/769589/769589248.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7695/769596/769596634.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13460/1346039/1346039846.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13762/1376228/1376228549.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13762/1376213/1376213663.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277347/1277347015.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530851/1530851002.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530860/1530860113.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/2309/230928/230928934.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7696/769608/769608403.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/2309/230921/230921092.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346553.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346616.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346808.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346907.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346931.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346955.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346862.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346532.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346589.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346766.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346748.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346874.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/16197/1619759/1619759555.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/2309/230932/230932114.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346370.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938601/938601610.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/8429/842950/842950673.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/8429/842950/842950433.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/8429/842950/842950604.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/8429/842950/842950754.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15381/1538184/1538184193.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938601/938601580.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/13762/1376222/1376222552.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346838.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/12773/1277346/1277346658.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/15308/1530859/1530859036.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774222/774222916.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774223/774223432.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774223/774223558.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774224/774224122.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774224/774224287.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774224/774224428.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774224/774224041.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </div> <div data-fslightbox-link="/data/images/r1080x700/7742/774224/774224335.JPEG" data-image-gallery="gallerythe-juniper-hotel-bistro" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-juniper-hotel-bistro" > </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> (969)</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="48252">The Juniper Hotel & Bistro</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">1 Juniper Way</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Juniper Hotel & Bistro is a standout choice for environmentally conscious travelers among Banff hotels. The hotel integrates sustainable practices by utilizing locally sourced ingredients in its restaurant, reducing carbon footprints while providing delicious meals. Rooms and communal areas are designed with energy-efficient lighting and eco-friendly features to minimize environmental impact. Guests can explore several nearby hiking trails that promote connection with nature and support conservation efforts. The hotel's commitment to sustainability makes it a perfect choice for those seeking a responsible way to enjoy the breathtaking Rocky Mountains. By staying at the Juniper, visitors can indulge in luxury while being mindful of their ecological footprint. </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">95US$</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="48252" > <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-banff-hotels-for-the-savvy-explorer">Budget-Friendly Banff Hotels for the Savvy Explorer</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Exploring the enchanting town of Banff shouldn’t break the bank, and budget-friendly Banff hotels cater to savvy travelers seeking affordability without sacrificing quality. These accommodations allow you to make the most of your trip while keeping expenses low, offering basic comforts, convenient locations, and friendly service. With careful planning, visitors can balance exploring breathtaking landscapes and enjoying unique experiences with budget considerations. In this section, we dive into a selection of Banff hotels ideal for travelers looking to experience the allure of the Rockies while adhering to a budget. Whether you're a backpacker or a family looking to save, these options provide great value.</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="canalta-lodge" data-id="1258005" data-lat="51.18502" data-lng="-115.55802"> <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="/data/images/r1080x700/12775/1277570/1277570974.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12775/1277570/1277570974.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570869.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571064.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571163.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571214.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571262.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571298.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571358.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571115.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15292/1529249/1529249083.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6544/654486/654486120.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6453/645391/645391872.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560322/560322624.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560323/560323011.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560323/560323110.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560323/560323131.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560325/560325219.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560325/560325480.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560325/560325546.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519711/519711537.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519711/519711564.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519711/519711654.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715371.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715398.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715425.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519712/519712080.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519714/519714552.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715644.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715701.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570596.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570749.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570794.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570503.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570341.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5603/560325/560325411.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277571/1277571019.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570392.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570641.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570683.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570725.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519715/519715428.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570833.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570431.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570935.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519710/519710535.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4809/480936/480936732.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570899.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8324/832480/832480805.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8324/832481/832481120.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/10159/1015994/1015994080.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/910/91083/91083041.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080290.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080355.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080395.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080370.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511644/511644381.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511644/511644423.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/910/91083/91083056.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9138/913805/913805140.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938604/938604190.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4564/456430/456430386.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4564/456430/456430410.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346481.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346418.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346439.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346472.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346499.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6140/614080/614080330.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3205/320517/320517613.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3205/320517/320517577.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346463.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4564/456430/456430401.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8418/841884/841884581.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12775/1277570/1277570377.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511644/511644324.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6708/670885/670885404.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4424/442419/442419846.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1466/146630/146630264.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1466/146630/146630273.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346466.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2157/215784/215784650.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310366/310366949.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346502.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1082/108221/108221190.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1466/146630/146630276.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6454/645401/645401601.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5197/519711/519711678.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8418/841884/841884797.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9137/913714/913714351.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9137/913714/913714354.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9137/913714/913714348.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4693/469346/469346460.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6725/672563/672563967.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6725/672564/672564015.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6725/672564/672564117.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8418/841885/841885358.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/8418/841885/841885364.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7920/792012/792012498.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7920/792012/792012531.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/478/47861/47861200.JPEG" data-image-gallery="gallerycanalta-lodge" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="canalta-lodge" > </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> (2702)</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="185440">Canalta Lodge</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">545 Banff Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Canalta Lodge is one of the top family-friendly Banff hotels recognized for its amenities and warm atmosphere. This lodge offers spacious rooms that can accommodate families, complete with kitchenettes for simple meal preparation. Guests will appreciate the complimentary breakfast provided each morning, setting a perfect start before heading out for daily adventures. The lodge features an indoor pool with a water slide—a favorite for kids and adults alike. Additionally, Canalta Lodge provides easy access to attractions like Banff National Park, making family exploration more accessible. With its cozy ambiance and thoughtful offerings, it’s a perfect home away from home. </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">123US$</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="185440" > <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="red-carpet-inn" data-id="1258006" data-lat="51.182072" data-lng="-115.566956"> <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="/data/images/r1080x700/14361/1436160/1436160082.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14361/1436160/1436160082.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483521.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484067.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11515/1151560/1151560824.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11515/1151561/1151561955.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436160/1436160031.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10713/1071337/1071337810.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436159/1436159767.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158219.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436157/1436157448.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158291.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158492.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158903.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436159/1436159401.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436159/1436159521.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436159/1436159803.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158804.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482348.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482417.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482549.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483299.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484760.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484907.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485168.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485327.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485366.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485399.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485573.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483047.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483329.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484862.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212663/1212663739.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212663/1212663904.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664264.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664318.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664675.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483368.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484559.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158525.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664210.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436157/1436157190.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664579.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212663/1212663187.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12485/1248584/1248584857.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212663/1212663643.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664432.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482510.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484709.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212665/1212665974.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482243.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698756/698756538.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10353/1035328/1035328200.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10353/1035328/1035328410.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664369.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971130/971130742.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971130/971130748.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277483/1277483011.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10353/1035328/1035328056.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482390.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971130/971130754.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971130/971130745.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664522.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482267.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10353/1035328/1035328353.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971110/971110804.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971110/971110852.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698756/698756244.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698756/698756580.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698757/698757153.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484301.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/3702/370260/370260292.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1389/138920/138920757.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664042.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212663/1212663592.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698756/698756619.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485078.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664999.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12126/1212664/1212664627.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436159/1436159269.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698757/698757039.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698757/698757084.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/8400/840061/840061733.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1389/138920/138920715.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12485/1248584/1248584788.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484952.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436158/1436158756.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277484/1277484835.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277485/1277485699.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1389/138920/138920718.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1389/138920/138920709.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10980/1098046/1098046095.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10180/1018043/1018043542.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/1389/138920/138920706.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10353/1035328/1035328143.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9711/971130/971130760.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/14745/1474550/1474550800.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/10863/1086305/1086305665.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/11648/1164812/1164812560.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/9710/971067/971067286.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </div> <div data-fslightbox-link="/data/images/r1080x700/478/47861/47861515.JPEG" data-image-gallery="galleryred-carpet-inn" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="red-carpet-inn" > </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> (1387)</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="78543">Red Carpet Inn</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">425 Banff Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Red Carpet Inn stands out among budget-friendly Banff hotels for its cozy atmosphere and affordable rates. This inn is conveniently located near the town center, making it easy to explore local shops and restaurants on foot. Rooms are comfortably appointed and equipped with essential amenities, ensuring guests have a pleasant stay. The hotel provides complimentary breakfast and free parking for all guests, enhancing the overall value. With its warm hospitality and prime location, Red Carpet Inn is an ideal choice for those looking to enjoy all that Banff has to offer. The friendly staff are always happy to suggest local attractions and hidden gems to enhance your visit. </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">52US$</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="78543" > <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="unique-boutique-banff-hotels-for-an-exclusive-experience">Unique Boutique Banff Hotels for an Exclusive Experience</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers seeking a distinctive experience that combines charm, character, and personalized service, unique boutique Banff hotels offer an exceptional alternative to standard accommodations. These establishments are often filled with local flair and creativity, providing an immersive experience that reflects the beauty and culture of Banff. Ideal for couples or anyone wanting to escape conventional stays, boutique hotels emphasize attention to detail and curated experiences. In this section, we explore boutique Banff hotels that stand out for their uniqueness and allure, ensuring an unforgettable journey. From artistic décor to bespoke services, these hotels promise a memorable escape into the heart of the Canadian Rockies.</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="brewster-mountain-lodge" data-id="1258007" data-lat="51.176715726127" data-lng="-115.57210651059"> <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="/data/images/r1080x700/12774/1277477/1277477890.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12774/1277477/1277477890.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277478/1277478076.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277475/1277475709.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277475/1277475772.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277475/1277475817.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277475/1277475865.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277475/1277475925.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277476/1277476660.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477722.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477980.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277478/1277478019.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277476/1277476489.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477854.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277476/1277476249.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277476/1277476198.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15845/1584596/1584596413.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15845/1584596/1584596403.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15845/1584596/1584596405.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15845/1584596/1584596406.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541441/1541441188.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446336.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446351.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446354.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446759.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446795.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446864.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446666.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15284/1528482/1528482061.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15405/1540582/1540582090.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15405/1540582/1540582297.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15405/1540582/1540582303.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446159.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446189.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446276.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446807.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446843.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15542/1554269/1554269695.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446852.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15673/1567363/1567363388.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15594/1559444/1559444617.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477941.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15284/1528482/1528482286.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15405/1540582/1540582294.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15414/1541446/1541446195.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15542/1554269/1554269800.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15542/1554269/1554269950.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11762/1176289/1176289684.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477227.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11762/1176291/1176291052.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477182.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2509/250902/250902401.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79954/79954038.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79925/79925697.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79930/79930911.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79924/79924911.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2509/250901/250901937.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15845/1584596/1584596419.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4171/417180/417180753.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2511/251101/251101801.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79924/79924905.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2598/259826/259826957.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2490/249026/249026633.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2490/249026/249026625.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2507/250729/250729417.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2507/250729/250729421.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2507/250782/250782881.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2490/249026/249026557.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79924/79924908.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/910/91031/91031552.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1210/121060/121060623.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025297.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025309.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025303.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15542/1554268/1554268510.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367085.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511642/511642143.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025294.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025276.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025279.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2509/250901/250901945.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2507/250782/250782877.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025270.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/2598/259826/259826769.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025282.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025288.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025285.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7650/765025/765025273.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/1466/146622/146622023.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367069.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367061.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/910/91031/91031621.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/910/91031/91031648.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79954/79954035.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6790/679043/679043685.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/6790/679043/679043943.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79954/79954041.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/799/79954/79954239.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367077.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277477/1277477560.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/235/23508/23508372.JPEG" data-image-gallery="gallerybrewster-mountain-lodge" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="brewster-mountain-lodge" > </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.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1127)</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="1056437">Brewster Mountain Lodge</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">208 Caribou Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Brewster Mountain Lodge embodies the spirit of a cozy, boutique experience, providing guests with a charming stay in Banff. The lodge’s unique design features a blend of comfortable, rustic elements and contemporary hospitality, perfect for visitors looking for something special. Rooms are spacious and well-appointed, with thoughtful amenities that cater to the needs of travelers. The property includes an outdoor hot tub and barbecue area for those wanting to socialize and enjoy the stunning alpine landscape. Located in proximity to the center of Banff, guests can easily explore local attractions and vibrant culture. Brewster Mountain Lodge captures the essence of the Banff experience while ensuring a personalized touch. </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">93US$</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="1056437" > <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="buffalo-mountain-lodge" data-id="1258008" data-lat="51.1838" data-lng="-115.55075"> <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="/data/images/r1080x700/12774/1277481/1277481916.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12774/1277481/1277481916.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439438.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439405.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439406.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439415.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439422.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439423.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439431.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439476.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439419.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439399.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439430.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439426.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439400.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15983/1598399/1598399972.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439416.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439441.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439465.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439485.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439437.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439435.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12660/1266026/1266026107.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12660/1266030/1266030160.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439398.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439408.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11084/1108428/1108428891.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439439.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277481/1277481871.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7525/752573/752573204.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12660/1266030/1266030169.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439460.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439442.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154658.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153614.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436152/1436152786.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439397.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436152/1436152846.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153278.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153392.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153515.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154265.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153989.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154061.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436152/1436152987.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154889.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482054.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153740.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154538.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436153/1436153797.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277481/1277481850.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/12774/1277482/1277482021.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154400.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436154/1436154133.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/11793/1179357/1179357148.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240035.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240044.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240074.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436155/1436155618.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436155/1436155819.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436156/1436156113.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436157/1436157001.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240017.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14361/1436156/1436156236.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/10204/1020412/1020412618.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/10204/1020412/1020412792.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/850/85027/85027865.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938603/938603638.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938603/938603695.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/10167/1016775/1016775142.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439424.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439433.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240071.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240059.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240089.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240095.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478240/1478240101.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/14782/1478239/1478239999.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/850/85027/85027352.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938603/938603851.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/4192/419237/419237649.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3871/387170/387170092.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5116/511632/511632186.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/852/85276/85276124.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367141.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367149.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3103/310367/310367157.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/3871/387170/387170107.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446791.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446890.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702447/702447058.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446845.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446929.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446971.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702447/702447139.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702447/702447169.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702447/702447220.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/15844/1584439/1584439409.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/5701/570152/570152145.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/7024/702446/702446446.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </div> <div data-fslightbox-link="/data/images/r1080x700/850/85024/85024823.JPEG" data-image-gallery="gallerybuffalo-mountain-lodge" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="buffalo-mountain-lodge" > </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> (1732)</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="253086">Buffalo Mountain Lodge</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">700 Tunnel Mountain Road</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Buffalo Mountain Lodge radiates rustic charm with its lodge-style architecture and serene mountain surroundings, making it an idyllic choice among romantic Banff hotels. The hotel offers cozy accommodations that include wood-burning fireplaces and beautiful views of Tunnel Mountain, setting the stage for a romantic retreat. Culinary experiences are enhanced at the on-site restaurant, which features exquisite dishes made from locally sourced ingredients. Guests can also take advantage of the outdoor hot tubs surrounded by the tranquil forest, creating the perfect intimate setting. Buffalo Mountain Lodge is close to various hiking trails, allowing couples to explore scenic routes together. With its romantic ambiance and thoughtful touches, this lodge is a perfect escape for lovebirds. </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">144US$</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="253086" > <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="eco-friendly-banff-hotels-for-sustainable-travel">Eco-Friendly Banff Hotels for Sustainable Travel</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling sustainably is becoming increasingly important for many travelers, and eco-friendly Banff hotels embrace this philosophy by offering green accommodations and practices. These hotels focus on minimizing their environmental impact while providing guests with comfortable and enjoyable stays. By incorporating sustainable features such as energy-efficient systems, water conservation practices, and locally sourced foods, these accommodations contribute positively to the beautiful landscapes surrounding Banff. In this section, we’ll highlight hotels that exemplify a commitment to sustainability, allowing you to enjoy your vacation with a clear conscience. Discover how you can experience the beauty of Banff while supporting eco-friendly initiatives.</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-rimrock-resort-hotel-banff" data-id="1258010" data-lat="51.151611" data-lng="-115.559585"> <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="/data/images/r1080x700/15396/1539621/1539621958.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15396/1539621/1539621958.JPEG" alt=""/> </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986901.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621901.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621946.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539622/1539622033.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986841.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985029.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985095.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986607.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498987/1498987561.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124482.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540125/1540125001.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540125/1540125049.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498987/1498987522.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124179.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124461.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498987/1498987507.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985020.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986571.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621883.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621979.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621991.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124158.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540134/1540134214.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540123/1540123945.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540125/1540125067.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540125/1540125409.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540129/1540129036.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621952.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614025.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614493.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614451.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614475.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621904.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614601.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614433.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614610.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986610.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124578.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540129/1540129006.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540129/1540129483.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540129/1540129801.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621985.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539622/1539622105.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540133/1540133089.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124707.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124740.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985089.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540143/1540143640.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124005.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614286.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621853.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124620.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986856.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986937.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15396/1539621/1539621919.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540130/1540130899.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14986/1498614/1498614283.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278295/1278295486.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278295/1278295387.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540129/1540129612.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212810/1212810406.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811528.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124437.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/8323/832349/832349333.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985176.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124098.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498986/1498986817.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278296/1278296332.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278295/1278295642.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212810/1212810769.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811633.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811801.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811822.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811870.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212812/1212812050.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212812/1212812095.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811246.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811993.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938602/938602447.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938602/938602501.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/9386/938602/938602636.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278296/1278296101.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12782/1278295/1278295702.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811663.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/15401/1540124/1540124830.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/10159/1015984/1015984666.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/14989/1498985/1498985083.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/8323/832348/832348217.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7647/764732/764732779.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7647/764732/764732947.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/8323/832349/832349297.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212810/1212810475.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7647/764731/764731912.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7647/764733/764733217.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811927.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7871/787146/787146972.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/12128/1212811/1212811966.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/7871/787146/787146966.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </div> <div data-fslightbox-link="/data/images/r1080x700/6987/698759/698759592.JPEG" data-image-gallery="gallerythe-rimrock-resort-hotel-banff" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="the-rimrock-resort-hotel-banff" > </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> (782)</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="78433">The Rimrock Resort Hotel Banff</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">5</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">300 Mountain Avenue</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Rimrock Resort Hotel Banff offers a luxurious and upscale atmosphere tailored for couples seeking a romantic escape. Surrounded by stunning mountain views, this hotel combines elegance with superb service to create a memorable experience. Each room comes equipped with modern amenities, ensuring comfort and leisure after a day spent exploring. The hotel’s fine dining restaurant serves delectable cuisine with an extensive wine list, perfect for a romantic dinner for two. Guests can unwind in the spa with couples’ treatments designed to relax and rejuvenate, maintaining its commitment to couples on a getaway. The Rimrock provides an unforgettable romantic experience amid the natural beauty of Banff. </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">292US$</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="78433" > <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/vancouver-hotels-british-columbia">Vancouver</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/niagara-on-the-lake-hotels">Niagara-on-the-Lake</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/quebec-city-hotels">Quebec City</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/whistler-hotels">Whistler</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/winnipeg-hotels">Winnipeg</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/edmonton-hotels">Edmonton</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/jasper-hotels-alberta">Jasper</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/kelowna-hotels">Kelowna</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/halifax-hotels">Halifax</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/lake-louise-hotels">Lake Louise</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/us/johnson-city-hotels">Johnson City</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/antigua-hotels">Antigua</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/key-west-hotels">Key West</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/newport-hotels">Newport</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/saint-louis-hotels">Saint Louis</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/fresno-hotels">Fresno</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/staunton-hotels">Staunton</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/savannah-hotels">Savannah</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/fredericksburg-hotels">Fredericksburg</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/aurora-hotels">Aurora</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/naples-hotels-fl">Naples</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/marrakesh-hotels">Marrakesh</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/banff-hotels-near-the-banff-centre">The Banff Centre</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 Banff</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">View 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 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Banff</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/banff-bed-and-breakfast">bed and breakfast banff</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/banff-bed-and-breakfast-alberta">banff bnb</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/banff-5-star-hotels">banff hotels 5 star</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/banff-pet-friendly-hotels">pet friendly hotels in banff</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/banff-hotels-with-pool">banff hotels with pools</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/banff-central-hotels">banff downtown 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 2024 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"0e10uKhkUs63W9mw"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-560592","dest_name":"Banff","city_id":30500,"pid":692281,"page":"post","bid":"-560592"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BSwbeSb8.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-BSwbeSb8.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-DBja4AZd.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-eC8SA6i3.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DDhuUMHr.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-DBja4AZd.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 Banff, Canada from 52US$/night