PageSourceSearch

https://chicagoapartmentfinders.com/united-center/apartment-for-rent/n-paulina/125868

html chicagoapartmentfinders.com collected 2026-09-26 05:44:52 UTC 133,312 bytes, 4,182 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en-US">
6
7 
8
9  <head>
10  
11    <!-- Google Tag Manager -->
12    
12<script>
13      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l=' l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);  })(window,document,'script','dataLayer','GTM-PWKDF8');
14    </script>
14
15    <!-- End Google Tag Manager -->
16    
17  <meta charset="UTF-8"/>
18    <meta name="viewport" content="width=device-width, initial-scale=1.0">
19    <meta name="author" content="RealtyMX">
20    <meta name="google-site-verification" content="fHxop0ErOJzNu5UmoNYQgag42qkZ7pC-F7pqZE1oJ6c" />
21    <base href="https://chicagoapartmentfinders.com/" /> 
22    <link rel="shortcut icon" href="favicon.png">
23    <link href="style/css/bootstrap.css" rel="stylesheet">
24    <link href="style/css/settings.css" rel="stylesheet">
25    <link href="style/css/owl.carousel.css" rel="stylesheet">
26    <link href="style/js/google-code-prettify/prettify.css" rel="stylesheet">
27    <link href="style/js/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" media="all" />
28    <link href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" rel="stylesheet" type="text/css" />
29    <link href="style.css" rel="stylesheet">
30
31
32    <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
33    <link href="style/css/color/blue.css" rel="stylesheet">
34
35    <link href='//fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
36    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet">
37    
38    <link rel="stylesheet" type="text/css" href="style/lightbox/css/lightbox.css">
39    <link rel="stylesheet" type="text/css" href="assets/libraries/chosen/chosen.css">
40    <link rel="stylesheet" type="text/css" href="style/css/multiple-select.css">
41    <link href="style/type/fontello.css" rel="stylesheet">
42    <link href="style/type/picons.css" rel="stylesheet">
43      <link href="style/type/national.css" rel="stylesheet">
44
45    <link href="style/realtymx.css" rel="stylesheet">
46    <link href="views/property-filter.css" rel="stylesheet">
47    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
48    <!--[if lt IE 9]>
49      
49<script src="style/js/html5shiv.js"></script>
49
50      
50<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
50
51      <![endif]-->
52    
53    <link href="style/css/slowave.css?v=1" rel="stylesheet">
54    <link rel="stylesheet" type="text/css" href="style/css/color/customGray.css">
55      <link href="views/search3/filter.css" rel="stylesheet"> 
56    <link href="style/css/custom.css?v=UwE21Gvc5wqM1NOjEuNpOw==" rel="stylesheet"> <!-- /.body-wrapper --> 
57<!-- Bootstrap core JavaScript
58================================================== --> 
59<!-- Placed at the end of the document so the pages load faster --> 
60
61
62
63
64
65  
66  
66<script src="https://assets.realty.mx/sct/js/jquery.min.js" ></script>
66
67  
68  
69    
69<script src="https://assets.realty.mx/sct/js/jquery-ui.min.js" ></script>
69
70  
71  
72
73  
73<script src="https://assets.realty.mx/sct/js/vendor/bootstrap.min.js" defer></script>
73 
74  
74<script src="https://assets.realty.mx/sct/js/vendor/twitter-bootstrap-hover-dropdown.min.js" defer></script>
74 
75
76  
77    
77<script src="https://assets.realty.mx/sct/js/vendor/jquery.themepunch.plugins.min.js" defer></script>
77 
78    
78<script src="https://assets.realty.mx/sct/js/vendor/jquery.themepunch.revolution.min.js" defer></script>
78
79  
80  
81  
81<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.pack.js" defer></script>
81 
82  
82<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.thumbs.js?v=1.0.2" defer></script>
82 
83  
83<script src="https://assets.realty.mx/sct/js/vendor/jquery.fancybox.media.js?v=1.0.0" defer></script>
83 
84  
84<script src="https://assets.realty.mx/sct/js/vendor/jquery.isotope.min.js" defer></script>
84 
85  
85<script src="https://assets.realty.mx/sct/js/vendor/jquery.easytabs.min.js" defer></script>
85 
86
87  
87<script src="https://assets.realty.mx/sct/details/jquery.magnific-popup.min.js" defer></script>
87 
88
89  <link rel="stylesheet" href="https://assets.realty.mx/sct/details/magnific-popup.css" media="print" onload="this.media='all'">
90<noscript><link rel="stylesheet" href="https://assets.realty.mx/sct/details/magnific-popup.css"></noscript>
91  
92
93  
94    <link href="https://assets.realty.mx/sct/owlcarousel-2.2.1/assets/owl.theme.default.min.css" rel="stylesheet">
95    
95<script src="https://assets.realty.mx/sct/owlcarousel-2.2.1/owl.carousel.min.js?uuid=9A72847E-F516-D3C9-5CE44B83942E4FA9" defer></script>
95
96    <link href="https://assets.realty.mx/sct/owlcarousel-2.2.1/assets/owl.carousel.min.css" rel="stylesheet">
vendor: 139 bytes, lines 96-99
96
97  
98    <script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallbackHandler&render=explicit" async defer></script>
99    
99<script>
100      var recaptchaCallbackHandler = function() {
101        // Wait until jQuery is available because recaptcha loads async and jQuery is deferred.
102        var renderWithJquery = function() {
103          if (!window.jQuery) {
104            return setTimeout(renderWithJquery, 30);
105          }
106          $(".g-recaptcha").each(function(i,el){
107              grecaptcha.render(el, {
108                'sitekey' : '6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm'
109            });
110          });
111        };
112        renderWithJquery();
113      };
114    </script>
114
115  
116  
117    
118
119  
119<script src="https://assets.realty.mx/sct/js/vendor/jquery.fitvids.js" defer></script>
119 
120  
120<script src="https://assets.realty.mx/sct/js/vendor/jquery.sticky.js" defer></script>
120
121  
122    
122<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js" defer></script>
122
123  
124  
124<script src="https://assets.realty.mx/sct/js/vendor/jssor.core.min.js" type="text/javascript" defer></script>
124
125  
125<script src="https://assets.realty.mx/sct/js/vendor/jssor.utils.min.js" type="text/javascript" defer></script>
125
126  
126<script src="https://assets.realty.mx/sct/js/vendor/jssor.slider.mini.js" defer></script>
126
127  
127<script src="https://assets.realty.mx/sct/js/vendor/prettify.js" defer></script>
127 
128  
128<script src="https://assets.realty.mx/sct/js/vendor/jquery.slickforms.js" defer></script>
128 
129  
129<script src="https://assets.realty.mx/sct/js/vendor/readmore.js" type="text/javascript" defer></script>
129
130  
131  
131<script src="https://assets.realty.mx/sct/js/vendor/typeahead.min.js" type="text/javascript" defer></script>
131
132  
132<script src="https://assets.realty.mx/sct/libraries/chosen/chosen.jquery.min.js" type="text/javascript" defer></script>
132
133  
133<script src="https://assets.realty.mx/sct/js/features/jquery.account.js" type="text/javascript" defer></script>
133
134  
135    
135<script src="style/js/scripts.js?v=1.3" type="text/javascript" defer></script>
135
136  
137  
138  
138<script src="style/js/fs.js" type="text/javascript" defer></script>
138
139
140  
140<script src="https://assets.realty.mx/sct/js/global.min.js?v=1" type="text/javascript" defer></script>
140
141  
141<script src="scripts/global.min.js" type="text/javascript" defer></script>
141
142
143  
144<script src="https://assets.realty.mx/sct/js/lodash.min.js" defer></script>
144
145
146<script>
147    document.addEventListener('DOMContentLoaded', function () {
148        var $ = window.jQuery || window.$;
149        if (!$) {
150            console.error('jQuery is required for master.cfm inline scripts');
151            return;
152        }
153        //old version details page slider
154
155        var owl = $(".owl-portfolio-slider-old");
156        if(owl.length){
157            // try {
158            //     owl.data('owlCarousel').destroy();
159            // } catch (error) {
160            //     console.error(error);
161            // }
162            owl.owlCarousel({
163                navigation: false,
164                autoHeight: true,
165                slideSpeed: 300,
166                paginationSpeed: 400,
167                singleItem: true,
168                pagination: false,
169                items: 1,
170                loop: true
171            });
172        }
173
174        $(".slider-next").click(function () {
175            owl.trigger('next.owl.carousel');
176        })
177        $(".slider-prev").click(function () {
178            owl.trigger('prev.owl.carousel');
179        })
180
181
182        //new version --> moved to property-images-2.cfm after the DOM, 
183        
184
185        // vtour / video popup  
186        if(typeof $.fn.magnificPopup !== 'undefined') { 
187            $('.popup-youtube, .popup-vtour').magnificPopup({
188                disableOn: 700,
189                type: 'iframe',
190                mainClass: 'mfp-fade',
191                removalDelay: 160,
192                preloader: false,
193
194                fixedContentPos: false
195            });
196        }
197
198    });
199    // (url: String) => Deferred[Event]
200    function mxLoadLink (url) {
201        return $.Deferred(function(dfd2) {
202            var link = document.createElement('link');
203            link.rel = 'stylesheet';
204            link.href = url;
205            link.addEventListener('error', dfd2.reject());
206            link.addEventListener('load', dfd2.resolve());
207            document.body.appendChild(link);
208        });
209    };
210
211    // (url: String) => Deferred[callback]
212    function mxLoadScript (url, callback) {
213        return $.Deferred(function(dfd2) {
214            var script = document.createElement('script');
215            script.src = url;
216            script.addEventListener('error',function(err){dfd2.reject(err)});
217            script.addEventListener('load', function(){dfd2.resolve(callback())});
218            document.body.appendChild(script);
219        });
220    };
221
222
223    // (void) => Deferred[Mapbox]
224    function findMapbox () {
225        return $.Deferred(function(dfd2) {
226            if (window && window.mapboxgl) {
227                dfd2.resolve(window.mapboxgl);
228            } else {
229                dfd2.reject('no mapboxgl');
230            }
231        });
232    };
233
234    // (void) => Deferred[LT]
235    function findListTrac() {
236        return $.Deferred(function(dfd2) {
237            if (typeof(window._LT) != 'undefined' && window._LT != null) {
238                dfd2.resolve(window._LT);
239            } else {
240                dfd2.reject('no listTrac');
241            }
242        });
243    };
244
245    function findJQuery () {
246        return (window && window.jQuery) ? window.jQuery : false;
247    };
248
249    function loadJQuery(){
250        var script = document.createElement('script');
251        script.src = url;
252        script.addEventListener('error',function(err){dfd2.reject(err)});
253        script.addEventListener('load', function(){dfd2.resolve(callback())});
254        document.body.appendChild(script);
255    }
256
257    function findIFrameResize() {
258        return $.Deferred(function(dfd2) {
259            if (window && window.iFrameResize) {
260                dfd2.resolve(window.iFrameResize);
261            } else {
262                dfd2.reject('no iFrameResize');
263            }
264        });
265    };
266
267
268    // (void) => Deferred[Mapbox]
269    function getIFrameResize () {
270        var dfd = $.Deferred(function(dfd) {
271            findIframeResize().then(
272                function(iFrameResize) {
273                    dfd.resolve(iFrameResize);
274                },
275                function(err) {
276                    var script = mxLoadScript('https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.16/iframeResizer.js', getIFrameResize);
277                    script.then(
278                        function(loader) {
279                            console.log('iFrameResize loading...');
280                            loader.then(
281                                function(iFrameResize) {
282                                    dfd.resolve(iFrameResize);
283                                });
284                    });
285
286                });
287        });
288        return dfd.promise();
289    };
290
291    // (void) => Deferred[Mapbox]
292    function getJQuery () {
293        if (!findjQuery()){
294
295        } else {
296            loadJQuery();
297        }
298        var dfd = $.Deferred(function(dfd) {
299            findJQuery().then(
300                function(jQuery) {
301                    dfd.resolve(jQuery);
302                },
303                function(err) {
304                    var script = mxLoadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', getJQuery);
305                    script.then(
306                        function(loader) {
307                            console.log('jquery loading...');
308                            loader.then(
309                                function(jquery) {
310                                    dfd.resolve(jquery);
311                                });
312                    });
313
314                });
315        });
316        return dfd.promise();
317    };
318    // (void) => Deferred[Mapbox]
319    function getMapbox() {
320        var dfd = $.Deferred(function(dfd) {
321            findMapbox().then(
322                function(mapboxgl) {
323                    dfd.resolve(mapboxgl);
324                },
325                function(err) {
326                    var script = mxLoadScript('//api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js', getMapbox);
327                    var style = mxLoadLink('//api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css');
328                    script.always(
329                        function(loader) {
330                            console.log('mapbox loading...');
331                            loader.then(
332                                function(mapbox) {
333                                    dfd.resolve(mapbox);
334                                });
335                    });
336                });
337        });
338        return dfd.promise();
339    };
340
341    // (void) => Deferred[Mapbox]
342    function getListTrac() {
343        var dfd = $.Deferred(function(dfd) {
344            findListTrac().then(
345                function(LT) {
346                    // console.log('listTrac found...', LT);
347                    dfd.resolve(LT);
348                },
349                function(err) {
350                    console.log('lt loading...');
351                    var script = mxLoadScript('//code.listtrac.com/monitor.ashx?acct=rmx_100515', getListTrac);
352                    script.always(
353                        function(loader) {                            
354                            loader.then(
355                                function(listTrac) {
356                                    dfd.resolve(listTrac);
357                                });
358                    });
359                });
360        });
361        return dfd.promise();
362    };
363
364</script>
364
365
366
367<script>
368
369    var createGeoJSONCircle = function(center, radiusInKm, points) {
370        if(!points) points = 64;
371        var coords = {
372            latitude: center[1],
373            longitude: center[0]
374        };
375        var km = radiusInKm;
376        var ret = [];
377        var distanceX = km/(111.320*Math.cos(coords.latitude*Math.PI/180));
378        var distanceY = km/110.574;
379        var theta, x, y;
380
381        for(var i=0; i<points; i++) {
382            theta = (i/points)*(2*Math.PI);
383            x = distanceX*Math.cos(theta);
384            y = distanceY*Math.sin(theta);
385  
386            ret.push([coords.longitude+x, coords.latitude+y]);
387        }
388        ret.push(ret[0]);
389        return {
390            "type": "geojson",
391            "data": {
392                "type": "FeatureCollection",
393                "features": [{
394                    "type": "Feature",
395                    "geometry": {
396                        "type": "Polygon",
397                        "coordinates": [ret]
398                    }
399                }]
400            }
401        };
402    };
403
404    function isScrolledIntoView(element, fullyInView)
405    {
406        var pageTop = $(window).scrollTop();
407        var pageBottom = pageTop + $(window).height();
408        var elementTop = $(element).offset().top;
409        var elementBottom = elementTop + $(element).height();
410        if (fullyInView === true) {
411            return ((pageTop < elementTop) && (pageBottom > elementBottom));
412        } else {
413            return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
414        }
415    }
416    
417    mxMapIsLoaded = false;
418    $('.map-placeholder').hide();
419    function loadPropertyMap(dscroll) {
420        console.log('scrolling poll..');
421        
422            if ($('#property-map') && $('#property-map').length && (isScrolledIntoView('#property-map', false) || dscroll) && !mxMapIsLoaded ) {
423            
424            $('.map-placeholder').find('.fa-spinner').addClass('fa-spin');
425            getMapbox().then( 
426                function(mapboxgl) {
427                
428                    console.log('mapbox ready', mapboxgl.version);
429                    mapboxgl.accessToken = 'pk.eyJ1IjoiY2JyZCIsImEiOiJjanU4b2MzM3IyN2U3NDRydm55bzFocng1In0.dYKAXAFz-JFZXCBSal2N_w';
430                    console.log('building map..');   
431                    var map = new mapboxgl.Map({
432                        zoom: 14,
433                        center: [-87.669556,41.88263],
434                        container: 'property-map',
435                        style: 'mapbox://styles/mapbox/light-v9'
436                    });
437                    map.addControl(new mapboxgl.NavigationControl());
438                    mxMapIsLoaded = true;
439                    
440                        map.on('load', function() {
441                            map.addSource("polygon", createGeoJSONCircle([-87.669556,41.88263], 0.2));
442                            map.addLayer({
443                                "id": "polygon",
444                                "type": "fill",
445                                "source": "polygon",
446                                "layout": {},
447                                "paint": {
448                                    "fill-antialias": true,
449                                    "fill-color": "#333",
450                                    "fill-opacity": .65,
451                                    "fill-outline-color": "white"
452                                }
453                            });
454                        });
455                    
456                $('.map-placeholder').fadeOut('slow');
457                }
458            );
459        }
460        
461    }
462
463    $(function() {
464            
465            $(window).scroll(_.debounce(loadPropertyMap, 300));
466        
467    });
468
469  </script>
469
470
471		<title>N Paulina | 125868 | Coldwell Banker Rental Division</title>
472		<meta name="keywords" content="" />
473		<meta name="description" content="" />
474		<meta name="skype_toolbar" content="skype_toolbar_parser_compatible" />
475		<meta name="robots" content="index,follow" />
476  	<meta http-equiv="content-type" content="text/html;charset=utf-8" >
477	
478		
479						<meta property="og:title" content="Coldwell Banker Rental Division Property"/>
480						<meta property="og:type" content="article"/>
481						<meta property="og:url" content="https://chicagoapartmentfinders.com/index.cfm?page=details&id=125868"/>
482						<meta property="og:image" content="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg"/>
483						<meta property="og:description" content="2 Bedrooms 2 Bathrooms Apartment for Rent in United Center"/>
484						<meta property="og:site_name" content="Coldwell Banker Rental Division"/>
485				
486
487 
488			
488<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js' defer></script>
488
489    		<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' />
490		<!--SCT STYLES & SCRIPTS-->
491			
491<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js" defer></script>
491
492			
492<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/additional-methods.min.js" defer></script>
492
493			
493<script src="https://assets.realty.mx/sct/vendor/jqueryPlugins/jquery.priceFormatter.js" defer></script>
493
494			
494<script src="https://assets.realty.mx/sct/vendor/accounting.min.js" defer></script>
494
495			
496		
497		
497<script>
498			
499			if (!mx || mx == undefined || mx == null) {
500				var mx = {handlers:{}};
501			}
502			if (!mx.handlers || mx.handlers == undefined || mx.handlers == null) {
503				mx.handlers ={};
504			}
505			mx.handlers.imageError = function(image) {
506				console.debug("mx... Handled Missing Image..");
507				image.onerror = "";
508				image.src = "style/images/photo-not-available.jpg";
509				return true;
510			};
511		</script>
511
512	
513
514			<link rel="preload" href="https://assets.realty.mx/sct/fontawesome6/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
515			<link rel="preload" href="https://assets.realty.mx/sct/fontawesome6/css/v4-shims.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
516			<link rel="preload" href="https://assets.realty.mx/sct/dist/css/mx.sct.vendor2.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
517			<link rel="preload" href="https://assets.realty.mx/sct/dist/css/mx.sct.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
518
519			<noscript>
520				<link rel="stylesheet" href="https://assets.realty.mx/sct/fontawesome6/css/all.min.css">
521				<link rel="stylesheet" href="https://assets.realty.mx/sct/fontawesome6/css/v4-shims.min.css">
522				<link rel="stylesheet" href="https://assets.realty.mx/sct/dist/css/mx.sct.vendor2.min.css">
523				<link rel="stylesheet" href="https://assets.realty.mx/sct/dist/css/mx.sct.min.css">
524			</noscript>
525			
526
527
528			<style>
529				:focus {
530					outline: thin dotted  !important;
531				}
532				.btn-clear {
533					margin-top:10px;
534				}
535				.mapboxgl-popup-content {
536					max-height: 400px;
537					overflow-x: hidden;
538					overflow-y: auto;
539				}
540				.mapboxgl-popup-content .map_group_item{
541					border-bottom: none !important;
542				}
543				.mapboxgl-popup.mapboxgl-popup-anchor-bottom,
544				.mapboxgl-popup.mapboxgl-popup-anchor-top {
545					max-width: 327px !important;
546					width: 100%;
547				}
548				.mx-mobile-divider {
549					display:none;
550				}
551				.details .row-fluid {
552					padding-left:0px;
553					padding-right:0px;
554				}
555				#label-AppPending {
556					background-color: rgba(76,174,76,0.7);
557				}
558				.compliance-label {
559					position: absolute;
560					bottom: 0;
561					right: 0;
562					width:100%;
563				}
564				.compliance-label > div {
565					width:100%;
566					height: 20px;width:auto;
567					background-position: right;
568					background-repeat: no-repeat;
569					background-size: auto 20px;
570				}
571				.pagination ul li a {
572					padding: 5px;
573					line-height: normal;
574					border-radius: 50%;
575					text-align: center;
576					vertical-align: middle;
577					display: flex;
578					align-items: center;
579					align-content: center;
580					justify-content: center;
581					justify-items: center;
582					min-width: 32px;
583					height: 32px;
584					position: relative;
585				}
586				@media screen and (max-width: 767px){
587					.mx-mobile-divider {
588						display: block;
589					}
590					.mx-full-divider {
591						display:none;
592					}
593				}
594				@media screen and (max-width: 400px) {
595					.btn-large {
596						padding: 8px !important;
597					}
598				}
599
600				/* .btn-back-to-search2 {
601					float:left;
602				} */
603				@media screen and (max-width: 767px){
604					.btn-back-to-search2 {
605						position: relative;
606						top: 0;
607						text-align: right;
608						width: 100%;
609						display: flex;
610						justify-content: flex-start;
611						align-items: center;
612						align-content: center;
613					}	
614					/*				
615					.btn-back-to-search {
616						font-size: 10px !important;
617						line-height: normal!important;
618						margin-top: 0em !important;
619						margin-bottom: 1em !important;
620					}
621					 */
622				}
623			</style>
624		
625			
625<script src="https://assets.realty.mx/sct/vendor/jqueryPlugins/jquery.priceFormatter.js" defer></script>
625
626			
626<script src="https://assets.realty.mx/sct/vendor/accounting.min.js" defer></script>
626
627		
628
629		
629<script>
630				if (!mx || mx == undefined || mx == null) {
631					var mx = {handlers:{}};
632				}
633				if (!mx.handlers || mx.handlers == undefined || mx.handlers == null) {
634					mx.handlers ={};
635				}
636				mx.handlers.imageError = function(image) {
637					console.debug("mx... Handled Missing Image..");
638					image.onerror = "";
639					image.src = "style/images/photo-not-available.jpg";
640					return true;
641				};
642
643				/*
644				$('.mx-listing-link').on('click', function(e){
645					//e.preventDefault();
646					//console.log('listing click', this.dataset);
647				});
648				*/
649				
650				
651
652		</script>
652
653
654
655		
656		
657			<style>
658				#properties-grid {display:block;}
659				#properties-map {display:none;}
660				body {overflow-y: auto !important;}
661			</style>
662		
663			<style>
664			#stickySearch,#search-tab {
665				background-color: #fff;
666			}
667			</style>
668		
669			<style>
670				#mx-localize {
671					height: 503px;
672				}
673				@media (max-width: 991px){
674					.btn-localize {
675						/* visibility:hidden!important;
676						display:none!important;*/
677					}
678				}
679			</style>
680
681
682			
683				<meta property="og:image:width" content="1024"/>
684				<meta property="og:image:height" content="768"/>
685			
686			
687
688			<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
689			
689<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js" defer></script>
689
690			
690<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js" defer></script>
690
691
692
693			<style>
694
695				.calc-form {
696					width:100%;
697					flex: 1 1 100%;  
698					margin:0 0;
699					display:flex;
700					flex-direction:row;
701				}
702
703				.calc-form .form-group {
704					display:flex;
705				}
706				
707				.calc-form .form-group label {
708					display: inline-block;
709					width: 100%;
710					text-align: left;
711					min-width: 50%;
712					padding-right: .5em;
713					padding-left:.5em;
714				}
715				
716				
717				.sct-details.container hr {
718					margin: 1em 0;
719				}
720				
721				
722				.calc-form .form-group span.price,
723				.calc-form .form-group input
724				{
725					font-weight:bold;
726					display: inline-flex;
727					-webkit-font-smoothing: antialiased;
728					-webkit-text-size-adjust: 100%;
729					padding: 0 10px;
730					width:100%;
731					margin-bottom: 5px;
732					font-size: 14px;
733					line-height: 25px;
734					color: #7a7a7a;
735					border: none;
736					border-bottom: 1px solid #dadada;
737					resize: none;
738					vertical-align: middle;
739					-webkit-box-shadow: none;
740					-moz-box-shadow: none;
741					box-shadow: none;
742					background: #FFF;
743					-webkit-border-radius: 0;
744					border-radius: 0;
745					-webkit-transition: all 200ms ease-in;
746					-o-transition: all 200ms ease-in;
747					-moz-transition: all 200ms ease-in;
748				}
749				
750				.calc-form .form-group span.price {
751					border-bottom:none!important;
752				}
753				
754				.property-calculator {
755					margin: 1em 7px;
756					margin-top: 3em;    
757				}
758				@media (max-width: 991px){
759					.property-calculator {
760						margin: 1em auto;
761						margin-top: 0em;
762						max-width: 350px;
763					}
764					.calc-form {
765						flex-direction:column;
766					}
767				}
768				
769				.calc-form .graph-key-wrapper {
770					flex-direction: column;
771					display: flex;
772					position: relative;
773					top: 0;
774					right: 0;
775					bottom: 0;
776					text-align: right;
777					align-content: flex-end;
778					justify-content: flex-start;
779					align-items: flex-end;
780					justify-items: center;
781					z-index: 100;
782					margin-top: 3em;
783					margin-left:3em;
784				}
785				
786				#expense-graph {
787					margin: 2em 0 2em;
788					height: 300px;width:300px;
789				}
790				
791				
792				.calc-form .form-group {
793					margin-bottom: 15px;
794				}
795				
796				.property-calc-form-col{
797					padding: 1em;
798					flex: 0 0 400px;
799					position: relative;
800				}
801				.property-calc-graph-col {
802					position: relative;
803					flex: 1 1 auto;
804					display: flex;
805					flex-direction: column;
806				}
807				
808				.graph-wrapper {
809					flex: 0 1 auto;
810					margin: 0 0;
811					display: flex;
812					flex-direction: row;
813					width: auto;
814					align-self: center;
815				}
816				
817				@media (max-width: 768px){
818					.calc-form .graph-key-wrapper {
819						display: none!important;
820					}
821					#expense-graph {
822						margin: 2em auto 2em !important;
823					}
824					.property-calculator {
825						margin-bottom:0;
826					}
827					.property-calc-form-col {
828						flex: 0 0 350px;
829					}
830				}
831				</style>
832
833
834		
835
836		
837
838				
839		<style>
840			
841			
842			.properties .property-card .image-caption {
843				min-height: 110px;
844				display: flex;
845				flex-direction: column;
846				margin: 0 0 0 0;
847				padding: .75em .75em;
848                color: #616161;
849			}
850			
851			.properties .property-card .image-caption h3 {
852				flex: 0 1 auto;
853				font-size:16px;
854				font-weight:500;
855				line-height:normal;
856				margin-top:0;
857				margin-bottom:0px;
858				flex: 0 1 auto;
859				min-height: unset;
860			}
861			
862			.properties .property-card .image-caption .meta {
863				height: 100%;
864				flex: 1 1 auto;
865				font-weight:300;
866				font-size: 1em;
867                color: #9f9f9f;
868			}
869			.properties .property-card .image-caption .price .bedrooms {
870                font-weight: 300;
871            }
872			.properties .property-card .image-caption .price .bedrooms span {
873                color: #9f9f9f;
874            }
875			.properties .property-card .image-caption .price {
876                font-weight: 500;
877				font-size: 21px;
878                color: #616161;
879			}
880			.properties .property-card .idxCredit {
881                font-weight: 300;
882				font-size: 13px;
883                color: #616161;
884				text-transform:capitalize;
885				white-space: nowrap;
886				overflow: hidden;
887				text-overflow: ellipsis;
888			}
889			.list-id .idxCredit {
890                font-weight: 300;
891				font-size: 13px;
892                color: #616161;
893				text-transform:capitalize;
894				white-space: nowrap;
895				overflow: hidden;
896				text-overflow: ellipsis;
897			}
898			.badge {
899				display: inline-block;
900				min-width: 10px;
901				padding: 3px 7px;
902				font-size: 12px;
903				font-weight: bold;
904				line-height: normal;
905				color: #fff;
906				text-align: center;
907				white-space: nowrap;
908				vertical-align: middle;
909				background-color: #777;
910				border-radius: 0;
911				margin: 0 0;
912			}
913
914			.badge-ner{
915				color: #fff;
916				background-color: #28a745;
917			}
918
919			.tooltip-inner {background-color:##616161 !important;}
920
921			.mx-concession {
922				padding:3px 5px 3px; 
923				text-transform:uppercase;
924				font-size: 14px;
925				font-weight: 500;
926				line-height:20px;
927				font-family:inherit;
928				border-radius:0px;
929				font-size:12px;
930				position:absolute;
931				width:auto;
932				top:0;
933				left:0;
934			}
935
936			.mx-available {
937				padding:3px 5px 3px; 
938				text-transform:uppercase;
939				font-size: 14px;
940				font-weight: 500;
941				line-height:20px;
942				font-family:inherit;
943				border-radius:0px;
944				font-size:12px;
945				position:absolute;
946				width:auto;
947				top:0;
948				left:0;
949				color:white;
950				background-color:rgba(115, 181, 239, 0.7);
951			}
952
953			.policy {
954				padding:1em;
955			}
956
957			.policy ul, .policy ol {
958				list-style: unset;
959				margin: 1em;
960				padding: 1em;
961			}
962
963			.policy li {
964				line-height: 2em;
965			}
966
967			.policy-footer {
968				padding:1em;
969				text-align: center;
970			}
971
972			.policy-footer p{
973				text-align: center !important;
974			}
975
976		</style>
977	
978		<style>
979		#btn-logout {
980			line-height: 1;
981			color: #FFF;
982			font-size: 12px;
983			text-transform: uppercase;
984			font-weight: 800;
985			margin-left: -5px;
986		}
987		</style>
988	
989    <link rel="preload" href="https://assets.realty.mx/sct/myaccount/css/myaccount.bundle.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
990    <noscript>
991        <link rel="stylesheet" href="https://assets.realty.mx/sct/myaccount/css/myaccount.bundle.min.css"> 
992    </noscript>
993
994    
994<script src="https://assets.realty.mx/sct/myaccount/select2.min.js" defer></script>
994
995    
995<script src="https://assets.realty.mx/sct/myaccount/mx.account.min.js" defer></script>
995
996</head>
997
998  <body class="full-layout">
999    <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 999-1000
999
1000    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1000GTM-PWKDF8
vendor: 88 bytes, lines 1000-1001
1000" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1001    
1001<!-- End Google Tag Manager (noscript) -->
1002
1003    <div class="body-wrapper">
1004      
1005      <div class="yamm navbar basic default">
1006        <div class="navbar-header 
1007"
1008>
1009	<div class="container-fluid">
1010
1011		   
1012		<div class="basic-wrapper logoSection" > 
1013			<a class="btn responsive-menu pull-right" data-toggle="collapse" data-target=".navbar-collapse">
1014				<i class='icon-menu-1'></i>
1015			</a> 
1016			<a class="navbar-brand" href="index.cfm">
1017				<img src="style/images/logo_2.png" alt=""/>            
1018			</a> 
1019		</div>
1020
1021			
1022		<div class="collapse navbar-collapse">
1023			<ul class="nav navbar-nav">               
1024				
1025				
1026				<li class="dropdown">
1027					<a href="#" class="dropdown-toggle js-activated">Search</a>
1028					<ul class="dropdown-menu">
1029						<li ><a href="?page=browser&status=2,21">Rentals</a></li>
1030						<li ><a href="?page=browser&status=1,11,12">Sales</a></li>
1031						<li ><a href="?page=browser&isFeatured=1">Featured Properties</a></li>
1032					</ul>
1033				</li>
1034
1035				<li class="dropdown">
1036					<a href="#" class="dropdown-toggle js-activated">List With Us</a>
1037					<ul class="dropdown-menu">
1038						<li><a href="?page=owners&status=2">Rentals</a></li>
1039						<li><a href="?page=owners&status=1">Sales</a></li>
1040					</ul>
1041				</li>
1042
1043				<li class="dropdown">
1044					<a href="#" class="dropdown-toggle js-activated">Landlord Services</a>
1045					<ul class="dropdown-menu">
1046						<li><a href="?page=content&cms=the-process">The Process</a></li>
1047						<li><a href="?page=content&cms=price">Price</a></li>
1048						<li><a href="?page=content&cms=newTenant">New Tenant Screening</a></li>
1049						<li><a href="?page=content&cms=tenantRenewal">Tenant Renewal</a></li>
1050						<li><a href="?page=owners&type=condoManagement">Condo Management</a></li>						
1051						<li><a href="?page=content&cms=landlord">Landlord FAQ</a></li>
1052					</ul>
1053				</li>
1054
1055				<li class="dropdown">
1056					<a href="#" class="dropdown-toggle js-activated">About Us</a>
1057					<ul class="dropdown-menu">
1058						<li><a href="?page=about#how-it-works">How It Works</a></li>
1059						<li><a href="?page=about#why-use-us">Why Use Us</a></li>
1060						<li><a href="?page=contact">Contact Us</a></li>    
1061					</ul>
1062				</li>	
1063
1064				<li class="dropdown">
1065					<a href="#" class="dropdown-toggle js-activated">Our Team</a>
1066					<ul class="dropdown-menu">
1067						<li><a href="?page=agents">Agents</a></li>
1068						<li><a href="?page=managers">Staff</a></li>
1069						<li><a href="?page=careers">Join Us</a></li>    
1070					</ul>
1071				</li>	
1072
1073				<li class="dropdown">
1074					<a href="#" class="dropdown-toggle js-activated">Resources</a>
1075					<ul class="dropdown-menu">
1076						<li><a href="?page=resources&sub=renters">Renters Guide</a></li>
1077						
1078						<li><a href="?page=content&cms=relocation">Relocation</a></li>
1079						<li><a href="?page=content&cms=faq">Tenant FAQ</a></li>
1080					</ul>
1081				</li>
1082
1083				<li class="dropdown">
1084					<a href="#" class="dropdown-toggle js-activated">Application</a>
1085					<ul class="dropdown-menu">
1086						
1087						<li><a href="?page=content&cms=app-packet">Standard Application Packet</a></li>
1088					</ul>
1089				</li>
1090
1091				
1092				
1093
1094						
1095				
1096		<li ><a id="nav-login" data-pid='125868' data-psource='' data-paction='save' onclick='loginAndSaveListing(this); return false;'  href="#">Log In</a></li>
1097	           
1098								
1099				<li>
1100					<div class="ajax-quicksearch">
1101						
1102<script>
1103	(function initQuickSearch() {
1104		var $ = window.jQuery || window.$;
1105		if (!$ || !$.fn.autocomplete || !document.getElementById('thisVal')) {
1106			setTimeout(initQuickSearch, 100);
1107			return;
1108		}
1109
1110		var searchStatus = '1,11,12,2,21';
1111
1112		$("#thisVal" ).autocomplete({
1113
1114			minLength: 1,
1115
1116			open: function() { $('#thisPage').val(''); $("#thisVal").css('background-image','none'); },
1117			close: function() { },
1118			search: function(e) {
1119
1120				//console.log('search', e);
1121				$(this).siblings('button').find('i.fa-spinner').each(function(el){
1122					$('#thisVal').siblings('button').find('i.fa-search').each(function(el){
1123								$(this).hide();
1124					});
1125					$(this).show();
1126				});
1127
1128			},
1129
1130			select: function( event, ui ) {
1131
1132				//console.log('select', event);
1133				$('#thisId').val(ui.item.id);
1134
1135				if (ui.item.source !== 'cbrd') {
1136					//console.debug('idx data',ui.item);
1137					$('#thisSource').removeAttr('disabled');
1138					$('#thisSource').val(ui.item.source);
1139				} else {
1140					//console.debug('company data',ui.item);
1141				}
1142
1143				if(ui.item.type == 'Unit'){
1144					$('#thisPage').val('details');
1145					$('#thisState').attr('disabled','disabled');
1146				}
1147
1148				else if(ui.item.type == 'Building'){
1149					$('#thisPage').val('developments');
1150				}
1151
1152				else if(ui.item.type == 'IDX'){
1153					$('#thisPage').val('details');
1154				}
1155
1156				else if(ui.item.type == 'RLS') {
1157
1158					$('#thisPage').val('details');
1159
1160					var listing = {
1161						details: {
1162							id: ui.item.id,
1163							source: ui.item.source,
1164							action: 'view',
1165							vow: true,
1166							origin: window.location.href || '',
1167							target: ''
1168						}
1169					}
1170
1171					setStorage('currentListing', listing);
1172					updatePayload(listing);
1173
1174					if (!mxAccountConfig.loggedIn){
1175						event.preventDefault();
1176						showLoginModal(true);
1177						return false;
1178					}
1179
1180				}
1181
1182			  else if(ui.item.type == 'Neighborhoods'){
1183
1184					var splitLabel = ui.item.label.split(' ');
1185
1186					if (splitLabel.length > 0){
1187						$('#thisStatus').removeAttr('disabled');
1188						if (splitLabel[(splitLabel.length-1)] == 'Sales'){
1189							$('#thisStatus').val('1,11,12');
1190						} else if (splitLabel[(splitLabel.length-1)] == 'Rentals') {
1191							$('#thisStatus').val('2,21');
1192						}
1193					}
1194
1195					
1196						$('#thisPage').val('properties');
1197					
1198
1199					$('#thisId').attr('disabled','disabled');
1200					$('#thisCat').removeAttr('disabled');
1201					$('#thisCat').val(ui.item.id);
1202
1203				} else {
1204					$('#thisPage').val('agents');
1205					$('#thisState').removeAttr('disabled');
1206					$('#isCommercialOpt').attr('disabled', 'disabled');
1207					$('#isResidentialOpt').attr('disabled', 'disabled');
1208					$('#thisWebID').attr('disabled', 'disabled');
1209					$('#thisSource').attr('disabled', 'disabled');
1210					$('#thisState').val('profile');
1211				}
1212
1213				setTimeout(function() {$('#webIDForm').submit();},500);
1214			},
1215			source: function( request, response ) {
1216				//console.log('source', request);
1217				$.ajax({
1218					url: "https://chicagoapartmentfinders.com/remote.cfm?action=quicksearch",
1219					dataType: "json",
1220					data: {
1221						method: "getAIO",
1222						val: request.term,
1223						
1224						db: 'cbrd',
1225						status: '1,11,12,2,21'
1226						
1227					},
1228					success: function( data ) {
1229
1230						response( $.map( data, function( item, i) {
1231							// console.debug(item);
1232							return { label: item.label, type: item.category, id: item.id, label2: item.label, source: item.source }
1233						}) );
1234
1235						$("#thisVal").css('background-image','none');
1236
1237						$('#thisVal').siblings('button').find('i.fa-spinner').each(function(el){
1238							$(this).hide();
1239						});
1240
1241						$('#thisVal').siblings('button').find('i.fa-search').each(function(el){
1242							$(this).show();
1243						});
1244
1245					}
1246				});
1247			}
1248
1249		}).focus(function(e){
1250			//console.log('focus', e);
1251			if( $(this).val() == 'Listing #, Agent or Address') $(this).val('');
1252		}).blur(function(e){
1253			//console.log('blur', e);
1254			if( $(this).val() == ''){
1255				$(this).val('Listing #, Agent or Address')
1256				$(this).siblings('button').find('i.fa-spinner').each(function(el){
1257					$(this).hide()
1258					$('#thisVal').siblings('button').find('i.fa-search').each(function(el){
1259							$(this).show();
1260					});
1261				});
1262			};
1263		}).change(function(e){
1264			//console.log('value changed', e);
1265		}).keydown(function(e){
1266			//console.log('keydown', e);
1267		})
1268		
1269		
1270
1271		$("#thisVal" ).keypress(function(e) {
1272			var code = (e.keyCode ? e.keyCode : e.which);
1273			if(code == 13) { //Enter keycode
1274				if ($.isNumeric($(this).val())){
1275					//e.preventDefault();
1276					$("#webIDForm").submit();
1277					//console.debug("numeric web id search");										
1278					return true;
1279				} else {
1280					//console.debug("text search");
1281					return false;	
1282				}
1283			}		
1284		});
1285
1286		$(".site-search").on('click',function(e){
1287			if( $('#thisVal').val() == '' || $('#thisVal').val() == "Listing #, Agent or Address"){
1288				//console.debug('prevent default');
1289				e.preventDefault();
1290			} else {
1291				//console.debug('unkown form click');
1292			}
1293		});
1294
1295		 $("#webIDForm").on('submit', function(e){
1296			//console.debug('submitting web id form');
1297
1298			if( $('#thisPage').val() == ''){
1299				var id = $('#thisVal').val();
1300				if (!(isNaN(id)))				{
1301					id = parseInt($('#thisVal').val());
1302				}
1303				if ($.isNumeric(id))
1304				{
1305					$('#thisPage').val('properties');
1306					$('#thisState').attr('disabled','disabled');
1307					$('#thisId').attr('disabled','disabled');
1308					$('#thisSource').attr('disabled','disabled');
1309					$('#thisStatus').removeAttr('disabled');
1310					$('#thisWebID').val(id);
1311				}
1312				else
1313				{
1314					
1315					$('#thisPage').val('properties');
1316					$('#thisState').attr('disabled','disabled');
1317					//$('#thisId').val($('#thisVal').val());
1318				}
1319			} else {
1320				//console.debug('page not empty', $('#thisPage').val() )
1321			}
1322		});
1323
1324		// Enable search input only after jQuery, jQuery UI, and all handlers are ready
1325		$('#thisVal').removeAttr('disabled');
1326	})();
1327</script>
1327 
1328	
1329	
1330
1331	<form class="site-search" id="webIDForm" method="get" action="index.cfm">
1332		<input type="hidden" id="thisPage" value="" name="page">   
1333		<input type="hidden" id="thisState" value="profile" name="state" disabled="disabled">
1334		<input type="hidden" id="thisRLS" value="" name="isMLS" disabled="disabled">
1335		<input type="hidden" id="thisCat" value="" name="cat" disabled="disabled">
1336		<input type="hidden" id="thisId" value="" name="id"/>
1337		<input type="hidden" id="thisSource" value="" name="source"/>
1338		<input type="hidden" id="isCommercialOpt" value="1" name="isCommercial"/>
1339		<input type="hidden" id="isResidentialOpt" value="1" name="isResidential"/>
1340		<input type="hidden" id="thisStatus" value="1,11,12,2,21" name="status" disabled="disabled"/>
1341		<input type="hidden" id="thisWebID" value="" name="webid"/>
1342
1343				
1344
1345		
1346
1347		<input title="Listing #, Agent or Address" class="search-query span2 form-text" placeholder="Search" type="text" id="thisVal" value="Listing #, Agent or Address" maxlength="30" style="float:left;">
1348
1349	</form>
1350
1351<style>
1352	.ui-autocomplete.ui-menu.ui-widget {
1353		z-index: 2000 !important;
1354	}
1355	.ajax-quicksearch input[type="text"] {
1356    	border-right: 2px solid #fff;
1357	}
1358</style>
1359
1360    
1361					</div>
1362				</li>
1363			</ul>
1364        </div>
1365     </div>
1366  </div>
1367</div>
1368      </div> 
1369      
1370
1371<style>
1372
1373
1374
1375.agent-list ul {
1376	margin:auto;
1377	text-align: center;
1378	padding: 0px;
1379}
1380
1381.agent-list .items.col4 li {
1382    width: 300px !important;
1383    margin-left: 18px;
1384    margin-bottom: 18px;
1385	max-width: 270px;
1386	 display:inline-block;
1387}
1388
1389.agent-list .agent-items.col4 li {
1390    width: 300px !important;
1391    margin-left: 9px;
1392	margin-right: 9px;
1393    margin-bottom: 18px;
1394	max-width: 270px;
1395    vertical-align: top;
1396	display:inline-block;
1397}
1398
1399.agent-list .agent-items .image-caption h3 {
1400	text-align: left;
1401}
1402
1403.agent-list .agent-items .meta {
1404    margin-bottom: 0;
1405	text-align: left;
1406}
1407
1408/*
1409  .agent-list .agent-items.col4 li {
1410	  max-height: 270px;
1411  }	
1412 */
1413  
1414@media (max-width: 1199px) { 
1415	.agent-list .items.col4 li {
1416		margin-left: 40px;
1417	}
1418}
1419@media (max-width: 991px) { 
1420	.agent-list .items.col4 li {
1421		margin-left: 70px;
1422	}
1423}
1424
1425@media (max-width: 767px) { 
1426	.agent-list .items.col4 li {
1427    	margin-left:auto !important;
1428		margin-right:auto !important;
1429		width: 100% !important;
1430		max-width: 100%;
1431	}
1432			
1433	.agent-list .items li img, .agent-list .image-caption {
1434		width: 300px !important;
1435		max-width: 270px;
1436		margin: auto;
1437	}
1438}
1439
1440@media (max-width: 560px) { 
1441	.agent-list .image-caption {
1442		padding: 7px;
1443	}
1444}
1445
1446
1447
1448.agentImg {
1449	width: 300px !important;
1450	max-width: 270px !important;
1451	max-height:  450px !important;
1452	float: left;
1453	margin-right: 20px;
1454}
1455
1456
1457
1458
1459.agentContent {
1460	float: left;	
1461}
1462</style>
1463
1464
1465
1466<script>
1467	$(document).ready(function() {
1468		$(".modalEmailToFriend").click(function() { 
1469			$("#modalEmailToFriend").modal("show"); 
1470		});
1471		/*
1472        $(".modalCalculator").click(function() { 
1473			$("#modalCalculator").modal("show"); 
1474		});*/
1475	});
1476</script>
1476
1477
1478
1479
1480
1481<div class="modal fade" id="modalFloorPlan" tabindex="-1" role="dialog" aria-hidden="true">
1482    <div class="modal-dialog" role="document" style="width:100%;max-width:768px;">
1483        
1484    </div>
1485</div><style>
1486/*form styles*/
1487#emfform {
1488	width: 100%;
1489	margin: 50px auto;
1490	text-align: center;
1491	position: relative;
1492}
1493#emfform ul{
1494	padding: 0;
1495}
1496#emfform fieldset {
1497	background: white;
1498	border: 0 none;
1499	border-radius: 3px;
1500	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
1501	padding: 20px 30px;
1502	box-sizing: border-box;
1503	width: 95%;
1504	margin: 0 2.5%;
1505	/*stacking fieldsets above each other*/
1506	position: absolute;
1507}
1508/*Hide all except first fieldset*/
1509#emfform fieldset:not(:first-of-type) {
1510	display: none;
1511}
1512/*inputs*/
1513#emfform input, #emfform textarea {
1514	padding: 5px;
1515	border: 1px solid #ccc;
1516	border-radius: 3px;
1517	margin-bottom: 2px;
1518    margin-top:2px;
1519	width: 100%;
1520    height:auto;
1521	box-sizing: border-box;
1522	color: #2C3E50;
1523	font-size: 13px;
1524}
1525#emfform textarea {
1526    min-height:25px;
1527}
1528#emfform .form-group label {
1529	font-size:.8em;
1530}
1531::-webkit-inner-spin-button { display: none; }
1532/*buttons*/
1533#emfform .action-button {
1534	width: 100px;
1535	background: #BEC893;
1536	font-weight: bold;
1537	color: white;
1538	border: 0 none;
1539	border-radius: 1px;
1540	cursor: pointer;
1541	padding: 10px 5px;
1542	margin: 10px 5px;
1543}
1544
1545#emfResults {
1546	display:none;
1547}
1548
1549#emfform .action-button:hover, 
1550#emfform .action-button:focus,
1551#emfform .bed-button:hover, 
1552#emfform .bed-button:focus
1553{
1554	box-shadow: 0 0 0 2px white, 0 0 0 3px #BEC893;
1555}
1556@media screen and (max-width: 525px) {
1557    #emfform {
1558	    width: 95vw;
1559    } 
1560    #emfform fieldset {
1561        padding: 10px 10px;
1562        width: 95%;
1563		height: auto;
1564        overflow: visible;
1565    }
1566	.no-padding-responsive {
1567		padding:0px;
1568		margin:0px;
1569	}
1570}
1571</style>
1572
1573<!-- Modal -->
1574<div class="modal fade" id="modalEmailToFriend" tabindex="-1" role="dialog" aria-hidden="true">
1575  <div class="modal-dialog" role="document">
1576	
1577		 
1578		 <!-- multistep form -->
1579        <form class="form-inline" id="emfform" name="frmEmail">		
1580            <!-- progressbar -->
1581            <ul id="emailToFriendProgress" style="display:none;">
1582                <li data-index="1" class="active">Email To Friend</li>
1583            </ul>
1584			<fieldset name="emfInputs">
1585				<div id="emfResults"></div>
1586				<div id="emfFields">
1587					<button type="button" class="close" data-dismiss="modal">x</button>
1588
1589					<h3 id="emailToFriendLabel">Send This Listing To A Friend</h3>
1590
1591					<input type="hidden" name="id" id="MFid" value="125868" />
1592					<input type="hidden" name="source" id="MFsource" value="" />
1593
1594					<div class="form-group col-xs-12 col-sm-6">
1595						<label class="control-label" for="name1">
1596							<span style="display:none;">Friends Name</span>
1597							<span class="form-required" title="This field is required."></span>
1598						</label>
1599						<div class="controls">
1600							<input aria-label="Enter Your Friends name" type="text" required name="name1" id="name1" def="Your friend's name" placeholder="Your Friend's Name">
1601						</div><!-- /.controls -->
1602					</div><!-- /.control-group -->
1603					<div class="form-group col-xs-12 col-sm-6">
1604						<label class="control-label" for="email1">
1605							<span style="display:none;">Friends Email</span>
1606							<span class="form-required" title="This field is required."></span>
1607						</label>
1608						<div class="controls">
1609							<input aria-label="Enter Your Friends Email Address" type="email" required name="email1" id="email1" def="Email friend's email" placeholder="Your Friend's Email">
1610						</div><!-- /.controls -->
1611					</div><!-- /.control-group -->
1612					<div class="form-group col-xs-12 col-sm-6">
1613						<label class="control-label" for="name2">
1614							<span style="display:none;">Your Name</span>
1615							<span class="form-required" title="This field is required."></span>
1616						</label>
1617						<div class="controls">
1618							<input aria-label="Enter Your Name"  type="text" required name="name2" id="name2" def="Your name" placeholder="Your Name">
1619						</div><!-- /.controls -->
1620					</div><!-- /.control-group -->
1621					<div class="form-group col-xs-12 col-sm-6">
1622						<label class="control-label" for="email2">
1623							<span style="display:none;">Your Email</span>
1624							<span class="form-required" title="This field is required."></span>
1625						</label>
1626						<div class="controls">		
1627							<input aria-label="Enter Your Email Address" type="email" required name="email2" id="email2" def="Email email" placeholder="Your Email">
1628						</div><!-- /.controls -->
1629					</div><!-- /.control-group -->
1630					<div class="form-group col-xs-12">
1631						<label class="control-label" for="SendMessage" ><span style="display:none;">Your Message</span></label>
1632						<div class="controls">
1633							<textarea aria-label="Your Message" style="min-height:70px;" name="SendMessage" id="SendMessage" def="Message message" placeholder="Your Message..."></textarea>
1634						</div>
1635						<!-- /.controls -->
1636					</div>
1637					<div class="form-group col-xs-12 no-padding-responsive" style="">
1638						<div class="g-recaptcha" 
1639							style="margin-bottom: 15px;width: 300px;margin: 10px auto;"
1640							data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 
1641							></div>
1642						<p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p>
1643					</div>
1644					<div class="form-group col-xs-12" style="">
1645						<input aria-label="Email Listing" type="submit" class="btn btn-primary submit" value="Send Listing" name="btnEmailFriend">
1646					</div>
1647				</div>
1648			</fieldset>
1649    	</form>
1650	
1651  </div>
1652</div>
1653
1654
1655
1656
1657<script>
1658
1659function submitEmailToFriendCallback(token){
1660	var id					= $("#MFid");
1661	var source 				= $("#MFsource");
1662	var email1				= $("#email1");
1663	var email2				= $("#email2");
1664	var name1				= $("#name1");
1665	var name2				= $("#name2");
1666	var tips				= $(".validateTips");
1667	var isMLS				= $("#MFMLS");	
1668	var isLF				= $("#MFLF");
1669	var SendMessage			= $("#SendMessage");
1670	$.ajax({
1671		type: "POST",
1672		url: "remote.cfm?action=modalSubmit",
1673		data:"ajaxType=modalFriend&email1=" + email1.val() + "&email2=" + email2.val() + "&name1=" + name1.val() + "&name2=" + name2.val() + "&SendMessage=" + SendMessage.val() + "&id=" + id.val() + "&source=" + source.val(), 
1674		success: function(data){ 
1675			$("#emfFields").fadeOut();	
1676			$("#emfResults").html(data).fadeIn();												
1677			setTimeout(function(){
1678				$('#modalEmailToFriend').fadeOut().modal('toggle');
1679			}, 3000);
1680		}
1681	});
1682}	
1683
1684$(document).ready(function() {
1685    var all_fs = $("#emfform").children("fieldset"); //all fieldsets
1686    var left, opacity, scale; //fieldset properties which we will animate
1687    var animating; //flag to prevent quick multi-click glitches
1688    var disableValidation = false;
1689
1690    $('#emfform').not("input[type=textarea], button").on('keyup keypress', function(e) {
1691        var keyCode = e.keyCode || e.which;
1692            if (keyCode === 13) {
1693             	e.preventDefault();
1694             	return false;
1695            }
1696    });
1697
1698    $("#emfform").validate({
1699        rules: {
1700            email1 : {
1701                required: true,
1702				email: true
1703            },
1704			email2 : {
1705                required: true,
1706				email: true
1707            },
1708			name1 : {
1709                required: true,
1710            },
1711            name2 : {
1712                required: true,
1713            }
1714        },
1715        success: "valid",
1716        debug: true,
1717        submitHandler: function(form) {			
1718			var captchaIndex = form.dataset.captchaIndex || 0;
1719			try {
1720				if (grecaptcha.execute){ // invisible
1721					var googleResponse = grecaptcha.execute(captchaIndex); //
1722				} 
1723			} catch (err){
1724				// v2
1725				var googleResponse = grecaptcha.getResponse(captchaIndex) || $(form).find(".g-recaptcha-response").val();
1726				if (!googleResponse) {
1727					// console.debug('register form invalid / captcha fail');
1728					$(form).find('.error-captcha').show();
1729					return false;
1730				} else {
1731					$(form).find('.error-captcha').hide();
1732					var isValid = $("#emfform").valid();			
1733					if (isValid || disableValidation){						
1734						submitEmailToFriendCallback(true);
1735					} else if (isValid !== true){
1736					} else {
1737					}
1738				}
1739			}		
1740        }
1741    });
1742    $(".submit").click(function(){
1743        return true;
1744    });
1745});
1746</script>
1746
1747
1748
1749<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
1750
1751<style>
1752    
1753
1754.page-title {
1755    height: auto !important;
1756}
1757#AgentSide > h3, 
1758#AgentSide > br {
1759    display:none!important;
1760}
1761#AgentSide > .agent {
1762     margin-top:0;
1763     margin-bottom:15px;  
1764}
1765#AgentSide > .agent .name {
1766    font-weight:bold;
1767    font-size:1.2em;
1768}
1769#AgentSide textarea {
1770    min-height: 75px !important;
1771}
1772
1773#AgentSide .btn-submit {
1774    width: 100%;
1775    padding: 1em 1em;
1776}
1777
1778.owl-slider-wrapper .item img {
1779    display: block;
1780    width: auto;
1781    height:512px!important;
1782    margin-right: auto;
1783    margin-left: auto;
1784}
1785
1786.dspVirtualTour.border{
1787    max-height:512px;
1788}
1789
1790#AgentSide input[type="text"]{ 
1791    height:auto !important;
1792    margin-bottom: 11px;
1793}
1794
1795.label.in-contract {
1796    color: #FFF;
1797    background-color: #D9534F;
1798    border-color: #D43F3A;
1799}
1800
1801#AgentSide .agent .circular{
1802    border: 2px solid white;
1803    font-size: 2em;
1804    text-align: center;
1805    padding: .9em .5em;
1806    vertical-align: middle;
1807    background-position: center top;
1808}
1809
1810.g-recaptcha {
1811    text-align: left;
1812    display: flex;
1813    flex-direction: column;
1814    align-items: flex-start;
1815    justify-items: flex-start;
1816    align-content: flex-start;
1817    justify-content: flex-start;
1818}
1819
1820.page-title h1 {
1821    margin-top:0;
1822}
1823.essential {
1824    display:inline-flex;
1825}
1826.owl-slider-wrapper .item img  {
1827    height: 512px;
1828}
1829
1830.address-details h1 {
1831    display:flex;
1832    font-size: 26px !important;
1833    line-height: 30px !important;
1834    font-weight: bold !important;
1835    margin: 0 0 0 0!important;
1836    padding: 0 0 0 0 !important;
1837}
1838
1839.amenity {
1840    margin: 2px 0;
1841}
1842
1843.label {
1844    display: inline;
1845    font-weight: bold;
1846    line-height: normal;
1847    /* color: #fff; */
1848    text-align: center;
1849    white-space: nowrap;
1850    vertical-align: middle;
1851    align-self: flex-start;
1852    margin-left: 15px;
1853    padding: 4px 7px;
1854    border-radius: 0;
1855    /* border-radius: .25em; */
1856}
1857
1858@media (max-width: 768px){
1859    .label {
1860        margin-top:5px;
1861        margin-left:0;
1862    }
1863    .address-details h1 {
1864        flex-direction:column;
1865    }
1866    .owl-slider-wrapper .item img {
1867        display: block;
1868        width: auto;
1869        height:unset!important;
1870        /*height: 368px !important;*/
1871        max-height: 368px !important;
1872        margin-right: auto;
1873        margin-left: auto;
1874    }
1875}
1876
1877.main-details-wrapper {
1878    background-color:white;
1879}
1880
1881.sct-header {
1882    margin:0em auto 1em;
1883    padding-top:1em;
1884    padding-bottom:1em;
1885}
1886
1887@media (max-width: 680px) {
1888    .sct-header {
1889        margin:0em 0 1em;
1890        padding-top:1em;
1891        padding-bottom:1em;
1892    }
1893}            
1894
1895.sct-header .page-title {
1896    margin:1em auto;
1897    min-height:auto;
1898    border:none;
1899    background:unset;
1900    border-bottom:none;
1901}
1902
1903.sct-header .page-title-layer {
1904    margin-left: 0;
1905    margin-right: 0;
1906}
1907
1908.sct-header .page-title-layer > div {
1909    flex:0 0 400px;
1910}
1911
1912.sct-header .page-title-layer > div:first-of-type {
1913    flex:1 1 auto;
1914}
1915
1916.sct-header .page-title-layer,
1917.sct-details .details-wrapper {
1918    display:flex;
1919    flex-direction:row;
1920    background-color: inherit;
1921}
1922
1923.sct-header .page-title-layer .pricing-details {
1924    margin-top:15px;
1925}
1926
1927.property-price-header,
1928.property-address-header {
1929    font-size: 26px !important;
1930    line-height: 30px !important;
1931    font-weight: bold !important;
1932    margin: 0 0 0 0!important;
1933    padding: 0 0 0 0 !important;
1934}
1935
1936.property-area-header {
1937    display:flex;
1938    flex-direction:row;
1939    flex-wrap:wrap;
1940}
1941
1942@media (max-width: 768px){
1943    .property-price-header,
1944    .property-address-header {
1945        font-size:22px !important;
1946        line-height:normal !important;
1947        font-weight:bold !important;
1948        margin: 0 0 0 0!important;
1949        padding: 0 0 0 0 !important;
1950    }
1951}
1952
1953.details-inner {
1954    flex:1 1 auto;
1955}
1956
1957.details-options {
1958    flex:0 0 400px;
1959}
1960
1961.amenity  {
1962    list-style: none;
1963}
1964
1965.amenity-green-building{
1966    color: #5cb85c;
1967}
1968
1969.header-bg {
1970    background-color:#eee;
1971}
1972
1973@media (min-width: 991px){
1974    .sct-header .page-title-layer .pricing-details {
1975        margin-left: 30px;
1976        margin-top:0;
1977    }
1978    .details-inner {
1979        margin-right: 15px;
1980    }
1981    
1982}
1983
1984#AgentSide .contact-form {
1985    margin: 0 0 !important;
1986}
1987
1988#AgentSide #contact-agent .control-group {
1989    margin:0 auto !important;
1990}
1991
1992.badge {
1993    display: inline-block;
1994    min-width: 10px;
1995    padding: 3px 7px;
1996    font-size: 12px;
1997    font-weight: bold;
1998    line-height: normal;
1999    color: #fff;
2000    text-align: center;
2001    white-space: nowrap;
2002    vertical-align: middle;
2003    background-color: #777;
2004    border-radius: 0;
2005    margin: 0 0;
2006}
2007
2008.badge-ner{
2009    color: #fff;
2010    background-color: #28a745;
2011}
2012
2013.owl-slider-wrapper {
2014    margin-bottom:0px !important;
2015}
2016
2017.owl-portfolio-slider {
2018    padding-bottom:1em !important;
2019}
2020
2021@media (max-width:991px){
2022    .owl-portfolio-slider {
2023        padding-bottom: 0;
2024    }
2025    .owl-slider-wrapper {
2026        margin-bottom:2em !important;
2027    }
2028    .mobile-contact-cta {
2029        display: block !important;
2030        margin:1em 0;
2031    }
2032    .details-options {
2033        flex:0 0 400px;
2034        margin-top:1em;
2035    }
2036
2037    .sct-header .page-title-layer .pricing-details {
2038        flex: 1 1 auto;
2039        height:auto;
2040    }
2041    .sct-header .page-title-layer,
2042    .sct-details .details-wrapper {
2043        flex-direction:column;
2044    }
2045    .details-options {
2046        order:0;
2047    }
2048    .details-body {
2049        order:2;
2050    }
2051}
2052
2053.owl-wrapper {
2054    background-color:#eee;
2055    border-color: #ccc;
2056}
2057
2058
2059.detailsSection {
2060    display: flex;
2061    flex-direction: row;
2062    align-content: flex-start;
2063    justify-content: flex-start;
2064    align-items: flex-start;
2065    margin: 1em 0;
2066    justify-items: flex-start;
2067    flex-wrap: wrap;
2068}
2069
2070.detailsSection .essentials {
2071    margin: 5px 0;
2072    font-weight: normal;
2073    width: 33%;
2074   border-bottom: 1px solid #eee; /**/
2075}
2076.detailsSection .essentials.custom-field {
2077    min-width: 33%;
2078    width:auto;
2079}
2080
2081.detailsSection .essentials span {
2082    display: inline-block;
2083    /*min-width: 100px;*/
2084}
2085@media (max-width:991px){
2086    .detailsSection .essentials {
2087        width: 33%;
2088    }
2089}
2090@media (max-width:768px){
2091    .detailsSection .essentials span {
2092        display: inline-block;
2093        min-width: unset;
2094    }
2095    .detailsSection .essentials {
2096        flex: 1 0 50%;
2097        max-width:50%;
2098    }
2099    .detailsSection .essentials.custom-field {
2100        flex: 1 0 auto;
2101        max-width:100%;
2102    }
2103    .details-wrapper .details-options .sticky-contact > div {
2104        min-height: 100% !important;
2105    }
2106}
2107
2108
2109.contact-agent-form {
2110    display: flex;
2111    flex-direction: column;
2112    background-color:#eee;
2113    margin:0em;padding:15px 15px 15px;
2114    min-height: 512px;
2115}
2116
2117.amenities-box {
2118    background-color:#eee;
2119    padding:1em;
2120    margin:1em auto;
2121}
2122
2123.embed-youtube{
2124    min-width: 768px;
2125}
2126
2127@media (max-width:768px){
2128    .embed-youtube{
2129        min-width: 350px;
2130    }
2131}
2132
2133
2134
2135/* CLEAR HEADER // BOND STYLE */
2136/*
2137    .header-bg {
2138        background: none !important;
2139        background-color: transparent !important;
2140    }
2141    .light-wrapper.page-title {
2142        background-color: unset !important;
2143    }
2144   
2145    .sct-header {
2146        border-bottom: 4px solid #eee !important;
2147    }
2148
2149/*
2150
2151
2152
2153
2154
2155.details .amenity {
2156    min-width: 150px;
2157    text-overflow: ellipsis;
2158    white-space: nowrap;
2159    display: block;
2160    overflow: hidden;
2161    list-style: none;
2162}
2163
2164.details .amenity [class^="icon-"]::before,
2165.details .amenity [class*=" icon-"]::before {
2166    padding-right: 5px;
2167}
2168
2169#AgentSide .email {
2170    min-width: 150px;
2171    text-overflow: ellipsis;
2172    white-space: nowrap;
2173    display: block;
2174    overflow: hidden;
2175}
2176
2177#AgentSide .email i {
2178    padding-right: 5px;
2179}
2180
2181.label.appPending {
2182    color: #FFF;
2183    background-color: rgba(76, 174, 76, 1);
2184    border-color: rgba(76, 174, 76, 1);
2185    font-size: 15px;
2186    padding: 4px 7px;
2187    border-radius: 0px;
2188}
2189
2190.btn-back-to-search {
2191    float: right;
2192    margin-top: -2.5em;
2193}
2194
2195.marker {
2196    background-image: none !important;
2197}
2198
2199
2200
2201
2202</style>
2203<script>
2204
2205
2206    function jumpToContact() {
2207        $(document).scrollTop( $("#contact-agent").offset().top);  
2208    }
2209
2210    function sctCalcHeaderHeight(header){
2211       var sizes = {};
2212        sizes.height = header.height();
2213        sizes.paddingTop = parseInt(header.css('padding-top'))
2214        sizes.paddingBottom = parseInt(header.css('padding-bottom'));
2215        sizes.marginTop = parseInt(header.css('margin-top'));
2216        sizes.marginBottom = parseInt(header.css('margin-top'));
2217        sizes.trueHeight = header.outerHeight( true );
2218        sizes.totalHeight = getTotalHeightOfObject(header);
2219        return sizes;
2220    }
2221    
2222    function  getTotalHeightOfObject(object) {
2223        if(object == null || object.length == 0) {
2224            return 0;
2225        }
2226        var value       = object.height();
2227        value           += parseInt(object.css("padding-top"), 10) + parseInt(object.css("padding-bottom"), 10); //Total Padding Width
2228        value           += (Math.abs(parseInt(object.css("margin-top"), 10)) * -1) + (Math.abs(parseInt(object.css("margin-bottom"), 10)) * -1); //Total Margin Width
2229        value           += parseInt(object.css("borderTopWidth"), 10) + parseInt(object.css("borderBottomWidth"), 10); //Total Border Width
2230        return value;
2231    }
2232    
2233    function handle_details_scroll(el){
2234        $navbar =  $(el).length ? $(el) : ($('nav').length ? $('nav') : $("header"));
2235        var calculatedHeights = sctCalcHeaderHeight($navbar);
2236        var offset = calculatedHeights.trueHeight;
2237        var headerHeight = calculatedHeights.trueHeight;
2238        return headerHeight;
2239    }
2240
2241    function showFloorPlan(floorplanId){
2242        $("#"+floorplanId+" a").trigger('click');
2243        //var opts = {backdrop: 'static', keyboard: false}; 
2244        // $('#modalFloorPlan .modal-body img').attr('src',floorplanURL);
2245        // $('#modalFloorPlan').modal('show');
2246    }
2247 
2248    document.addEventListener('DOMContentLoaded', function () {
2249        var $ = window.jQuery || window.$;
2250        if (!$) {
2251            console.error('jQuery is required for master.cfm inline scripts');
2252            return;
2253        }
2254        if (!$.fn || !$.fn.sticky) {
2255            console.error('jquery.sticky is required for master.cfm inline scripts');
2256            return;
2257        }
2258        var topSacing = 10;
2259        var r = handle_details_scroll('.navbar');
2260        if(r){
2261            topSacing = r;
2262        }
2263        var windowsize = $(window).width();
2264
2265
2266        var getSectionHeight = function(selector){
2267            var el = $(selector);
2268            return el.length ? el.outerHeight(true) : 0;
2269        };
2270        var computeBottomSpacing = function(){
2271            var spacing = 0;
2272            spacing += getSectionHeight('#details-calculator');
2273            spacing += getSectionHeight('#details-map');
2274            spacing += getSectionHeight('#details-idx-disclaimer');
2275            spacing += getSectionHeight('#details-more-listings');
2276            spacing += getSectionHeight('#footer-extra');
2277            spacing += getSectionHeight('.link');
2278            spacing += getSectionHeight('.cfdebug');
2279            spacing += getSectionHeight('footer');
2280            spacing += 30;
2281            return spacing;
2282        };
2283        var initStickyContact = function(){
2284            if (!$('.sticky-contact').length){
2285                return;
2286            }
2287            if ($(window).width() > 900){
2288                try { $('.sticky-contact').sticky('unstick'); } catch(e){}
2289                $('.sticky-contact').sticky({
2290                    topSpacing: topSacing,
2291                    bottomSpacing: computeBottomSpacing(),
2292                    getWidthFrom:'#contact-agent-div',
2293                    zIndex: 1000
2294                });
2295            } else {
2296                try { $('.sticky-contact').sticky('unstick'); } catch(e){}
2297            }
2298        };
2299        initStickyContact();
2300        $(window).on('load resize', function(){
2301            initStickyContact();
2302        });
2303        setTimeout(function(){
2304            initStickyContact();
2305        }, 1000);
2306        setTimeout(function(){
2307            initStickyContact();
2308        }, 2500);
2309
2310        $('#jumpToContact').on('click',function(e){
2311            // prevent default
2312            e.preventDefault();
2313            $(".contact-agent-form")[0].scrollIntoView(true);   
2314        });
2315    });
2316
2317</script>
2317
2318
2319
2320        
2321
2322
2323
2324        <div class="offset"></div>
2325        <div name="top"></div>
2326
2327
2328        <div class="main-details-wrapper">
2329
2330
2331            
2332                    <div class="property images-container" data-image-count="13">
2333                        <style>
2334    .property.images-container {
2335        display: block;
2336        position: relative;
2337        box-sizing: border-box;
2338        width: 100%;
2339        overflow: hidden;
2340    }
2341
2342    .iframeVirtualTour{
2343        width:768px;
2344    }
2345
2346    @media (max-width: 425px){
2347        .property.images-container {
2348            height: auto;
2349            overflow: hidden;
2350        }
2351
2352        .iframeVirtualTour{
2353            width:390px;
2354        }
2355    }
2356    .owl-slider-wrapper .owl-custom-nav .slider-prev {
2357        position: absolute;
2358        top: 50%;
2359        left: 20px;
2360        pointer-events: auto;
2361    }
2362    .owl-slider-wrapper .owl-custom-nav .slider-next {
2363        position: absolute;
2364        top: 50%;
2365        right: 20px;
2366        pointer-events: auto;
2367    }
2368
2369    /*
2370     * Slides whose photo has not been reached yet -- or has been unloaded again
2371     * to reclaim memory -- carry data-src but no src. Hide them so the browser
2372     * renders neither the alt text nor a broken-image glyph.
2373     */
2374    .owl-portfolio-slider-2 img[data-src]:not([src]) {
2375        visibility: hidden;
2376    }
2377
2378    /*
2379     * autoHeight measures the current slide, so the carousel would briefly
2380     * collapse to 0 in the instant between a slide becoming current and its
2381     * photo decoding. Floor it instead.
2382     */
2383    .owl-portfolio-slider-2 .owl-stage-outer {
2384        min-height: 200px;
2385    }
2386</style>
2387
2388
2389
2390    
2391    <div class="owl-slider-wrapper">
2392        <div class="owl-portfolio-slider-2 owl-carousel" style="width:1px;min-width: 100%;">
2393            
2394            
2395
2396                    <div class="item imageIsHorizon"  > 
2397
2398                        
2399                        <a id="image-1" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" data-lightbox="property-details" >
2400                            <img src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg" alt="N Paulina - Photo 1" width="768" height="444" decoding="async">
2401                        </a>
2402
2403                        
2404                    </div>
2405
2406                
2407
2408                    <div class="item imageIsHorizon"  > 
2409
2410                        
2411                        <a id="image-2" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555412.jpg" data-lightbox="property-details" >
2412                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555412.jpg" alt="N Paulina - Photo 2" width="768" height="444" decoding="async">
2413                        </a>
2414
2415                        
2416                    </div>
2417
2418                
2419
2420                    <div class="item imageIsHorizon"  > 
2421
2422                        
2423                        <a id="image-3" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555413.jpg" data-lightbox="property-details" >
2424                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555413.jpg" alt="N Paulina - Photo 3" width="768" height="444" decoding="async">
2425                        </a>
2426
2427                        
2428                    </div>
2429
2430                
2431
2432                    <div class="item imageIsHorizon"  > 
2433
2434                        
2435                        <a id="image-4" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555414.jpg" data-lightbox="property-details" >
2436                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555414.jpg" alt="N Paulina - Photo 4" width="768" height="444" decoding="async">
2437                        </a>
2438
2439                        
2440                    </div>
2441
2442                
2443
2444                    <div class="item imageIsHorizon"  > 
2445
2446                        
2447                        <a id="image-5" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555415.jpg" data-lightbox="property-details" >
2448                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555415.jpg" alt="N Paulina - Photo 5" width="768" height="444" decoding="async">
2449                        </a>
2450
2451                        
2452                    </div>
2453
2454                
2455
2456                    <div class="item imageIsHorizon"  > 
2457
2458                        
2459                        <a id="image-6" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555416.jpg" data-lightbox="property-details" >
2460                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555416.jpg" alt="N Paulina - Photo 6" width="768" height="444" decoding="async">
2461                        </a>
2462
2463                        
2464                    </div>
2465
2466                
2467
2468                    <div class="item imageIsHorizon"  > 
2469
2470                        
2471                        <a id="image-7" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555417.jpg" data-lightbox="property-details" >
2472                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555417.jpg" alt="N Paulina - Photo 7" width="768" height="444" decoding="async">
2473                        </a>
2474
2475                        
2476                    </div>
2477
2478                
2479
2480                    <div class="item imageIsHorizon"  > 
2481
2482                        
2483                        <a id="image-8" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555418.jpg" data-lightbox="property-details" >
2484                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555418.jpg" alt="N Paulina - Photo 8" width="768" height="444" decoding="async">
2485                        </a>
2486
2487                        
2488                    </div>
2489
2490                
2491
2492                    <div class="item imageIsHorizon"  > 
2493
2494                        
2495                        <a id="image-9" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555419.jpg" data-lightbox="property-details" >
2496                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555419.jpg" alt="N Paulina - Photo 9" width="768" height="444" decoding="async">
2497                        </a>
2498
2499                        
2500                    </div>
2501
2502                
2503
2504                    <div class="item imageIsHorizon"  > 
2505
2506                        
2507                        <a id="image-10" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555420.jpg" data-lightbox="property-details" >
2508                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555420.jpg" alt="N Paulina - Photo 10" width="768" height="444" decoding="async">
2509                        </a>
2510
2511                        
2512                    </div>
2513
2514                
2515
2516                    <div class="item imageIsHorizon"  > 
2517
2518                        
2519                        <a id="image-11" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555421.jpg" data-lightbox="property-details" >
2520                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555421.jpg" alt="N Paulina - Photo 11" width="768" height="444" decoding="async">
2521                        </a>
2522
2523                        
2524                    </div>
2525
2526                
2527
2528                    <div class="item imageIsHorizon"  > 
2529
2530                        
2531                        <a id="image-12" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555422.jpg" data-lightbox="property-details" >
2532                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555422.jpg" alt="N Paulina - Photo 12" width="768" height="444" decoding="async">
2533                        </a>
2534
2535                        
2536                    </div>
2537
2538                
2539
2540                    <div class="item imageIsHorizon"  > 
2541
2542                        
2543                        <a id="image-13" href="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555423.jpg" data-lightbox="property-details" >
2544                            <img data-src="https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555423.jpg" alt="N Paulina - Photo 13" width="768" height="444" decoding="async">
2545                        </a>
2546
2547                        
2548                    </div>
2549
2550                
2551        </div>
2552        
2553            <div class="owl-custom-nav">
2554                <a class="slider-prev"></a>
2555                <a class="slider-next"></a>
2556            </div>
2557        
2558    </div>
2559
2560
2561
2562<script>
2563    (function () {
2564        /*
2565         * Initialize the listing photo carousel as soon as jQuery and the Owl
2566         * Carousel plugin are both available -- without waiting for window.load.
2567         *
2568         * This was previously wrapped in $(window).load(), which fires only
2569         * after EVERY resource on the page (dozens of third-party scripts,
2570         * stylesheets, images, map tiles) has finished loading. The .owl-carousel
2571         * element is display:none until owlCarousel() runs, so if any one of
2572         * those resources stalled on the visitor's network/browser, window.load
2573         * never fired, the carousel never initialized, and no photos appeared --
2574         * while the plain-HTML listing text still rendered.
2575         *
2576         * It cannot run inline or on $(document).ready() either: on the details
2577         * page Owl Carousel is loaded as a 
2577<script defer> lower in the document,
2578         * so it is not available during inline parsing, and a *different* stalled
2579         * defer script can block DOMContentLoaded. So poll for the plugin (the
2580         * same pattern shared/_scripts.cfm uses for the reCAPTCHA loader) and
2581         * initialize the moment it is ready -- independent of any load event or
2582         * script order.
2583         */
2584        var waited = 0;
2585
2586        /*
2587         * How many slides either side of the visible window to keep decoded, so
2588         * the next photo is ready before the visitor reaches it.
2589         */
2590        var PRELOAD = 2;
2591
2592        /*
2593         * Keep only a sliding window of the carousel's media live.
2594         *
2595         * Owl clones every slide when loop is on and rewind is off: the clone
2596         * count is Math.max(items * 2, ceil(n / 2) * 2), so a 52-slide listing
2597         * ends up with 52 clones -- 104 slides in the DOM. Left eager, that is
2598         * every photo decoded twice plus two copies of each virtual-tour embed.
2599         * Mobile Safari's WebContent process gets killed well before the end of
2600         * that, which is the "A problem repeatedly occurred" page: the memory
2601         * climbs monotonically as each newly painted slide is decoded and
2602         * nothing is ever released, so any navigation -- arrows, swipe, dots --
2603         * walks it off the cliff.
2604         *
2605         * So load a slide's media as it comes into range and release it again on
2606         * the way out, which puts a ceiling on resident memory no matter how far
2607         * the visitor swipes.
2608         */
2609        function initWindowedMediaLoader(owl2) {
2610            var $ = window.jQuery;
2611            var core = owl2.data('owl.carousel');
2612
2613            if (!core || !core.$stage) { return; }
2614
2615            function isLive(el) {
2616                var src = el.getAttribute('src');
2617                return !!src && src !== 'about:blank';
2618            }
2619
2620            function activate(el) {
2621                var url = el.getAttribute('data-src');
2622
2623                if (!url || isLive(el)) { return; }
2624
2625                if (el.tagName === 'IMG') {
2626                    // autoHeight sizes the carousel off the current slide, which
2627                    // has no height until its photo has dimensions.
2628                    $(el).one('load error', updateHeight);
2629                }
2630
2631                el.setAttribute('src', url);
2632
2633                if (el.tagName === 'SOURCE' && el.parentNode && el.parentNode.load) {
2634                    el.parentNode.load();
2635                }
2636            }
2637
2638            function release(el) {
2639                if (!el.getAttribute('data-src') || !isLive(el)) { return; }
2640
2641                if (el.tagName === 'IFRAME') {
2642                    // Navigate the frame rather than just dropping the attribute:
2643                    // that is what actually discards the embedded document and
2644                    // any WebGL context (Matterport) or media pipeline it holds.
2645                    el.setAttribute('src', 'about:blank');
2646                    return;
2647                }
2648
2649                if (el.tagName === 'VIDEO' || el.tagName === 'SOURCE') {
2650                    var video = el.tagName === 'VIDEO' ? el : el.parentNode;
2651                    el.removeAttribute('src');
2652                    if (video && video.pause) { video.pause(); video.load(); }
2653                    return;
2654                }
2655
2656                el.removeAttribute('src');
2657            }
2658
2659            /*
2660             * A copy of AutoHeight.prototype.update. Deliberately not
2661             * refresh.owl.carousel: Owl.setup() unconditionally invalidates
2662             * 'settings', and the clone pipeline stage filters on it, so every
2663             * refresh tears down and rebuilds all 52 clones -- re-creating the
2664             * cloned tour iframes along with them.
2665             */
2666            function updateHeight() {
2667                if (!core.settings || !core.settings.autoHeight) { return; }
2668
2669                var items = core.settings.items || 1;
2670                var height = 0;
2671
2672                core.$stage.children().slice(core._current, core._current + items).each(function () {
2673                    height = Math.max(height, $(this).height());
2674                });
2675
2676                if (height > 0) { core.$stage.parent().height(height); }
2677            }
2678
2679            function sync() {
2680                var settings = core.settings || {};
2681                var items = settings.items || 1;
2682                var current = core._current || 0;
2683
2684                /*
2685                 * With center on, the current slide sits in the MIDDLE of the
2686                 * visible run, so the run starts to the LEFT of it. Treating
2687                 * current as the leftmost visible slide leaves the left-hand
2688                 * neighbour on screen but never activated -- which is a blank
2689                 * gap where a tour embed should be, since the tour slides are
2690                 * last and loop around to sit left of the first photo.
2691                 *
2692                 * lead is 0 when items is 1, so a phone still keeps exactly one
2693                 * embed live; only the >=991 breakpoints (items:3) widen.
2694                 */
2695                var lead = settings.center ? Math.floor((items - 1) / 2) : 0;
2696                var visFirst = current - lead;
2697                var visLast = visFirst + items - 1;
2698                var first = visFirst - PRELOAD;
2699                var last = visLast + PRELOAD;
2700
2701                /*
2702                 * The >=991 breakpoints run autoWidth, which measures each slide
2703                 * from its content -- an unloaded photo is 0 wide and would
2704                 * collapse the layout. Desktop has the memory headroom anyway,
2705                 * so window the photos only where autoWidth is off (phone and
2706                 * tablet, which is where the crash lives). The tour embeds are
2707                 * windowed everywhere; they are heavy on any device.
2708                 */
2709                var keepAllPhotos = !!settings.autoWidth;
2710
2711                core.$stage.children().each(function (index, slide) {
2712                    var inWindow = index >= first && index <= last;
2713                    var isVisible = index >= visFirst && index <= visLast;
2714                    var media = slide.querySelectorAll('[data-src]');
2715
2716                    for (var m = 0; m < media.length; m++) {
2717                        var el = media[m];
2718                        var wanted = el.tagName === 'IMG'
2719                            ? (keepAllPhotos || inWindow)
2720                            : isVisible;
2721
2722                        if (wanted) { activate(el); } else { release(el); }
2723                    }
2724                });
2725            }
2726
2727            // refreshed fires after Owl rebuilds its clones, which arrive as
2728            // fresh copies of the originals -- so re-apply the window then too.
2729            owl2.on('changed.owl.carousel translated.owl.carousel ' +
2730                    'refreshed.owl.carousel resized.owl.carousel', function (e) {
2731                if (!e.namespace) { return; }
2732                sync();
2733            });
2734
2735            sync();
2736        }
2737
2738        function initPropertyImagesCarousel() {
2739            if (typeof window.jQuery === "undefined" ||
2740                typeof window.jQuery.fn.owlCarousel === "undefined") {
2741                if (waited < 15000) {           // give up after ~15s
2742                    waited += 30;
2743                    setTimeout(initPropertyImagesCarousel, 30);
2744                }
2745                return;
2746            }
2747
2748            var $ = window.jQuery;
2749            var owl2 = $('.owl-portfolio-slider-2');
2750
2751            if (owl2.length) {
2752                owl2.owlCarousel({
2753                    loop: true,
2754                    nav: false,
2755                    dots: 0,
2756                    margin: 7,
2757                    autoplayTimeout: 2500,
2758                    autoplayHoverPause: true,
2759                    autoplay: 0,
2760                    lazyLoad: false,
2761                    center: true,
2762                    rewind: false,
2763                    startPosition: 0,
2764                    responsiveClass: 1,
2765                    autoHeight: 1,
2766                    video: 1,
2767                    responsive: {
2768                        0: { items: 1, autoWidth: 0 },
2769                        768: { items: 1, autoWidth: 0},
2770                        
2771                            991: { items: 3, autoWidth: 1},
2772                            1024: {items: 3, autoWidth: 1},
2773                        
2774
2775                    },
2776                });
2777
2778                $(".slider-next").click(function () {
2779                    owl2.trigger('next.owl.carousel');
2780                });
2781                $(".slider-prev").click(function () {
2782                    owl2.trigger('prev.owl.carousel');
2783                });
2784
2785                initWindowedMediaLoader(owl2);
2786            }
2787        }
2788
2789        initPropertyImagesCarousel();
2790    })();
2791</script>
2791
2792
2793
2794
2795
2796<style>
2797    /*
2798     * lb-loop is what keeps the arrows reachable at the ends of the album. It
2799     * is set only for albums worth paging through, so a lone floorplan
2800     * lightbox keeps its arrow-less look.
2801     */
2802    .lightbox.lb-loop .lb-nav a.lb-prev,
2803    .lightbox.lb-loop .lb-nav a.lb-next {
2804        display: block !important;
2805    }
2806</style>
2807
2808<script>
2809    (function () {
2810        'use strict';
2811
2812        var GROUP = 'data-lightbox';
2813        var CLONE = 'data-lightbox-clone';
2814        var LEFT = 37;
2815        var RIGHT = 39;
2816
2817        // hrefs of the album currently open, in the order the agent set.
2818        var album = [];
2819
2820        function indexOf(list, value) {
2821            for (var i = 0; i < list.length; i++) {
2822                if (list[i] === value) { return i; }
2823            }
2824            return -1;
2825        }
2826
2827        function viewer() {
2828            return document.getElementById('lightbox');
2829        }
2830
2831        function anchorsFor(group) {
2832            return document.querySelectorAll('a[' + GROUP + '="' + group + '"]');
2833        }
2834
2835        /*
2836         * Owl rebuilds its clones from the originals on every refresh and
2837         * resize, and the rebuilt copies carry data-lightbox again -- so this
2838         * runs per click rather than once at startup.
2839         */
2840        function demoteClones() {
2841            var clones = document.querySelectorAll('.cloned a[' + GROUP + ']');
2842
2843            for (var i = 0; i < clones.length; i++) {
2844                clones[i].setAttribute(CLONE, clones[i].getAttribute(GROUP));
2845                clones[i].removeAttribute(GROUP);
2846            }
2847        }
2848
2849        // Clones are copies, so the href is what ties one back to its original.
2850        function originalOf(clone) {
2851            var originals = anchorsFor(clone.getAttribute(CLONE));
2852            var href = clone.getAttribute('href');
2853
2854            for (var i = 0; i < originals.length; i++) {
2855                if (originals[i].getAttribute('href') === href) { return originals[i]; }
2856            }
2857            return null;
2858        }
2859
2860        function rememberAlbum(group) {
2861            var anchors = anchorsFor(group);
2862            var lb = viewer();
2863            var classes;
2864
2865            album = [];
2866            for (var i = 0; i < anchors.length; i++) {
2867                album.push(anchors[i].getAttribute('href'));
2868            }
2869
2870            if (!lb) { return; }
2871
2872            classes = (' ' + lb.className + ' ').replace(/ lb-loop /g, ' ');
2873            lb.className = (album.length > 1 ? classes + 'lb-loop' : classes)
2874                .replace(/^\s+|\s+$/g, '');
2875        }
2876
2877        function anchorFrom(node) {
2878            while (node && node !== document) {
2879                if (node.nodeType === 1 && node.tagName === 'A' &&
2880                    (node.hasAttribute(GROUP) || node.hasAttribute(CLONE))) {
2881                    return node;
2882                }
2883                node = node.parentNode;
2884            }
2885            return null;
2886        }
2887
2888        /*
2889         * Capture phase on purpose: lightbox listens on <body> as the click
2890         * bubbles up, so this is the last point at which the anchors can be
2891         * reshaped -- and a clone swapped for its original -- before the album
2892         * is collected from the DOM.
2893         */
2894        document.addEventListener('click', function (e) {
2895            var anchor = anchorFrom(e.target);
2896            var original;
2897
2898            if (!anchor) { return; }
2899
2900            demoteClones();
2901
2902            if (anchor.hasAttribute(CLONE)) {
2903                original = originalOf(anchor);
2904                if (!original) { return; }
2905
2906                e.preventDefault();
2907                e.stopPropagation();
2908                original.click();   // re-enters here, this time as an original
2909                return;
2910            }
2911
2912            rememberAlbum(anchor.getAttribute(GROUP));
2913        }, true);
2914
2915        /*
2916         * Nudge the arrow keys over the edge by clicking the arrow the library
2917         * just declined to follow -- its own handler wraps.
2918         */
2919        document.addEventListener('keyup', function (e) {
2920            var lb = viewer();
2921            var key = e.keyCode || e.which;
2922            var image, at, arrow;
2923
2924            if (!lb || lb.offsetParent === null || album.length < 2) { return; }
2925            if (key !== LEFT && key !== RIGHT) { return; }
2926
2927            image = lb.querySelector('.lb-image');
2928            at = image ? indexOf(album, image.getAttribute('src')) : -1;
2929
2930            if (key === LEFT && at === 0) {
2931                arrow = lb.querySelector('.lb-prev');
2932            } else if (key === RIGHT && at === album.length - 1) {
2933                arrow = lb.querySelector('.lb-next');
2934            }
2935
2936            if (arrow) { arrow.click(); }
2937        });
2938    }());
2939</script>
2939
2940
2941                    </div>
2942                
2943
2944            <div class="header-bg" style="position:relative;top:0;left:0;right:0;bottom:0;">
2945                <div class="sct-header container" style="position:relative; margin-bottom:0em;">
2946                    <div class="light-wrapper page-title details-title" style="position:relative;z-index:100;">	
2947                        
2948
2949                        <div class="page-title-layer" style="">
2950                            
2951
2952                            <div class='address-details'>
2953                                
2954    <h1 class="property-address-header" style="">
2955        N PAULINA 
2956    </h1>
2957    
2958    
2959    <div class="property-area-header" style="font-size: 16px;line-height:2;font-weight: bold;vertical-align: middle;display: flex;align-items: center;justify-items: center;align-content: center;">
2960        <div class="property-area-header-type-status">
2961            Apartment For Rent 
2962                &nbsp;&bull;&nbsp;
2963            
2964        </div>
2965        
2966                <a href="index.cfm?page=neighborhoods&cat_name=United-Center">
2967                    United Center
2968                </a>
2969            
2970    </div>
2971    
2972    <div style="font-size:14px;line-height:1;font-weight:bold;">
2973        <span>
2974            Web ID # 125868  
2975        </span>
2976        
2977    </div>
2978    
2979    
2980                            </div>
2981                            <div class='pricing-details'>
2982                                
2983    <h2 class="property-price-header" style="">
2984      $ 2,495 
2985    </h2>
2986  
2987
2988  <div style="font-size: 16px;line-height:2;font-weight: bold;vertical-align: middle;display: flex;align-items: center;justify-items: center;align-content: center;">
2989    2 Beds &bull; 2 Baths 
2990    &nbsp;
2991  </div>
2992
2993 
2994
2995
2996  <div style="font-size:14px;line-height:1;font-weight:bold;">
2997    
2998    
2999  </div>
3000
3001  
3002
3003</table>
3004
3005                            </div>
3006
3007                        </div>
3008
3009                        
3010                    </div>
3011                </div>
3012            </div>
3013
3014            
3015
3016            
3017
3018            <div class="sct-details container">
3019
3020                
3021
3022<script>
3023  function showVtour(video_id) {
3024    $('.owl-portfolio-slider-2').trigger('to.owl.carousel', 13);
3025  }
3026
3027  function goBackAndClearHash() {
3028    var returnURL;
3029
3030    // 1. Check URL parameter (most reliable in iframe context)
3031    try {
3032      var params = new URLSearchParams(window.location.search);
3033      returnURL = params.get('idxReturnUrl');
3034      console.log('idxReturnUrl param:', returnURL);
3035    } catch(e){ console.log('URLSearchParams error:', e); }
3036
3037    // 2. Fallback to sessionStorage
3038    if (!returnURL) {
3039      try { returnURL = sessionStorage.getItem('idxFrameReturnURL'); } catch(e){}
3040      console.log('sessionStorage fallback:', returnURL);
3041    }
3042
3043    // 3. Fallback to referrer
3044    if (!returnURL && document.referrer && document.referrer !== window.location.href) {
3045      returnURL = document.referrer;
3046      console.log('referrer fallback:', returnURL);
3047    }
3048
3049    console.log('goBackAndClearHash navigating to:', returnURL);
3050    if (returnURL) {
3051      window.location.href = returnURL;
3052    } else {
3053      history.pushState("", document.title, window.location.pathname + window.location.search);
3054      history.go(-1);
3055    }
3056  }
3057</script>
3057
3058
3059
3060<style>
3061  
3062    a.btn > span.material-icons {
3063      vertical-align:sub;
3064      font-size:20px;
3065      padding-right:4px;
3066    }
3067    .dspPropertyOptions{
3068          display:flex;
3069          width: 100%;
3070          align-content: space-between;
3071          align-items: flex-start;
3072          flex-wrap: nowrap;
3073          margin: 5px 0;
3074      }
3075
3076    .dspPropertyOptions DIV {
3077      float: none;
3078      flex-basis: 100%
3079      /* flex: 1 1 calc(50% - 30px) !important; */
3080    }
3081
3082    .dspPropertyOptions div button.btn.btn-primary,
3083    .dspPropertyOptions div a.btn.btn-primary
3084    {
3085      /* width: calc(100% - 15px) !important; */
3086      padding: 10px 10px !important;
3087      margin: 7px 7px 7px 0px !important;
3088      background-color:white !important;
3089      border:1px solid #e5e5e5 !important;
3090      color:black !important;
3091      width: -webkit-fill-available;
3092      width: -moz-available;
3093    }
3094  
3095  
3096</style>
3097
3098
3099
3100
3101<div class="dspPropertyOptions border">
3102    
3103          
3104
3105          <div class="mx-share dropdown" style="text-align: center;">
3106
3107            <a style="" class="btn btn-primary dropdown-toggle" type="button" id="dropdownShareButtonMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3108              <span class="material-icons">share</span><span class="hidden-xs">SHARE</span> 
3109            </a>
3110
3111
3112
3113
3114
3115            
3116
3117            <div class="dropdown-menu mx-share-options" style="min-width: calc(100% - 15px);top:calc(100% - 6px) !important;margin: 0 7px !important;text-align: center;" aria-labelledby="dropdownShareButtonMenu">
3118                
3119                
3120
3121                <a style="cursor:pointer;" class="dropdown-item facebook-share" title="Share to Facebook" onclick="window.open('https://www.facebook.com/dialog/share?app_id=555807147889603&display=popup&href=https%3A%2F%2Fchicagoapartmentfinders%2Ecom%2Funited%2Dcenter%2Fapartment%2Dfor%2Drent%2Fn%2Dpaulina%2F125868&picture=https://images.realty.mx/32d25e4bfd42434725cae1ccc2dfe99b/images/assets/125868_555411.jpg&title=2 Bedrooms Apartment For Rent in United Center&redirect_uri=https://chicagoapartmentfinders.com/fbThankyou.cfm','sharer','toolbar=0,status=0,width=548,height=350');return false;" rel="nofollow"><i class="fab fa-3x fa-facebook-square"></i></a>
3122                <a style="cursor:pointer;" class="dropdown-item twitter-share" onclick="window.open('http://twitter.com/share?url=https%3A%2F%2Fchicagoapartmentfinders%2Ecom%2Funited%2Dcenter%2Fapartment%2Dfor%2Drent%2Fn%2Dpaulina%2F125868&text=2 Bedrooms Apartment For Rent in United Center&count=horiztonal','sharer','toolbar=0,status=0,width=548,height=350');return false;" title="Share to Twitter" rel="nofollow"><i class="fab fa-3x fa-twitter-square"></i></a>
3123                <a style="cursor:pointer;" class="dropdown-item email-share modalEmailToFriend" data-toggle="modal" data-target="#modalEmailToFriend" title="Share with a friend" rel="nofollow"><i class="fas fa-3x fa-envelope-square"></i></a>
3124            
3125            </div>
3126            
3127          </div>
3128
3129          
3130
3131        
3132
3133        <div class="sprite-icons listing-details-print-btn hidden-xs">
3134            <span class="reicon-print vtip2" title="Print This Listing"></span>
3135            <a class="btn btn-primary btn-large arrow-right" href="javascript:void(0);" onclick="window.open('print.cfm?id=125868&cinfo=0&source=', '_blank')"><span class="material-icons">print</span><span class="hidden-xs">Print</span></a>
3136        </div>
3137
3138        
3139          
3140               
3141          <div class="sprite-icons sprite-icons-neighborhood" style="display:none;">
3142              <span class="reicon-neighborhood vtip2" title="Neighborhood"></span>
3143              <a class="btn btn-primary btn-large arrow-right" href="index.cfm?page=neighborhoods&cat_name=United-Center" >Neighborhood</a>
3144          </div>
3145        
3146            <div class="sprite-icons">
3147                <span class="reicon-binoculars vtip2" title="Similar Listings"></span>
3148                
3149                  <a class="btn btn-primary btn-large arrow-right" 
3150                href="https://chicagoapartmentfinders.com/index.cfm?page=properties&status=2&cat=389&minPrice=2120.75&maxPrice=2869.25&minBeds=2&maxBeds=99999&minBaths=2&startat=1&maxrows=12&sort=Price&order=Desc&Similar=true&ignoreID=125868" rel="nofollow"><span class="material-icons">manage_search</span><span class="hidden-xs">Similar</span></a>  
3151                                
3152            </div>
3153        
3154          <div class="sprite-icons">
3155              <span class="reicon-back vtip2" title="Recently Viewed"></span>
3156              <a class="btn btn-primary btn-large arrow-right" href="index.cfm?page=properties&searchType=recent" rel="nofollow"><span class="material-icons">history</span><span class="hidden-xs">Recent</span></a>
3157          </div>
3158        
3159
3160      <div class="sprite-icons">
3161                    
3162              <a href="#top" 
3163              id="pOptions-saveButton" 
3164              class="btn btn-primary btn-large arrow-right"
3165              data-pid="125868"
3166              data-psource=""
3167              data-paction="save"
3168              onclick="loginAndSaveListing(this); return false;"><span class="material-icons">favorite</span><span class="hidden-xs">Save</span></a>
3169        
3170      </div>
3171
3172    	
3173</div>
3174
3175                <div class="details-wrapper" style="display:flex;">
3176                    <div class="details-inner" style="">
3177                        
3178	<div class="amenities-box" style="margin:0;" >
3179		<h3>Building & Unit Features</h3>
3180		<div class="row">
3181			
3182				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3183					
3184					<li class="amenity"><i class="fa fa-check"></i> City View</li>
3185				</div>
3186			
3187				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3188					
3189					<li class="amenity"><i class="fa fa-check"></i> Dishwasher</li>
3190				</div>
3191			
3192				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3193					
3194					<li class="amenity"><i class="fa fa-check"></i> Eat In Kitchen</li>
3195				</div>
3196			
3197				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3198					
3199					<li class="amenity"><i class="fa fa-check"></i> Fireplace</li>
3200				</div>
3201			
3202				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3203					
3204					<li class="amenity"><i class="fa fa-check"></i> Granite Kitchen</li>
3205				</div>
3206			
3207				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3208					
3209					<li class="amenity"><i class="fa fa-check"></i> Hardwood</li>
3210				</div>
3211			
3212				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3213					
3214					<li class="amenity"><i class="fa fa-check"></i> High Ceilings</li>
3215				</div>
3216			
3217				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3218					
3219					<li class="amenity"><i class="fa fa-check"></i> Laundry In Unit</li>
3220				</div>
3221			
3222				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3223					
3224					<li class="amenity"><i class="fa fa-check"></i> Microwave</li>
3225				</div>
3226			
3227				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3228					
3229					<li class="amenity"><i class="fa fa-check"></i> Open Kitchen</li>
3230				</div>
3231			
3232				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3233					
3234					<li class="amenity"><i class="fa fa-check"></i> Open View</li>
3235				</div>
3236			
3237				<div class="col-xs-6 col-sm-4 property-ammenitiy-option">
3238					
3239					<li class="amenity"><i class="fa fa-check"></i> Stainless Steel Appliances</li>
3240				</div>
3241			
3242		</div>
3243	</div>
3244
3245                            <div style="display: none;margin-top:1em !important;" class="mobile-contact-cta">
3246                                
3247                                <a style="width:100%;" href="javascript:void(0);"  id="jumpToContact" 
3248                                class="btn btn-primary">Contact Agent</a>
3249                            </div>
3250                          
3251                        
3252
3253                        <div class="details-body" style="">
3254
3255
3256
3257                            
3258
3259<div style="">
3260    
3261    <div class="detailsSection" style="margin:1em 0;">
3262    
3263    <div style="clear:both;"></div>
3264
3265</div>
3266
3267</div>
3268
3269
3270                            <div id="long-text">
3271                                West Loop construction features walk-in closet, intercom, Jacuzzi tub, dishwasher, microwave, marble bathroom, stainless steel appliances, cherry cabinets, granite countertops, recessed lighting, 10 foot ceilings and under-cabinet lighting. Pink and Green Lines three blocks away. Easy access to Eisenhower Expressway. Central courtyard and garden. Solid brick construction.<br/><br/> 
3272                            </div>
3273
3274                            	
3275<div class="detailsSection">
3276	
3277			<div class="essentials availability">
3278				<span>Availability:&nbsp;</span>10/15/2026
3279			</div>
3280		
3281			<div class="essentials">
3282				<span>Parking:&nbsp;</span>
3283				Outdoor 
3284			</div>
3285		
3286                <div class="essentials">
3287                    <span>Pet Policy:&nbsp;</span>Small Pets 
3288                </div>
3289            
3290</div> 
3291
3292                        </div>
3293                    </div>
3294
3295                    <div class="details-options" style="">
3296                        
3297                        <div id="contact-agent-div">
3298                            <a id="contact-agent"></a>
3299                            <div class="sticky-contact" style="position:sticky;top:0;">
3300                                <div class="contact-agent-form" style="">
3301                                    
3302
3303
3304   
3305
3306<div id="AgentSide" class="" style="">
3307
3308    	
3309    
3310                <h3>Listing Agent</h3>
3311             
3312                    <br />
3313                    
3314
3315                <div class="agent" style="flex: 1 1 auto;">
3316                        <a href="https://chicagoapartmentfinders.com/?page=agents&id=44">
3317                                <span style="display:none;">Thomas Alcorn</span>
3318                                
3319                                        <div class="image circular agent-small" style="background: url('https://www.chicagoapartmentfinders.com/images//agents/thumbs/44.jpg') no-repeat; background-size:contain; float:left; "></div>
3320                                </a>
3321
3322                        <div class="name">
3323                                <a href="https://chicagoapartmentfinders.com/?page=agents&id=44">Thomas Alcorn</a>
3324                        </div>
3325
3326                        
3327                        <div class="phone">
3328                                <i class="icon-mobile"></i>&nbsp;<a href="tel:312-480-0933">312-480-0933</a>
3329                        </div>
3330                        
3331                                <div class="email">
3332                                        
3333                                                <i class="icon-mail"></i>[email protected] 
3334                                </div>
3335                                
3336                              
3337
3338                </div><!-- /.agent -->        
3339        
3340
3341<div class="content" id="contact-agent">
3342	
3343	<div id="noticeDisplay"></div>
3344
3345	
3346		
3347
3348		<form method="post" id="thisForm"  class="contact-form" action="?page=details&id=125868&source=&submitted=yes">
3349
3350    	  
3351						
3352						<input type="hidden" name="agentEmail" value="[email protected]" />
3353						
3354							<input type="hidden" name="agentID" value="44" />
3355						
3356				<div class="control-group">
3357	          		<div class="controls">
3358						<input aria-label="Your Name" type="text" name="name" id="inputClientName" placeholder="Your Name" class="required">
3359					</div><!-- /.controls -->
3360				</div><!-- /.control-group -->
3361
3362				<div class="control-group">
3363						<div class="controls">
3364								<input  aria-label="Your Email Address"  type="text" name="email" placeholder="Your E-Mail Address" id="inputClientEmail" class="required">
3365						</div><!-- /.controls -->
3366				</div><!-- /.control-group -->
3367        
3368				<div class="control-group">
3369						<div class="controls">
3370							<input type="text" aria-label="Your Phone Number" maxlength="24" name="dayphone" placeholder="Your Phone Number" id="inputPhone" class="required">
3371						</div><!-- /.controls -->
3372				</div><!-- /.control-group -->
3373
3374				<div class="control-group">   
3375						<div class="controls">
3376								
3377								
3378								<textarea aria-label="Your Comments" name="comments" placeholder="Your Comments" id="inputMessage" class="required">I'm interested in this property and would like more information.</textarea>
3379						</div><!-- /.controls -->
3380				</div><!-- /.control-group -->
3381
3382				
3383					<div class="control-group emailSimilar">
3384						<div class="controls checkbox checkbox-primary">
3385							<input type="checkbox" class="checkbox"  aria-label="Email Alerts" value="1" name="enableAlerts" placeholder="Email about Simlar Listings" id="inputEnableAlerts">
3386							<label for="inputEnableAlerts">E-Mail me about similar listings</label>
3387						</div>    
3388					</div>    
3389				
3390
3391				<div class="form-actions">
3392					
3393						<div class="g-recaptcha" 
3394							style="margin-bottom:15px;"
3395							data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 
3396							></div>
3397						<p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p>
3398						
3399					
3400					<span class="small" style="line-height:12px;font-size: 80%;">
3401					
3402						I agree to receive marketing and customer service calls and text messages from Coldwell Banker Rental Division. Consent is not a condition of purchase. Msg/data rates may apply. Msg frequency varies. Reply STOP to unsubscribe. <a href="?page=policy&sub=privacy">Privacy Policy</a>.
3403					
3404					<br><br>
3405					</span>
3406					
3407					
3408					<input type="button" class="btn btn-submit bm0" value="Contact Agent" onclick="submitPropertyContact($('#thisForm'));">
3409					
3410				</div>
3411			<!-- /.form-actions -->
3412			
3413    </form>
3414</div><!-- /.content -->
3415
3416
3417
3418
3419<script>
3420	// trim email value
3421	$().ready(function(){
3422		$('#inputClientEmail').on('change',function(){
3423			$(this).val($.trim($(this).val()));
3424		})
3425	})
3426	
3427
3428	
3429		
3430			function submitPropertyContact(form){
3431				
3432					var captchaIndex = form.dataset ? form.dataset.captchaIndex : 0 || 0;
3433					var googleResponse = grecaptcha.getResponse(captchaIndex) || $(form).find(".g-recaptcha-response").val();
3434					if (!googleResponse) {
3435						$(form).find('.error-captcha').show();
3436						return false;
3437					} else {
3438						$(form).find('.error-captcha').hide();
3439						submitForm();
3440					}
3441				
3442			}
3443		
3444
3445</script>
3445 
3446
3447</div>
3448
3449                                </div>
3450                                
3451                            </div>
3452                        </div>
3453                    </div>
3454
3455                </div>
3456
3457                
3458                
3459                <div style="width:100%;" id="details-map">
3460                    
3461    <style>
3462        .mx-property-map-wrapper {
3463            display:flex;
3464            flex-direction:row;
3465        }
3466        @media (max-width: 768px){
3467            .mx-property-map-wrapper {
3468                flex-direction:column;
3469            } 
3470        }
3471    </style>
3472    <div class="row">
3473        <div class="col-xs-12">
3474            <hr class="mx-full-divider" />						
3475        </div>
3476    </div>
3477
3478    <div class="row" style="display:flex;flex-direction:column;">
3479        
3480        
3481
3482        <div class="mx-property-map-wrapper" >
3483            <div class="col-xs-12 col-sm-8" style="overflow:visible;">
3484                <div class="mx-google-property-map">
3485                    <hr class="mx-mobile-divider" />	
3486                    <a id="propertyMap" name="propertyMap"></a>
3487                    <div style="height:350px!important;overflow:hidden;" id="property-map">
3488                        <div class="map-placeholder" style="height: 350px!important;" ><div class="fa fa-spinner fa-spin fa-4x" style="position:relative;left:50%;padding:0 0 0 0;transition:translate(-50%,-50%);top:0;margin:150px auto; width:auto;"></div><div>Loading Map...</div></div>
3489                        
3490                    </div>
3491                </div>
3492            </div>
3493            
3494                <div class="col-xs-12 col-sm-4" style="display:flex;flex-direction:column;">
3495                    <div id="##mx-mta-wrapper" class="" style="flex: 1 1 auto;">
3496                        
3497            <div id="#mtaWidget" class="mta-locations-widget">
3498            
3499        <style>
3500            .mta-lines {
3501                font-size: .9em;
3502                list-style: none;
3503                margin-left: .2em;
3504                padding: 0 0;
3505            }
3506            .mta-lines-item {
3507                padding-bottom: 0;
3508                padding-top: 0;
3509                display: flex;
3510                flex-direction: column;
3511                margin: 0 auto;
3512                font-size: 14px;
3513            }
3514            .mta-line-symbol {
3515                vertical-align: middle;
3516                width:20px;
3517                height:20px;
3518            }
3519            .mta-locations .mta-line-entrance-desc {
3520                font-size:1em;
3521                padding:10px 0px;
3522            }
3523            .mta-locations.alt .mta-line-entrance-desc {
3524                font-size:1.3em;
3525            }
3526            .mta-locations h2 {
3527                margin-top:0px;
3528            }
3529            .btn-localize {
3530                margin-bottom:0;
3531            }
3532        </style>
3533        
3534            <div class="mta-locations">
3535            <hr class="mx-mobile-divider"/>
3536            <h2>Nearby Subways</h2>
3537            
3538                <ul class="mta-lines" >
3539                    
3540                        <li class="mta-lines-item">
3541                        
3542                            <span class="mta-line-logos">
3543                            
3544                                        <img alt="G" class="mta-line-symbol" width='18' height='18' src="https://idx.realtymx.com/assets/cta/svg/G.svg"/>
3545                                    
3546                                        <img alt="Pnk" class="mta-line-symbol" width='18' height='18' src="https://idx.realtymx.com/assets/cta/svg/Pnk.svg"/>
3547                                    
3548                            </span>
3549                            <span class="mta-line-entrance-desc">
3550                            <strong>Ashland (Loop-63rd-bound)</strong> (~0.23 mile)
3551                            </span>
3552                        </li>
3553                    
3554                </ul>
3555                </div>
3556            
3557            </div>
3558        
3559                    </div>
3560                    <br/>
3561                    
3562                    <a style="display:none;width:100%;" onclick="showGoogleMap();return false;" class="btn btn-secondary btn-google-map">View Area Map</a>
3563                </div>
3564            								
3565        </div>
3566
3567    </div>
3568    
3569    
3569<script>
3570        
3571        var loadLocalize = function(){
3572            console.log('load localize', localizeOpts);
3573            localizeWidgetInit("mx-localize",localizeOpts);
3574            localized = true;
3575        }
3576        var showLocalize = function(){
3577            $('.mx-property-map-wrapper').hide();
3578            $('.mx-localize-wrapper').fadeIn('fast');
3579            $('.mx-localize-wrapper').css('display','flex');
3580            $('.btn-google-map').show();
3581            $('.btn-localize').hide();
3582            if (!localized) loadLocalize();
3583        }
3584        var showGoogleMap = function(){
3585            $('.mx-localize-wrapper').find('iframe').remove();
3586            $('.mx-localize-wrapper').hide();
3587            $('.mx-property-map-wrapper').fadeIn('fast');
3588            $('.btn-google-map').hide();
3589            $('.btn-localize').show();
3590        }
3591    </script>
3591								
3592
3593
3594                </div>
3595
3596                <div style="width:100%;" id="details-idx-disclaimer">
3597                    
3598                </div>
3599
3600                
3601                    <div style="width:100%;">
3602                        
3603
3604<div class="link">
3605	
3606</div>
3607                    </div>
3608                
3609
3610                <div class="divide15"></div>
3611                
3612            </div>
3613
3614        </div>
3615
3616    
3617        <div id="live_chat_status"></div>   
3618        <footer class="black-wrapper">
3619	
3620    
3621
3622    
3623	
3624	<div class="sub-footer">
3625  <div class="container">
3626     
3627     
3628      <p>Coldwell Banker Rental Division &bull; [email protected]</p>
3629     <p>Copyright &copy; 2026 Coldwell Banker Rental Division.</p>    
3630     
3631
3632
3633<div class="content">
3634	
3635	<ul class="social">
3636		
3637					<li><a href="https://www.facebook.com/CBChicagoRental/" target="_blank"><i class="icon-s-facebook"></i></a></li>
3638				
3639					<li><a href="https://twitter.com/cbchicagorental" target="_blank"><i class="icon-s-twitter"></i></a></li>
3640				
3641					<li><a href="https://www.linkedin.com/company/cbchicagorental/" target="_blank"><i class="icon-s-linkedin"></i></a></li>
3642				
3643					<li><a href="http://www.youtube.com/user/BestofCB" target="_blank"><i class="icon-s-youtube"></i></a></li>
3644				
3645					<li><a href="http://www.pinterest.com/chicagohomes" target="_blank"><i class="icon-s-pinterest"></i></a></li>
3646				
3647					<li><a href="https://www.instagram.com/cbrentaldivision/" target="_blank"><i class="icon-s-instagram"></i></a></li>
3648				
3649	</ul>
3650
3651	<ul class="social">
3652		<li>
3653			<a class="logoRealtyMX" target="_blank" href="http://www.realtymx.com">
3654				<img src="style/images/realtymx_logo_gray.png" style="margin-top:-17px;">
3655			</a>
3656		</li>
3657	</ul>
3658
3659</div>
3660  </div>
3661  <div class="container">
3662  <div class='col-xs-12'>
3663    <p class="meta" style="font-size:10px;line-height:normal;">
3664        All information presented on this site regarding real property, for sale,
3665        purchase, rental and/or financing is from sources deemed reliable. No
3666        warranty or representation is made as to the accuracy thereof and same is
3667        submitted subject to errors, omissions, change of price, rentals or other
3668        conditions, prior sale, lease or financing or withdrawal without notice.
3669        Note: All dimensions and square footage are approximate for the most exact
3670        dimensions and square footage please hire your own architect or engineer.
3671    </p>
3672    <br/>
3673    <p class="meta" style="font-size:10px;line-height:normal;">
3674        Real estate agents affiliated with Coldwell Banker are independent contractor sales associates and are not employees of Coldwell Banker.
3675        &copy; 2018 Coldwell Banker Residential Brokerage. All Rights Reserved. Coldwell Banker Residential Brokerage fully supports the principles of the Fair Housing Act and the Equal Opportunity Act. Operated by a subsidiary of NRT LLC. Coldwell Banker and the Coldwell Banker Logo are registered service marks owned by Coldwell Banker Real Estate LLC.
3676    </p>
3677  </div>
3678  </div>
3679</div>
3680
3681 
3682  
3683</footer>
3684<!-- /footer --> 
3685
3686
3687
3688
3689
3690
3691
3692
3693
3694    </div>
3695    
3696
3697<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate">
3698    <input type="hidden" name="fbParam" id="fbParam" value="" />
3699</form>
3700
3701
3702
3703    <div id="loginModal" tabindex="-1" class="modal myAccountModal" role="dialog">
3704        <div class="modal-dialog">
3705            <div class="modal-content">
3706           <div class="modal-header">
3707
3708                <div class="col-xs-12">
3709                    <button type="button" class="close" data-dismiss="modal">x</button>
3710                    
3711                            <h4 style="font-size:18px;" class="modal-title">Log In</h4>
3712                        
3713                </div>
3714
3715            </div>
3716            
3717                
3718
3719                <div class="row-fluid myAccountForm">
3720                
3721
3722<form id="login-Form" method="post">  
3723
3724    <input type="hidden" name="action" value="login">	
3725    
3726    
3727            <input type="hidden" data-type="listingAgent" name="listingAgent" value="44"/>
3728        
3729        <input type="hidden" name="payload" value='&#x7b;&#x7d;'>
3730    
3731    <div class="form-group row">
3732        <div class="col-xs-12 form-row text-input-row email-field">
3733            <input type="email" name="email" class="form-control text-input defaultText input-email" placeholder="Email" aria-label="Email Address" required="required"/>
3734        </div>
3735    </div>
3736    <div class="form-group row">
3737        <div class="col-xs-12 form-row text-input-row password-field">
3738            <input type="password" name="password" class="form-control text-input defaultText password input-pass" placeholder="Password" aria-label="Password" required="required"/>
3739            <p class="forgot"><a title="Forgotten Password" href="index.cfm?page=account&action=reminder">Forgot?</a></p>
3740        </div>
3741    </div>
3742    
3743    <div class="form-group row account-action-options">
3744        <div class="col-xs-12 ">
3745            <input style="    padding: 1em;            font-size: 12px;            min-height: 48px;" type="submit" value="Log In" class="btn btn-large btn-login pull-left">
3746        </div>
3747        
3748    </div>
3749    
3750    <div class="form-group row account-action-status" style="display:none;">
3751        <div class="col-xs-12">
3752            <style>
3753    .spinning-wrapper {
3754        width: 100%;
3755        text-align:center;
3756        margin: 0 auto;
3757    }
3758
3759  .lds-ring {
3760    display: inline-block;
3761    position: relative;
3762    width: 64px;
3763    height: 64px;
3764  }
3765
3766  .lds-ring div {
3767    box-sizing: border-box;
3768    display: block;
3769    position: absolute;
3770    width: 51px;
3771    height: 51px;
3772    margin: 6px;
3773    border: 6px solid #fff;
3774    border-radius: 50%;
3775    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
3776    border-color: black transparent transparent transparent;
3777  }
3778  .lds-ring div:nth-child(1) {
3779    animation-delay: -0.45s;
3780  }
3781  .lds-ring div:nth-child(2) {
3782    animation-delay: -0.3s;
3783  }
3784  .lds-ring div:nth-child(3) {
3785    animation-delay: -0.15s;
3786  }
3787  @keyframes lds-ring {
3788    0% {
3789      transform: rotate(0deg);
3790    }
3791    100% {
3792      transform: rotate(360deg);
3793    }
3794  }
3795</style>
3796<div class="spinning-wrapper">
3797<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
3798</div>
3799        </div>
3800    </div>
3801
3802    
3803</form>
3804
3805
3806                </div>
3807            
3808            
3809                <div class="modal-footer">
3810                    
3811                            <p class="asignup"><a id="aSignUp">OR Create an Account</a></p>
3812                        
3813                </div>
3814            
3815            </div>
3816        </div>
3817    </div>
3818
3819
3820<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate">
3821    <input type="hidden" name="fbParam" id="fbParam" value="" />
3822</form>
3823
3824
3825
3826    <div id="registerModal" tabindex="-1" class="modal myAccountModal" role="dialog">
3827        <div class="modal-dialog">
3828            <div class="modal-content">
3829           <div class="modal-header">
3830
3831                <div class="col-xs-12">
3832                    <button type="button" class="close" data-dismiss="modal">x</button>
3833                    
3834                            <h4 style="font-size:18px;" class="modal-title">Create your profile</h4>
3835                        
3836                </div>
3837
3838            </div>
3839            
3840                
3841
3842                <div class="row-fluid myAccountForm">
3843                
3844
3845<form method="post" id="signup-Form">
3846
3847    <input type="hidden" value="register" name="action">
3848    
3849    
3850            <input type="hidden" data-type="idxAgent" name="listingAgent" value="44"/>
3851        
3852        <input type="hidden" name="payload" value='&#x7b;&#x7d;'>
3853    
3854    <div class="form-group row">
3855        <div class="col-xs-6 form-row text-input-row name-field">
3856            <input type="text" name="firstName" class="form-control text-input defaultText name" placeholder="First Name" aria-label="First Name" aria-required="true" required="required" />
3857        </div>
3858        <div class="col-xs-6  form-row text-input-row name-field">
3859            <input type="text" name="lastName" class="form-control text-input defaultText name" placeholder="Last Name" aria-label="Last Name" aria-required="true" required="required"/>
3860        </div>
3861    </div>
3862
3863    <div class="form-group row">
3864        <div class="col-xs-6 form-row text-input-row email-field">
3865            <input type="email" name="email" class="form-control text-input defaultText email" placeholder="Email" aria-label="Email Address" aria-required="true" required="required"/>
3866        </div>
3867        <div class="col-xs-6 form-row text-input-row phone-field">
3868            <input type="tel" name="phone" class="form-control text-input defaultText phone" placeholder="Phone Number" aria-label="Phone Number" aria-required="true" required="required"/>
3869        </div>
3870    </div>
3871        
3872    <div class="form-group row">
3873        <div class="col-xs-6 form-row text-input-row password-field">
3874            <input type="password"  name="password" id="password" class="form-control text-input defaultText password" placeholder="Password" aria-label="Password" aria-required="true" required="required"/>
3875        </div>
3876        <div class="col-xs-6 form-row text-input-row password-field">
3877            <input type="password"  name="repassword" id="confirm_password" class="form-control text-input defaultText password" placeholder="Re-type Password" aria-label="Password Confirmation" aria-required="true" required="required"/>
3878        </div>
3879    </div>
3880    
3881    
3882    <div class="form-group row">
3883        <div class="col-xs-12 text-center">
3884            <label style="font-weight:bold;">Which are you interested in?</label>
3885            
3886            <label class="checkbox-inline"><input type="checkbox" class="form-control" id="clientTypeRental" name="clientTypeRental" value="1" style="margin-top:-4px" checked/>Rentals</label>
3887            <label class="checkbox-inline"><input type="checkbox" class="form-control" id="clientTypeSales" name="clientTypeSales" value="1" style="margin-top:-4px" />Sales</label>
3888            
3889        </div>
3890    </div>
3891
3892    
3893    <div class="form-group row">
3894        <div class="col-xs-12">
3895            <textarea name="clientInterest" class="form-control" placeholder="Please describe your apartment preferences (e.g., neighborhood, budget, amenities, move-in date)." aria-label="Client Interest" aria-required="true" required="required" rows="3" style="border: 1px solid #ccc; padding: 10px; margin: 5px 0;"></textarea>
3896        </div>
3897    </div>
3898
3899    
3899<script>
3900        // Auto-select rentals if coming from rental registration overlay
3901        document.addEventListener('DOMContentLoaded', function() {
3902            // Check if this is a rental registration
3903            if (window.isRentalRegistration || 
3904                window.location.search.includes('type=rental') ||
3905                true) {
3906                
3907                // Check the rentals checkbox
3908                var rentalCheckbox = document.getElementById('clientTypeRental');
3909                if (rentalCheckbox) {
3910                    rentalCheckbox.checked = true;
3911                    
3912                    // Show DOS form content if it exists AND requireDOSform is true
3913                    
3914                }
3915                
3916                // Uncheck sales if rentals is checked
3917                var salesCheckbox = document.getElementById('clientTypeSales');
3918                if (salesCheckbox) {
3919                    salesCheckbox.checked = false;
3920                }
3921            }
3922            
3923            // Show DOS form if requireDOSform is true
3924            
3925        });
3926        
3927        // Handle checkbox changes for DOS form
3928        document.addEventListener('change', function(e) {
3929            if (e.target.id === 'clientTypeRental') {
3930                var dosFormContent = document.getElementById('dosFormContent');
3931                if (dosFormContent) {
3932                    // Only show DOS form if requireDOSform is explicitly true
3933                    
3934                    var shouldShow = false; // Never show when requireDOSform is not defined
3935                    
3936                    dosFormContent.style.display = shouldShow ? 'block' : 'none';
3937                }
3938            }
3939        });
3940    </script>
3940
3941
3942    
3943    
3944
3945    <div class="form-group row">
3946        <div class="col-xs-12 form-row text-input-row listingAgent-field text-center">
3947            <div class="g-recaptcha" 
3948            
3949            data-sitekey="6LeNq3IUAAAAAB8qEgcis9wJqs5N3ftVrDLiWJWm" 
3950            style="margin:10px auto 15px;width:300px;"></div>
3951
3952            <p style="color:red;display:none;" class="error-captcha">Please check the captcha.</p>
3953        </div>
3954    </div>
3955
3956    
3957
3958    <div class="form-group row">
3959        <div class="col-xs-12 ">
3960            <button style="padding: 1em;font-size: 12px;min-height: 48px;" class="btn btn-large btn-primary btn-register pull-left">Continue</button>
3961        </div>
3962        
3963    </div>
3964
3965    <div class="form-group row account-action-status" style="display:none;">
3966        <div class="col-xs-12">
3967            <style>
3968    .spinning-wrapper {
3969        width: 100%;
3970        text-align:center;
3971        margin: 0 auto;
3972    }
3973
3974  .lds-ring {
3975    display: inline-block;
3976    position: relative;
3977    width: 64px;
3978    height: 64px;
3979  }
3980
3981  .lds-ring div {
3982    box-sizing: border-box;
3983    display: block;
3984    position: absolute;
3985    width: 51px;
3986    height: 51px;
3987    margin: 6px;
3988    border: 6px solid #fff;
3989    border-radius: 50%;
3990    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
3991    border-color: black transparent transparent transparent;
3992  }
3993  .lds-ring div:nth-child(1) {
3994    animation-delay: -0.45s;
3995  }
3996  .lds-ring div:nth-child(2) {
3997    animation-delay: -0.3s;
3998  }
3999  .lds-ring div:nth-child(3) {
4000    animation-delay: -0.15s;
4001  }
4002  @keyframes lds-ring {
4003    0% {
4004      transform: rotate(0deg);
4005    }
4006    100% {
4007      transform: rotate(360deg);
4008    }
4009  }
4010</style>
4011<div class="spinning-wrapper">
4012<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
4013</div>
4014        </div>
4015    </div>
4016    
4017</form> 
4018
4019                </div>
4020            
4021            
4022                <div class="modal-footer">
4023                    
4024                            <p class="asignup"><a id="aLogIn">OR Log In to Your Account</a></p>
4025                        
4026                </div>
4027            
4028            </div>
4029        </div>
4030    </div>
4031
4032
4033<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate">
4034    <input type="hidden" name="fbParam" id="fbParam" value="" />
4035</form>
4036
4037
4038
4039    <div id="activateModal" tabindex="-1" class="modal myAccountModal" role="dialog">
4040        <div class="modal-dialog">
4041            <div class="modal-content">
4042           <div class="modal-header">
4043
4044                <div class="col-xs-12">
4045                    <button type="button" class="close" data-dismiss="modal">x</button>
4046                    
4047                            <h4 style="font-size:18px;" class="modal-title">Activate Account</h4>
4048                        
4049                </div>
4050
4051            </div>
4052            
4053                
4054
4055                <div class="row-fluid myAccountForm">
4056                
4057
4058
4059<form action="index.cfm?page=account" method="get" id="verify-Form">
4060    <input type="hidden" name="page" value="account" />
4061    
4062    <input type="hidden" name="action" value="verify" />
4063    <input type="hidden" name="state" value="send" />
4064    <input type="hidden" name="email" value="" />
4065    
4066    <p>Please activate your account using the code that we emailed to you.</p>     
4067    <div class="form-group row">
4068        <div class="col-xs-12">
4069            <input class="form-control" minlength="6" maxlength="16" required="required" type="text" name="token" aria-label="Verification/Activation code" placeholder="Verification Code"/>
4070        </div>
4071    </div>
4072    <div class="form-group row">
4073        <div class="col-xs-12">
4074            <button class="btn btn-large btn-activate-account pull-left">Continue</button>
4075        </div>
4076    </div>
4077</form>
4078
4079                </div>
4080            
4081            
4082            </div>
4083        </div>
4084    </div>
4085
4086
4087<form name="fbFormLogin" id="fbFormLogin" action="remote.cfm" method="post" novalidate="novalidate">
4088    <input type="hidden" name="fbParam" id="fbParam" value="" />
4089</form>
4090
4091
4092
4093    <div id="messageModal" tabindex="-1" class="modal myAccountModal" role="dialog">
4094        <div class="modal-dialog">
4095            <div class="modal-content">
4096           <div class="modal-header">
4097
4098                <div class="col-xs-12">
4099                    <button type="button" class="close" data-dismiss="modal">x</button>
4100                    
4101                            <h4 style="font-size:18px;" class="modal-title">Notification</h4>
4102                        
4103                </div>
4104
4105            </div>
4106            
4107                
4108
4109                <div class="row-fluid myAccountForm">
4110                
4111                </div>
4112            
4113            
4114            </div>
4115        </div>
4116    </div>
4117
4118	
4118<script>
4119	
4120	
4121		var mxAccountConfig = {
4122			timestamp: new Date()
4123			
4124			,loggedIn: false
4125			,shortName : 'cbrd'
4126			,hasVOWData : false
4127			,activeAccountModal : null
4128			,activeAccountAction : null
4129			,baseURL: 'https://chicagoapartmentfinders.com/'
4130			,isIFRAME: false
4131			,fblg: false
4132			,
4133			alertDisplayMode: false,
4134			isSafari: false
4135		}
4136	
4137
4138	
4139	
4140	</script>
4140
4141	
4142
4143<script>	
4144	(function () {
4145		var loginActions = [];
4146
4147		
4148
4149		if (!loginActions.length) {
4150			return;
4151		}
4152
4153		document.addEventListener('DOMContentLoaded', function () {
4154			var $ = window.jQuery || window.$;
4155			if (!$) {
4156				console.error('jQuery is required for login-model.cfm inline scripts');
4157				return;
4158			}
4159			loginActions.forEach(function (runAction) {
4160				runAction();
4161			});
4162		});
4163	})();	
4164</script>
4164
4165
4166
4167
4168    
4169    
4170    
4170<script>
vendor: 376 bytes, lines 4170-4176
4170
4171      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
4172      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
4173      Date();a=s.createElement(o),
4174      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
4175      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
4176      ga('create', '
4176UA-140800260-1
vendor: 48 bytes, lines 4176-4178
4176', 'auto');
4177      ga('send', 'pageview');
4178    
4178</script>
4178	
4179
4180  </body>
4181</html>
4182

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.