<div id="pl-2" class="panel-layout">
<div id="pg-2-0" class="panel-grid panel-has-style" data-style="{&quot;background_display&quot;:&quot;tile&quot;,&quot;row_stretch&quot;:&quot;full-stretched&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}">
<div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-2-0" data-stretch-type="full-stretched">
<div id="pgc-2-0-0" class="panel-grid-cell" data-weight="1">
<div id="panel-2-0-0-0" class="so-panel widget widget_header-search panel-first-child panel-last-child" data-index="0" data-style="{&quot;background_display&quot;:&quot;tile&quot;}">
<div class="so-widget-header-search so-widget-header-search-default-d75171398898">
<div class="header-search" style="background: url('http://turayrealty.com/wp-content/uploads/2017/10/background-image.jpg');">
<div class="entry-content">
<h2 class="header-title">Find Your Dream Home</h2>
<h4 class="header-subtitle">Or not :) consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</h4>
<div class="main-search-box">
<div class="trick"></div>
<form action="http://turayrealty.com/listing/" method="get">
<div class="search-top">
<div class="search-input"><input id="search-input" name="search_by" type="text" placeholder="Enter address e.g. street, city and state or zip" /></div>
<div class="search-btn"><button class="form-btn">Search</button></div>
</div>
<div class="search-bottom">
<div class="select-col c1">
<div class="custom-select">
<div class="select-placeholder">Any type</div>
<div class="select-hover">
<div class="select-item item-type">Any type</div>
<div class="select-item item-type">Apartments</div>
<div class="select-item item-type">Houses</div>
<div class="select-item item-type">Commercial</div>
<div class="select-item item-type">Garages</div>
<div class="select-item item-type">Lots</div>
</div>
</div>
</div>
<div class="select-col c2">
<div class="custom-select">
<div class="select-placeholder">Min Price</div>
<div class="select-hover">
<div class="select-item opac-price item-min">Min Price</div>
<div class="select-item item-min">10,000</div>
<div class="select-item item-min">20,000</div>
<div class="select-item item-min">30,000</div>
<div class="select-item item-min">40,000</div>
<div class="select-item item-min">50,000</div>
<div class="select-item item-min">60,000</div>
<div class="select-item item-min">70,000</div>
<div class="select-item item-min">80,000</div>
<div class="select-item item-min">90,000</div>
<div class="select-item item-min">100,000</div>
<div class="select-item item-min">110,000</div>
<div class="select-item item-min">120,000</div>
<div class="select-item item-min">130,000</div>
<div class="select-item item-min">140,000</div>
<div class="select-item item-min">150,000</div>
</div>
</div>
</div>
<div class="select-col c3">
<div class="custom-select">
<div class="select-placeholder">Max Price</div>
<div class="select-hover">
<div class="select-item opac-price item-max">Max Price</div>
<div class="select-item item-max">10,000</div>
<div class="select-item item-max">20,000</div>
<div class="select-item item-max">30,000</div>
<div class="select-item item-max">40,000</div>
<div class="select-item item-max">50,000</div>
<div class="select-item item-max">60,000</div>
<div class="select-item item-max">70,000</div>
<div class="select-item item-max">80,000</div>
<div class="select-item item-max">90,000</div>
<div class="select-item item-max">100,000</div>
<div class="select-item item-max">110,000</div>
<div class="select-item item-max">120,000</div>
<div class="select-item item-max">130,000</div>
<div class="select-item item-max">140,000</div>
<div class="select-item item-max">150,000</div>
</div>
</div>
</div>
</div>
<input id="any-type" name="type" type="hidden" value="any-type" />
<input id="min-price" name="min-price" type="hidden" value="min-price" />
<input id="max-price" name="max-price" type="hidden" value="max-price" />

</form></div>
</div>
</div>
<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>

</div>
</div>
</div>
</div>
</div>
<div id="pg-2-1" class="panel-grid panel-has-style" data-style="{&quot;padding&quot;:&quot;50px 0px 80px 0px&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}">
<div class="panel-row-style panel-row-style-for-2-1">
<div id="pgc-2-1-0" class="panel-grid-cell" data-weight="1">
<div class="so-widget-apartment-slider so-widget-apartment-slider-default-d75171398898">
<div class="property-slider">
<div class="normal-title">Newly Added</div>
<div class="big-slider">
<div class="bs-item">
<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>
&nbsp;
<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>
Bacau, România</div>
</div>
<div class="prot-property">1510 sq m
5 Rooms1 Bathrooms2 Kitchens</div>
<div class="property-author">
<div class="pa-2col c1"><i class="fa fa-user" aria-hidden="true"></i>
Jon Snow</div>
<div class="pa-2col c2"><i class="fa fa-calendar-o" aria-hidden="true"></i>
5 days ago</div>
</div>
&nbsp;

</div>
</div>
<div class="bs-item">
<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>
&nbsp;
<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>
6 Bishop Ave, Westhampton, NY</div>
</div>
<div class="prot-property">5000 sq m
13 Rooms1 Bedrooms2 Bathrooms2 Kitchens</div>
<div class="property-author">
<div class="pa-2col c1"><i class="fa fa-user" aria-hidden="true"></i>
Jon Snow</div>
<div class="pa-2col c2"><i class="fa fa-calendar-o" aria-hidden="true"></i>
5 days ago</div>
</div>
&nbsp;

</div>
</div>
<div class="bs-item">
<div class="bs-item-sup">
<div class="featured">Featured</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>
&nbsp;
<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>
Datura Street, Las Vegas</div>
</div>
<div class="prot-property">100 sq m
5 Rooms2 Kitchens</div>
<div class="property-author">
<div class="pa-2col c1"><i class="fa fa-user" aria-hidden="true"></i>
Jon Snow</div>
<div class="pa-2col c2"><i class="fa fa-calendar-o" aria-hidden="true"></i>
5 days ago</div>
</div>
&nbsp;

</div>
</div>
<div class="bs-item">
<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>
&nbsp;
<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>
Northbrook, IL, United States</div>
</div>
<div class="prot-property">500 sq m
3 Rooms1 Bedrooms2 Bathrooms</div>
<div class="property-author">
<div class="pa-2col c1"><i class="fa fa-user" aria-hidden="true"></i>
Jon Snow</div>
<div class="pa-2col c2"><i class="fa fa-calendar-o" aria-hidden="true"></i>
5 days ago</div>
</div>
&nbsp;

</div>
</div>
</div>
</div>
<script type="text/javascript">	
	$( document ).ready(function() {
		
		$('.big-slider').slick({ 
			prevArrow:"</p>
<div class='bs pull-left'><i class='fa fa-angle-left' aria-hidden='true'></i></div>
<p>",
            nextArrow:"</p>
<div class='bs pull-right'><i class='fa fa-angle-right' aria-hidden='true'></i></div>
<p>",
			slidesToShow: 3,  slidesToScroll: 1,  arrows: true, dots: false,draggable:false  });
		$('.small-slider').slick({  slidesToShow: 1,  slidesToScroll: 1,  arrows: true, dots: false});
 
	});
</script>

</div>
</div>
</div>
</div>
<div id="pg-2-2" class="panel-grid panel-has-style" data-style="{&quot;padding&quot;:&quot;0px 0px 50px 0px&quot;,&quot;background&quot;:&quot;#f7f7f7&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;row_stretch&quot;:&quot;full&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}">
<div class="siteorigin-panels-stretch panel-row-style panel-row-style-for-2-2" data-stretch-type="full">
<div id="pgc-2-2-0" class="panel-grid-cell" data-weight="1">
<div id="panel-2-2-0-0" class="so-panel widget widget_small-title panel-first-child" data-index="2" data-style="{&quot;background_display&quot;:&quot;tile&quot;}">
<div class="so-widget-small-title so-widget-small-title-default-d75171398898">
<div class="bt-align">
<h3 class="box-title">Lorem ipsum dolor ?</h3>
</div>
</div>
</div>
<div id="panel-2-2-0-1" class="so-panel widget widget_round-icon-list panel-last-child" data-index="3" data-style="{&quot;padding&quot;:&quot;55px 0px 0px 0px&quot;,&quot;background_display&quot;:&quot;tile&quot;}">
<div class="panel-widget-style panel-widget-style-for-2-2-0-1">
<div class="so-widget-round-icon-list so-widget-round-icon-list-default-d75171398898">
<div class="round-icon-list">
<div class="ril-item">
<div class="ril-iicon"></div>
<div class="ril-hover">Aliquam dictum elit vitae</div>
<div class="ril-title">Lorem ipsum</div>
<div class="ril-text">Aliquam dictum elit vitae mauris facilisis, at dictum urna dignissim donec vel lectus vel felis.</div>
</div>
<div class="ril-item">
<div class="ril-iicon"></div>
<div class="ril-hover">Aliquam dictum elit vitae</div>
<div class="ril-title">Elit vitae</div>
<div class="ril-text">Aliquam dictum elit vitae mauris facilisis, at dictum urna dignissim donec vel lectus vel felis.</div>
</div>
<div class="ril-item">
<div class="ril-iicon"></div>
<div class="ril-hover">Aliquam dictum</div>
<div class="ril-title">Aliquam dictum</div>
<div class="ril-text">Aliquam dictum elit vitae mauris facilisis, at dictum urna dignissim donec vel lectus vel felis.</div>
</div>
<div class="ril-item">
<div class="ril-iicon"></div>
<div class="ril-hover">Aliquam dictum</div>
<div class="ril-title">Vel lectus</div>
<div class="ril-text">Aliquam dictum elit vitae mauris facilisis, at dictum urna dignissim donec vel lectus vel felis.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="pg-2-3" class="panel-grid panel-has-style" data-style="{&quot;padding&quot;:&quot;55px 0px 45px 0px&quot;,&quot;background_display&quot;:&quot;tile&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}">
<div class="panel-row-style panel-row-style-for-2-3">
<div id="pgc-2-3-0" class="panel-grid-cell" data-weight="1">
<div id="panel-2-3-0-0" class="so-panel widget widget_title-normal panel-first-child panel-last-child" data-index="4" data-style="{&quot;background_display&quot;:&quot;tile&quot;}">
<div class="so-widget-title-normal so-widget-title-normal-default-d75171398898">
<div class="center ">
<h3 class="normal-title">Excepteur sint occaeca</h3>
<h5 class="subnormal-title">Sed ut perspiciatis unde omnis iste natus error sit voluptatem</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>