<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>INSTANT ACCESS | To All Calgary Area MLS® Homes For Sale</title>
	<meta name="keywords" content="Airdrie, Beltline, Calgary, Calgary, Chestermere, Cochrane, Okotoks, Strathmore, Sundre" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/plugins/buttons/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/blueprint/print.css" media="print" />
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="/css/blueprint/ie.css" media="screen" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="/css/sticky-footer.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/site-master.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/default.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/themes/responsive.css" />
<script type="text/javascript" src="/js/jquery.js"></script>
				<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-874946290"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-874946290');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11303892128"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-11303892128');
</script>

		</head>
<style>
	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('https://www.searchcalgaryrealestate.info/img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
	}

	#headercontainer {
		background: url('/img/bg-shadow2.png') repeat-x scroll 0 0 #41a350 !important;
	}
</style>

<body>
	<div id="wrap">
		<div id="company-info-bar">
	</div>
		<div id="headercontainer">
			<div id="header">
				<h1 id="site-header">
					INSTANT ACCESS | To All Calgary Area MLS® Homes For Sale				</h1>
									<h3 id="site-subheader">View 1,000's of MLS® Listings in Real-Time As They Come Onto the Market... See Pictures, Videos & Property Details!</h3>
							</div>
		</div>
		<div id="content" class="container showgrid-off">

						<div id="maincontent">
									<style>
	.areYouRadio input {
		float: left;
	}

	.areYouRadio label {
		float: left;
		margin-top: 3px;
	}

	.areYouRadio label+input {
		clear: both;
	}

	.ui-autocomplete .ui-menu-item {
		border-top: 1px solid #3333;
		padding: 4px 0px 4px 6px !important;
		margin-left: -2px !important;
		width: calc(100% - 2px) !important;
	}

	.ui-autocomplete .ui-menu-item:hover,
	.ui-autocomplete .ui-menu-item:hover a {
		background-color: #fafafa;
	}

	.ui-autocomplete li:first-child {
		border-top: none !important;
	}

	.ui-autocomplete .ui-menu-item a {
		background-image: url('../../img/autocomplete-icons.png');
		background-size: 30px;
		background-repeat: no-repeat;
		background-position: -14px -104px;
		padding: 1px 1px 1px 18px !important;
		background-color: #ffffff;
		border: none !important;
		margin: 0 !important;
		font-size: 14px;
	}
</style>
<script type="text/javascript" src="/js/theme1/jquery-1.8.2.min.js"></script>
	<style>
		.submit input[type="submit"] {
			background-color: #6a6a6a;
			border: 0 none;
			color: #fff;
			font-size: 1.375em;
			height: auto;
			margin-bottom: 20px;
			padding: 10px 15px;
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		function show_nebhour(neighbour_id) {
			if ($('.Areas' + neighbour_id).is(':checked')) {
				$('#Areas' + neighbour_id).show();
			} else {
				$('#Areas' + neighbour_id).find('input[type=checkbox]:checked').removeAttr('checked');
				$('#Areas' + neighbour_id).hide();
			}
		}
	</script>

		<script>
		$(document).ready(function() {
			if ($("#AreasAddress").length > 0) {
				var search_result = [];
				$("#AreasAddress").autocomplete({
					source: async function(request, response) {
						var inputsearch = $("#AreasAddress").val();
						const provider = new GeoSearch.OpenStreetMapProvider({
							params: {
								addressdetails: 1,
								countrycodes: 'ca',
								limit: 25
							},
						});
						const results = await provider.search({
							query: inputsearch
						});
						var json = JSON.parse(JSON.stringify(results));
						var res = [];
						$.each(json, function(x, y) {
							search_result.push(y);
							res.push(y.label);
						});

						response(res);
					},
					minLength: 1,
					select: function(event, ui) {

						$.each(search_result, function(x, y) {

							if (y.label == ui.item.value) {
								$("#AreasLat").val(y.raw.lat);
								$("#AreasLng").val(y.raw.lon);

								$("#AreasCity").val(y.raw.address.city);
								$("#AreasNeighborhood").val(y.raw.address.neighbourhood);
							}
						});

					}
				});
			}
		});
	</script>
	<script type="text/javascript" src="/js/sweetmodal/jquery.sweet-modal.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/sweetmodal/jquery.sweet-modal.min.css" />
		<script>
			$(document).ready(function($) {
				$('#submit_areas_page').click(function() {
					//return false;
					var chklength = $('input:checkbox.main_areas').length;

					if ($('input:checkbox.main_areas:checked').length <= 0 && $('#AreaSpecificArea').val() == "") {
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					}

					var co_sel_area = 0;
					var need_neigh_for = Array();
					$('input:checkbox.main_areas:checked').each(function() {
						co_sel_area++;
						//var sThisVal = (this.checked ? $(this).val() : "");
						//alert(sThisVal);
						var area_class_name_array = $(this).attr('class').split(' ');
						var area_class_name = area_class_name_array[0];
						//alert(area_class_name);

						var chkneighlength = $('div#' + area_class_name + ' input[type=checkbox]').length;
						//alert(chkneighlength);

						var co_sel_neigh = 0;
						//alert(co_sel_neigh);
						$('div#' + area_class_name + ' input[type=checkbox]:checked').each(function() {
							//alert('hello');					
							co_sel_neigh++;
						});

						if (chkneighlength > 0 && co_sel_neigh <= 0) {
							need_neigh_for.push($(this).val());
						}
						//alert(co_sel_neigh);

					});

					if (chklength > 0 && need_neigh_for.length > 0) {
						//show_alert_pop_area = 2; 
						//show_search_tab(1);
						//parent.$.fancybox.close();
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$(window).scrollTop($('#grl_areas').offset().top);
						//$("html, body").animate({ scrollTop: 0 });
						$.sweetModal({
							content: '<h3>You must pick at least one Area to receive any search results.</h3>',
							icon: $.sweetModal.ICON_WARNING
						});
						return false;
					} else {
						$('#AreasForm').submit();
					}
					//alert(co_sel_neigh);
					//var chk_arr =  document.getElementsByName("area[]");
					//$('#AreasForm').submit();
				});
			});
		</script>
		<form action="/areas" id="AreasForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST" /></div>	
			<h2>Step 1 of 3: Choose Areas</h2>
		<div class="inline span-10">
			<fieldset><legend>Are You?</legend><div class="area-selection areYouRadio"><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuying" value="Buying" checked="checked"  /><label for="AreasAreYouBuying">Buying</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouSelling" value="Selling"  /><label for="AreasAreYouSelling">Selling</label><input type="radio" name="data[Areas][are_you]" id="AreasAreYouBuyingAndSelling" value="Buying and Selling"  /><label for="AreasAreYouBuyingAndSelling">Both</label></div></fieldset>				<style>
					#grl_areas div.checkbox {
						float: left;
						width: 50%;
					}
				</style>
						<style>
				.span-10 {
					width: 470px;
				}

				.prepend-2 {
					padding-left: 0px;
				}
			</style>
			<fieldset>
				<legend>Which Areas are you interested in?</legend>
				<input type="hidden" value="" name="data[Areas][areas]">
				<div id="grl_areas" class="area-selection"><div class="checkbox">
			<input type="checkbox" id="AreasAreasCalgary" value="Calgary" name="data[Areas][areas][Calgary]" class="Areas8450 main_areas" data-areaId="8450"  onclick="show_nebhour(8450);">
			<label for="AreasAreasCalgary">Calgary</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasAirdrie" value="Airdrie" name="data[Areas][areas][Airdrie]" class="Areas8451 main_areas" data-areaId="8451"  onclick="show_nebhour(8451);">
			<label for="AreasAreasAirdrie">Airdrie</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasChestermere" value="Chestermere" name="data[Areas][areas][Chestermere]" class="Areas8452 main_areas" data-areaId="8452"  onclick="show_nebhour(8452);">
			<label for="AreasAreasChestermere">Chestermere</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasOkotoks" value="Okotoks" name="data[Areas][areas][Okotoks]" class="Areas8453 main_areas" data-areaId="8453"  onclick="show_nebhour(8453);">
			<label for="AreasAreasOkotoks">Okotoks</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasBeltline, Calgary" value="Beltline, Calgary" name="data[Areas][areas][Beltline, Calgary]" class="Areas8484 main_areas" data-areaId="8484"  onclick="show_nebhour(8484);">
			<label for="AreasAreasBeltline, Calgary">Beltline, Calgary</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasCochrane" value="Cochrane" name="data[Areas][areas][Cochrane]" class="Areas8485 main_areas" data-areaId="8485"  onclick="show_nebhour(8485);">
			<label for="AreasAreasCochrane">Cochrane</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasStrathmore" value="Strathmore" name="data[Areas][areas][Strathmore]" class="Areas8486 main_areas" data-areaId="8486"  onclick="show_nebhour(8486);">
			<label for="AreasAreasStrathmore">Strathmore</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasSundre" value="Sundre" name="data[Areas][areas][Sundre]" class="Areas8487 main_areas" data-areaId="8487"  onclick="show_nebhour(8487);">
			<label for="AreasAreasSundre">Sundre</label></div></div>									<div class="input text" style="float:left; width:100%">
						<label for="AreaSpecificArea">Other Area?</label>
						<input type="text" id="AreaSpecificArea" value="" class="title" name="data[Areas][specific_area]">
					</div>
							</fieldset>
		
				<div class="submit">
					<div class="clear">
						<input id="submit_areas_page" type="submit" value="Continue &gt;&gt;" />						<div style="float:right;"><img class="mls_logo" src="/img/mlsr.png"></div>
					</div>
				</div>
				</div>
				</form>				<div class="span-12 last prepend-2"><div class="site-photo"><img src="/uploads/932_201023012158_cc.jpg" alt="INSTANT ACCESS | To All Calgary Area MLS® Homes For Sale" width="425" height="246" /></div></div><div id="additional-content">
Calgary is a beautiful city located at the transition zone between the Canadian Rockies foothills and the Canadian Prairies. Beautiful views of the Rocky Mountains are apparent almost every day. Calgary is one of the fastest growing cities in Canada and is a great place to live and work, and is a great place to raise a family and build a career. The diversity in each community makes for different niches inside one city.<br />
<br />
Airdrie is a city in Alberta, Canada within the Calgary Region. It is located north of Calgary within the Calgary Edmonton Corridor at the intersection of Queen Elizabeth II Highway and Highway 567.The City of Airdrie is part of the Calgary census metropolitan area and a member municipality of the Calgary Metropolitan Region Board . The city is surrounded by Rocky View County. <br />
<br />
Chestermere, originally named Chestermere Lake, is a city in the Canadian province of Alberta, within Rocky View County. It is largely a commuter town of Calgary and is a member municipality of the Calgary Region. The city, which surrounds Chestermere Lake, was known as Chestermere Lake from 1977 to 1993.<br />
<br />
Okotoks is a town in the Calgary Region of Alberta, Canada. It is on the Sheep River, approximately 18 km  south of Calgary. Okotoks has emerged as a bedroom community of Calgary. According to the 2016 Census, the town has a population of 28,881,making it the largest town in Alberta. </div>
<style type="text/css" media="all">

	.image_carousel {
		position: relative;
		float:left;
		width:100%; 
		margin-top:30px;
		clear:both;
	}


	.image_carousel img {
		border: 1px solid #ccc;
		background-color: white;
		padding: 9px;
		margin: 7px;
		display: block;
		float: left;
		cursor : pointer;
		box-shadow: 0 0 10px #444444;
		width:203px;
		height:174px; 
	}

	.image_carousel .caroufredsel_wrapper{
		width:100% !important;
	}

	a.prev, a.next {
		background: url(https://www.searchcalgaryrealestate.info/img/miscellaneous_sprite.png) no-repeat transparent;	
		width: 45px;
		height: 50px;
		display: block;
		position: absolute;
		top: 85px;
	}

	a.prev {
		left: -22px;
		background-position: 0 0;
	}

	a.prev:hover {		
		background-position: 0 -50px; 
	}

	a.prev.disabled {	
		background-position: 0 -100px !important; 
	}

	a.next {
		right: -25px;
		background-position: -50px 0; 
	}

	a.next:hover {	
		background-position: -50px -50px; 
	}

	a.next.disabled {	background-position: -50px -100px !important;  }

	a.prev.disabled, a.next.disabled {
		cursor: default;
	}

	a.prev span, a.next span {
		display: none;
	}

	.pagination {
		text-align: center;
	}

	#additional-content {
		text-align:justify;
	}
	
	.pagination a {
		background: url(https://www.searchcalgaryrealestate.info/img/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
		width: 15px;
		height: 15px;
		margin: 0 5px 0 0;
		display: inline-block;
	}

	.pagination a.selected {
		background-position: -25px -300px;
		cursor: default;
	}

	.pagination a span {
		display: none;
	}

	.clearfix {
		float: none;
		clear: both;
	}
	
	
	#foo2 .inline_info{ width:282px; margin-left:-289px; margin-top:151px; float:left; min-height:40px; padding:5px 0; background:#000; opacity:0.7; filter:alpha(opacity=70); color:#fff; text-align:center;}
	#foo2 img.sold{ width:90px; height:89px; margin-left:-97px; margin-top:7px; box-shadow:none; float:left; border:0; padding:0; background:none;}
</style>
<div class="container showgrid-off">
		
<div class="image_carousel">
	<div id="foo2">
								<img src='/uploads/932_240123032130_calgary.jpg' />
								<img src='/uploads/932_240123032419_Airdrie.jpg' />
								<img src='/uploads/932_240123032539_Chestermere.jpg' />
								<img src='/uploads/932_240123032744_Okotoks.jpg' />
								<img src='/uploads/932_240123032834_istockphoto-165889661-612x612.jpg' />
					</div>
	<div class="clearfix"></div>
	<a class="prev" id="foo2_prev" href="#"><span>prev</span></a>
	<a class="next" id="foo2_next" href="#"><span>next</span></a>
	<div class="pagination" id="foo2_pag"></div>
</div> 
 <script type="text/javascript" src="/js/caruFredSel/jquery.carouFredSel.6.2.1-packed.js"></script><script type="text/javascript" language="Javascript">


	$(function() {
		$("#foo2").carouFredSel({
			responsive		: true,
			items: {
				width: 300,
                visible: {
                    min: 1,
                    max: 4                }
			},
			circular: true,
			infinite: false,
			auto 	: true,
			scroll	: {
				items			: 1,
				duration  		: 1000,
				pauseDuration 	: 1000			},
			prev	: {	
				button	: "#foo2_prev",
				key		: "left"
			},
			next	: { 
				button	: "#foo2_next",
				key		: "right"
			},
			pagination	: "#foo2_pag"
			 
		});
	});
</script>  
</div>
			
			<script>
				$(function() {
 					if ($('.main_areas').length == 1) {
						$('input[type="checkbox"].main_areas:first').prop('checked', true);
					}


					if ($('#selectAllArea').length) {
						$('#selectAllArea').on('change', function() {
							var isChecked = $(this).is(':checked');

							// Check or uncheck all checkboxes within .neighborhood_fieldset
							$('.neighborhood_fieldset input[type="checkbox"]').prop('checked', isChecked);
						})
					}

					if ($('.main_areas').length) {
						$('.main_areas').each(function(){
							if($(this).is(':checked')){
								var areaId = $(this).attr('data-areaid');
 								if(areaId){
									show_nebhour(areaId);
								}
							}
						});
					}
					
				})

				
			</script>							</div>
		</div>
	</div>
		<div id="footer" class="container showgrid-off veryquiet">
					<style>
				.crea_feed_div {
					padding-bottom: 20px;
					padding-top: 20px;
					width: 100%;
					width: 100%;
					border-top: 1px solid #cccccc;
					border-bottom: 1px solid #cccccc;
					font-family: Arial, Helvetica, sans-serif;
					float: left;
					margin-bottom: 20px;
				}

				.crea_feed_div .crea_feed_content {
					color: rgb(153, 153, 153);
					font-size: 11px;
					margin-left: 50px;
					text-align: center;
					width: 90%;
					margin: auto;
				}
			</style>
			<div class="crea_feed_div">
				<div class="crea_feed_content" align="center">
					The trademarks MLS&reg;, Multiple Listing Service&reg; and the associated logos are owned by The Canadian Real Estate Association (CREA) and
					identify the quality of services provided by real estate professionals who are members of CREA.
					<br><br>The information contained on this site is based in whole or in part on information that is provided by members of The Canadian Real Estate Association, who are responsible for its accuracy. CREA reproduces and distributes this information as a service for its members and assumes no responsibility for its accuracy.
				</div>
			</div>
				<div id="copyright">
							&copy; 2026 SellingToolz Ltd.

				|
						<link rel="stylesheet" type="text/css" href="/css/fancybox/jquery.fancybox-1.3.4.css" /><script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script><script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script><script>
$(document).ready(function()
{
	$('.login_popup_btn').click(function(event) 
	{
		event.preventDefault();
		var href = $(this).attr('href');
		var popup_theme = 'login_popup';
		var popup_outer_wrap = popup_theme+'_outer';
		var popup_wrap_class =  popup_theme+'_wrap';
		var screen_width = screen.width;
		if(screen_width > 500)
		{
			$.fancybox({
				content: '<iframe  style="width:470px;height:450px" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
				centerOnScroll: true
		   });
		}  
		else
		{
			$.fancybox({
   				 	content: '<iframe  style="width:100%;height:450px;" src="https://www.goldrushleads.com/login?is_front_end_login_popup=1" frameborder="0" allowfullscreen></iframe>',
		   			centerOnScroll: true
		   });
		} 
		$('#fancybox-content').css('border-color','#f9f9f9');
	});
});	
</script>
<style>
	.login_popup_outer #fancybox-content
	{
		border-width:0px !important;
	}
	.login_popup_wrap
	{
		border:0px !important;
	}
	 .user_login_btn_wrap
	{
		display:inline-block;
	}
	
</style>
<div class="user_login_btn_wrap button_wrap">
	<a class="login_popup_btn" target="_blank"  href="https://www.goldrushleads.com/login?is_front_end_login_popup=1">Login</a>
</div>
		</div>
		<div id="company-privacy">
			RE/MAX House of Real Estate | 4034 16 St SW Calgary AB T2T 4H7 | Independently Owned & Operated | <a href="/privacy_policy" rel="privacy" class="popup" target="_blank">Privacy Policy</a>		</div>
			</div>

	
		<style>
.loading_grl
{
 display:none; margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(102, 102, 102,0.9); z-index: 30001;
}
.loading_grl #loading_wrap
{
 position: absolute; color: White; background-color:#FFFFFF; top: 40%; left: 0;right:0;margin:0 auto; border:5px solid #000000; width:47%; height:180px; text-align:center; opacity:0.95
}
.loading_grl #loading_wrap h1
{
 color:#252122; text-align:center; font-weight:bold; font-size:24px; margin-top:10px
}
.loading_grl #loading_wrap #loading_block
{
 position:relative; margin-top:20px
}
.loading_grl #loading_wrap #loading_block p
{
 margin-bottom:10px; color:#333333; font-weight:bold; font-size:16px;
}
@media screen and (max-width: 1024px)
{
 .loading_grl #loading_wrap
 {
  width:90%;
  height: auto;
 }
 .loading_grl #loading_block
 {
  margin-bottom:20px;
 }
}
</style>
	
<div class="loading_grl" >
 <div id="loading_wrap" >
  			<h1>Loading...</h1>
		<div id="loading_block">
			<p></p>
			<img src="https://www.searchcalgaryrealestate.info/img/horizontal_loader.gif" width="33%;">
		</div>
	 	   
 </div> 
</div>		<script type="text/javascript">
		// When the document is ready set up our sortable with it's inherant function(s) 
		$(document).ready(function() {
			$('#signup_form').click(function() {
				$('.loading_grl').show();
			});
		});
	</script>
					<script>
			$(window).bind("load", function() {
				$.ajax({
					type: "POST",
					url: "https://www.searchcalgaryrealestate.info/track_visitors",
					data: {
						devicetype: "desktop",
						slug: "",
						listing_id: "0",
						site_id: "932",
						cuurent_page: "/optin/searchcalgaryrealestate.info/areas",
						referrer: "",
						view_type: "areas",
						title: "",
						lead_id: "0",
						params: ""
					},
					success: function(result) {
						//alert(result);
					}
				});
			});
		</script>
			</body>

</html>