<!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>Search St. John’s, Mount Pearl and Paradise Homes & Condos For Sale</title>
	<meta name="keywords" content="Bay Bulls - Witless Bay, Conception Bay North, Conception Bay South, Flatrock - Pouch Cove, Goulds, Logy Bay Middle Cove Outer Cove, Mount Pearl, Paradise, Portugal Cove–St. Philip’s, St. John’s, Torbay, Tors Cove - Ferryland, Whitbourne - Clarenville" />
<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>
			</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.nlrealestate.it.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;
	}

	#headercontainer {
		background: url('/img/bg-shadow2.png') repeat-x scroll 0 0 #c73434 !important;
	}
</style>

<body>
	<div id="wrap">
		<div id="company-info-bar">
	</div>
		<div id="headercontainer">
			<div id="header">
				<h1 id="site-header">
					Search St. John’s, Mount Pearl and Paradise Homes & Condos For Sale				</h1>
									<h3 id="site-subheader">Search 1000's of MLS&reg; Houses, Homes and Condominiums - View Pictures, Videos and Details...<br>See Properties in Real Time As They Come Onto The Market</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="AreasAreasSt. John’s" value="St. John’s" name="data[Areas][areas][St. John’s]" class="Areas8861 main_areas" data-areaId="8861"  onclick="show_nebhour(8861);">
			<label for="AreasAreasSt. John’s">St. John’s</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasMount Pearl" value="Mount Pearl" name="data[Areas][areas][Mount Pearl]" class="Areas8862 main_areas" data-areaId="8862"  onclick="show_nebhour(8862);">
			<label for="AreasAreasMount Pearl">Mount Pearl</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasBay Bulls - Witless Bay" value="Bay Bulls - Witless Bay" name="data[Areas][areas][Bay Bulls - Witless Bay]" class="Areas8871 main_areas" data-areaId="8871"  onclick="show_nebhour(8871);">
			<label for="AreasAreasBay Bulls - Witless Bay">Bay Bulls - Witless Bay</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasConception Bay North" value="Conception Bay North" name="data[Areas][areas][Conception Bay North]" class="Areas8869 main_areas" data-areaId="8869"  onclick="show_nebhour(8869);">
			<label for="AreasAreasConception Bay North">Conception Bay North</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasConception Bay South" value="Conception Bay South" name="data[Areas][areas][Conception Bay South]" class="Areas8868 main_areas" data-areaId="8868"  onclick="show_nebhour(8868);">
			<label for="AreasAreasConception Bay South">Conception Bay South</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasFlatrock - Pouch Cove" value="Flatrock - Pouch Cove" name="data[Areas][areas][Flatrock - Pouch Cove]" class="Areas8867 main_areas" data-areaId="8867"  onclick="show_nebhour(8867);">
			<label for="AreasAreasFlatrock - Pouch Cove">Flatrock - Pouch Cove</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasGoulds" value="Goulds" name="data[Areas][areas][Goulds]" class="Areas8866 main_areas" data-areaId="8866"  onclick="show_nebhour(8866);">
			<label for="AreasAreasGoulds">Goulds</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasParadise" value="Paradise" name="data[Areas][areas][Paradise]" class="Areas8863 main_areas" data-areaId="8863"  onclick="show_nebhour(8863);">
			<label for="AreasAreasParadise">Paradise</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasPortugal Cove–St. Philip’s" value="Portugal Cove–St. Philip’s" name="data[Areas][areas][Portugal Cove–St. Philip’s]" class="Areas8864 main_areas" data-areaId="8864"  onclick="show_nebhour(8864);">
			<label for="AreasAreasPortugal Cove–St. Philip’s">Portugal Cove–St. Philip’s</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasTorbay" value="Torbay" name="data[Areas][areas][Torbay]" class="Areas8865 main_areas" data-areaId="8865"  onclick="show_nebhour(8865);">
			<label for="AreasAreasTorbay">Torbay</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasTors Cove - Ferryland" value="Tors Cove - Ferryland" name="data[Areas][areas][Tors Cove - Ferryland]" class="Areas8872 main_areas" data-areaId="8872"  onclick="show_nebhour(8872);">
			<label for="AreasAreasTors Cove - Ferryland">Tors Cove - Ferryland</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasWhitbourne - Clarenville" value="Whitbourne - Clarenville" name="data[Areas][areas][Whitbourne - Clarenville]" class="Areas8870 main_areas" data-areaId="8870"  onclick="show_nebhour(8870);">
			<label for="AreasAreasWhitbourne - Clarenville">Whitbourne - Clarenville</label></div><div class="checkbox">
			<input type="checkbox" id="AreasAreasLogy Bay Middle Cove Outer Cove" value="Logy Bay Middle Cove Outer Cove" name="data[Areas][areas][Logy Bay Middle Cove Outer Cove]" class="Areas8875 main_areas" data-areaId="8875"  onclick="show_nebhour(8875);">
			<label for="AreasAreasLogy Bay Middle Cove Outer Cove">Logy Bay Middle Cove Outer Cove</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/970_210526083156_0f07a8d1c72dfa0441db0c0b9fc00761l-m871800880od-w480_h360_x2-1485884638.jpg" alt="Search St. John’s, Mount Pearl and Paradise Homes &amp; Condos For Sale" width="425" height="246" /></div></div><div id="additional-content">
St. John's is the capital and largest city of Newfoundland and Labrador, Canada. It is located on the eastern tip of the Avalon Peninsula along the Atlantic Ocean. The city is known for its colorful row houses, historic downtown, and landmarks such as Signal Hill and Cape Spear. St. John's is an important center for government, education, tourism, and the offshore oil industry.<br />
<br />
Mount Pearl is a city located just southwest of St. John's on the Avalon Peninsula. It is the second-largest city in the province and part of the St. John's metropolitan area. The city is mainly residential with many parks, recreational facilities, and community services. Mount Pearl is known for its strong community environment and family-friendly neighborhoods.<br />
<br />
Paradise is a rapidly growing town located west of St. John's. It forms part of the St. John's Census Metropolitan Area and has experienced significant population growth in recent decades. The town is known for scenic lakes such as Octagon Pond and for its suburban residential developments. Many residents commute to nearby St. John's for work and services.<br />
<br />
Portugal Cove–St. Philip’s is a town located on the northeastern edge of the Avalon Peninsula near St. John's. It is a coastal community known for its natural landscapes, ocean views, and rural character. The town is also the departure point for the ferry service to Bell Island. It offers a quiet lifestyle while remaining close to the amenities of the capital city.<br />
<br />
Torbay is a town situated about 12 kilometers north of St. John's. It is one of the oldest European settlements in Newfoundland, with history dating back to the early 1600s. The town is known for its coastal scenery, cliffs, and traditional fishing heritage. Today it is largely a residential community within the St. John's metropolitan area.<br />
<br />
Goulds is a community located in the southern part of St. John's. Historically it developed as an agricultural area and was once known for farming and rural settlements. Today it functions as a suburban community within the city boundaries. Goulds still retains some rural characteristics while being connected to the services of St. John's.</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.nlrealestate.it.com/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.nlrealestate.it.com/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/970_070326015547_St. Johns.jpg' />
								<img src='/uploads/970_070326015633_Mount Pearl.jpg' />
								<img src='/uploads/970_070326015634_NLA_Paradise_tango7174.jpg' />
								<img src='/uploads/970_070326015636_Portugal CoveSt.Philips.jpg' />
								<img src='/uploads/970_070326015637_Torbay-1000-750.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">
			Royal Lepage Atlantic Homestead Ltd., REALTOR, 81 Kenmount Road, NL A1B3P8, St. John’s,Canada | <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.nlrealestate.it.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() {
				$('.loading_grl').show();
			});
		});
	</script>
					<script>
			$(window).bind("load", function() {
				$.ajax({
					type: "POST",
					url: "https://www.nlrealestate.it.com/track_visitors",
					data: {
						devicetype: "desktop",
						slug: "",
						listing_id: "0",
						site_id: "970",
						cuurent_page: "/optin/nlrealestate.it.com/areas",
						referrer: "",
						view_type: "areas",
						title: "",
						lead_id: "0",
						params: ""
					},
					success: function(result) {
						//alert(result);
					}
				});
			});
		</script>
			</body>

</html>