<!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>Search All Sarnia Area For MLS® Homes & Condos For Sale</title>

	<meta name="description" content="Sarnia Ontario real estate, Lambton County search for MLS® homes, condominiums, income property for sale, special reports, mortgage calculator and additonal valuable real estate information." />
<meta name="keywords" content="Sania, Lampton County, homes, condos, for sale, MLS, Real estate, Home, Condo, condominium, condominiums, townhome, waterfront, Blue Coast Realty Sarnia, Sean Ryan Sarnia. Sarnia Real Estate Agent, , Petrolia, Plympton-wyoming, Sarnia, St Clair" />
<link rel="stylesheet" type="text/css" href="/css/default13/style.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>
			<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178959218-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-178959218-1');
</script>


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-154407550-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-154407550-1');
</script>

<script>
  gtag('config', 'UA-113079482-1');
</script>

<meta name="facebook-domain-verification" content="3bypuv36uzdhc04844fvkpgqi36695" />

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3XTLK19FMY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-3XTLK19FMY');
</script>

				<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '415337602682961');
  fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=415337602682961&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
		
</head>

<body>

	<style>body{ background-image:url(https://www.sarniahomeprices.com/img/evaluation/mno_background_photos/); }.main-wrapper_bg_img_opt{ background: rgba(0,0,0,0.2); }</style>	<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.sarniahomeprices.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;
			font-size: 13px;
		}

		@media screen and (min-width: 300px) and (max-width : 736px) {
			.content_left_sectn {
				background-image: url(https://www.sarniahomeprices.com/img/evaluation/mno_background_photos/);
			}

			body {
				background: #fff;
			}

			.content_rightwrapr_stng {
				width: 100%;
			}
		}

		@media screen and (min-width: 740px) and (max-width : 1200px) {
			.content_left_sectn {
				background-image: url(https://www.sarniahomeprices.com/img/evaluation/mno_background_photos/);
			}

			body {
				background: #fff;
			}
		}
	</style>
	<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>
 
 <style>
   .header {
     background: linear-gradient(90deg,
         color-mix(in srgb, #1fb7d9 100%, white),
         color-mix(in srgb, #1fb7d9 70%, black));
   }

   .main_theme13 .card-footer {
     background:    }

   .main_theme13 .btn-continue {
     color: #ffffff;
     background: #0070cc;
   }
 </style>

 <!-- HEADER -->
 <div class="header">
   <div class="header_inenr">
     <div class="logo-box">
       <img src=https://www.goldrushleads.com/img/theme1/header_logo/838_070426073233_blueCoastLogo.jpg alt='&nbsp;' style='display:block;'>
     </div>
     <div class="header-text">
       <div class="header-title">Search All Sarnia Area For MLS® Homes & Condos For Sale</div>
       <div class="header-sub">View 1000's of MLS® Houses, Homes and Condominiums - View Pictures, Videos and Details... View Properties in Real Time As They Come Onto The Market</div>
     </div>
   </div>
 </div>

 <!-- MAIN -->
 <div class="main_theme13">
      <div class="card">

     <!-- STEP 1 -->
     <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="step active" id="step1">
       <div class="card-body">
         <h1>Step 1 of 3: Choose Areas</h1>
         <div class="spacer"></div>

         <div class="field">
           <span class="field-label">Are You? *</span>
           <div class="radio-group">
             <label class="radio-item"><input type="radio" name="data[Areas][are_you]" value="Buyer">
               Buyer
             </label>
             <label class="radio-item"><input type="radio" name="data[Areas][are_you]" value="Selling">
               Selling
             </label>
             <label class="radio-item"><input type="radio" name="data[Areas][are_you]" value="Both">
               Both
             </label>
           </div>
           <div class="error-msg" id="err-role">Are You? is required</div>
         </div>

         <div class="field">
           <span class="field-label">Which Areas are you interested in? *</span>
           <div id="grl_areas" class="area-selection"><div class="checkbox">
			<input type="checkbox" id="AreasAreasSarnia" value="Sarnia" name="data[Areas][areas][Sarnia]" class="Areas7596 main_areas" data-areaId="7596"  onclick="show_nebhour(7596);">
			<label for="AreasAreasSarnia">Sarnia</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasSt Clair" value="St Clair" name="data[Areas][areas][St Clair]" class="Areas7597 main_areas" data-areaId="7597"  onclick="show_nebhour(7597);">
			<label for="AreasAreasSt Clair">St Clair</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasPetrolia" value="Petrolia" name="data[Areas][areas][Petrolia]" class="Areas7598 main_areas" data-areaId="7598"  onclick="show_nebhour(7598);">
			<label for="AreasAreasPetrolia">Petrolia</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasPlympton-wyoming" value="Plympton-wyoming" name="data[Areas][areas][Plympton-wyoming]" class="Areas7599 main_areas" data-areaId="7599"  onclick="show_nebhour(7599);">
			<label for="AreasAreasPlympton-wyoming">Plympton-wyoming</label></div></div>           <div class="error-msg" id="err-areas">Which Areas are you interested in? is required</div>
         </div>
                    <div class="field" style="margin-bottom:0">
             <span class="field-label">Other area?</span>
             <input type="text" id="AreaSpecificArea" value="" class="title" name="data[Areas][specific_area]" placeholder="Other area?">
           </div>
                </div>
       <div class="card-footer" style="justify-content: end;">
         <button class="btn-continue" type="button" onclick="goStep(2)">CONTINUE &rarr;</button>
       </div>
     </div>

     <!-- STEP 2 -->
     <div class="step" id="step2">
       <div class="card-body">
         <h1>Step 2 of 3: Search Criteria</h1>
         <p class="subtitle">Select Your Price Range And Property Type</p>

         <!-- Min Price -->
         <div class="field">
           <span class="field-label">Select Min Price *</span>
           <div class="select-wrap custom-dd-wrap" id="wrap-min-price">
             <select name="data[Areas][min_price]" id="AreasMinPrice">
<option value="">Select Min Price</option>
<option value="$300000">$300,000</option>
<option value="$325000">$325,000</option>
<option value="$350000">$350,000</option>
<option value="$375000">$375,000</option>
<option value="$400000">$400,000</option>
<option value="$425000">$425,000</option>
<option value="$450000">$450,000</option>
<option value="$475000">$475,000</option>
<option value="$500000">$500,000</option>
<option value="$550000">$550,000</option>
<option value="$600000">$600,000</option>
<option value="$650000">$650,000</option>
<option value="$700000">$700,000</option>
<option value="$750000">$750,000</option>
<option value="$800000">$800,000</option>
<option value="$850000">$850,000</option>
<option value="$900000">$900,000</option>
<option value="$950000">$950,000</option>
<option value="$1000000">$1,000,000</option>
<option value="$1100000">$1,100,000</option>
<option value="$1200000">$1,200,000</option>
<option value="$1300000">$1,300,000</option>
<option value="$1400000">$1,400,000</option>
<option value="$1500000">$1,500,000</option>
<option value="$1600000">$1,600,000</option>
<option value="$1700000">$1,700,000</option>
<option value="$1800000">$1,800,000</option>
<option value="$1900000">$1,900,000</option>
<option value="$2000000">$2,000,000</option>
<option value="$2500000">$2,500,000</option>
<option value="$3000000">$3,000,000</option>
<option value="$4000000">$4,000,000</option>
<option value="$5000000">$5,000,000</option>
<option value="$7500000">$7,500,000</option>
<option value="$10000000">$10,000,000</option>
</select>           </div>
           <div class="error-msg" id="err-minprice">Please select a min price.</div>
         </div>

         <!-- Max Price -->
         <div class="field">
           <span class="field-label">Select Max Price *</span>
           <div class="select-wrap custom-dd-wrap" id="wrap-max-price">
             <select name="data[Areas][max_price]" id="AreasMaxPrice">
<option value="">Select Max Price</option>
<option value="$300000">$300,000</option>
<option value="$325000">$325,000</option>
<option value="$350000">$350,000</option>
<option value="$375000">$375,000</option>
<option value="$400000">$400,000</option>
<option value="$425000">$425,000</option>
<option value="$450000">$450,000</option>
<option value="$475000">$475,000</option>
<option value="$500000">$500,000</option>
<option value="$550000">$550,000</option>
<option value="$600000">$600,000</option>
<option value="$650000">$650,000</option>
<option value="$700000">$700,000</option>
<option value="$750000">$750,000</option>
<option value="$800000">$800,000</option>
<option value="$850000">$850,000</option>
<option value="$900000">$900,000</option>
<option value="$950000">$950,000</option>
<option value="$1000000">$1,000,000</option>
<option value="$1100000">$1,100,000</option>
<option value="$1200000">$1,200,000</option>
<option value="$1300000">$1,300,000</option>
<option value="$1400000">$1,400,000</option>
<option value="$1500000">$1,500,000</option>
<option value="$1600000">$1,600,000</option>
<option value="$1700000">$1,700,000</option>
<option value="$1800000">$1,800,000</option>
<option value="$1900000">$1,900,000</option>
<option value="$2000000">$2,000,000</option>
<option value="$2500000">$2,500,000</option>
<option value="$3000000">$3,000,000</option>
<option value="$4000000">$4,000,000</option>
<option value="$5000000">$5,000,000</option>
<option value="$7500000">$7,500,000</option>
<option value="$10000000">$10,000,000</option>
</select>           </div>
           <div class="error-msg" id="err-maxprice">Please select a max price.</div>
         </div>

         <div class="field">
           <span class="field-label">Select Bedroom Range *</span>
           <div class="select-wrap custom-dd-wrap" id="wrap-bedrooms">
             <div class="clear"><select name="data[Areas][exact_bedrooms]" id="AreasExactBedrooms">
<option value="">Select Bedrooms</option>
<option value="0">Any</option>
<option value="1+">1+</option>
<option value="2+">2+</option>
<option value="3+">3+</option>
<option value="4+">4+</option>
<option value="5+">5+</option>
<option value="6+">6+</option>
</select></div>           </div>
           <div class="error-msg" id="err-bed">Please select a bedroom range.</div>
         </div>

         <div class="field">
           <span class="field-label">Select Bathroom Range *</span>
           <div class="select-wrap custom-dd-wrap" id="wrap-bathrooms">
             <div class="clear"><select name="data[Areas][exact_bathrooms]" id="AreasExactBathrooms">
<option value="">Select Bathrooms</option>
<option value="0">Any</option>
<option value="1+">1+</option>
<option value="2+">2+</option>
<option value="3+">3+</option>
<option value="4+">4+</option>
<option value="5+">5+</option>
<option value="6+">6+</option>
</select></div>           </div>
           <div class="error-msg" id="err-bath">Please select a bathroom range.</div>
         </div>

         <div class="field" style="margin-bottom:0">
           <span class="field-label">Select Property Type *</span>
           <div class="check-group">
             <div class="area-selection"><input type="hidden" name="data[Areas][property_type]" value="" id="AreasPropertyType" />

<div class="checkbox"><input type="checkbox" name="data[Areas][property_type][]" value="Condominium" id="AreasPropertyTypeCondominium" /><label for="AreasPropertyTypeCondominium">Condominium</label></div>
<div class="checkbox"><input type="checkbox" name="data[Areas][property_type][]" value="Multi-Family" id="AreasPropertyTypeMultiFamily" /><label for="AreasPropertyTypeMultiFamily">Multi-Family</label></div>
<div class="checkbox"><input type="checkbox" name="data[Areas][property_type][]" value="Single Family" id="AreasPropertyTypeSingleFamily" /><label for="AreasPropertyTypeSingleFamily">Single Family</label></div>
</div>           </div>
           <div class="error-msg" id="err-proptype">Please select at least one property type.</div>
         </div>

       </div>

       <div class="card-footer">
         <button class="btn-back" type="button" onclick="goStep(1)">&larr; BACK</button>
         <button class="btn-continue" type="button" onclick="goStep(3)">CONTINUE &rarr;</button>
       </div>
     </div>

     <!-- STEP 3 -->
     <div class="step" id="step3">
       <div class="card-body">
         <h1>Step 3 of 3: Signup Form</h1>
         <div class="spacer"></div>

                    <div class="field">
             <span class="field-label">First Name *</span>
             <input type="text" id="fname" name="data[Areas][first_name]" placeholder="First Name">
             <div class="error-msg" id="err-fname">First name is required.</div>
           </div>
         
                    <div class="field">
             <span class="field-label">Last Name *</span>
             <input type="text" name="data[Areas][last_name]" id="lname" placeholder="Last Name">
             <div class="error-msg" id="err-lname">Last name is required.</div>
           </div>
         
                    <div class="field">
             <span class="field-label">Email *</span>
             <input type="email" id="email" name="data[Areas][email]" placeholder="Email">
             <div class="error-msg" id="err-email">Please enter a valid email.</div>
           </div>
                             <div class="field">
             <span class="field-label">Phone *</span>
             <input type="tel" id="phone" name="data[Areas][phone]" placeholder="Phone">
             <div class="error-msg" id="err-phone">Phone number is required.</div>
           </div>
         
                    <div class="field" style="margin-bottom:0">
             <span class="field-label">City *</span>
             <input type="text" id="city" name="data[Areas][city]" placeholder="City">
             <div class="error-msg" id="err-city">city is required.</div>
           </div>
                </div>
       <div class="card-footer">
         <button class="btn-back" type="button" onclick="goStep(2)">&larr; BACK</button>
         <button class="btn-continue " onclick="submitForm()">

           SEARCH FOR HOMES</button>
       </div>
     </div>
     </form>   </div>

   <!-- MLS Badge -->
   <div class="mls-logo-wrap">
     <img src="/img/mlsr.png" alt="MLS Multiple Listing Service" style="height:60px;display:block;margin:0 auto;">
   </div>

   <!-- Body paragraphs -->

   <p class="body-text">Sarnia is a city in Southwestern Ontario, Canada, and had a 2016 population of 71,594. It is the largest city on Lake Huron and in Lambton County. Sarnia is located on the eastern bank of the junction between the Upper and Lower Great Lakes where Lake Huron flows into the St. Clair River, which forms the Canada-United States border, directly across from Port Huron, Michigan. The city's natural harbour first attracted the French explorer La Salle, who named the site "The Rapids" when he had horses and men pull his 45 tonnes (50 short tons; 44 long tons) barque "Le Griffon" up the almost four-knot current of the St. Clair River on 23 August 1679.<br />
<br />
Sarnia is located on the eastern shore of Lake Huron at its extreme southern point where it flows into the St. Clair River. Most of the surrounding area is flat, and the elevation ranges from 169 metres (554 ft) and 281 metres (922 ft) above sea level. The soil mostly comprises clay. Despite this high percentage of clay, the soil is remarkably rich for cultivation. Prior to the Ice Age, glaciers covered most of the area, as can be seen not only by the existence of the Great Lakes themselves but also of alluvial sand deposits, terminal moraines, and rich oil reserves. The entire area was submerged and plant and animal matter formed many layers of sediment as they settled after the waters receded.<br />
<br />
There are more than 100 parks in Sarnia, the largest being Canatara Park, which covers more than 200 acres along the shore of Lake Huron. Canatara is an Ojibwe word that means Blue Water. The park was opened 24 May 1933.[149] Within the park is Lake Chipican, a haven for 280 different species of birds on their migration routes. The park also maintains a Children's Animal Farm as part of Sarnia's commitment to wildlife. The annual "Christmas on the Farm" weekend event held at the Farm in early December is a popular community event enjoyed by families. Canatara Park is one of the first parks in southern Ontario to feature an outdoor fitness equipment installation.<br />
<br />
The largest recreational park in Sarnia is Germain Park, which incorporates five baseball diamonds, four soccer fields, an outdoor pool, and the Community Gardens. As a memorial to Canadian aviators who gave their lives in World War II, one of the remaining Canadair Sabres in Canada is on display in the park.<br />
<br />
Wiltshire Park, Woodland, Oak Acres, Wees Beach, Oakwood Corners, Woodrow Shores, and Blackwell, are part of the North End of Sarnia, which begins immediately north of Ontario Highway 402 and terminates at the shore of Lake Huron. Coronation Park, Heritage Park, College Park, The Tree Streets, and Sherwood Village are some of the neighbourhoods south of the highway. The village of Blue Water was built to house workers and their families in Chemical Valley during the construction of Polymer Corporation and at one point had nearly 3,000 residents.<br />
<br />
The Sarnia-Lambton Workforce Development Board states in its March 2011 Labour Market Report that: "Even though employment in both the petrochemical and agricultural industries has declined significantly in recent years, these two industries remain central drivers of the Sarnia Lambton economy."</p>


   <!-- Photo Grid Row 1 -->
   <div class="photo-section">
     <div class="photo-grid">

                <div class="photo-tile">
           <img src="/uploads/838_291119010936_737_010218021554_1297854483634_ORIGINAL.jpg" alt=" Photo1">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119011127_737_010218021610_large_1164070_201777186_01.jpg" alt=" Photo2">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119011128_737_010218021614_large_1175588_201777450_01.jpg" alt=" Photo3">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119010940_737_010218021603_large_983504_201674235_03.jpg" alt=" Photo4">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119010943_737_010218021608_large_1163406_201777160_04.jpg" alt=" Photo5">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119010941_737_010218021605_large_1040897_201775273_08.jpg" alt=" Photo6">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119010939_737_010218021600_large_880771_201672455_01.jpg" alt=" Photo7">
         </div>
                <div class="photo-tile">
           <img src="/uploads/838_291119010937_737_010218021557_Canatara.jpg" alt=" Photo8">
         </div>
            </div>
   </div>

   <!-- Disclaimer -->
   <div class="disclaimer">
     <p>The trademarks MLS®, Multiple Listing Service® 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.</p>
     <p>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.</p>
   </div>

 </div><!-- /main -->

 <!-- FOOTER -->
 <div class="footer">
   <p class="footer-address">Blue Coast Realty Ltd. Brokerage | 410 Front st n Sarnia, ON | <a href="../../../privacy_policy">Privacy Policy</a></p>   <div class="footer-logo-wrap">
     <img
       src="https://www.sarniahomeprices.com/upload_theme4_images/company_logo/838/838_070426073424_SarniaLogo.jpg"
       alt="&nbsp;" style="width: 75px;display:block;margin:0 auto;">
   </div>
 </div>


 <script>
   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();
     }
   }

   let currentStep = 1;

   function showStep(n) {
     document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));
     const el = document.getElementById('step' + n);
     if (el) el.classList.add('active');
     currentStep = n;
   }

   function goStep(n) {
     if (n > currentStep && !validateStep(currentStep)) return;
     showStep(n);
   }

   function setErr(id, show) {
     const el = document.getElementById(id);
     if (el) el.style.display = show ? 'block' : 'none';
   }

   function validateStep(step) {
     if (step === 1) {
       const role = document.querySelector('input[name="data[Areas][are_you]"]:checked');
       const areas = document.querySelectorAll('.main_areas:checked');
       setErr('err-role', !role);
       const AreaSpecificArea = document.getElementById('AreaSpecificArea').value.trim();

       const isAreaSelected = areas.length > 0;
       const isOtherFilled = AreaSpecificArea !== "";

       // error show only if dono empty
       setErr('err-areas', !(isAreaSelected || isOtherFilled));

       return !!(role && (isAreaSelected || isOtherFilled));
       return !!(role && areas.length > 0);
     }
     if (step === 2) {
       const min = document.getElementById('AreasMinPrice').value;
       const max = document.getElementById('AreasMaxPrice').value;
       const bed = document.getElementById('AreasExactBedrooms').value;
       const bath = document.getElementById('AreasExactBathrooms').value;
       const types = document.querySelectorAll('input[name="data[Areas][property_type][]"]:checked');
       const minVal = parseInt(min.replace(/\D/g, ""));
       const maxVal = parseInt(max.replace(/\D/g, ""));

       setErr('err-minprice', !min);
       setErr('err-maxprice', !max);
       setErr('err-bed', !bed);
       setErr('err-bath', !bath);
       setErr('err-proptype', types.length === 0);

       if (min && max && minVal > maxVal) {
         alert('Max Price must be greater than Min Price');
         return false;
       }

       return !!(min && max && bed && bath && types.length > 0);
     }
     return true;
   }

   function submitForm() {
     const fname = document.getElementById('fname')?.value.trim();
     const lname = document.getElementById('lname')?.value.trim();
     const email = document.getElementById('email')?.value.trim();
     const phone = document.getElementById('phone')?.value.trim();
     const city = document.getElementById('city')?.value.trim();

     const validEmail = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
     if (fname !== undefined) setErr('err-fname', !fname);
     if (lname !== undefined) setErr('err-lname', !lname);
     if (email !== undefined) setErr('err-email', !validEmail);
     if (phone !== undefined) setErr('err-phone', !phone);
     if (city !== undefined) setErr('err-city', !city);

     if (
       (fname !== undefined && !fname) ||
       (lname !== undefined && !lname) ||
       (email !== undefined && !validEmail) ||
       (phone !== undefined && !phone) ||
       (city !== undefined && !city)
     ) return;
     $('.one_stepForm_submit').on('click', function(e) {
       e.preventDefault();
     });
   }
 </script>


 <!-- ══ JS — add once before </body> ══ -->
 <script>
   (function() {
     'use strict';

     function initDropdown(wrap) {
       var select = wrap.querySelector('select');
       if (!select || wrap.querySelector('.cdd-trigger')) return;

       /* ── Build trigger button ── */
       var trigger = document.createElement('div');
       trigger.className = 'cdd-trigger placeholder';
       trigger.tabIndex = 0;

       var triggerText = document.createElement('span');
       var arrow = document.createElement('span');
       arrow.className = 'cdd-arrow';
       trigger.appendChild(triggerText);
       trigger.appendChild(arrow);

       /* ── Build option list ── */
       var list = document.createElement('div');
       list.className = 'cdd-list';

       Array.prototype.forEach.call(select.querySelectorAll('option'), function(opt) {
         /* skip the empty placeholder option */
         if (opt.value === '') return;

         var item = document.createElement('div');
         item.className = 'cdd-option';
         item.textContent = opt.textContent.trim();
         item.dataset.value = opt.value;

         /* pre-select if option is already selected */
         if (opt.selected) {
           item.classList.add('selected');
           triggerText.textContent = item.textContent;
           trigger.classList.remove('placeholder');
         }

         item.addEventListener('click', function() {
           /* update native select value */
           select.value = item.dataset.value;

           /* update visual selected state */
           list.querySelectorAll('.cdd-option').forEach(function(o) {
             o.classList.remove('selected');
           });
           item.classList.add('selected');

           triggerText.textContent = item.textContent;
           trigger.classList.remove('placeholder');

           /* close panel */
           wrap.classList.remove('open');

           /* fire change so other listeners (validation etc.) react */
           var evt = new Event('change', {
             bubbles: true
           });
           select.dispatchEvent(evt);
         });

         list.appendChild(item);
       });

       /* set placeholder text if nothing pre-selected */
       if (!triggerText.textContent.trim()) {
         var ph = select.querySelector('option[value=""]');
         triggerText.textContent = ph ? ph.textContent.trim() : 'Select...';
       }

       wrap.appendChild(trigger);
       wrap.appendChild(list);

       /* ── Toggle open / close ── */
       trigger.addEventListener('click', function(e) {
         e.stopPropagation();
         var isOpen = wrap.classList.contains('open');
         closeAll();
         if (!isOpen) {
           wrap.classList.add('open');
           /* scroll selected item into view */
           var sel = list.querySelector('.cdd-option.selected');
           if (sel) sel.scrollIntoView({
             block: 'nearest'
           });
         }
       });

       /* keyboard support */
       trigger.addEventListener('keydown', function(e) {
         if (e.key === 'Enter' || e.key === ' ') {
           e.preventDefault();
           trigger.click();
         }
         if (e.key === 'Escape') wrap.classList.remove('open');
       });
     }

     function closeAll() {
       document.querySelectorAll('.custom-dd-wrap.open').forEach(function(w) {
         w.classList.remove('open');
       });
     }

     /* close when clicking outside */
     document.addEventListener('click', closeAll);

     /* init all .custom-dd-wrap on the page */
     function initAll() {
       document.querySelectorAll('.custom-dd-wrap').forEach(initDropdown);
     }

     if (document.readyState === 'loading') {
       document.addEventListener('DOMContentLoaded', initAll);
     } else {
       initAll();
     }

     window.initCustomDropdowns = initAll;
   })();
 </script>
			<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>
	
			<!-- Global site tag (gtag.js) - Google Ads: 961668510 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-961668510"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-961668510');
</script>

<meta name="facebook-domain-verification" content="3bypuv36uzdhc04844fvkpgqi36695" />

<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"30006038"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-961668510">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-961668510');
</script>
	
	<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.sarniahomeprices.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() {
			$(window).keydown(function(event) {
				if (event.keyCode == 13) {
					event.preventDefault();
					return false;
				}
			});
			$('.one_stepForm_submit').click(function() {
				if ($("#AreasForm").validationEngine('validate')) {
					$('.loading_grl').show();
					$("#AreasForm").submit();
					//alert('error-suc');
				}

			});
		});
	</script>
			<script>
			$(window).bind("load", function() {
				$.ajax({
					type: "POST",
					url: "https://www.sarniahomeprices.com/track_visitors",
					data: {
						devicetype: "desktop",
						slug: "",
						listing_id: "0",
						site_id: "838",
						cuurent_page: "/optin/sarniahomeprices.com/areas",
						referrer: "",
						view_type: "areas",
						title: "",
						lead_id: "0",
						params: ""
					},
					success: function(result) {
						//alert(result);
					}
				});

			});
		</script>
	</body>

</html>