<div id="pl-150"  class="panel-layout" ><div id="pg-150-0"  class="panel-grid panel-no-style"  data-style="{&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}" ><div id="pgc-150-0-0"  class="panel-grid-cell"  data-weight="1" ><div class="so-widget-apartment-list so-widget-apartment-list-default-d75171398898">   


<div class="big_query" >	
	<div class="list_left" >	
		<div class="property-slider" >	
			<div class="big-slider" >
										<div class="bs-item is_solo" >
							<div class="bs-item-sup" >
																
								<div class="small-slider" >
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Mioretei Apartment" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Mioretei Apartment" />
										</div>
																		
																		
																		
																		
								</div>	
								<div class="price-location">
									 <div class="price_">$ 200,002</div>
									 <div class="scale_">
										 										$ 132 / sq m						 
									 </div>						 
								</div>
								<a class="link-to" href="http://turayrealty.com/apartment_post/mioretei-apartment/">
									<div class="location-property">
										<div class="property-title">Mioretei Apartment</div>
										<div class="map-location">
											<i class="fa fa-map-marker" aria-hidden="true"></i>
											<span>
												Bacau											</span>
										</div>							
									</div>
									<div class="prot-property">
										<span>1510 sq m</span>
											<span>5 Rooms</span>																					<span>1 Bathrooms</span>											<span>2 Kitchens</span>									</div>
									<div class="property-author">
										<div class="pa-2col c1">
											<i class="fa fa-user" aria-hidden="true"></i>
											<span>Jon Snow<span>
										</div>
										<div class="pa-2col c2">
											<i class="fa fa-calendar-o" aria-hidden="true"></i>
											<span>6 days ago<span>
										</div>
									</div>
								</a>					
							</div>
						</div>
											<div class="bs-item is_solo" >
							<div class="bs-item-sup" >
																
								<div class="small-slider" >
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Serene Uptown" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Serene Uptown" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Serene Uptown" />
										</div>
																		
																		
																		
								</div>	
								<div class="price-location">
									 <div class="price_">$ 250,000</div>
									 <div class="scale_">
										 										$ 50 / sq m						 
									 </div>						 
								</div>
								<a class="link-to" href="http://turayrealty.com/apartment_post/serene-uptown/">
									<div class="location-property">
										<div class="property-title">Serene Uptown</div>
										<div class="map-location">
											<i class="fa fa-map-marker" aria-hidden="true"></i>
											<span>
												New York											</span>
										</div>							
									</div>
									<div class="prot-property">
										<span>5000 sq m</span>
											<span>13 Rooms</span>											<span>1 Bedrooms</span>											<span>2 Bathrooms</span>											<span>2 Kitchens</span>									</div>
									<div class="property-author">
										<div class="pa-2col c1">
											<i class="fa fa-user" aria-hidden="true"></i>
											<span>Jon Snow<span>
										</div>
										<div class="pa-2col c2">
											<i class="fa fa-calendar-o" aria-hidden="true"></i>
											<span>6 days ago<span>
										</div>
									</div>
								</a>					
							</div>
						</div>
											<div class="bs-item is_solo" >
							<div class="bs-item-sup" >
								<div class="featured"><span>Featured</span></div>								
								<div class="small-slider" >
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Arlo Apartment" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Arlo Apartment" />
										</div>
																		
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Arlo Apartment" />
										</div>
																		
																		
								</div>	
								<div class="price-location">
									 <div class="price_">$ 15,000</div>
									 <div class="scale_">
										 										$ 150 / sq m						 
									 </div>						 
								</div>
								<a class="link-to" href="http://turayrealty.com/apartment_post/arlo-apartment/">
									<div class="location-property">
										<div class="property-title">Arlo Apartment</div>
										<div class="map-location">
											<i class="fa fa-map-marker" aria-hidden="true"></i>
											<span>
												Londra											</span>
										</div>							
									</div>
									<div class="prot-property">
										<span>100 sq m</span>
											<span>5 Rooms</span>																															<span>2 Kitchens</span>									</div>
									<div class="property-author">
										<div class="pa-2col c1">
											<i class="fa fa-user" aria-hidden="true"></i>
											<span>Jon Snow<span>
										</div>
										<div class="pa-2col c2">
											<i class="fa fa-calendar-o" aria-hidden="true"></i>
											<span>6 days ago<span>
										</div>
									</div>
								</a>					
							</div>
						</div>
											<div class="bs-item is_solo" >
							<div class="bs-item-sup" >
																
								<div class="small-slider" >
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Selway Apartments" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Selway Apartments" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Selway Apartments" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Selway Apartments" />
										</div>
																		
																			<div class="ss-item" >
											<img src="http://turayrealty.com/wp-content/uploads/2017/10/background-image-520x397.jpg"  alt="Selway Apartments" />
										</div>
																		
								</div>	
								<div class="price-location">
									 <div class="price_">$ 45,000</div>
									 <div class="scale_">
										 										$ 90 / sq m						 
									 </div>						 
								</div>
								<a class="link-to" href="http://turayrealty.com/apartment_post/selway-apartments/">
									<div class="location-property">
										<div class="property-title">Selway Apartments</div>
										<div class="map-location">
											<i class="fa fa-map-marker" aria-hidden="true"></i>
											<span>
												Budapesta											</span>
										</div>							
									</div>
									<div class="prot-property">
										<span>500 sq m</span>
											<span>3 Rooms</span>											<span>1 Bedrooms</span>											<span>2 Bathrooms</span>																			</div>
									<div class="property-author">
										<div class="pa-2col c1">
											<i class="fa fa-user" aria-hidden="true"></i>
											<span>Jon Snow<span>
										</div>
										<div class="pa-2col c2">
											<i class="fa fa-calendar-o" aria-hidden="true"></i>
											<span>6 days ago<span>
										</div>
									</div>
								</a>					
							</div>
						</div>
								</div>
		</div>
	</div>
	 <div class="list_right" >
		<div class="main-search-box">
				<div class="trick"></div>
				<form   action="" method="get">
					<div class="search-top">
						<div class="search-input">
							<input id="search-input"  name="search_by" type="text" placeholder="Address e.g. steet or city" />							 
						</div>						
					</div>
					<div class="search-bottom">
						<div class="calc_range">
							<div class="custom-select">
								<div class="select-placeholder">Any type</div>
								<div class="select-hover">
								<div class="select-item item-type" value="any-type">Any type</div><div class="select-item item-type" value="apartments">Apartments</div><div class="select-item item-type" value="commercial">Commercial</div><div class="select-item item-type" value="garages">Garages</div><div class="select-item item-type" value="houses">Houses</div>									 
									
									 
								</div>
							</div>
						</div>
						<div class="calc_range">							
							<div class="custom-select">
								<div class="select-placeholder">Min Price</div>
								<div class="select-hover">
									<div class="select-item opac-price item-min" value="min-price">Min Price</div>
									   
										<div class="select-item item-min" value="10000">10,000</div>
									  
										<div class="select-item item-min" value="20000">20,000</div>
									  
										<div class="select-item item-min" value="30000">30,000</div>
									  
										<div class="select-item item-min" value="40000">40,000</div>
									  
										<div class="select-item item-min" value="50000">50,000</div>
									  
										<div class="select-item item-min" value="60000">60,000</div>
									  
										<div class="select-item item-min" value="70000">70,000</div>
									  
										<div class="select-item item-min" value="80000">80,000</div>
									  
										<div class="select-item item-min" value="90000">90,000</div>
									  
										<div class="select-item item-min" value="100000">100,000</div>
									  
										<div class="select-item item-min" value="110000">110,000</div>
									  
										<div class="select-item item-min" value="120000">120,000</div>
									  
										<div class="select-item item-min" value="130000">130,000</div>
									  
										<div class="select-item item-min" value="140000">140,000</div>
									  
										<div class="select-item item-min" value="150000">150,000</div>
																	</div>
							</div>
						</div>
						<div class="calc_range">
							<div class="custom-select">
								<div class="select-placeholder">Max Price</div>
								<div class="select-hover">
									<div class="select-item opac-price item-max" value="min-price">Max Price</div>
									   
										<div class="select-item item-max" value="10000">10,000</div>
									  
										<div class="select-item item-max" value="20000">20,000</div>
									  
										<div class="select-item item-max" value="30000">30,000</div>
									  
										<div class="select-item item-max" value="40000">40,000</div>
									  
										<div class="select-item item-max" value="50000">50,000</div>
									  
										<div class="select-item item-max" value="60000">60,000</div>
									  
										<div class="select-item item-max" value="70000">70,000</div>
									  
										<div class="select-item item-max" value="80000">80,000</div>
									  
										<div class="select-item item-max" value="90000">90,000</div>
									  
										<div class="select-item item-max" value="100000">100,000</div>
									  
										<div class="select-item item-max" value="110000">110,000</div>
									  
										<div class="select-item item-max" value="120000">120,000</div>
									  
										<div class="select-item item-max" value="130000">130,000</div>
									  
										<div class="select-item item-max" value="140000">140,000</div>
									  
										<div class="select-item item-max" value="150000">150,000</div>
																	</div>
							</div>
						</div>
					</div>
					
					<div class="calc_range">
					  <div class="range_title">Area range (sq ft)</div>					   
					  <div id="slider-range"></div>
						<input name="area_min" id="area_min" class="range_val" type="text" readonly>
						<input name="area_max" id="area_max"  class="range_val c2" type="text" readonly>
					 </div>
					 
					<div class="calc_range">
					  <div class="range_title">Price range ($)</div>					   
					  <div id="price-range"></div>
						<input name="area_min" id="min-price" class="range_val" type="text" readonly>
						<input name="area_max" id="max-price"  class="range_val c2" type="text" readonly>
					 </div>
					
					<div class="search-btn">
						<button class="form-btn">Search</button>
					</div>
					
					
					<input id="any-type" name="type" value="any-type" type="hidden">
					 
					
				</form>
		</div>
	</div>			
</div>

 <script>

  $( function() {
    $( "#slider-range" ).slider({
      range: true,
      min: 330, 
      max: 950,
      values: [  330, 950 ],
      slide: function( event, ui ) {
        $( "#area_min" ).val(  ui.values[ 0 ]  );
        $( "#area_max" ).val(  ui.values[ 1 ] );
      }
    });
	 $( "#area_min" ).val( $( "#slider-range" ).slider( "values", 0 ) );
     $( "#area_max" ).val( $( "#slider-range" ).slider( "values", 1 ) );
   
  } );
  
   $( function() {
    $( "#price-range" ).slider({
      range: true,
      min: 10000, 
      max: 150000,
      values: [  10000, 150000 ],
      slide: function( event, ui ) {
        $( "#min-price" ).val(  ui.values[ 0 ]  );
        $( "#max-price" ).val(  ui.values[ 1 ] );
      }
    });
	 $( "#min-price" ).val( $( "#price-range" ).slider( "values", 0 ) );
     $( "#max-price" ).val( $( "#price-range" ).slider( "values", 1 ) );
   
  } );
 </script>
  
<script type="text/javascript">	
	$( document ).ready(function() {$('.small-slider').slick({  slidesToShow: 1,  slidesToScroll: 1,  arrows: true, dots: false});});
</script>
<script type="text/javascript">	
		$( document ).ready(function() {
			$( ".select-placeholder" ).click(function() {
			   $( this ).next(".select-hover").fadeIn(500);
			   $( this ).parent(".custom-select").addClass("click");
			});
			$( ".item-type" ).click(function() {
			   $val = $(this).attr("value");
			   $html = $(this).html();
			   $(this).parent(".select-hover").parent(".custom-select").children(".select-placeholder").html($html);
			   $("#any-type").val($val);
			   $(".select-hover").fadeOut(500);
			   $(this).parent(".select-hover").parent(".custom-select").removeClass("click");
			});
			
			$( ".item-min" ).click(function() {
			   $val = $(this).attr("value");
			   $html = $(this).html();
			   $(this).parent(".select-hover").parent(".custom-select").children(".select-placeholder").html($html);
			   $("#min-price").val($val);
			   $(".select-hover").fadeOut(500);
			   $(this).parent(".select-hover").parent(".custom-select").removeClass("click");
			});
			
			$( ".item-max" ).click(function() {
			   $val = $(this).attr("value");
			   $html = $(this).html();
			   $(this).parent(".select-hover").parent(".custom-select").children(".select-placeholder").html($html);
			   $("#max-price").val($val);
			   $(".select-hover").fadeOut(500);
			    $(this).parent(".select-hover").parent(".custom-select").removeClass("click");
			});
			
			$(document).mouseup(function(e)	{	
				var container = $(".custom-select.click");
				// if the target of the click isn't the container nor a descendant of the container
				if (!container.is(e.target) && container.has(e.target).length === 0) 
				{$(".select-hover").fadeOut(500);$(".custom-select").removeClass("click");}
			});
		});
		
		 
</script>

<script type="text/javascript">
  function initAutocomplete() {
    // Create the autocomplete object, restricting the search to geographical
    // location types.
    autocomplete = new google.maps.places.Autocomplete(
        /** @type {!HTMLInputElement} */(document.getElementById('search-input')),
        {types: ['geocode']});

    // When the user selects an address from the dropdown, populate the address
    // fields in the form.
    autocomplete.addListener('place_changed', fillInAddress);
  }

  function fillInAddress() {
    // Get the place details from the autocomplete object.
    var place = autocomplete.getPlace();
		
  }
 
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD5oz9HbGvwfGspb_8OoRX4pc-miQNiu3c&libraries=places&callback=initAutocomplete"      async defer></script></div></div></div></div>