<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
	<title>All the Real Estate Info You Need is Here</title>
	<link rel="stylesheet" type="text/css" href="/css/gopro/main_style.css" />
<link rel="stylesheet" type="text/css" href="/css/gopro/responsive.css" />
<script type="text/javascript" src="/js/theme1/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="/css/theme1/validationEngine.jquery.css" />
<script type="text/javascript" src="/js/theme1/languages/jquery.validationEngine-en.js"></script>
<script type="text/javascript" src="/js/theme1/jquery.validationEngine.js"></script>
<script type="text/javascript" src="/js/theme1/form_validation.js"></script>
    
	
</head>

<style>
#company-info-top img
{
   display:none;
}
#company_info_bottom img
{
	width:40px;
	margin-bottom:-10px;
}
#footer {
width:88% !important;
max-width:88% !important;
}
.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.accuratehomeevaluation.com/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;
}
</style>
<body>
<div class="overlay"></div>
<style>
.overlay 
{
  background:rgb(0,0,0);
  background: transparent\9;
  background:rgba(0,0,0,0.5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  zoom: 1;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index:-1;
  left:0px;
  top:0px;
  bottom:0px;
  right:0px;
}
</style>

<div class="clr"></div>
		<h3 style="color:#FF0000; text-shadow:none; text-align:center; font-size:22px;"></h3>
							<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>
 <link rel="stylesheet" type="text/css" href="/css/leaflet-geosearch/leaflet.css" />
<script type="text/javascript" src="/js/leaflet-geosearch/leaflet.js"></script>
<script type="text/javascript" src="/js/leaflet-geosearch/jquery-ui.js"></script>
<script type="text/javascript" src="/js/leaflet-geosearch/geosearch.umd.js"></script>
<link rel="stylesheet" type="text/css" href="/css/leaflet-geosearch/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="/css/leaflet-geosearch/geosearch.css" />
 <style>
 	.f-label {
 		display: none;
 	}
	 @media screen and (max-width: 600px) {
		#formwrapper #form .searchField{
			margin-bottom: 200px;
		} 

 	 }
 </style>
 <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);
 					});
 					// console.log(res);
 					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);
 						}
 					});

 				}
 			});


 			// const provider = new GeoSearch.OpenStreetMapProvider();

 			// const searchControl = new GeoSearch.GeoSearchControl({
 			// provider: provider,
 			// });

 			// const map = new LeafLet.Map('map');
 			// map.addControl(searchControl);


 		}
 	});
 </script>
  	<div id="formwrapper">
 		<div class="container clearfix">
 			<div id="form">
 				<div id="formheading">All the Real Estate Info You Need is Here</div>
 				<div id="formsubheading"></div>
 				<form action="/areas" id="AreasForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST" /></div> 				<div class="clr"> </div>
 				<div class="searchField">
 					<input autocomplete="off" placeholder="Address ..." name="data[Areas][address]" class="input_field" id="AreasAddress" type="text" required>
 					 					<!-- <div class="searchBtn" id="area_two_step_design"><span>Get Started</span></div> -->
 					<button type="submit" class="searchBtn btn-lable" id=""><span class="f-label">Get Started</span></button>
 				</div>
 				<div class="clr"></div>
 				<input type="hidden" name="data[Areas][lat]" id="AreasLat" /><input type="hidden" name="data[Areas][lng]" id="AreasLng" /><input type="hidden" name="data[Areas][city]" id="AreasCity" /><input type="hidden" name="data[Areas][neighborhood]" id="AreasNeighborhood" /></form> 			</div>
 		</div>
 	</div>
 <style>
	.main_bottm_grid {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-bottom: 30px;
	}

	.show_grid_photos {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
		max-width: 1024px;
	}

	.img_grid {
		/* width: 15.625vw; */
		width: 300px;
		border: 3px solid #fff;
		height: 100%;
		margin: auto;
	}

	.img_grid img {
		width: 100%;
		height: 100%;
	}
	@media only screen and (min-width: 320px) and (max-width: 767px) {
		.show_grid_photos {
			width: 100%;
			grid-template-columns: repeat(1, 1fr);
		}

	}
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		.show_grid_photos {
			width: 82%;
			grid-template-columns: repeat(2, 1fr);
		}

	}
	
	@media only screen and (min-width: 1024px) and (max-width: 1180px) and (orientation:landscape){
		.show_grid_photos {
			width: 93%;
			grid-template-columns: repeat(3, 1fr);
		}

	}
	@media only screen and (min-width: 1180px) and (max-width: 1366px) {
		.show_grid_photos {
			width: 93%;
			grid-template-columns: repeat(3, 1fr);
		}

	}
	
</style>
	<style>
		#formwrapper {
			min-height:90vh;
		}
	</style>

			<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 class="clr"></div>
    <style>
    .crea_feed_div
    {
      padding-top: 20px;
      width: 100%;
      width:100%;
      border-top:1px solid #cccccc;
      font-family: Arial,Helvetica,sans-serif;
      float:left;
	  margin-top:50px;
    }
    .crea_feed_div .crea_feed_content
    {
     color: #ffffff;
     font-size: 15px;
     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>  
  <!-- fotter section start -->
<div id="footerwrapper">
  <div id="footer">
    	<div id="copyright2"> &copy; 2026. All Rights Reserved.  Website by <a href="http://sellingToolz.com/" target="_blank"> SellingToolz Ltd. </a> <br>
      <a href="/privacy_policy" rel="privacy" style="color:#babbbd; font-size:14px; font-weight:normal" target="_blank">Privacy Policy</a>&nbsp; &nbsp; </div>
    <div id="footericons">
		RE/MAX House of Real Estate | 4034 16 St SW Calgary AB T2T 4H7 | Independently Owned & Operated	</div>
  </div>
</div>
<div class="clr"></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>WE ARE GETTING YOU SOMETHING AWESOME</h1>
		  <div id="loading_block">
			<p>
			 One moment while we fetch your search results...			</p>
		   <img src="https://www.accuratehomeevaluation.com/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(e) {
			if($("#PropertyForm").validationEngine('validate')) 
			{
				e.preventDefault();
				$('.loading_grl').show();
				$("#PropertyForm").submit();
				//alert('error-suc');
			}
			
		});
}); 
</script>
<script>
$(window).bind("load", function() {
    $.ajax({
		type: "POST",
		url: "https://www.accuratehomeevaluation.com/track_visitors",
		data: { devicetype: "desktop", slug: "",listing_id: "0",site_id: "122",cuurent_page: "/optin/accuratehomeevaluation.com/areas",referrer:"",view_type: "areas",title: "",lead_id: "0",params: "" }, 
   		success: function(result)
		{
        	//alert(result);
    	}
	});
   
   
});
</script>
<style>
body
{
	background-image: url("../../img/evaluation/mno_background_photos/122_140423122801_calgary-skyline.png");
}
#footericons img
{
	width:40px;
	margin-bottom:-10px;
}
#formheading
{
	color:#ffffff;	
}
#formsubheading
{
	color:#ffffff;	
}
.searchBtn
{
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -moz-linear-gradient(top, #03d98e, #20805e);
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -webkit-gradient(linear, 0 0, 0 100%, from(#03d98e), to(#20805e)) ;
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -webkit-linear-gradient(top, #03d98e, #20805e) ;
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -o-linear-gradient(top, #03d98e, #20805e);
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , linear-gradient(to bottom,#03d98e, #20805e);
}
.searchBtn:hover
{
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -moz-linear-gradient(top, #20805e, #03d98e);
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -webkit-gradient(linear, 0 0, 0 100%, from(#20805e), to(#03d98e)) ;
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -webkit-linear-gradient(top, #20805e,#03d98e) ;
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , -o-linear-gradient(top,#20805e,#03d98e);
	background:url('../../img/gopro/imageedit_5_3649495176.png') no-repeat scroll center center , linear-gradient(to bottom, #20805e,#03d98e);
}
.submitbutton2
{
 color:#ffffff;
 background:-moz-linear-gradient(top, #03d98e, #20805e);
 background:-webkit-gradient(linear, 0 0, 0 100%, from(#03d98e), to(#20805e)) ;
 background:-webkit-linear-gradient(top, #03d98e, #20805e) ;
 background:-o-linear-gradient(top, #03d98e, #20805e);
 background:linear-gradient(to bottom,#03d98e, #20805e);
  

}
.submitbutton2:hover
{
 background:-moz-linear-gradient(top, #20805e, #03d98e);
 background:-webkit-gradient(linear, 0 0, 0 100%, from(#20805e), to(#03d98e)) ;
 background:-webkit-linear-gradient(top, #20805e, #03d98e) ;
 background:-o-linear-gradient(top, #20805e, #03d98e);
 background:linear-gradient(to bottom,#20805e, #03d98e);
}
#footerwrapper
{
 	background:none;
}
#copyright2
{
	color:#babbbd;
	font-size:14px;
}
#copyright2 a
{
	color:#babbbd;
}
#footericons
{
	color:#babbbd;
}
#form2heading
{
	color:#666666;
}
</style>
</body>
</html>