managemypreferences.com
Open in
urlscan Pro
54.245.22.90
Public Scan
Submitted URL: https://t.apemail.net/c/nqkqavcwayhqevqadjkfidqpdibqoaicdiha4bafdidfcvktamdvmvcvkubq6fi3aqcqibibdnmuew23dmhqabiaaicaab...
Effective URL: https://managemypreferences.com/hygiene/new?token=nqkqavcwayhqevqadjkfidqpdibqoaicdiha4bafdidfcvktamdvmvcvkubq6fi3aqcqibibdnmuew...
Submission: On March 26 via api from CA — Scanned from CA
Effective URL: https://managemypreferences.com/hygiene/new?token=nqkqavcwayhqevqadjkfidqpdibqoaicdiha4bafdidfcvktamdvmvcvkubq6fi3aqcqibibdnmuew...
Submission: On March 26 via api from CA — Scanned from CA
Form analysis 1 forms found in the DOM
POST /hygiene/87275373
<form action="/hygiene/87275373" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden" name="authenticity_token"
value="ahGfIlxEjE0/PfQIv5pg1XSguywmRJK1h7Q7UOgHaurFChs4MXK5MuOFx1v0lXfUB6V9YGNrFbw+BrFWKQuzFQ==">
<input type="hidden" name="id[87275373]" id="id_87275373">
<input type="hidden" name="redirect_to" id="redirect_to" value="update">
<input type="hidden" name="survey_type" id="survey_type" value="hygiene">
<input type="hidden" name="token"
value="nqkqavcwayhqevqadjkfidqpdibqoaicdiha4bafdidfcvktamdvmvcvkubq6fi3aqcqibibdnmuew23dmhqabiaaicaaba3lfbfwwy3lfbfwwy3cuavibqgb5jbk2q-nqdbwfktkzbvmgs7jzif4uszkikrwflzoykrwbqbaihacgygauda4gyeaibaoaq3auaqaaqedmcakbafaenqmdqcamaakdyadmkqavcwayhqevqadjkfidqpdibqoaicdiha4bafdidfcvktamdvmvcvkubq6fi3b4aakaacaqaaigyvmbjfexc3jylxwxseinpfsucecunvsqs3lmnvsqs3lmnvsqs3lmnugrkckinqag2zijnvwg2zijnvwg2zijnvwg2zijnvwg2zijnvwgyvafkambqpkikwu">
<div class="indicator">
<div class="indicator-bar"></div>
<div class="indicator-background"></div>
</div>
<main class="standard-flow buyer-type">
<p id="introduction" class="text"> So that we can provide you with the most relevant information, please take a moment to answer a few simple questions to help us better understand your real estate needs. </p>
<div id="stepped-form-wrapper" class="">
<section class="standard-flow">
<h2 class="heading-two">How would you classify yourself?</h2>
<div class="radiogroup">
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="classification-browsing" type="radio" value="browsing" name="classification">
<label for="classification-browsing" class="icon-browsing radio-icon-label label" data-icon="browsing">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>buyer.browsing</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="buyer.browsing" fill="#000000">
<path fill="currentColor"
d="M58.657,65.3227 L46.659,65.3227 L46.659,47.9927 L33.328,47.9927 L33.328,65.3227 L22.663,65.3227 L22.663,38.6057 L40.235,24.8777 L58.657,39.2707 L58.657,65.3227 Z M69.077,38.7807 L40.235,16.3427 L11.388,38.7807 L15.579,44.1407 L18.664,41.7307 L18.664,67.9897 L62.657,67.9897 L62.657,42.3957 L64.891,44.1417 L69.077,38.7807 Z"
id="Fill-1"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> Just Browsing
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="classification-downsizing" type="radio" value="downsizing" name="classification">
<label for="classification-downsizing" class="icon-downsizing radio-icon-label label" data-icon="downsizing">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>buyer.downsizing</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="buyer.downsizing" fill="#000000">
<path fill="currentColor"
d="M63.4461,34.3988 C62.8101,35.7038 61.9541,36.9168 60.8501,38.0188 C60.1601,38.7108 59.4271,39.2998 58.6571,39.8078 L58.6571,65.3228 L46.6591,65.3228 L46.6591,47.9928 L33.3281,47.9928 L33.3281,65.3228 L22.6631,65.3228 L22.6631,38.6058 L38.4551,26.2678 C38.9131,23.6348 40.1391,21.2978 42.1341,19.3038 C42.4191,19.0178 42.7141,18.7548 43.0101,18.5028 L40.2331,16.3408 L11.3881,38.7808 L15.5781,44.1408 L18.6641,41.7308 L18.6641,67.9898 L62.6571,67.9898 L62.6571,42.3958 L64.8911,44.1418 L69.0791,38.7818 L63.4461,34.3988 Z"
id="Fill-1"></path>
<path fill="currentColor"
d="M46.4383,31.1234 C46.7973,30.7634 47.1153,30.7704 47.4593,31.1464 L50.6593,34.3344 L50.6593,22.6634 C50.6593,22.4444 50.7623,22.2644 50.9043,22.1244 C51.0453,21.9844 51.2413,21.9134 51.4593,21.9134 C51.6783,21.9134 51.7503,21.9844 51.8903,22.1244 C52.0303,22.2644 51.9923,22.4444 51.9923,22.6634 L51.9923,34.3334 L55.3433,31.1454 C55.6873,30.7704 56.0963,30.7634 56.4573,31.1214 C56.8163,31.4804 56.8373,31.8324 56.4623,32.1764 L51.9783,36.6754 C51.9163,36.7694 51.8433,36.8314 51.7503,36.8634 C51.5623,36.9264 51.3793,36.9264 51.1923,36.8634 C51.0983,36.8324 51.0213,36.7694 50.9593,36.6754 L46.4603,32.1764 C46.0843,31.8334 46.0783,31.4814 46.4383,31.1234 M59.4363,20.7184 C57.2333,18.5164 54.5843,17.4134 51.4923,17.4134 C48.3993,17.4134 45.7503,18.5144 43.5473,20.7184 C41.3453,22.9214 40.2433,25.5694 40.2433,28.6624 C40.2433,31.7554 41.3443,34.4034 43.5473,36.6054 C45.7513,38.8094 48.3993,39.9114 51.4923,39.9114 C54.5843,39.9114 57.2333,38.8104 59.4363,36.6054 C61.6383,34.4024 62.7413,31.7554 62.7413,28.6624 C62.7413,25.5694 61.6383,22.9204 59.4363,20.7184"
id="Fill-3"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> Downsizing
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="classification-firsthome" type="radio" value="firsthome" name="classification">
<label for="classification-firsthome" class="icon-firsthome radio-icon-label label" data-icon="firsthome">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>buyer.first</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="buyer.first" fill="#000000">
<polygon fill="currentColor" id="Fill-1"
points="60.1785 31.8563 59.6105 32.4113 61.4585 43.5513 58.6575 42.0783 58.6575 65.3233 46.6595 65.3233 46.6595 47.9923 33.3275 47.9923 33.3275 65.3233 22.6625 65.3233 22.6625 38.6063 37.6885 26.8663 35.3085 24.5613 46.4865 22.9003 47.0945 21.6783 40.2355 16.3423 11.3885 38.7803 15.5785 44.1413 18.6635 41.7313 18.6635 67.9893 62.6575 67.9893 62.6575 42.3963 64.8905 44.1413 69.0765 38.7803">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="63.3728 25.9437 57.4668 31.7087 58.8268 39.9097 51.5158 36.0667 44.1568 39.9097 45.5628 31.7087 39.6108 25.9437 47.8118 24.7257 51.5148 17.2737 55.1698 24.7257"></polygon>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> First Home Buyer
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="classification-investor" type="radio" value="investor" name="classification">
<label for="classification-investor" class="icon-investor radio-icon-label label" data-icon="investor">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>buyer.investor</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="buyer.investor" fill="#000000">
<path fill="currentColor"
d="M63.4461,34.3988 C62.8101,35.7038 61.9541,36.9168 60.8501,38.0198 C60.1601,38.7098 59.4271,39.3008 58.6571,39.8088 L58.6571,65.3228 L46.6591,65.3228 L46.6591,47.9928 L33.3281,47.9928 L33.3281,65.3228 L22.6631,65.3228 L22.6631,38.6058 L38.4551,26.2678 C38.9131,23.6348 40.1391,21.2978 42.1341,19.3038 C42.4191,19.0188 42.7141,18.7558 43.0101,18.5028 L40.2331,16.3408 L11.3891,38.7808 L15.5781,44.1408 L18.6641,41.7308 L18.6641,67.9888 L62.6571,67.9888 L62.6571,42.3958 L64.8911,44.1428 L69.0791,38.7818 L63.4461,34.3988 Z"
id="Fill-1"></path>
<path fill="currentColor"
d="M51.992,34.4159 L51.992,35.3119 C51.992,35.7279 51.733,36.0619 51.317,36.0619 C50.918,36.0619 50.659,35.7269 50.659,35.3119 L50.659,34.4159 C49.326,34.2239 47.969,33.3919 47.425,32.5139 C47.344,32.3859 47.335,32.2259 47.335,32.0659 C47.335,31.5869 47.738,31.2029 48.2,31.2029 C48.553,31.2029 48.754,31.3949 48.914,31.5549 C49.584,32.2269 50.437,32.7709 51.54,32.7709 C52.994,32.7709 53.701,32.2909 53.701,31.2999 C53.701,28.9659 47.79,30.0369 47.79,26.1839 C47.79,24.7599 49.324,23.5299 50.657,23.3059 L50.657,22.3939 C50.657,21.9779 50.916,21.6439 51.316,21.6439 C51.732,21.6439 51.99,21.9789 51.99,22.3939 L51.99,23.3219 C53.324,23.4819 54.478,23.9919 55.02,24.7599 C55.115,24.9039 55.258,25.0799 55.258,25.2719 C55.258,25.7359 54.911,26.1199 54.431,26.1199 C54.208,26.1199 54.002,25.9919 53.763,25.7679 C53.267,25.2879 52.446,24.9199 51.535,24.9199 C50.208,24.9199 49.717,25.5439 49.717,26.1839 C49.717,28.2779 55.403,27.3019 55.403,31.2999 C55.405,33.0579 54.658,34.2089 51.992,34.4159 M59.436,20.7179 C57.233,18.5159 54.585,17.4139 51.492,17.4139 C48.399,17.4139 45.75,18.5149 43.548,20.7179 C41.346,22.9219 40.243,25.5689 40.243,28.6619 C40.243,31.7549 41.345,34.4039 43.548,36.6059 C45.752,38.8089 48.399,39.9109 51.492,39.9109 C54.585,39.9109 57.233,38.8099 59.436,36.6059 C61.638,34.4029 62.741,31.7549 62.741,28.6619 C62.741,25.5689 61.638,22.9199 59.436,20.7179"
id="Fill-3"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> Investor
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="classification-upsizing" type="radio" value="upsizing" name="classification">
<label for="classification-upsizing" class="icon-upsizing radio-icon-label label" data-icon="upsizing">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>buyer.upsizing</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="buyer.upsizing" fill="#000000">
<path fill="currentColor"
d="M63.4461,34.3988 C62.8101,35.7038 61.9541,36.9168 60.8501,38.0188 C60.1601,38.7108 59.4271,39.2998 58.6571,39.8078 L58.6571,65.3228 L46.6591,65.3228 L46.6591,47.9928 L33.3281,47.9928 L33.3281,65.3228 L22.6631,65.3228 L22.6631,38.6058 L38.4551,26.2678 C38.9131,23.6348 40.1391,21.2978 42.1341,19.3038 C42.4191,19.0178 42.7141,18.7548 43.0101,18.5028 L40.2331,16.3408 L11.3891,38.7808 L15.5781,44.1408 L18.6641,41.7308 L18.6641,67.9898 L62.6571,67.9898 L62.6571,42.3958 L64.8911,44.1418 L69.0791,38.7818 L63.4461,34.3988 Z"
id="Fill-1"></path>
<path fill="currentColor"
d="M56.5301,27.7006 C56.1701,28.0606 55.6941,28.0536 55.3501,27.6776 L51.9921,24.4906 L51.9921,36.1606 C51.9921,36.3796 52.0471,36.5596 51.9061,36.6996 C51.7661,36.8396 51.6491,36.9106 51.4301,36.9106 C51.2121,36.9106 51.0211,36.8396 50.8821,36.6996 C50.7411,36.5596 50.6591,36.3796 50.6591,36.1606 L50.6591,24.4906 L47.4661,27.6786 C47.1221,28.0536 46.7911,28.0606 46.4321,27.7026 C46.0741,27.3446 46.0921,26.9916 46.4661,26.6476 L50.9701,22.1486 C51.0331,22.0546 51.1131,21.9926 51.2081,21.9606 C51.3961,21.8976 51.5841,21.8976 51.7721,21.9606 C51.8651,21.9916 51.9451,22.0546 52.0081,22.1486 L56.5071,26.6476 C56.8821,26.9906 56.8891,27.3426 56.5301,27.7006 M59.4361,20.7186 C57.2331,18.5156 54.5851,17.4136 51.4921,17.4136 C48.3991,17.4136 45.7501,18.5136 43.5481,20.7186 C41.3451,22.9216 40.2431,25.5696 40.2431,28.6626 C40.2431,31.7556 41.3441,34.4036 43.5481,36.6056 C45.7521,38.8086 48.3991,39.9116 51.4921,39.9116 C54.5851,39.9116 57.2331,38.8096 59.4361,36.6056 C61.6381,34.4026 62.7411,31.7556 62.7411,28.6626 C62.7411,25.5696 61.6381,22.9206 59.4361,20.7186"
id="Fill-3"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> Upsizing
</label>
</div>
</div>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">What sort of property are you looking for?</h2>
<div class="radiogroup">
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="proptype-house" type="radio" value="house" name="proptype">
<label for="proptype-house" class="icon-house radio-icon-label label" data-icon="house">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="80px" height="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;"
xml:space="preserve">
<g>
<g>
<defs>
<rect id="SVGID_1_" x="-70" y="-153" width="1024" height="768"></rect>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"></use>
</clipPath>
</g>
</g>
<g>
<path fill="currentColor" d="M67.2,44.6c-0.2,0.2-0.5,0.4-0.8,0.4c0,0-0.1,0-0.1,0c-0.3,0-0.6-0.1-0.8-0.3L40,23.5L14.5,44.8c-0.3,0.2-0.6,0.3-0.9,0.3
c-0.3,0-0.6-0.2-0.8-0.4l-2.3-2.7c-0.4-0.5-0.3-1.3,0.1-1.7l26.5-22.1c1.5-1.3,4.1-1.3,5.6,0l9,7.5v-7.2c0-0.7,0.5-1.2,1.2-1.2H60
c0.7,0,1.2,0.5,1.2,1.2v15l8.1,6.7c0.5,0.4,0.6,1.2,0.1,1.7L67.2,44.6z M61.2,62.1c0,1.3-1.1,2.4-2.4,2.4H44.7V50.4h-9.4v14.1H21.1
c-1.3,0-2.4-1.1-2.4-2.4V44.5c0-0.1,0-0.1,0-0.2L40,26.8l21.2,17.5c0,0.1,0,0.1,0,0.2V62.1z"></path>
</g>
</svg>
<div class="icon-border"></div>
</div> House
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="proptype-townhouse" type="radio" value="townhouse" name="proptype">
<label for="proptype-townhouse" class="icon-townhouse radio-icon-label label" data-icon="townhouse">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="80px" height="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;"
xml:space="preserve">
<path fill="currentColor" d="M72.4,26.8L56.2,41.2L40,26.8L23.8,41.2c0,0,0,0.1,0,0.1s0,0.1,0,0.1c0-0.1,0-0.2,0-0.2L7.6,26.8L0,33.6v30.9h2.9V50.4h9.4
v14.1h9.1c0.6,0,1.2-0.2,1.7-0.7c0.5-0.5,0.7-1,0.7-1.7c0,0.6,0.2,1.2,0.7,1.7c0.5,0.5,1,0.7,1.7,0.7h9.1V50.4h9.4v14.1h9.1
c0.6,0,1.2-0.2,1.7-0.7c0.4-0.4,0.6-0.8,0.7-1.3c0.1,0.5,0.3,0.9,0.7,1.3c0.5,0.5,1,0.7,1.7,0.7h9.1V50.4h9.4v14.1H80V33.6
L72.4,26.8z"></path>
<path fill="currentColor" d="M75.2,18.8c-0.8-0.6-1.7-1-2.8-1c-1.1,0-2,0.3-2.8,1L56.2,29.9L42.8,18.8c-0.8-0.6-1.7-1-2.8-1c-1.1,0-2,0.3-2.8,1
L23.8,29.9L10.4,18.8c-0.8-0.6-1.7-1-2.8-1c-1.1,0-2,0.3-2.8,1l-4.8,4v7.7l7.6-6.4l16.2,13.5L40,24.1l16.2,13.5l16.2-13.5l7.6,6.4
v-7.7L75.2,18.8z"></path>
</svg>
<div class="icon-border"></div>
</div> Townhouse
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="proptype-apartment" type="radio" value="apartment" name="proptype">
<label for="proptype-apartment" class="icon-apartment radio-icon-label label" data-icon="apartment">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="80px" height="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;"
xml:space="preserve">
<path fill="currentColor" d="M80,2.9c-0.2,0-0.4-0.1-0.6-0.1H41.7c-0.6,0-1.2,0.2-1.7,0.7c-0.5,0.5-0.7,1-0.7,1.7v12.2c-0.2-0.1-0.5-0.1-0.7-0.1H0.9
c-0.3,0-0.6,0.1-0.9,0.2v46.9c0.3,0.1,0.6,0.2,0.9,0.2h14.6V50.4H24v14.1h14.6c0.6,0,1.1-0.2,1.5-0.6c0.4,0.4,0.9,0.6,1.5,0.6h14.6
V50.4h8.5v14.1h14.6c0.2,0,0.4,0,0.6-0.1V2.9z M11,59.8H2.5v-9.4H11V59.8z M11,45.4H2.5v-9.4H11V45.4z M11,30.9H2.5v-9.4H11V30.9z
M24,45.4h-8.5v-9.4H24V45.4z M24,30.9h-8.5v-9.4H24V30.9z M37.1,59.8h-8.5v-9.4h8.5V59.8z M37.1,45.4h-8.5v-9.4h8.5V45.4z
M37.1,30.9h-8.5v-9.4h8.5V30.9z M51.8,59.8h-8.5v-9.4h8.5V59.8z M51.8,45.4h-8.5v-9.4h8.5V45.4z M51.8,30.9h-8.5v-9.4h8.5V30.9z
M51.8,16.5h-8.5V7.1h8.5V16.5z M64.8,45.4h-8.5v-9.4h8.5V45.4z M64.8,30.9h-8.5v-9.4h8.5V30.9z M64.8,16.5h-8.5V7.1h8.5V16.5z
M77.8,59.8h-8.5v-9.4h8.5V59.8z M77.8,45.4h-8.5v-9.4h8.5V45.4z M77.8,30.9h-8.5v-9.4h8.5V30.9z M77.8,16.5h-8.5V7.1h8.5V16.5z"></path>
</svg>
<div class="icon-border"></div>
</div> Apartment
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="proptype-rural" type="radio" value="rural" name="proptype">
<label for="proptype-rural" class="icon-rural radio-icon-label label" data-icon="rural">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="80px" height="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;"
xml:space="preserve">
<g>
<g>
<defs>
<rect id="SVGID_1_" x="-70" y="-153" width="1024" height="768"></rect>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"></use>
</clipPath>
</g>
</g>
<g>
<path fill="currentColor" d="M5.5,48.8c-0.3-0.3-0.2-0.9,0.1-1.2l5.6-4.7V32.5c0-0.5,0.4-0.8,0.8-0.8H17c0.5,0,0.8,0.4,0.8,0.8v5l6.3-5.2
c1.1-0.9,2.8-0.9,3.9,0l18.5,15.4c0.3,0.3,0.4,0.8,0.1,1.2l-1.6,1.9c-0.1,0.2-0.3,0.3-0.5,0.3c-0.2,0-0.4-0.1-0.6-0.2L26,36
L8.2,50.8c-0.2,0.1-0.3,0.2-0.5,0.2c0,0-0.1,0-0.1,0c-0.2,0-0.4-0.1-0.5-0.3L5.5,48.8z M11.2,50.5c0-0.1,0-0.1,0-0.2L26,38.2
l14.8,12.2c0,0.1,0,0.1,0,0.2v12.3c0,0.9-0.7,1.6-1.6,1.6h-9.9v-9.9h-6.6v9.9h-9.9c-0.9,0-1.6-0.7-1.6-1.6V50.5z"></path>
</g>
<path fill="currentColor" d="M80,39.9c-1.2-1.4-2.7-2.8-4.5-4.1c-3.3-2.6-6.7-4.4-9-5c-0.3-0.1-0.4-0.3-0.4-0.5s0-0.6-0.1-1c-0.1-0.3-0.1-0.4-0.3-0.6
c-0.1-0.1-0.1-0.3,0-0.4c1.3-2.1,2.4-5.7,3-9.8c1-6.9,0-12.8-2.3-13.2c-2.3-0.3-4.9,5.2-5.9,12.1c-0.6,3.9-0.5,7.4,0,9.8
c0.1,0.3,0,0.4-0.1,0.5c-0.4,0.3-0.8,0.6-1,1.1c-0.1,0.1-0.4,0.3-0.5,0.3c-2.5-0.4-6.3,0-10.4,1.3c-6.8,1.9-11.7,5.3-11.1,7.4
c0.8,2.1,6.7,2.4,13.4,0.4c3.3-1,6.2-2.3,8.2-3.6c0.4-0.3,0.8,0,0.8,0.4l-1,29.5h7.3l-1-26c0-0.5,0.5-0.8,0.8-0.4
c1.3,1.4,2.9,2.9,4.7,4.3c3.5,2.8,7,4.6,9.5,5.1V39.9z"></path>
</svg>
<div class="icon-border"></div>
</div> Rural
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="proptype-land" type="radio" value="land" name="proptype">
<label for="proptype-land" class="icon-land radio-icon-label label" data-icon="land">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg width="80px" height="80px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;"
xml:space="preserve">
<g>
<path fill="currentColor" d="M30.9,26.5c-9.6,0-22.5,9.3-30.9,16.2V80h24c16-20.7,27.6-32.5,36.8-39.1C52.9,34.8,40.5,26.5,30.9,26.5z"></path>
</g>
<g>
<path fill="currentColor" d="M80,35.7c-11.3,1-25.1,8.7-52.8,44.3H80V35.7z"></path>
</g>
</svg>
<div class="icon-border"></div>
</div> Land
</label>
</div>
</div>
</section>
<section class="standard-flow hidden">
<h2 id="price_title" class="heading-two">What is your price range?</h2>
<div class="small-flow">
<div class="select-with-label">
<label class="heading-three">From</label>
<select class="select input" name="minprice">
<option value="">Minimum</option>
<option value="50000">$50,000</option>
<option value="75000">$75,000</option>
<option value="100000">$100,000</option>
<option value="125000">$125,000</option>
<option value="150000">$150,000</option>
<option value="175000">$175,000</option>
<option value="200000">$200,000</option>
<option value="225000">$225,000</option>
<option value="275000">$275,000</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="2250000">$2,250,000</option>
<option value="2500000">$2,500,000</option>
<option value="2750000">$2,750,000</option>
<option value="3000000">$3,000,000</option>
<option value="3500000">$3,500,000</option>
<option value="4000000">$4,000,000</option>
<option value="4500000">$4,500,000</option>
<option value="5000000">$5,000,000</option>
<option value="6000000">$6,000,000</option>
<option value="7000000">$7,000,000</option>
<option value="8000000">$8,000,000</option>
<option value="9000000">$9,000,000</option>
<option value="10000000">$10,000,000</option>
<option value="12000000">$12,000,000</option>
<option value="15000000">$15,000,000</option>
</select>
</div>
<div class="select-with-label">
<label class="heading-three">To</label>
<select class="select input" name="maxprice">
<option value="">Maximum</option>
<option value="50000">$50,000</option>
<option value="75000">$75,000</option>
<option value="100000">$100,000</option>
<option value="125000">$125,000</option>
<option value="150000">$150,000</option>
<option value="175000">$175,000</option>
<option value="200000">$200,000</option>
<option value="225000">$225,000</option>
<option value="275000">$275,000</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="2250000">$2,250,000</option>
<option value="2500000">$2,500,000</option>
<option value="2750000">$2,750,000</option>
<option value="3000000">$3,000,000</option>
<option value="3500000">$3,500,000</option>
<option value="4000000">$4,000,000</option>
<option value="4500000">$4,500,000</option>
<option value="5000000">$5,000,000</option>
<option value="6000000">$6,000,000</option>
<option value="7000000">$7,000,000</option>
<option value="8000000">$8,000,000</option>
<option value="9000000">$9,000,000</option>
<option value="10000000">$10,000,000</option>
<option value="12000000">$12,000,000</option>
<option value="15000000">$15,000,000</option>
</select>
</div>
</div>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">How many bedrooms are you looking for?</h2>
<div class="radiogroup">
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="bedrooms-1" type="radio" value="1" name="bedrooms">
<label for="bedrooms-1" class="icon-1 radio-icon-label label" data-icon="1">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>bedrooms.one</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bedrooms.one" fill="#000000">
<g id="Group" transform="translate(17.500000, 40.000000)">
<polygon fill="currentColor" id="Fill-1"
points="40.704918 6.77445161 40.704918 9.35509677 3.98360656 9.35509677 3.98360656 0.32283871 0.0491803279 0.32283871 0.0491803279 22.2583226 3.98360656 22.2583226 3.98360656 18.3873548 40.704918 18.3873548 40.704918 22.2583226 44.6393443 22.2583226 44.6393443 6.77445161">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="5.29508197 8.06503226 13.1639344 8.06503226 13.1639344 4.19406452 5.29508197 4.19406452"></polygon>
</g>
<path stroke="currentColor" fill="currentColor"
d="M39.5681152,37.0600586 L39.5681152,24.1743164 C37.1703168,26.0151459 35.5560751,26.9355469 34.7253418,26.9355469 C34.3288554,26.9355469 33.9772151,26.7774267 33.6704102,26.4611816 C33.3636052,26.1449366 33.2102051,25.7791362 33.2102051,25.3637695 C33.2102051,24.8823218 33.3612452,24.5283214 33.6633301,24.3017578 C33.9654149,24.0751942 34.4987755,23.7825539 35.2634277,23.4238281 C36.405686,22.8857395 37.319007,22.3193389 38.003418,21.7246094 C38.6878289,21.1298798 39.2943496,20.4643592 39.822998,19.7280273 C40.3516465,18.9916955 40.6962069,18.5385751 40.8566895,18.3686523 C41.017172,18.1987296 41.3192523,18.1137695 41.7629395,18.1137695 C42.2632675,18.1137695 42.6644679,18.3072897 42.9665527,18.6943359 C43.2686376,19.0813821 43.4196777,19.6147427 43.4196777,20.2944336 L43.4196777,36.5078125 C43.4196777,38.4052829 42.7730371,39.3540039 41.4797363,39.3540039 C40.9038871,39.3540039 40.4413266,39.1604837 40.092041,38.7734375 C39.7427554,38.3863913 39.5681152,37.8152707 39.5681152,37.0600586 Z"
id="1"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> 1+
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="bedrooms-2" type="radio" value="2" name="bedrooms">
<label for="bedrooms-2" class="icon-2 radio-icon-label label" data-icon="2">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>bedrooms.two</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bedrooms.two" fill="#000000">
<g id="Group" transform="translate(17.500000, 40.000000)">
<polygon fill="currentColor" id="Fill-1"
points="40.704918 6.77445161 40.704918 9.35509677 3.98360656 9.35509677 3.98360656 0.32283871 0.0491803279 0.32283871 0.0491803279 22.2583226 3.98360656 22.2583226 3.98360656 18.3873548 40.704918 18.3873548 40.704918 22.2583226 44.6393443 22.2583226 44.6393443 6.77445161">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="5.29508197 8.06503226 13.1639344 8.06503226 13.1639344 4.19406452 5.29508197 4.19406452"></polygon>
</g>
<path stroke="currentColor" fill="currentColor"
d="M37.8547363,35.6582031 L45.2463379,35.6582031 C45.9826697,35.6582031 46.5443503,35.8092433 46.9313965,36.1113281 C47.3184427,36.413413 47.5119629,36.8240534 47.5119629,37.3432617 C47.5119629,37.8058291 47.3585627,38.1975895 47.0517578,38.5185547 C46.7449529,38.8395198 46.2800324,39 45.6569824,39 L35.2351074,39 C34.5270961,39 33.9748555,38.8041198 33.5783691,38.4123535 C33.1818828,38.0205872 32.9836426,37.5603868 32.9836426,37.0317383 C32.9836426,36.6918928 33.1110827,36.2411324 33.3659668,35.6794434 C33.6208509,35.1177544 33.8993312,34.6764339 34.201416,34.3554688 C35.4569561,33.0527279 36.5897573,31.9364467 37.5998535,31.0065918 C38.6099497,30.0767369 39.3321105,29.4654963 39.7663574,29.1728516 C40.5404498,28.6253228 41.1847305,28.0754422 41.6992188,27.5231934 C42.213707,26.9709445 42.6054674,26.4045439 42.8745117,25.8239746 C43.143556,25.2434053 43.2780762,24.6746447 43.2780762,24.1176758 C43.2780762,23.5135061 43.134116,22.9730655 42.8461914,22.4963379 C42.5582668,22.0196102 42.1665064,21.6490899 41.6708984,21.3847656 C41.1752905,21.1204414 40.6348499,20.9882812 40.0495605,20.9882812 C38.8129007,20.9882812 37.8405797,21.5310818 37.1325684,22.6166992 C37.0381668,22.7583015 36.8800467,23.1453419 36.6582031,23.777832 C36.4363596,24.4103222 36.1861993,24.8964827 35.9077148,25.2363281 C35.6292304,25.5761736 35.22095,25.7460938 34.6828613,25.7460938 C34.2108538,25.7460938 33.8190934,25.5903336 33.5075684,25.2788086 C33.1960434,24.9672836 33.0402832,24.5424832 33.0402832,24.0043945 C33.0402832,23.3530241 33.1866034,22.6733434 33.479248,21.965332 C33.7718927,21.2573207 34.2084932,20.6154 34.7890625,20.0395508 C35.3696318,19.4637015 36.1059526,18.9987811 36.9980469,18.6447754 C37.8901412,18.2907697 38.9356223,18.1137695 40.1345215,18.1137695 C41.5788646,18.1137695 42.8107859,18.3403298 43.8303223,18.793457 C44.4911329,19.0955419 45.0716935,19.5109023 45.5720215,20.0395508 C46.0723495,20.5681993 46.4617499,21.1794399 46.7402344,21.873291 C47.0187188,22.5671421 47.157959,23.2869429 47.157959,24.0327148 C47.157959,25.2032936 46.8676787,26.2676547 46.2871094,27.2258301 C45.7065401,28.1840054 45.1141795,28.9344862 44.5100098,29.4772949 C43.9058401,30.0201036 42.893399,30.8720645 41.4726562,32.0332031 C40.0519135,33.1943417 39.0772325,34.0958627 38.548584,34.737793 C38.3220204,34.9926771 38.0907401,35.2994774 37.8547363,35.6582031 Z"
id="2"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> 2+
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="bedrooms-3" type="radio" value="3" name="bedrooms">
<label for="bedrooms-3" class="icon-3 radio-icon-label label" data-icon="3">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>bedrooms.three</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bedrooms.three" fill="#000000">
<g id="Group" transform="translate(17.500000, 40.000000)">
<polygon fill="currentColor" id="Fill-1"
points="40.704918 6.77445161 40.704918 9.35509677 3.98360656 9.35509677 3.98360656 0.32283871 0.0491803279 0.32283871 0.0491803279 22.2583226 3.98360656 22.2583226 3.98360656 18.3873548 40.704918 18.3873548 40.704918 22.2583226 44.6393443 22.2583226 44.6393443 6.77445161">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="5.29508197 8.06503226 13.1639344 8.06503226 13.1639344 4.19406452 5.29508197 4.19406452"></polygon>
</g>
<path stroke="currentColor" fill="currentColor"
d="M39.3273926,26.4682617 C40.1958865,26.4682617 40.9440073,26.2133815 41.5717773,25.7036133 C42.1995474,25.1938451 42.5134277,24.4622444 42.5134277,23.5087891 C42.5134277,22.7818974 42.2632675,22.1564968 41.7629395,21.6325684 C41.2626114,21.10864 40.5876507,20.8466797 39.7380371,20.8466797 C39.1621879,20.8466797 38.6878274,20.9269198 38.3149414,21.0874023 C37.9420554,21.2478849 37.6470551,21.4602851 37.4299316,21.7246094 C37.2128082,21.9889336 37.0074879,22.328774 36.8139648,22.7441406 C36.6204417,23.1595073 36.4434416,23.5512677 36.282959,23.9194336 C36.1885575,24.1176768 36.0186373,24.2734369 35.7731934,24.3867188 C35.5277494,24.5000006 35.2445491,24.5566406 34.923584,24.5566406 C34.5459779,24.5566406 34.1990576,24.4032405 33.8828125,24.0964355 C33.5665674,23.7896306 33.4084473,23.3813502 33.4084473,22.871582 C33.4084473,22.3806942 33.5571274,21.8638536 33.8544922,21.3210449 C34.151857,20.7782362 34.5860974,20.2613957 35.1572266,19.7705078 C35.7283557,19.2796199 36.4387165,18.8854995 37.2883301,18.5881348 C38.1379437,18.29077 39.0866647,18.1420898 40.1345215,18.1420898 C41.0502162,18.1420898 41.885657,18.26717 42.6408691,18.517334 C43.3960813,18.767498 44.0521619,19.1285784 44.6091309,19.6005859 C45.1660998,20.0725935 45.5861802,20.6201141 45.8693848,21.2431641 C46.1525893,21.8662141 46.2941895,22.5364547 46.2941895,23.2539062 C46.2941895,24.1979214 46.0888692,25.0074022 45.6782227,25.682373 C45.2675761,26.3573439 44.6799355,27.0157846 43.9152832,27.6577148 C44.651615,28.0542012 45.2722957,28.5073217 45.7773438,29.0170898 C46.2823918,29.526858 46.6623522,30.0908986 46.9172363,30.7092285 C47.1721204,31.3275584 47.2995605,31.9954391 47.2995605,32.7128906 C47.2995605,33.5719444 47.1272804,34.4026653 46.7827148,35.2050781 C46.4381493,36.007491 45.9307488,36.7225717 45.260498,37.3503418 C44.5902473,37.9781119 43.7949265,38.4689924 42.8745117,38.822998 C41.954097,39.1770037 40.9369359,39.3540039 39.822998,39.3540039 C38.6901799,39.3540039 37.6753788,39.1510437 36.7785645,38.7451172 C35.8817501,38.3391907 35.1430693,37.8317902 34.5625,37.2229004 C33.9819307,36.6140106 33.5429702,35.98389 33.2456055,35.3325195 C32.9482407,34.6811491 32.7995605,34.1430685 32.7995605,33.7182617 C32.7995605,33.1707329 32.9765607,32.7294125 33.3305664,32.3942871 C33.6845721,32.0591617 34.1258925,31.8916016 34.654541,31.8916016 C34.9188653,31.8916016 35.1737455,31.9694816 35.4191895,32.1252441 C35.6646334,32.2810066 35.8251136,32.4674468 35.9006348,32.6845703 C36.3915226,33.9967514 36.9178032,34.9714324 37.4794922,35.6086426 C38.0411812,36.2458528 38.831782,36.5644531 39.8513184,36.5644531 C40.4366077,36.5644531 41.0006483,36.420493 41.543457,36.1325684 C42.0862657,35.8446437 42.5346662,35.4174833 42.8886719,34.8510742 C43.2426776,34.2846651 43.4196777,33.6285845 43.4196777,32.8828125 C43.4196777,31.7783148 43.1175974,30.9121939 42.5134277,30.2844238 C41.909258,29.6566538 41.0690972,29.3427734 39.9929199,29.3427734 C39.8041169,29.3427734 39.5114766,29.3616535 39.1149902,29.3994141 C38.7185039,29.4371747 38.4636236,29.4560547 38.3503418,29.4560547 C37.8311335,29.4560547 37.4299331,29.3262546 37.1467285,29.0666504 C36.863524,28.8070462 36.7219238,28.4459659 36.7219238,27.9833984 C36.7219238,27.5302712 36.891844,27.1644708 37.2316895,26.8859863 C37.5715349,26.6075019 38.0765754,26.4682617 38.7468262,26.4682617 L39.3273926,26.4682617 Z"
id="3"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> 3+
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="bedrooms-4" type="radio" value="4" name="bedrooms">
<label for="bedrooms-4" class="icon-4 radio-icon-label label" data-icon="4">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>bedrooms.four</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bedrooms.four" fill="#000000">
<g id="Group" transform="translate(17.500000, 40.000000)">
<polygon fill="currentColor" id="Fill-1"
points="40.704918 6.77445161 40.704918 9.35509677 3.98360656 9.35509677 3.98360656 0.32283871 0.0491803279 0.32283871 0.0491803279 22.2583226 3.98360656 22.2583226 3.98360656 18.3873548 40.704918 18.3873548 40.704918 22.2583226 44.6393443 22.2583226 44.6393443 6.77445161">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="5.29508197 8.06503226 13.1639344 8.06503226 13.1639344 4.19406452 5.29508197 4.19406452"></polygon>
</g>
<path stroke="currentColor" fill="currentColor"
d="M41.536377,37.2016602 L41.536377,34.5678711 L34.4279785,34.5678711 C33.5311641,34.5678711 32.8585634,34.3649109 32.4101562,33.9589844 C31.9617491,33.5530579 31.7375488,33.0008173 31.7375488,32.3022461 C31.7375488,32.1228832 31.7705889,31.941163 31.8366699,31.7570801 C31.902751,31.5729971 32.0018711,31.3794769 32.1340332,31.1765137 C32.2661953,30.9735504 32.4030755,30.7776702 32.5446777,30.5888672 C32.68628,30.4000642 32.8609202,30.1687839 33.0686035,29.8950195 L40.5734863,19.8554688 C41.0643742,19.1946582 41.4679346,18.7155777 41.7841797,18.4182129 C42.1004248,18.1208481 42.4803852,17.972168 42.9240723,17.972168 C44.3589753,17.972168 45.076416,18.7934488 45.076416,20.4360352 L45.076416,31.3959961 L45.6853027,31.3959961 C46.4121944,31.3959961 46.995115,31.4951162 47.434082,31.6933594 C47.8730491,31.8916026 48.0925293,32.325843 48.0925293,32.9960938 C48.0925293,33.5436225 47.9131691,33.9424629 47.5544434,34.192627 C47.1957176,34.442791 46.6576371,34.5678711 45.9401855,34.5678711 L45.076416,34.5678711 L45.076416,37.2016602 C45.076416,37.9285518 44.9159358,38.4689924 44.5949707,38.822998 C44.2740056,39.1770037 43.8444851,39.3540039 43.3063965,39.3540039 C42.777748,39.3540039 42.3505876,39.1722837 42.0249023,38.8088379 C41.6992171,38.4453921 41.536377,37.9096715 41.536377,37.2016602 Z M35.4475098,31.3959961 L41.536377,31.3959961 L41.536377,23.1689453 L35.4475098,31.3959961 Z"
id="4"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> 4+
</label>
</div>
<div class="radio-icon">
<input class="radio-icon-input hidden next" id="bedrooms-5" type="radio" value="5" name="bedrooms">
<label for="bedrooms-5" class="icon-5 radio-icon-label label" data-icon="5">
<div class="svg-wrapper">
<!--?xml version="1.0" encoding="UTF-8"?-->
<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 48.1 (47250) - http://www.bohemiancoding.com/sketch -->
<title>bedrooms.five</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="bedrooms.five" fill="#000000">
<g id="Group" transform="translate(17.500000, 40.000000)">
<polygon fill="currentColor" id="Fill-1"
points="40.704918 6.77445161 40.704918 9.35509677 3.98360656 9.35509677 3.98360656 0.32283871 0.0491803279 0.32283871 0.0491803279 22.2583226 3.98360656 22.2583226 3.98360656 18.3873548 40.704918 18.3873548 40.704918 22.2583226 44.6393443 22.2583226 44.6393443 6.77445161">
</polygon>
<polygon fill="currentColor" id="Fill-2" points="5.29508197 8.06503226 13.1639344 8.06503226 13.1639344 4.19406452 5.29508197 4.19406452"></polygon>
</g>
<path stroke="currentColor" fill="currentColor"
d="M44.807373,21.7387695 L38.0812988,21.7387695 L37.2741699,26.3266602 C38.6146714,25.6092087 39.8513127,25.2504883 40.9841309,25.2504883 C41.8903854,25.2504883 42.7376263,25.4204085 43.5258789,25.7602539 C44.3141315,26.1000994 45.0056123,26.5697398 45.6003418,27.1691895 C46.1950713,27.7686391 46.6623518,28.4789998 47.0021973,29.300293 C47.3420427,30.1215861 47.5119629,31.0042271 47.5119629,31.9482422 C47.5119629,33.3170641 47.2051626,34.5631454 46.5915527,35.6865234 C45.9779429,36.8099015 45.092942,37.7019824 43.9365234,38.362793 C42.7801049,39.0236036 41.4467035,39.3540039 39.9362793,39.3540039 C38.2464922,39.3540039 36.8753308,39.0424836 35.8227539,38.4194336 C34.770177,37.7963836 34.0244163,37.0813029 33.5854492,36.2741699 C33.1464822,35.467037 32.927002,34.7613963 32.927002,34.1572266 C32.927002,33.7890607 33.0804021,33.4397803 33.387207,33.109375 C33.694012,32.7789697 34.0786923,32.6137695 34.5412598,32.6137695 C35.3342325,32.6137695 35.9242331,33.07161 36.3112793,33.9873047 C36.6888854,34.8274782 37.1986459,35.4811988 37.8405762,35.9484863 C38.4825065,36.4157738 39.1999472,36.6494141 39.9929199,36.6494141 C40.7198116,36.6494141 41.3570122,36.4606139 41.904541,36.0830078 C42.4520698,35.7054018 42.8745102,35.1862012 43.171875,34.5253906 C43.4692398,33.86458 43.6179199,33.1140993 43.6179199,32.2739258 C43.6179199,31.3676713 43.4574398,30.5935904 43.1364746,29.9516602 C42.8155095,29.3097299 42.385989,28.8306494 41.8479004,28.5144043 C41.3098118,28.1981592 40.7103711,28.0400391 40.0495605,28.0400391 C39.2377075,28.0400391 38.6571469,28.1391592 38.3078613,28.3374023 C37.9585757,28.5356455 37.4558952,28.8825659 36.7998047,29.3781738 C36.1437142,29.8737818 35.6032736,30.121582 35.1784668,30.121582 C34.7158994,30.121582 34.305259,29.9540219 33.9465332,29.6188965 C33.5878075,29.2837711 33.4084473,28.9038107 33.4084473,28.4790039 C33.4084473,28.4318031 33.4603673,28.1108428 33.564209,27.5161133 L34.7536621,20.7333984 C34.8858242,19.9215454 35.1312645,19.3315448 35.4899902,18.9633789 C35.848716,18.595213 36.4339966,18.4111328 37.2458496,18.4111328 L44.7224121,18.4111328 C46.1950757,18.4111328 46.9313965,18.9728134 46.9313965,20.0961914 C46.9313965,20.5870793 46.7520363,20.9835597 46.3933105,21.2856445 C46.0345848,21.5877294 45.5059442,21.7387695 44.807373,21.7387695 Z"
id="5"></path>
</g>
</g>
</svg>
<div class="icon-border"></div>
</div> 5+
</label>
</div>
</div>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">Where are you looking to buy?</h2>
<div class="tiny-flow">
<div id="location-preferences" class="small-flow"> Enter the locations you are interested in below <div id="location-preference" class="">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_0" type="hidden" data-geo-0="name" value="">
<input name="locality_0" type="hidden" data-geo-0="locality" value="">
<input name="sublocality_0" type="hidden" data-geo-0="sublocality" value="">
<input name="state_0" type="hidden" data-geo-0="administrative_area_level_1_short" value="">
<input name="country_0" type="hidden" data-geo-0="country_short" value="">
<input name="postcode_0" type="hidden" data-geo-0="postal_code" value="">
<input id="edited_0" name="edited_0" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_0" name="location_preference_0" value="" type="text" placeholder="" class="input autocomplete-0 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-0",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-0').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_0').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_0').val('true')
}
setTimeout(function() {
$('input[name=address_0]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_1" type="hidden" data-geo-1="name" value="">
<input name="locality_1" type="hidden" data-geo-1="locality" value="">
<input name="sublocality_1" type="hidden" data-geo-1="sublocality" value="">
<input name="state_1" type="hidden" data-geo-1="administrative_area_level_1_short" value="">
<input name="country_1" type="hidden" data-geo-1="country_short" value="">
<input name="postcode_1" type="hidden" data-geo-1="postal_code" value="">
<input id="edited_1" name="edited_1" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_1" name="location_preference_1" value="" type="text" placeholder="" class="input autocomplete-1 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-1",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-1').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_1').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_1').val('true')
}
setTimeout(function() {
$('input[name=address_1]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_2" type="hidden" data-geo-2="name" value="">
<input name="locality_2" type="hidden" data-geo-2="locality" value="">
<input name="sublocality_2" type="hidden" data-geo-2="sublocality" value="">
<input name="state_2" type="hidden" data-geo-2="administrative_area_level_1_short" value="">
<input name="country_2" type="hidden" data-geo-2="country_short" value="">
<input name="postcode_2" type="hidden" data-geo-2="postal_code" value="">
<input id="edited_2" name="edited_2" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_2" name="location_preference_2" value="" type="text" placeholder="" class="input autocomplete-2 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-2",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-2').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_2').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_2').val('true')
}
setTimeout(function() {
$('input[name=address_2]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_3" type="hidden" data-geo-3="name" value="">
<input name="locality_3" type="hidden" data-geo-3="locality" value="">
<input name="sublocality_3" type="hidden" data-geo-3="sublocality" value="">
<input name="state_3" type="hidden" data-geo-3="administrative_area_level_1_short" value="">
<input name="country_3" type="hidden" data-geo-3="country_short" value="">
<input name="postcode_3" type="hidden" data-geo-3="postal_code" value="">
<input id="edited_3" name="edited_3" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_3" name="location_preference_3" value="" type="text" placeholder="" class="input autocomplete-3 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-3",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-3').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_3').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_3').val('true')
}
setTimeout(function() {
$('input[name=address_3]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_4" type="hidden" data-geo-4="name" value="">
<input name="locality_4" type="hidden" data-geo-4="locality" value="">
<input name="sublocality_4" type="hidden" data-geo-4="sublocality" value="">
<input name="state_4" type="hidden" data-geo-4="administrative_area_level_1_short" value="">
<input name="country_4" type="hidden" data-geo-4="country_short" value="">
<input name="postcode_4" type="hidden" data-geo-4="postal_code" value="">
<input id="edited_4" name="edited_4" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_4" name="location_preference_4" value="" type="text" placeholder="" class="input autocomplete-4 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-4",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-4').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_4').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_4').val('true')
}
setTimeout(function() {
$('input[name=address_4]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_5" type="hidden" data-geo-5="name" value="">
<input name="locality_5" type="hidden" data-geo-5="locality" value="">
<input name="sublocality_5" type="hidden" data-geo-5="sublocality" value="">
<input name="state_5" type="hidden" data-geo-5="administrative_area_level_1_short" value="">
<input name="country_5" type="hidden" data-geo-5="country_short" value="">
<input name="postcode_5" type="hidden" data-geo-5="postal_code" value="">
<input id="edited_5" name="edited_5" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_5" name="location_preference_5" value="" type="text" placeholder="" class="input autocomplete-5 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-5",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-5').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_5').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_5').val('true')
}
setTimeout(function() {
$('input[name=address_5]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_6" type="hidden" data-geo-6="name" value="">
<input name="locality_6" type="hidden" data-geo-6="locality" value="">
<input name="sublocality_6" type="hidden" data-geo-6="sublocality" value="">
<input name="state_6" type="hidden" data-geo-6="administrative_area_level_1_short" value="">
<input name="country_6" type="hidden" data-geo-6="country_short" value="">
<input name="postcode_6" type="hidden" data-geo-6="postal_code" value="">
<input id="edited_6" name="edited_6" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_6" name="location_preference_6" value="" type="text" placeholder="" class="input autocomplete-6 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-6",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-6').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_6').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_6').val('true')
}
setTimeout(function() {
$('input[name=address_6]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_7" type="hidden" data-geo-7="name" value="">
<input name="locality_7" type="hidden" data-geo-7="locality" value="">
<input name="sublocality_7" type="hidden" data-geo-7="sublocality" value="">
<input name="state_7" type="hidden" data-geo-7="administrative_area_level_1_short" value="">
<input name="country_7" type="hidden" data-geo-7="country_short" value="">
<input name="postcode_7" type="hidden" data-geo-7="postal_code" value="">
<input id="edited_7" name="edited_7" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_7" name="location_preference_7" value="" type="text" placeholder="" class="input autocomplete-7 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-7",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-7').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_7').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_7').val('true')
}
setTimeout(function() {
$('input[name=address_7]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_8" type="hidden" data-geo-8="name" value="">
<input name="locality_8" type="hidden" data-geo-8="locality" value="">
<input name="sublocality_8" type="hidden" data-geo-8="sublocality" value="">
<input name="state_8" type="hidden" data-geo-8="administrative_area_level_1_short" value="">
<input name="country_8" type="hidden" data-geo-8="country_short" value="">
<input name="postcode_8" type="hidden" data-geo-8="postal_code" value="">
<input id="edited_8" name="edited_8" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_8" name="location_preference_8" value="" type="text" placeholder="" class="input autocomplete-8 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-8",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-8').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_8').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_8').val('true')
}
setTimeout(function() {
$('input[name=address_8]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div id="location-preference" class="hidden">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_9" type="hidden" data-geo-9="name" value="">
<input name="locality_9" type="hidden" data-geo-9="locality" value="">
<input name="sublocality_9" type="hidden" data-geo-9="sublocality" value="">
<input name="state_9" type="hidden" data-geo-9="administrative_area_level_1_short" value="">
<input name="country_9" type="hidden" data-geo-9="country_short" value="">
<input name="postcode_9" type="hidden" data-geo-9="postal_code" value="">
<input id="edited_9" name="edited_9" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="location_preference_9" name="location_preference_9" value="" type="text" placeholder="" class="input autocomplete-9 pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-9",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
options.types = ['(regions)']
$('.autocomplete-9').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#location_preference_9').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_9').val('true')
}
setTimeout(function() {
$('input[name=address_9]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
</div>
<div>
<span class="link" id="add-location">+ add another</span>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
function updateAddLocation(remaininginputs) {
if (remaininginputs === 0) {
$("#add-location").hide()
}
}
$('#add-location').click(function() {
var preferences = $('#location-preferences .hidden')
preferences.first().slideDown('fast').removeClass('hidden')
updateAddLocation(preferences.length - 1)
})
updateAddLocation($('#location-preferences .hidden').length)
});
</script>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">Would you like to better understand property sales in your local area?</h2>
<p> Each month, we can send you details of sales in your local area to help you stay informed on what's happening in the property market. </p>
<div class="center-children large-horizontal-flow">
<input class="hidden" type="hidden" name="hygiene_address" value="Yes">
<button value="No" type="button" class="button inline toggle-button sized-button opacity-50" onclick="hideSection('hygiene_address')"> No </button>
<button value="Yes" type="button" class="button inline toggle-button sized-button button-active " onclick="showSection('hygiene_address')"> Yes </button>
</div>
<script type="text/javascript">
var buttonToggle
$(document).ready(function() {
// ensure we only setup these listeners once
if (buttonToggle === true) return
buttonToggle = true
function togglePrependClass(element) {
if (element.hasClass('button-active')) return
element.siblings('.toggle-button').removeClass('button-active').addClass('opacity-50')
var currentClasses = element.removeClass('opacity-50').prop("class");
element.removeClass(currentClasses).addClass('button-active' + " " + currentClasses);
}
$('.toggle-button').on('click', function(event) {
// set all siblings to inactive, if new state is active
$(this).siblings('.toggle-button').removeClass('button-active')
// toggle active state
togglePrependClass($(this))
// set associated input
$(this).siblings('input').val($(this).val())
})
})
</script>
<div id="hygiene_address" class="bottom-flow-xlarge large-flow">
<p> Please provide your address below so that we can ensure you receive only the most relevant sales results. </p>
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_local" type="hidden" data-geo-local="name" value="100 Splatt Street">
<input name="locality_local" type="hidden" data-geo-local="locality" value="SWAN HILL">
<input name="sublocality_local" type="hidden" data-geo-local="sublocality" value="">
<input name="state_local" type="hidden" data-geo-local="administrative_area_level_1_short" value="VIC">
<input name="country_local" type="hidden" data-geo-local="country_short" value="AU">
<input name="postcode_local" type="hidden" data-geo-local="postal_code" value="3585">
<input id="edited_local" name="edited_local" type="hidden" value="">
<div>
<div class="input-wrapper">
<input id="address_local" name="address_local" value="100 Splatt Street, SWAN HILL, VIC, AU" type="text" placeholder="" class="input autocomplete-local pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-local",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
$('.autocomplete-local').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#address_local').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_local').val('true')
}
setTimeout(function() {
$('input[name=address_local]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">Would you like to speak to a mortgage broker to work out your borrowing power?</h2>
<p>They work with over 60 lenders to find the right home loan for you so you're ready to buy.</p>
<div class="center-children large-horizontal-flow">
<input class="hidden" type="hidden" name="loan_lead" value="">
<button value="No" type="button" class="button inline toggle-button sized-button " onclick="hideSection('loan_lead')"> No </button>
<button value="Yes" type="button" class="button inline toggle-button sized-button " onclick="showSection('loan_lead')"> Yes </button>
</div>
<script type="text/javascript">
var buttonToggle
$(document).ready(function() {
// ensure we only setup these listeners once
if (buttonToggle === true) return
buttonToggle = true
function togglePrependClass(element) {
if (element.hasClass('button-active')) return
element.siblings('.toggle-button').removeClass('button-active').addClass('opacity-50')
var currentClasses = element.removeClass('opacity-50').prop("class");
element.removeClass(currentClasses).addClass('button-active' + " " + currentClasses);
}
$('.toggle-button').on('click', function(event) {
// set all siblings to inactive, if new state is active
$(this).siblings('.toggle-button').removeClass('button-active')
// toggle active state
togglePrependClass($(this))
// set associated input
$(this).siblings('input').val($(this).val())
})
})
</script>
</section>
<section class="standard-flow hidden">
<h2 class="heading-two">Would you like to know the current market value of your property?</h2>
<p>If you'd like to receive an estimate on the value of your home, we can provide a simple, no-obligation property appraisal.</p>
<div class="center-children large-horizontal-flow">
<input class="hidden" type="hidden" name="appraisal_lead" value="">
<button value="No" type="button" class="button inline toggle-button sized-button " onclick="hideSection('appraisal_lead')"> No </button>
<button value="Yes" type="button" class="button inline toggle-button sized-button " onclick="showSection('appraisal_lead')"> Yes </button>
</div>
<script type="text/javascript">
var buttonToggle
$(document).ready(function() {
// ensure we only setup these listeners once
if (buttonToggle === true) return
buttonToggle = true
function togglePrependClass(element) {
if (element.hasClass('button-active')) return
element.siblings('.toggle-button').removeClass('button-active').addClass('opacity-50')
var currentClasses = element.removeClass('opacity-50').prop("class");
element.removeClass(currentClasses).addClass('button-active' + " " + currentClasses);
}
$('.toggle-button').on('click', function(event) {
// set all siblings to inactive, if new state is active
$(this).siblings('.toggle-button').removeClass('button-active')
// toggle active state
togglePrependClass($(this))
// set associated input
$(this).siblings('input').val($(this).val())
})
})
</script>
<div id="appraisal_lead" class="hidden large-flow bottom-flow-xlarge">
<p>Please check your contact details below and I’ll be in touch to arrange a convenient time.</p>
<div id="address-wrapper" class="left-align-children">
<!--
The data-geo="name" attribute on the element below ensures the field is updated
by the Google Location Autocomplete service when an address is picked.
-->
<div class="autocomplete-outer">
<div class="autocomplete-form">
<input name="streetaddress_appraisal" type="hidden" data-geo-appraisal="name" value="100 Splatt Street">
<input name="locality_appraisal" type="hidden" data-geo-appraisal="locality" value="SWAN HILL">
<input name="sublocality_appraisal" type="hidden" data-geo-appraisal="sublocality" value="">
<input name="state_appraisal" type="hidden" data-geo-appraisal="administrative_area_level_1_short" value="VIC">
<input name="country_appraisal" type="hidden" data-geo-appraisal="country_short" value="AU">
<input name="postcode_appraisal" type="hidden" data-geo-appraisal="postal_code" value="3585">
<input id="edited_appraisal" name="edited_appraisal" type="hidden" value="">
<div>
<label class="input-label" for="address_appraisal">Please enter your address below</label>
<div class="input-wrapper">
<input id="address_appraisal" name="address_appraisal" value="100 Splatt Street, SWAN HILL, VIC, AU" type="text" placeholder="" class="input autocomplete-appraisal pac-target-input" autocomplete="off">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var options = {
detailsAttribute: "data-geo-appraisal",
details: ".autocomplete-form",
detailsScope: ".autocomplete-outer",
country: "AU",
}
$('.autocomplete-appraisal').geocomplete(options).bind("geocode:result", function(event, result) {
// leaving this here to make debugging easier in the future
// console.log(result);
});
$('#address_appraisal').change(function(event) {
if (event.delegateTarget.value !== '') {
$('#edited_appraisal').val('true')
}
setTimeout(function() {
$('input[name=address_appraisal]').trigger('autocomplete')
}, 1000);
})
});
</script>
</div>
</div>
</div>
<div class="left-align-children">
<div>
<label class="input-label" for="phone">Please enter your phone number below</label>
<div class="input-wrapper">
<input id="phone" name="phone" value="+61400537641" type="text" placeholder="" class="input " autocomplete="true">
</div>
</div>
</div>
<div class="left-align-children">
<div>
<label class="label input-label" for="reason">Why would you like an appraisal?</label>
<div class="input-wrapper">
<select id="reason" class="input select" type="text" name="reason">
<option value="" selected="">Choose</option>
<option value="sell_in_lt_6">I'm looking to sell within 6 months</option>
<option value="sell_in_gt_6">I'm looking to sell in 6 or more months</option>
<option value="quote">I just want to know what my property is worth</option>
<option value="other">Other</option>
</select>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript">
$(document).ready(function() {
$('#address_0').change(function(event) {
if (event.delegateTarget.value === '') {
$('#address_1').closest('#address-wrapper').removeClass('hidden')
} else {
$('#address_1').closest('#address-wrapper').addClass('hidden')
}
})
$("input[name='appraisal_lead']").siblings('.toggle-button').click(function(event) {
if ($(this).val() === 'Yes') {
$('#reason').prop('required', true)
} else {
$('#reason').removeAttr('required')
}
})
})
</script>
</div>
<div id="navigation" class="standard-flow left-align-children">
<div class="pages separate-children">
<a class="link back hidden" href="#" data-turbolinks="false">
Back
</a>
<a class="link next right" href="#" data-turbolinks="false">
Next
</a>
</div>
<button class="button center-self invisible" type="submit">Save My Details</button>
</div>
</main>
<script type="text/javascript">
$(document).ready(function() {
var pages = $('#stepped-form-wrapper > section')
let pageIndex = 0
function handleTransition(currentPage, lastPage) {
$('.indicator-bar').width(((currentPage + 1) / pages.length) * 100 + '%');
$(pages[lastPage]).slideUp('fast');
$(pages[currentPage]).slideDown('fast');
// using visibility as opposed to display, as some styles use things
// like `display: inline-block`, which will overwrite `display: none`
$('#navigation button').addClass('invisible');
$('#introduction').slideUp('fast', function() {
$(this).addClass('hidden')
});
$('#navigation .pages a').removeClass('hidden');
updatePercentageComplete(pageIndex + 1, pages.length)
// if at end
if (pageIndex === pages.length - 1) {
$('#navigation button').removeClass('invisible');
$('#navigation .pages a').last().addClass('hidden');
// if at start
} else if (currentPage === 0) {
$('#introduction').slideDown('fast', function() {
$(this).removeClass('hidden')
});
$('#navigation .pages a').first().addClass('hidden');
}
}
function linkAutoCompleteInputs(sel1, sel2) {
if (!($(sel1).length && $(sel2).length)) {
return
}
$(sel1).on('autocomplete', function() {
$(sel2).val(this.value);
});
$(sel2).on('autocomplete', function() {
$(sel1).val(this.value);
});
}
// synchronise the two address inputs
linkAutoCompleteInputs('input[name=address_local]', 'input[name=address_appraisal]')
function updatePercentageComplete(currentPage, pageCount) {
var percentageComplete = Math.round((currentPage) / pageCount * 100)
$('#percentage-indicator').toggle(currentPage !== pageCount).text(resolvePlaceholder("You are %{percentage} % completed", percentageComplete))
}
function resolvePlaceholder(str, percentageComplete) {
return str.replace('%{percentage_complete}', percentageComplete)
}
$('a.next, a.back, .radio-icon-input').click(function() {
if ($(this).hasClass('next')) {
// only transition pages if we are not on the last one.
if (pageIndex + 1 >= pages.length) return
pageIndex++
handleTransition(pageIndex, pageIndex - 1)
} else {
pageIndex--
handleTransition(pageIndex, pageIndex + 1)
}
$('form').ajaxSubmit({
url: '/hygiene/update',
data: {
step: "true"
}
})
});
//initialise the price page title
if ($('input#listingtype-lease').prop('checked')) {
$('#price_title').text('What is your annual price range?')
}
// update the price page title when user updates on Buy/Lease page
$('input#listingtype-lease').change(function() {
if (this.checked) {
$('#price_title').text('What is your annual price range?')
}
});
$('input#listingtype-sale').change(function() {
if (this.checked) {
$('#price_title').text('What is your price range?')
}
});
// initialize
pages.slice(1).addClass('hidden')
$('#stepped-form-wrapper').removeClass('invisible')
if (pageIndex === pages.length - 1) {
$('#navigation button').removeClass('invisible');
$('#navigation .pages a').last().addClass('hidden');
}
updatePercentageComplete(pageIndex + 1, pages.length)
});
</script>
<!-- end render yeid -->
</form>Text Content
So that we can provide you with the most relevant information, please take a moment to answer a few simple questions to help us better understand your real estate needs. HOW WOULD YOU CLASSIFY YOURSELF? buyer.browsing Created with Sketch. Just Browsing buyer.downsizing Created with Sketch. Downsizing buyer.first Created with Sketch. First Home Buyer buyer.investor Created with Sketch. Investor buyer.upsizing Created with Sketch. Upsizing WHAT SORT OF PROPERTY ARE YOU LOOKING FOR? House Townhouse Apartment Rural Land WHAT IS YOUR PRICE RANGE? From Minimum $50,000 $75,000 $100,000 $125,000 $150,000 $175,000 $200,000 $225,000 $275,000 $300,000 $325,000 $350,000 $375,000 $400,000 $425,000 $450,000 $475,000 $500,000 $550,000 $600,000 $650,000 $700,000 $750,000 $800,000 $850,000 $900,000 $950,000 $1,000,000 $1,100,000 $1,200,000 $1,300,000 $1,400,000 $1,500,000 $1,600,000 $1,700,000 $1,800,000 $1,900,000 $2,000,000 $2,250,000 $2,500,000 $2,750,000 $3,000,000 $3,500,000 $4,000,000 $4,500,000 $5,000,000 $6,000,000 $7,000,000 $8,000,000 $9,000,000 $10,000,000 $12,000,000 $15,000,000 To Maximum $50,000 $75,000 $100,000 $125,000 $150,000 $175,000 $200,000 $225,000 $275,000 $300,000 $325,000 $350,000 $375,000 $400,000 $425,000 $450,000 $475,000 $500,000 $550,000 $600,000 $650,000 $700,000 $750,000 $800,000 $850,000 $900,000 $950,000 $1,000,000 $1,100,000 $1,200,000 $1,300,000 $1,400,000 $1,500,000 $1,600,000 $1,700,000 $1,800,000 $1,900,000 $2,000,000 $2,250,000 $2,500,000 $2,750,000 $3,000,000 $3,500,000 $4,000,000 $4,500,000 $5,000,000 $6,000,000 $7,000,000 $8,000,000 $9,000,000 $10,000,000 $12,000,000 $15,000,000 HOW MANY BEDROOMS ARE YOU LOOKING FOR? bedrooms.one Created with Sketch. 1+ bedrooms.two Created with Sketch. 2+ bedrooms.three Created with Sketch. 3+ bedrooms.four Created with Sketch. 4+ bedrooms.five Created with Sketch. 5+ WHERE ARE YOU LOOKING TO BUY? Enter the locations you are interested in below + add another WOULD YOU LIKE TO BETTER UNDERSTAND PROPERTY SALES IN YOUR LOCAL AREA? Each month, we can send you details of sales in your local area to help you stay informed on what's happening in the property market. No Yes Please provide your address below so that we can ensure you receive only the most relevant sales results. WOULD YOU LIKE TO SPEAK TO A MORTGAGE BROKER TO WORK OUT YOUR BORROWING POWER? They work with over 60 lenders to find the right home loan for you so you're ready to buy. No Yes WOULD YOU LIKE TO KNOW THE CURRENT MARKET VALUE OF YOUR PROPERTY? If you'd like to receive an estimate on the value of your home, we can provide a simple, no-obligation property appraisal. No Yes Please check your contact details below and I’ll be in touch to arrange a convenient time. Please enter your address below Please enter your phone number below Why would you like an appraisal? Choose I'm looking to sell within 6 months I'm looking to sell in 6 or more months I just want to know what my property is worth Other Back Next Save My Details